.croppr-container *{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.croppr-container img{vertical-align:middle;max-width:100%}.croppr{width:100%;position:relative;display:inline-block}.croppr-overlay{background:rgba(0,0,0,.5);position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:crosshair}.croppr-region{background:rgba(255,255,255,.1);border:1px solid #39f;position:absolute;z-index:3;cursor:move;top:0;box-sizing:border-box!important}.croppr-dashed,.croppr-solid{display:block;position:absolute;border:0 solid #000;opacity:.5}.croppr-crosshair{display:block;position:absolute;width:0;height:0;left:50%;top:50%;opacity:.75}.croppr-crosshair:after,.croppr-crosshair:before{content:"";display:block;position:absolute;background-color:#000}.croppr-crosshair:before{width:13px;height:1px;top:0;left:-6px}.croppr-crosshair:after{width:1px;height:13px;top:-6px;left:0}.croppr-ruler-h{width:100%;height:calc(100% / 3);top:calc(100% / 3);left:0;border-top-width:1px;border-bottom-width:1px}.croppr-ruler-v{width:calc(100% / 3);height:100%;top:0;left:calc(100% / 3);border-left-width:1px;border-right-width:1px}.croppr-imageClipped{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.croppr-handle{border:1px solid #fff;width:10px;height:10px;position:absolute;z-index:4;top:0;background:#39f}
@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(fonts/KaTeX_AMS-Regular-66c678209ce93b6e2b583f02ce41529e.woff2) format("woff2"),url(fonts/KaTeX_AMS-Regular-10824af77e9961cfd548c8a458f10851.woff) format("woff"),url(fonts/KaTeX_AMS-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(fonts/KaTeX_Caligraphic-Bold-a9e9b0953b078cd40f5e19ef4face6fc.woff2) format("woff2"),url(fonts/KaTeX_Caligraphic-Bold-de2ba279933d60f7819ff61f71c17bed.woff) format("woff"),url(fonts/KaTeX_Caligraphic-Bold.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Caligraphic-Regular-08d95d99bf4a2b2dc7a876653857f154.woff2) format("woff2"),url(fonts/KaTeX_Caligraphic-Regular-a25140fbe6692bffe71a2ab861572eb3.woff) format("woff"),url(fonts/KaTeX_Caligraphic-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(fonts/KaTeX_Fraktur-Bold-796f3797cdf36fcaea18c3070a608378.woff2) format("woff2"),url(fonts/KaTeX_Fraktur-Bold-40934fc076960bb989d590db044fef62.woff) format("woff"),url(fonts/KaTeX_Fraktur-Bold.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Fraktur-Regular-f9e6a99f4a543b7d6cad1efb6cf1e4b1.woff2) format("woff2"),url(fonts/KaTeX_Fraktur-Regular-e435cda5784e21b26ab2d03fbcb56a99.woff) format("woff"),url(fonts/KaTeX_Fraktur-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(fonts/KaTeX_Main-Bold-a9382e25bcf75d856718fcef54d7acdb.woff2) format("woff2"),url(fonts/KaTeX_Main-Bold-4cdba6465ab9fac5d3833c6cdba7a8c3.woff) format("woff"),url(fonts/KaTeX_Main-Bold.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(fonts/KaTeX_Main-BoldItalic-d873734390c716d6e18ff3f71ac6eb8b.woff2) format("woff2"),url(fonts/KaTeX_Main-BoldItalic-5f875f986a9bce1264e8c42417b56f74.woff) format("woff"),url(fonts/KaTeX_Main-BoldItalic.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(fonts/KaTeX_Main-Italic-652970624cde999882102fa2b6a8871f.woff2) format("woff2"),url(fonts/KaTeX_Main-Italic-8ffd28f6390231548ead99d7835887fa.woff) format("woff"),url(fonts/KaTeX_Main-Italic.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Main-Regular-f8a7f19f45060f7a177314855b8c7aa3.woff2) format("woff2"),url(fonts/KaTeX_Main-Regular-f1cdb692ee31c10b37262caffced5271.woff) format("woff"),url(fonts/KaTeX_Main-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(fonts/KaTeX_Math-BoldItalic-1320454d951ec809a7dbccb4f23fccf0.woff2) format("woff2"),url(fonts/KaTeX_Math-BoldItalic-48155e43d9a284b54753e50e4ba586dc.woff) format("woff"),url(fonts/KaTeX_Math-BoldItalic.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(fonts/KaTeX_Math-Italic-d8b7a801bd87b324efcbae7394119c24.woff2) format("woff2"),url(fonts/KaTeX_Math-Italic-ed7aea12d765f9e2d0f9bc7fa2be626c.woff) format("woff"),url(fonts/KaTeX_Math-Italic.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(fonts/KaTeX_SansSerif-Bold-ad546b4719bcf690a3604944b90b7e42.woff2) format("woff2"),url(fonts/KaTeX_SansSerif-Bold-0e897d27f063facef504667290e408bd.woff) format("woff"),url(fonts/KaTeX_SansSerif-Bold.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(fonts/KaTeX_SansSerif-Italic-e934cbc86e2d59ceaf04102c43dc0b50.woff2) format("woff2"),url(fonts/KaTeX_SansSerif-Italic-ef725de572b71381dccf53918e300744.woff) format("woff"),url(fonts/KaTeX_SansSerif-Italic.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(fonts/KaTeX_SansSerif-Regular-1ac3ed6ebe34e473519ca1da86f7a384.woff2) format("woff2"),url(fonts/KaTeX_SansSerif-Regular-5f8637ee731482c44a37789723f5e499.woff) format("woff"),url(fonts/KaTeX_SansSerif-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Script-Regular-1b3161eb8cc67462d6e8c2fb96c68507.woff2) format("woff2"),url(fonts/KaTeX_Script-Regular-a82fa2a7e18b8c7a1a9f6069844ebfb9.woff) format("woff"),url(fonts/KaTeX_Script-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size1-Regular-82ef26dc680ba60d884e051c73d9a42d.woff2) format("woff2"),url(fonts/KaTeX_Size1-Regular-4788ba5b6247e336f734b742fe9900d5.woff) format("woff"),url(fonts/KaTeX_Size1-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size2-Regular-95a1da914c20455a07b7c9e2dcf2836d.woff2) format("woff2"),url(fonts/KaTeX_Size2-Regular-b0628bfd27c979a09f702a2277979888.woff) format("woff"),url(fonts/KaTeX_Size2-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size3-Regular-9108a400f4787cffdcc3a3b813401e6a.woff2) format("woff2"),url(fonts/KaTeX_Size3-Regular-4de844d4552e941f6b9c38837a8d487b.woff) format("woff"),url(fonts/KaTeX_Size3-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size4-Regular-61522cd3d9043622e235ab57762754f2.woff2) format("woff2"),url(fonts/KaTeX_Size4-Regular-3045a61f722bc4b198450ce69b3e3824.woff) format("woff"),url(fonts/KaTeX_Size4-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Typewriter-Regular-b8b8393d2e65fcebda5fa99fa3264f41.woff2) format("woff2"),url(fonts/KaTeX_Typewriter-Regular-0e0460587676d22eae09accd6dcfebc6.woff) format("woff"),url(fonts/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.21"}.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 .mathsfit,.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:.2777777778em;margin-right:-.5555555556em}.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:.8333333333em}.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.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.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.6666666667em}.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.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.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.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.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:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.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.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.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.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.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:.4166666667em}.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:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.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:.8333333333em}.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.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.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:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.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.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.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.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.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.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.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}

@charset "UTF-8";@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc((var(--plyr-range-track-height, 5px)/2)*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius, 8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius, 8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius, 8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}
/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.10.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 11.10.2019
 */
html.os-html,html.os-html>.os-host{display:block;overflow:hidden;box-sizing:border-box;height:100%!important;width:100%!important;min-width:100%!important;min-height:100%!important;margin:0!important;position:absolute!important}html.os-html>.os-host>.os-padding{position:absolute}body.os-dragging,body.os-dragging *{cursor:default}.os-host,.os-host-textarea{position:relative;overflow:visible!important;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}.os-host-flexbox{overflow:hidden!important;display:flex}.os-host-flexbox>.os-size-auto-observer{height:inherit!important}.os-host-flexbox>.os-content-glue{flex-grow:1;flex-shrink:0}.os-host-flexbox>.os-size-auto-observer,.os-host-flexbox>.os-content-glue{min-height:0;min-width:0;flex-grow:0;flex-shrink:1;flex-basis:auto}#os-dummy-scrollbar-size{position:fixed;opacity:0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';visibility:hidden;overflow:scroll;height:500px;width:500px}#os-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}#os-dummy-scrollbar-size,.os-viewport{-ms-overflow-style:scrollbar!important}.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,.os-viewport-native-scrollbars-invisible.os-viewport{scrollbar-width:none!important}.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner{display:none!important;width:0!important;height:0!important;visibility:hidden!important;background:0 0!important}.os-content-glue{box-sizing:inherit;max-height:100%;max-width:100%;width:100%;pointer-events:none}.os-padding{box-sizing:inherit;direction:inherit;position:absolute;overflow:visible;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:1}.os-host-overflow>.os-padding{overflow:hidden}.os-viewport{direction:inherit!important;box-sizing:inherit!important;resize:none!important;outline:0!important;position:absolute;overflow:hidden;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.os-content-arrange{position:absolute;z-index:-1;min-height:1px;min-width:1px;pointer-events:none}.os-content{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:100%;height:100%;width:100%;visibility:visible}.os-content:before,.os-content:after{content:'';display:table;width:0;height:0;line-height:0;font-size:0}.os-content>.os-textarea{box-sizing:border-box!important;direction:inherit!important;background:0 0!important;outline:0 transparent!important;overflow:hidden!important;position:absolute!important;display:block!important;top:0!important;left:0!important;margin:0!important;border-radius:0!important;float:none!important;filter:none!important;border:0!important;resize:none!important;transform:none!important;max-width:none!important;max-height:none!important;box-shadow:none!important;perspective:none!important;opacity:1!important;z-index:1!important;clip:auto!important;vertical-align:baseline!important;padding:0}.os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea{right:0!important}.os-content>.os-textarea-cover{z-index:-1;pointer-events:none}.os-content>.os-textarea[wrap=off]{white-space:pre!important;margin:0!important}.os-text-inherit{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;font-variant:inherit;text-transform:inherit;text-decoration:inherit;text-indent:inherit;text-align:inherit;text-shadow:inherit;text-overflow:inherit;letter-spacing:inherit;word-spacing:inherit;line-height:inherit;unicode-bidi:inherit;direction:inherit;color:inherit;cursor:text}.os-resize-observer,.os-resize-observer-host{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.os-resize-observer-host{padding:inherit;border:inherit;border-color:transparent;border-style:solid;box-sizing:border-box}.os-resize-observer-host:after{content:''}.os-resize-observer-host>.os-resize-observer,.os-resize-observer-host:after{height:200%;width:200%;padding:inherit;border:inherit;margin:0;display:block;box-sizing:content-box}.os-resize-observer.observed,object.os-resize-observer{box-sizing:border-box!important}.os-size-auto-observer{box-sizing:inherit!important;height:100%;width:inherit;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.os-size-auto-observer>.os-resize-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}.os-resize-observer-item{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-1;opacity:0;direction:ltr!important;flex:none!important}.os-resize-observer-item-final{position:absolute;left:0;top:0;transition:none!important;flex:none!important}.os-resize-observer{animation-duration:.001s;animation-name:hs-resize-observer-dummy-animation}.os-host-transition>.os-scrollbar,.os-host-transition>.os-scrollbar-corner{transition:opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s}html.os-html>.os-host>.os-scrollbar{position:absolute;z-index:999999}.os-scrollbar,.os-scrollbar-corner{position:absolute;opacity:1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';z-index:1}.os-scrollbar-corner{bottom:0;right:0}.os-scrollbar{pointer-events:none}.os-scrollbar-track{pointer-events:auto;position:relative;height:100%;width:100%;padding:0!important;border:0!important}.os-scrollbar-handle{pointer-events:auto;position:absolute;width:100%;height:100%}.os-scrollbar-handle-off,.os-scrollbar-track-off{pointer-events:none}.os-scrollbar.os-scrollbar-unusable,.os-scrollbar.os-scrollbar-unusable *{pointer-events:none!important}.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-host-rtl>.os-scrollbar-horizontal{right:0}.os-host-rtl>.os-scrollbar-vertical{right:auto;left:0}.os-host-rtl>.os-scrollbar-corner{right:auto;left:0}.os-scrollbar-auto-hidden,.os-padding+.os-scrollbar-corner,.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner,.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal,.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner,.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical,.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner,.os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner,.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner{opacity:0;visibility:hidden;pointer-events:none}.os-scrollbar-corner-resize-both{cursor:nwse-resize}.os-host-rtl>.os-scrollbar-corner-resize-both{cursor:nesw-resize}.os-scrollbar-corner-resize-horizontal{cursor:ew-resize}.os-scrollbar-corner-resize-vertical{cursor:ns-resize}.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize{cursor:default}.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical{top:0;bottom:0}.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal,.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal{right:0;left:0}.os-scrollbar:hover,.os-scrollbar-corner.os-scrollbar-corner-resize{opacity:1!important;visibility:visible!important}.os-scrollbar-corner.os-scrollbar-corner-resize{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);background-repeat:no-repeat;background-position:100% 100%;pointer-events:auto!important}.os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize{transform:scale(-1,1)}.os-host-overflow{overflow:hidden!important}@keyframes hs-resize-observer-dummy-animation{0%{z-index:0}to{z-index:-1}}.os-theme-none>.os-scrollbar-horizontal,.os-theme-none>.os-scrollbar-vertical,.os-theme-none>.os-scrollbar-corner{display:none!important}.os-theme-none>.os-scrollbar-corner-resize{display:block!important;min-width:10px;min-height:10px}.os-theme-dark>.os-scrollbar-horizontal,.os-theme-light>.os-scrollbar-horizontal{right:10px;height:10px}.os-theme-dark>.os-scrollbar-vertical,.os-theme-light>.os-scrollbar-vertical{bottom:10px;width:10px}.os-theme-dark.os-host-rtl>.os-scrollbar-horizontal,.os-theme-light.os-host-rtl>.os-scrollbar-horizontal{left:10px;right:0}.os-theme-dark>.os-scrollbar-corner,.os-theme-light>.os-scrollbar-corner{height:10px;width:10px}.os-theme-dark>.os-scrollbar-corner,.os-theme-light>.os-scrollbar-corner{background-color:transparent}.os-theme-dark>.os-scrollbar,.os-theme-light>.os-scrollbar{padding:2px;box-sizing:border-box;background:0 0}.os-theme-dark>.os-scrollbar.os-scrollbar-unusable,.os-theme-light>.os-scrollbar.os-scrollbar-unusable{background:0 0}.os-theme-dark>.os-scrollbar>.os-scrollbar-track,.os-theme-light>.os-scrollbar>.os-scrollbar-track{background:0 0}.os-theme-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle{min-width:30px}.os-theme-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle{min-height:30px}.os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{transition:background-color .3s}.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-dark>.os-scrollbar>.os-scrollbar-track,.os-theme-light>.os-scrollbar>.os-scrollbar-track{border-radius:10px}.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(0,0,0,.4)}.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(255,255,255,.4)}.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(0,0,0,.55)}.os-theme-light>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(255,255,255,.55)}.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active{background:rgba(0,0,0,.7)}.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active{background:rgba(255,255,255,.7)}.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before{display:none}.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before{top:-6px;bottom:-2px}.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before{left:-6px;right:-2px}.os-host-rtl.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-host-rtl.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before{right:-6px;left:-2px}
.ember-content-editable:empty:not(:focus):before,
.ember-content-editable:focus:empty:before {
  content: attr(placeholder);
}

.ember-content-editable {
  cursor: text;
  -webkit-user-modify: read-write-plaintext-only;
}

.ember-content-editable:empty {
  color: #a9a9a9;
}

.ember-content-editable:empty:after {
  content: "\0000a0";
}

.ember-content-editable[contenteditable]:empty:not(:focus):before,
.ember-content-editable[contenteditable]:focus:empty:before {
  content: attr(placeholder);
}

.ember-content-editable[contenteditable].clear-on-focus:empty:focus:before {
  content: '';
}

.ember-content-editable[contenteditable] {
  cursor: text;
  -webkit-user-modify: read-write-plaintext-only;
}

.ember-content-editable[contenteditable]:empty {
  color: #a9a9a9;
}

.ember-content-editable[contenteditable]:empty:after {
  content: "\0000a0";
}

.ember-tooltip-base {
  display: none;
  height: 0;
  width: 0;
  position: absolute;
}

.ember-tooltip,
.ember-popover {
  margin-bottom: 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  position: absolute;
  z-index: 2;

  font-size: 14px;
  font-family: inherit;
  border-radius: 3px;
}

.ember-tooltip {
  max-width: 200px;
  padding: 6px 10px;
  color: #fff;
  background: #3a3c47;
  text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
  white-space: normal; /* IE doesnt support initial so fall back to normal */
  white-space: initial;
}

.ember-popover {
  color: #000;
  background-color: #fff;
  padding: 10px 20px;
  border: 1px solid #ccc;
}

.ember-popover[aria-hidden="false"] {
  pointer-events: auto;
  cursor: initial;
  -webkit-touch-callout: auto;
  -webkit-user-select: auto;
  user-select: auto;
}

.ember-tooltip-arrow,
.ember-popover-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border: 5px solid transparent;
}

.ember-tooltip, .ember-popover {
  opacity: 0;
  transition: opacity ease-out, margin ease-out;
  transition-duration: 200ms;
}

.ember-tooltip.ember-tooltip-effect-none,
.ember-popover.ember-tooltip-effect-none,
.ember-tooltip.ember-tooltip-show,
.ember-popover.ember-tooltip-show {
  opacity: 1;
}

.ember-tooltip[x-placement^="top"] .ember-tooltip-arrow,
.ember-popover[x-placement^="top"] .ember-popover-arrow {
  border-bottom-width: 0;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.ember-tooltip[x-placement^="top"] .ember-tooltip-arrow {
  border-top-color: #3a3c47;
}

.ember-popover[x-placement^="top"] .ember-popover-arrow {
  border-top-color: #ccc;
}

.ember-tooltip[x-placement^="right"] .ember-tooltip-arrow,
.ember-popover[x-placement^="right"] .ember-popover-arrow {
  border-left-width: 0;
  left: -5px;
  top: calc(50% - 5px);
  margin-right: 0;
  margin-left: 0;
}

.ember-tooltip[x-placement^="right"] .ember-tooltip-arrow {
  border-right-color: #3a3c47;
}

.ember-popover[x-placement^="right"] .ember-popover-arrow {
  border-right-color: #ccc;
}

.ember-tooltip[x-placement^="bottom"] .ember-tooltip-arrow,
.ember-popover[x-placement^="bottom"] .ember-popover-arrow {
  border-top-width: 0;
  top: -5px;
  left: calc(50% - 5px);
  margin-bottom: 0;
  margin-top: 0;
}

.ember-tooltip[x-placement^="bottom"] .ember-tooltip-arrow {
  border-bottom-color: #3a3c47;
}

.ember-popover[x-placement^="bottom"] .ember-popover-arrow {
  border-bottom-color: #ccc;
}

.ember-tooltip[x-placement^="left"] .ember-tooltip-arrow,
.ember-popover[x-placement^="left"] .ember-popover-arrow {
  border-right-width: 0;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.ember-tooltip[x-placement^="left"] .ember-tooltip-arrow {
  border-left-color: #3a3c47;
}

.ember-popover[x-placement^="left"] .ember-popover-arrow {
  border-left-color: #ccc;
}

html {
  -webkit-tap-highlight-color: transparent;
}
.board-lessons {
  /* arimo-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese */
  /* lexend-deca-regular - latin_latin-ext_vietnamese */
  /* lexend-deca-500 - latin_latin-ext_vietnamese */
  /* lexend-deca-600 - latin_latin-ext_vietnamese */
  /* mulish-regular - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
  /* mulish-italic - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
  /* mulish-700 - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
  /* mulish-700italic - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
  /* open-sans-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
  /* open-sans-italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
  /* open-sans-600 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
  /* open-sans-700 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
  /* open-sans-700italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
  /* open-sans-800 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
  /* Group Colors */
  /* ParnasSys */
  /* Folders */
  /* Page */
  /* Tabs */
  /* Toolbar */
  /* Callout menu buttons */
  /* Callout menu */
  /* Undo & redo buttons */
  /* Selection handles */
  /* Gynzy Button */
  /* Page buttons */
  /* content lists */
  /* Timetable */
  /* For mobile-only components, use the large size when possible, and for other values, use double of what is in the design. */
  /* For mobile-only components, use the large size when possible, and for other values, use double of what is in the design. */
  /* stylelint-disable no-duplicate-selectors */
  width: 100%;
  height: 100%;
  font-family: 'Open Sans', sans-serif;
  -webkit-print-color-adjust: exact;
}
.board-lessons .board__paragraph-style {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  color: #556474;
  margin: 0;
}
.board-lessons .board__header-style {
  font-family: 'Open Sans', sans-serif;
  font-size: 2.1875rem;
  font-weight: 600;
  color: #3f4c5a;
  margin: 1.5625rem 0;
}
.board-lessons .background-layer {
  display: block;
  width: 100%;
  height: 100%;
}
.board-lessons .background-layer .background-image-container {
  width: 1280px;
  height: 660px;
  overflow: hidden;
}
.board-lessons .background-layer .thumbnail-image-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.board-lessons .background-layer .background-guidelines {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.board-lessons .background-layer .background-guidelines line {
  stroke: #e64545;
}
.board-lessons .background-layer .page-separators {
  position: absolute;
  width: 100%;
  height: 100%;
}
.board-lessons .background-layer .page-separators line {
  stroke: #d1d3de;
}
.board-lessons .background-layer .line-background-svg {
  width: 100%;
}
.board-lessons .background-settings-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.66666667rem;
}
.board-lessons .background-settings-container .subtitle {
  color: #2a3541;
  font-family: var(--font-family-base);
  font-size: 1.66666667rem;
  font-style: normal;
  font-weight: 600;
}
.board-lessons .background-settings-container .state-switcher-container {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.board-lessons .background-settings-container .state-switcher-container span {
  margin-right: 1.04166667rem;
  font-family: var(--font-family-base);
  font-size: 1.66666667rem;
  color: #556474;
  -webkit-user-select: none;
          user-select: none;
}
.board-lessons .background-settings-container .visual-options-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.66666667rem;
}
.board-lessons .background-settings-container .option-cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.66666667rem;
}
.board-lessons .background-settings-container .option-cards .background-option-card {
  display: flex;
  padding: 1.66666667rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 0.83333333rem;
  align-self: stretch;
  cursor: pointer;
  border-radius: 0.83333333rem;
  box-shadow: inset 0 0 0 0.10416667rem #d1d3de;
  background: #ffffff;
  transition: box-shadow 0.15s;
}
.board-lessons .background-settings-container .option-cards .background-option-card.selected {
  box-shadow: inset 0 0 0 0.20833333rem #28759f;
  background: #effaff;
}
.board-lessons .background-settings-container .option-cards .background-option-card.selected span {
  color: #1f5e7f;
}
.board-lessons .background-settings-container .option-cards .background-option-card .image-container {
  width: 4.16666667rem;
  height: 4.16666667rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.board-lessons .background-settings-container .option-cards .background-option-card .image-container .svg__icon {
  width: 4.16666667rem;
  height: 4.16666667rem;
}
.board-lessons .background-settings-container .option-cards .background-option-card span {
  color: #2a3541;
  text-align: center;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
}
.board-lessons .background-settings-container .switches-container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  margin-top: 1.66666667rem;
}
.board-lessons .board__board-lesson.board-lesson {
  top: 0;
  left: 0;
  background: #e9eaef;
  position: fixed;
  -webkit-user-select: none;
          user-select: none;
  margin: 0;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}
.board-lessons .board__board-lesson.board-lesson.glassplate {
  background: none;
}
.board-lessons .board__board-lesson.board-lesson.drawing .top {
  pointer-events: none;
}
.board-lessons .board__board-lesson.board-lesson.interactions-disabled {
  pointer-events: none;
}
.board-lessons .board__board-lesson.board-lesson .drop-over-board-lesson {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 7.29166667rem);
  z-index: 1;
  box-sizing: border-box;
  pointer-events: none;
}
.board-lessons .board__board-lesson.board-lesson .snackbar--wrapper {
  position: fixed;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  bottom: 7.29166667rem;
}
.board-lessons .board__board-lesson.board-lesson .snackbar--wrapper.position-bottom-right {
  transform: translateX(0);
  inset: auto calc(24 * 0.10416667rem) 7.29166667rem auto;
}
@media print {
  .board-lessons .board__board-lesson.board-lesson {
    background: none;
  }
  .board-lessons .board__board-lesson.board-lesson .top {
    display: none;
  }
}
.board-lessons .board__board-lesson.board-lesson .demo-mode-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 1000;
  pointer-events: none;
}
.board-lessons .board__board-lesson.board-lesson .demo-mode-layer.countdown {
  opacity: 0.6;
  background-color: white;
}
.board-lessons .board__board-lesson.board-lesson .demo-mode-layer .demo-mode-video {
  width: 100vw;
  height: 100vh;
}
.board-lessons .board__board-lesson.board-lesson .demo-mode-layer > .demo-mode-video {
  transition: 0.5s ease;
  opacity: 0;
}
.board-lessons .board__board-lesson.board-lesson .demo-mode-layer.active > .demo-mode-video {
  opacity: 1;
  background-color: white;
}
.board-lessons .board__board-lesson.board-lesson .demo-mode-layer .demo-mode-countdown {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2.5rem;
  color: black;
  transition: 1s ease;
  animation: countdownFadeIn 0.25s ease-in-out forwards;
  text-align: center;
}
.board-lessons .board__board-lesson.board-lesson .demo-mode-layer .demo-mode-countdown p {
  margin-bottom: 1.66666667rem;
}
.board-lessons .board__board-lesson.board-lesson .demo-mode-layer .demo-mode-countdown i {
  font-size: 1.66666667rem;
}
@keyframes countdownFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.board-lessons .board-lessons {
  position: fixed;
  height: calc(100% - 7.291666666666667rem);
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  touch-action: none;
  will-change: transform;
}
.board-lessons .board-page {
  position: fixed;
  left: 0;
  top: 0;
  display: inline-block;
  box-sizing: border-box;
}
.board-lessons .board-page.top {
  margin-top: 7.29166667rem;
}
.board-lessons .board-page .shape-line {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
@media print {
  .board-lessons .board-page {
    position: absolute;
  }
  .board-lessons .board-page.clip-page .board-lessons {
    clip-path: polygon(0 0, 100% 0, 100% 660px, 0 660px);
  }
  .board-lessons .board-page .page-separators {
    visibility: hidden;
  }
  .board-lessons .board-page.webkit-print.size-a4 .board-lessons {
    transform: scale(0.78125);
  }
  .board-lessons .board-page.webkit-print.size-letter .board-lessons {
    transform: scale(0.75);
  }
  .board-lessons .board-page.default-print {
    top: 40px;
    left: 20px;
  }
}
@media print and (orientation: portrait) {
  .board-lessons .board-page.default-print .board-lessons {
    transform: scale(0.5859375);
  }
}
@media print and (orientation: landscape) {
  .board-lessons .board-page.default-print.size-a4 .board-lessons {
    transform: scale(0.84375);
  }
  .board-lessons .board-page.default-print.size-letter .board-lessons {
    transform: scale(0.796875);
  }
}
.board-lessons .board__board-tour {
  position: absolute;
  pointer-events: none;
}
.board-lessons .board__board-tour-overlay {
  position: absolute;
  inset: 0 0 7.29166667rem;
}
.board-lessons .board__board-tour-video {
  padding: 2.5rem;
}
.board-lessons .board__board-tour_popover.ember-popover {
  padding: 1.04166667rem;
  border-radius: 0.52083333rem;
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.board-lessons .board__board-tour_popover.ember-popover .ember-popover-arrow::after {
  z-index: 1;
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  margin-left: 0;
  bottom: 0;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border: 1px solid #000;
  background-color: white;
  border-color: transparent transparent #ccc #ccc;
  transform: rotate(45deg);
}
.board-lessons .board__board-tour_popover.ember-popover[x-placement^='left'] > .ember-popover-arrow {
  right: -10px;
  border: none;
}
.board-lessons .board__board-tour_popover.ember-popover[x-placement^='left'] > .ember-popover-arrow::after {
  top: -10px;
  left: -20px;
  transform: rotate(225deg);
}
.board-lessons .board__board-tour_popover.ember-popover[x-placement^='right'] > .ember-popover-arrow {
  left: -10px;
  border: none;
}
.board-lessons .board__board-tour_popover.ember-popover[x-placement^='right'] > .ember-popover-arrow::after {
  top: -10px;
  transform: rotate(45deg);
}
.board-lessons .board__board-tour_popover.ember-popover[x-placement^='top'] > .ember-popover-arrow {
  bottom: -10px;
  border: none;
}
.board-lessons .board__board-tour_popover.ember-popover[x-placement^='top'] > .ember-popover-arrow::after {
  top: -20px;
  left: -10px;
  transform: rotate(315deg);
}
.board-lessons .board__board-tour_popover.ember-popover[x-placement^='bottom'] > .ember-popover-arrow {
  top: -10px;
  border: none;
}
.board-lessons .board__board-tour_popover.ember-popover[x-placement^='bottom'] > .ember-popover-arrow::after {
  bottom: -20px;
  left: -10px;
  transform: rotate(135deg);
}
.board-lessons .board__board-tour_popover .tour-step-wrapper {
  max-width: 31.25rem;
  margin: 1.04166667rem;
}
.board-lessons .board__board-tour_popover .tour-step-wrapper .tour-step-close {
  display: flex;
  justify-content: flex-end;
}
.board-lessons .board__board-tour_popover .tour-step-wrapper .tour-step-close button.button__icon {
  width: 1.04166667rem;
  height: 1.04166667rem;
}
.board-lessons .board__board-tour_popover .tour-step-wrapper .tour-step-description {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.66666667rem;
  color: #556474;
  margin: 0 1.66666667rem 1.66666667rem 1.66666667rem;
}
.board-lessons .board__board-tour_popover .tour-step-wrapper .tour-step-footer {
  display: flex;
  justify-content: space-between;
  font-size: 1.66666667rem;
  color: #6b7c8e;
  margin: 0 1.66666667rem;
}
.board-lessons .board__board-tour_popover .generic-tour-end-wrapper {
  width: 20.83333333rem;
  margin: 2.08333333rem;
}
.board-lessons .board__board-tour_popover .generic-tour-end-wrapper .tour-end-text {
  font-family: var(--font-family-header);
  font-size: 16px;
  font-weight: bold;
  margin-top: 2.08333333rem;
}
.board-lessons .board__board-tour_popover .generic-tour-end-wrapper .svg__icon {
  width: 2.70833333rem;
  height: 2.70833333rem;
}
.board-lessons .drag-selection-layer {
  width: 100%;
  height: 100%;
}
.board-lessons .drag-selection-layer .drag-selection-element {
  position: absolute;
  cursor: move;
  background-color: rgba(78, 146, 255, 0.25);
}
.board-lessons .drag-selection-layer.drag-selection-element {
  z-index: 10;
}
.board-lessons .drag-selection-layer .leftright,
.board-lessons .drag-selection-layer .topbottom {
  position: absolute;
  width: 100%;
  height: 100%;
}
.board-lessons .drag-selection-layer .leftright::after,
.board-lessons .drag-selection-layer .leftright::before,
.board-lessons .drag-selection-layer .topbottom::after,
.board-lessons .drag-selection-layer .topbottom::before {
  content: '';
  position: absolute;
}
.board-lessons .drag-selection-layer .leftright::after,
.board-lessons .drag-selection-layer .leftright::before {
  top: 0;
  bottom: 0;
  height: 100%;
  width: 1px;
  background-image: linear-gradient(to top, #4e92ff 50%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 1px 8px;
  background-repeat: repeat-y;
}
.board-lessons .drag-selection-layer .topbottom::after,
.board-lessons .drag-selection-layer .topbottom::before {
  left: 0;
  right: 0;
  height: 1px;
  width: 100%;
  background-image: linear-gradient(to right, #4e92ff 50%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 8px 1px;
  background-repeat: repeat-x;
}
.board-lessons .drag-selection-layer .leftright::before {
  left: 0;
}
.board-lessons .drag-selection-layer .leftright::after {
  right: 0;
}
.board-lessons .drag-selection-layer .topbottom::before {
  top: 0;
}
.board-lessons .drag-selection-layer .topbottom::after {
  bottom: 0;
}
.board-lessons .element-link-layer {
  width: 100%;
  height: 100%;
}
.board-lessons .element-link-layer .element-link-selection {
  width: 100%;
  height: 100%;
}
.board-lessons .drawing-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.board-lessons .drawing-layer canvas {
  position: absolute;
}
.board-lessons .element-layer {
  overflow: hidden;
}
.board-lessons .element-layer .transform-wrapper {
  position: absolute;
  width: inherit;
}
.board-lessons .element-layer .transform-wrapper.hide-selection-background .select-rect {
  background: none !important;
}
.board-lessons .element-layer .transform-wrapper.board-tour-active {
  filter: grayscale(1);
}
.board-lessons .element-layer .transform-wrapper.board-tour-selected-element {
  filter: none;
  z-index: 1;
}
.board-lessons .element-layer.drawing-mode .transform-wrapper {
  pointer-events: none !important;
  --button-pointer-events: auto;
}
.board-lessons .element-layer.drawing-mode .transform-wrapper button.styleguide {
  pointer-events: auto !important;
}
.board-lessons .element-layer.dragging-mode * {
  pointer-events: none !important;
}
.board-lessons .element-layer .shape-element:not(.is-selected),
.board-lessons .element-layer .link-element:not(.is-selected) {
  pointer-events: none;
}
.board-lessons .element-layer.duplicate-cursor {
  cursor: copy !important;
}
.board-lessons .element-layer.duplicate-cursor .transform-wrapper {
  cursor: copy !important;
}
.board-lessons .element-layer.duplicate-cursor .transform-wrapper * {
  cursor: copy !important;
}
.board-lessons .eraser-indicator-layer {
  width: 0;
  height: 0;
}
.board-lessons .eraser-indicator-layer .eraser-indicator {
  position: absolute;
  border: 1px solid black;
  border-radius: 50%;
  cursor: crosshair;
}
.board-lessons .styleguide.gynzy.button__square.color--light:disabled {
  opacity: 1 !important;
}
.board-lessons .styleguide.gynzy.button__square.color--light:disabled .flat__icon,
.board-lessons .styleguide.gynzy.button__square.color--light:disabled .svg__icon {
  opacity: 0.5;
}
@font-face {
  font-display: swap;
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/arimo/arimo-v29-all-regular-1e3a0e94ba2bc8dcb88dd8a4d7e4cd08.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-regular-5dc449bf89c8996180f0bf586f6370e7.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 500;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-500-86663f8e4c24f0f64ebbcf94016b651a.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 600;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-600-f70f8f823d24acc577ce02d800e1dd23.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-regular-c8802cd4edbbc28ae7c85e4374d3f924.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-italic-1db4ee7c71dfc060681293c00828e521.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-700-639ec8157b44583ea8ed7fad3d8dfeb0.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-700italic-c5a3347dc8754ff8fda86531e03797a6.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-regular-c07cd0d1a063582245c8193d978f799b.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-italic-d4e5cf548d6dedbed35fa9fd65b37ef0.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-600-b94f001b27f8c83057b118dff8d859cc.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-700-d03f336b3845249375499d014fa49b55.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-700italic-e6888e94f2367285f7776ed161bdb8ce.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-800-18f82823a9df95dec46891f281b3df46.woff2') format('woff2');
}
@font-face {
  font-family: 'ds-digi';
  src: url('../gynzy-styleguide/assets/fonts/ds-digi/ds-digi-839cd00f56360147c956a354753eaa07.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
.board-lessons .font-arial-bold {
  font-family: 'Arial';
  font-style: normal;
  font-weight: bold;
}
.board-lessons .font-open-sans {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
}
.board-lessons .font-open-sans-italic {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
}
.board-lessons .font-open-sans-semibold {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
}
.board-lessons .font-open-sans-bold {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
}
.board-lessons .font-open-sans-bold-italic {
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: 'Dyslexie';
  src: url('fonts/dyslexie/dyslexie_regular-8eba09fccf5b76b4ce311da1d3d18020.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Dyslexie';
  src: url('fonts/dyslexie/dyslexie_bold-091d30060f7dcdd8bd1c5e2fd101ac7a.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Dyslexie';
  src: url('fonts/dyslexie/dyslexie_italic-51f7d11a8928663da372a1a69d3b07b8.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Dyslexie';
  src: url('fonts/dyslexie/dyslexie_italic_bold-7431e1e5e255be9bca380d3b0bf1efb2.woff2') format('woff2');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Grundschrift';
  src: url('fonts/grundschrift/grundschrift-regular-ce4a9bfc658fe60a7af9cf2493b19f00.woff') format('woff');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'Grundschrift';
  font-style: normal;
  font-weight: bold;
  src: url('fonts/grundschrift/grundschrift-bold-be5316928fab2d608412b7ab58713aae.woff') format('woff');
}
@font-face {
  font-family: 'Vereinfachte Ausgangsschrift';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/vereinfachte-ausgangsschrift/vereinfachte-ausgangsschrift.ttf') format('truetype');
}
@font-face {
  font-family: 'Corsivo Primaria';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/corsivo-primaria/corsivo-primaria.ttf') format('truetype');
}
@font-face {
  font-family: 'Deutschschweizer Basisschrift';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/dch-basisschrift/dch-basisschrift.ttf') format('truetype');
}
@font-face {
  font-family: 'Playwrite NL';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/playwrite/playwrite-nl-v3-05efa17fd568477f3aacad4ac2867289.woff2') format('woff2');
}
@font-face {
  font-family: 'Playwrite BE VLG';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/playwrite/playwrite-be-vlg-v1-latin-regular-332addd7b270b6e373c540abb312bdef.woff2') format('woff2');
}
@font-face {
  font-family: 'Edu NSW ACT Foundation';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/edu-nsw-act-foundation/edu-nsw-act-foundation-0f86befcd6bde2319a70e2bb470befb3.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url('fonts/dancing-script/dancing-script_regular-ad6d220bc88d7b9067cfd05410d25da6.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url('fonts/dancing-script/dancing-script_bold-043ffaaac372ec5dd31641cb16a673da.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Grandstander';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url('fonts/grandstander/grandstander_regular-343e81d54929d5308bc2cabf8a82e5c9.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Grandstander';
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url('fonts/grandstander/grandstander_bold-fc678887e291e7199c69e41051d3a15a.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Grandstander';
  font-style: italic;
  font-weight: normal;
  font-display: swap;
  src: url('fonts/grandstander/grandstander_italic-afab775c1eac8334a5c6dd73066eddce.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Grandstander';
  font-style: italic;
  font-weight: bold;
  font-display: swap;
  src: url('fonts/grandstander/grandstander_bolditalic-afab775c1eac8334a5c6dd73066eddce.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Finger Paint';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url('fonts/finger-paint/finger-paint-c5114139733c9d9c8a0800cc0f813874.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cabin Sketch';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url('fonts/cabin-sketch/cabin-sketch_regular-e18fe0ab7abddae61716e75d32052df6.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cabin Sketch';
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url('fonts/cabin-sketch/cabin-sketch_bold-920cf2ce3e0b77585d3c07965f100571.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url('fonts/amatic-sc/amatic-sc_regular-8e85f6c016dfe8736f057e647d2e3821.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url('fonts/amatic-sc/amatic-sc_bold-cc9620c671ad7bcfbbeb342383ada920.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Sigmar One';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url('fonts/sigmar-one/sigmar-one_regular-2ef0a0a640c6d377b61a771a7701b437.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url('fonts/lexend-deca/lexend-deca-v21-all-regular-5dc449bf89c8996180f0bf586f6370e7.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/lexend-deca/lexend-deca-v21-all-500-86663f8e4c24f0f64ebbcf94016b651a.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/lexend-deca/lexend-deca-v21-all-600-f70f8f823d24acc577ce02d800e1dd23.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url('fonts/lexend-deca/lexend-deca-v21-all-600-f70f8f823d24acc577ce02d800e1dd23.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.board-lessons .text-element-font-arial {
  font-family: 'Arimo', 'Arial';
}
.board-lessons .text-element-font-timesnewroman {
  font-family: 'Times New Roman';
}
.board-lessons .text-element-font-comicsans {
  font-family: 'Comic Sans MS';
}
.board-lessons .text-element-font-school {
  font-family: 'Mulish';
}
.board-lessons .text-element-font-dyslexie {
  font-family: 'Dyslexie';
}
.board-lessons .text-element-font-opensans {
  font-family: 'Open Sans';
}
.board-lessons .text-element-font-lexend-deca {
  font-family: 'Lexend Deca';
}
.board-lessons .text-element-font-grundschrift {
  font-family: 'Grundschrift';
}
.board-lessons .text-element-font-vereinfachte-ausgangsschrift {
  font-family: 'Vereinfachte Ausgangsschrift';
}
.board-lessons .text-element-font-corsivo-primaria {
  font-family: 'Corsivo Primaria';
}
.board-lessons .text-element-font-dch-basisschrift {
  font-family: 'Deutschschweizer Basisschrift';
}
.board-lessons .text-element-font-edu-nsw-act-foundation {
  font-family: 'Edu NSW ACT Foundation';
}
.board-lessons .text-element-font-dancing-script {
  font-family: 'Dancing Script';
}
.board-lessons .text-element-font-grandstander {
  font-family: 'Grandstander';
}
.board-lessons .text-element-font-finger-paint {
  font-family: 'Finger Paint';
}
.board-lessons .text-element-font-cabin-sketch {
  font-family: 'Cabin Sketch';
}
.board-lessons .text-element-font-amatic-sc {
  font-family: 'Amatic SC';
}
.board-lessons .text-element-font-sigmar-one {
  font-family: 'Sigmar One';
}
.board-lessons .text-element-font-playwrite-nl {
  font-family: 'Playwrite NL';
  font-variant-ligatures: normal;
  line-height: 2.2;
}
.board-lessons .text-element-font-playwrite-be-vlg {
  font-family: 'Playwrite BE VLG';
  font-variant-ligatures: normal;
  line-height: 1.8;
}
.board-lessons .toolbar-view .icon,
.board-lessons .float-controls .icon,
.board-lessons .settings-view .icon {
  font-size: 1.66666667rem;
}
.board-lessons .digital-clock-background {
  background-color: #eaf2fb;
  box-shadow: inset 0 0 0 20px #3f4c5a;
  border-radius: 24px;
}
.board-lessons .reset-button {
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  line-height: 1;
  cursor: pointer;
  outline: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
}
.board-lessons .reset-button:active span,
.board-lessons .reset-button:focus span {
  position: relative;
}
.board-lessons .drop-over {
  background: rgba(39, 124, 217, 0.1);
  border: 4px solid #277cd9;
}
.board-lessons .settings-view .container .middle .numberGenerator .checkbox-container:nth-of-type(2) {
  margin-top: 0;
  flex-flow: column wrap;
  height: 34rem;
}
.board-lessons .settings-view .container .middle .numberGenerator .checkbox-container:nth-of-type(2) .checkbox-wrapper {
  width: 8rem;
}
.board-lessons .settings-view .container .middle .numberGenerator .checkbox-container:nth-of-type(3) .checkbox-wrapper {
  width: 8rem;
}
.board-lessons .app-onboarding {
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  bottom: 0;
  z-index: 99;
}
.board-lessons .app-onboarding .app-onboarding-container {
  position: relative;
}
.board-lessons .app-onboarding .app-onboarding-container .skip-button-container {
  position: fixed;
  top: 1.25rem;
  right: 1.25rem;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container {
  position: absolute;
  bottom: 7.29166667rem;
  left: 1.875rem;
  display: flex;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container .teacher-graphic {
  width: 22.91666667rem;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container .info-container {
  min-height: 3.33333333rem;
  padding: 3.33333333rem;
  border-radius: 1.66666667rem;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  background: #ffffff;
  position: absolute;
  font-size: 1.25rem;
  -webkit-user-select: none;
          user-select: none;
  display: flex;
  flex-direction: row;
  gap: 2.5rem;
  left: 1.66666667rem;
  bottom: 1.66666667rem;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container .info-container.teacher {
  left: 25rem;
  bottom: 70%;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container .info-container.hidden {
  display: none;
  pointer-events: none;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container .info-container.small-padding-top {
  padding-top: 1.66666667rem;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container .info-container .step-title {
  color: #2a3541;
  font-size: 2.08333333rem;
  font-family: var(--font-family-header);
  font-weight: 600;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container .info-container .info-icon {
  display: flex;
  align-items: flex-end;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container .info-container .info-icon .styleguide.svg__icon {
  width: 3.33333333rem;
  height: 3.33333333rem;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container .info-container .info-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.83333333rem;
  max-width: 33.33333333rem;
  width: max-content;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container .info-container .info-content .step-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.66666667rem;
  color: #556474;
  font-weight: 600;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container .info-container .info-content .step-info.right {
  flex-grow: 1;
  justify-content: flex-end;
  color: #556474;
  font-size: 1.66666667rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container .info-container .info-content .description-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
  color: #556474;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container .info-container .info-content .description-container .description {
  font-size: 1.66666667rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 0;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container .info-container .info-content .description-container .media {
  width: 10.41666667rem;
  align-self: center;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container .info-container .info-content .action-step {
  display: flex;
  align-items: center;
  margin-top: 0.83333333rem;
  color: #556474;
  font-size: 1.66666667rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container .info-container .info-content .action-step.hidden {
  display: none;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container .info-container .info-content .action-step p {
  margin: 0;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container .info-container .info-content .action-step img {
  width: 3.33333333rem;
  height: 3.33333333rem;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container .info-container .info-content .action-step .skip-action {
  color: #38a4de;
  font-weight: 600;
  transition: all ease-in-out 0.2s;
  cursor: pointer;
  animation: fadeIn 0.3s ease-in-out;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container .info-container .info-content .action-step .skip-action:hover {
  color: #97d4f5;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container .info-container .info-content .action-step .skip-action:active {
  color: #28759f;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container .info-container .info-arrow {
  position: absolute;
  left: -3.33333333rem;
  bottom: 2.91666667rem;
}
.board-lessons .app-onboarding .app-onboarding-container .tutorial-container .info-container .info-arrow img {
  width: 3.54166667rem;
  height: 3.54166667rem;
}
.board-lessons .callout-arrow.audience--teacher svg {
  width: 2.08333333rem;
  height: 2.08333333rem;
}
.board-lessons .callout-arrow.audience--board svg {
  display: block;
  height: 12.5px;
  width: 20px;
}
.board-lessons .clipboard-paste-snackbar {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.66666667rem;
  color: #277cd9;
  cursor: pointer;
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  height: 4.16666667rem;
  width: max-content;
  bottom: 15.9375rem;
  border: 1px solid #aeb7c2;
  border-radius: 2.08333333rem;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
  opacity: 0;
  transition: 0.25s;
  padding: 0rem 2.08333333rem;
}
.board-lessons .clipboard-paste-snackbar.fade-in {
  opacity: 1;
}
.board-lessons .clipboard-paste-snackbar .clipboard-paste {
  display: flex;
  align-items: center;
  gap: 0.83333333rem;
  height: 100%;
}
.board-lessons .clipboard-paste-snackbar .clipboard-paste .clipboard-paste-icon img {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
}
.board-lessons .clipboard-paste-snackbar .clipboard-paste .clipboard-text:hover {
  color: #4e92ff;
}
.board-lessons .clipboard-paste-snackbar .clipboard-paste .clipboard-text:active {
  color: #2465ab;
}
.board-lessons .clipboard-paste-snackbar .clipboard-close-icon {
  display: flex;
  align-items: center;
  border-left: 1px solid #aeb7c2;
  height: 100%;
  padding-left: 1.25rem;
}
.board-lessons :host {
  position: absolute;
  inset: 0;
}
.board-lessons * {
  box-sizing: border-box;
}
.board-lessons .confetti-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 100;
  pointer-events: none;
}
.board-lessons .particle {
  opacity: 0;
  position: absolute;
  animation: confetti-animation var(--animation-duration) ease-in-out infinite;
  border-radius: 50%;
  transform-origin: center;
}
.board-lessons .particle.c1 {
  background-color: #59b6e8;
}
.board-lessons .particle.c2 {
  background-color: #75e260;
}
.board-lessons .particle.c3 {
  background-color: #ffdc2e;
}
.board-lessons .particle.c4 {
  background-color: #ff962e;
}
.board-lessons .particle.c5 {
  background-color: #e260a0;
}
@keyframes confetti-animation {
  0% {
    opacity: 1;
    transform: translateY(0) rotateX(0) rotateZ(0);
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(3300%) rotateX(440deg) rotateZ(180deg);
  }
}
.board-lessons .document-camera-panel {
  position: absolute;
  bottom: 7.29166667rem;
  right: 7.8125rem;
  max-height: 5.41666667rem;
  display: flex;
  border-radius: 1.66666667rem 1.66666667rem 0 0;
  box-shadow: 0 0.10416667rem 0.20833333rem 0 rgba(42, 53, 65, 0.3), 0 0.20833333rem 0.625rem 0.20833333rem rgba(42, 53, 65, 0.15);
  overflow: hidden;
  background-color: #ffffff;
  padding: 0.83333333rem 1.66666667rem;
  gap: 0.83333333rem;
  align-items: center;
}
.board-lessons .document-camera-panel .title {
  color: #556474;
  font-family: var(--font-family-base);
  font-size: 1.66666667rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.board-lessons .document-camera-panel .close-button .svg__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.board-lessons .audio-recorder-component {
  width: 100%;
  margin: 10px 0;
  /* Left section - Trash button */
  /* Middle section - Timer and Visualization */
  /* Right section - Control buttons */
  /* Device selector dropdown */
  /* Animation for recording state */
  /* Animation for waveform bars */
}
.board-lessons .audio-recorder-component .audio-recorder-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #d4eefc;
  border-radius: 2.08333333rem;
  padding: 1.04166667rem 1.5625rem;
  box-shadow: 0 0.20833333rem 0.41666667rem rgba(0, 0, 0, 0.05);
  min-height: 5rem;
  position: relative;
}
.board-lessons .audio-recorder-component .audio-recorder-container.initial .progress-bar {
  background-image: repeating-linear-gradient(to right, rgba(91, 109, 127, 0.2) 0, rgba(91, 109, 127, 0.2) 0.52083333rem, rgba(255, 255, 255, 0) 0.52083333rem, rgba(255, 255, 255, 0) 1.04166667rem);
}
.board-lessons .audio-recorder-component .audio-recorder-container.recording .middle-section .waveform-visualization {
  animation: pulse 1.5s infinite ease-in-out;
}
.board-lessons .audio-recorder-component .action-button {
  border: none;
  background: transparent;
  cursor: pointer;
  width: 3.33333333rem;
  height: 3.33333333rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.board-lessons .audio-recorder-component .action-button:hover:not(:disabled) {
  background-color: #e9eaef;
}
.board-lessons .audio-recorder-component .action-button:active:not(:disabled) {
  background-color: #e9eaef;
}
.board-lessons .audio-recorder-component .action-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.board-lessons .audio-recorder-component .action-button .styleguide.flat__icon {
  width: 1.45833333rem;
  height: 1.45833333rem;
}
.board-lessons .audio-recorder-component .action-button .styleguide.flat__icon .icon--graphics {
  fill: #6b7c8e;
}
.board-lessons .audio-recorder-component .trash-button {
  margin-right: 0.52083333rem;
}
.board-lessons .audio-recorder-component .middle-section {
  flex-grow: 1;
  text-align: center;
  margin: 0 1.04166667rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.board-lessons .audio-recorder-component .middle-section .play-button,
.board-lessons .audio-recorder-component .middle-section .stop-button {
  margin-right: 0.83333333rem;
}
.board-lessons .audio-recorder-component .middle-section.has-recording {
  background-color: white;
  border-radius: 2rem;
  padding: 0 2rem;
}
.board-lessons .audio-recorder-component .visualization-container {
  flex-grow: 1;
  height: 4.16666667rem;
  display: flex;
  align-items: center;
  position: relative;
}
.board-lessons .audio-recorder-component .visualization-container .waveform-visualization {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.52083333rem;
}
.board-lessons .audio-recorder-component .visualization-container .waveform-visualization .waveform-bar {
  width: 0.41666667rem;
  min-height: 0.3125rem;
  background-color: #8c99a8;
  border-radius: 0.20833333rem;
  transition: height 0.08s ease-in-out;
  margin: 0 0.10416667rem;
  animation: bar-pulse 1.5s infinite;
  animation-delay: calc(var(--i, 0) * 0.05s);
}
.board-lessons .audio-recorder-component .timer {
  font-size: 1.45833333rem;
  font-weight: 600;
  color: #3a4a5a;
  margin-left: 1.04166667rem;
  flex-shrink: 0;
  min-width: 4.6875rem;
  text-align: center;
}
.board-lessons .audio-recorder-component .progress-container {
  width: 100%;
}
.board-lessons .audio-recorder-component .progress-container .progress-bar {
  height: 0.41666667rem;
  background-color: rgba(91, 109, 127, 0.2);
  border-radius: 0.20833333rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.board-lessons .audio-recorder-component .progress-container .progress-bar.empty {
  background-color: rgba(91, 109, 127, 0.2);
}
.board-lessons .audio-recorder-component .progress-container .progress-bar .progress-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #1976d2;
  border-radius: 0.20833333rem;
  transition: width 0.1s ease;
}
.board-lessons .audio-recorder-component .control-buttons {
  display: flex;
  gap: 0.83333333rem;
  align-items: center;
}
.board-lessons .audio-recorder-component .control-buttons .action-button {
  border: 1px solid #28759f;
  background: #fff;
}
.board-lessons .audio-recorder-component .device-selector-container {
  position: relative;
  margin-right: 0.83333333rem;
}
.board-lessons .audio-recorder-component .device-selector-container .device-selector-trigger {
  border: 1px solid #28759f;
  background-color: #fff;
  border-radius: 2rem;
  cursor: pointer;
  width: 6.66666667rem;
  height: 3.33333333rem;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  transition: all 0.2s ease;
}
.board-lessons .audio-recorder-component .device-selector-container .device-selector-trigger:hover {
  background-color: #97d4f5;
}
.board-lessons .audio-recorder-component .device-selector-container .device-selector-trigger.active {
  border-color: #2b8fc5;
  background-color: #97d4f5;
}
.board-lessons .audio-recorder-component .device-selector-container .device-selector-trigger.disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #f5f5f8;
}
.board-lessons .audio-recorder-component .device-selector-container .device-selector-trigger .styleguide.flat__icon {
  width: 1.45833333rem;
  height: 1.45833333rem;
}
.board-lessons .audio-recorder-component .device-selector-container .device-selector-trigger .styleguide.flat__icon .icon--graphics {
  fill: #6b7c8e;
}
.board-lessons .audio-recorder-component .device-selector-container .device-selector-popup {
  position: absolute;
  top: calc(100% + 4 * 0.10416667rem);
  right: 0;
  z-index: 10;
  min-width: 15.625rem;
  max-width: 26.04166667rem;
  max-height: 20.83333333rem;
  overflow-y: auto;
  background-color: #fff;
  border: 1px solid rgba(91, 109, 127, 0.2);
  border-radius: 0.41666667rem;
  box-shadow: 0 0.20833333rem 0.83333333rem rgba(0, 0, 0, 0.1);
}
.board-lessons .audio-recorder-component .device-selector-container .device-selector-popup .device-option {
  padding: 0.83333333rem 1.25rem;
  cursor: pointer;
  font-size: 1.25rem;
  color: #3a4a5a;
}
.board-lessons .audio-recorder-component .device-selector-container .device-selector-popup .device-option:hover {
  background-color: rgba(25, 118, 210, 0.05);
}
.board-lessons .audio-recorder-component .device-selector-container .device-selector-popup .device-option.selected {
  background-color: rgba(25, 118, 210, 0.1);
  font-weight: 600;
}
@keyframes pulse {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.8;
  }
}
@keyframes bar-pulse {
  0% {
    opacity: 0.85;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.85;
  }
}
.board-lessons .import-panel-header {
  background-color: #effaff;
  padding: 1.25rem;
  border-radius: 1.66666667rem 1.66666667rem 0 0;
  display: flex;
  gap: 0.83333333rem;
  align-items: center;
}
.board-lessons .import-panel-header .title {
  color: #2a3541;
  font-family: var(--font-family-base);
  font-size: 1.66666667rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  flex-grow: 1;
}
.board-lessons .import-panel-header .controls {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.83333333rem;
}
.board-lessons .import-panel-header .controls .control-button > .button__icon {
  border-radius: 50%;
}
.board-lessons .import-panel-header .controls .control-button > .button__icon .flat__icon .icon--container {
  width: 1.04166667rem;
  height: 1.04166667rem;
}
.board-lessons .import-panel-item {
  display: flex;
  width: 100%;
  min-height: 4.39rem;
  gap: 0.83333333rem;
  padding: 0.83333333rem 1.25rem;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.board-lessons .import-panel-item .label {
  display: flex;
  gap: 0.83333333rem;
  align-items: center;
  min-width: 0;
}
.board-lessons .import-panel-item .label > span {
  color: #556474;
  font-family: var(--font-family-base);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.board-lessons .import-panel-item .action {
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
}
.board-lessons .import-panel-item .action .button {
  color: #556474;
  font-family: var(--font-family-base);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  cursor: pointer;
}
.board-lessons .import-panel-item .action .spinner {
  filter: var(--color-filter-mariner);
}
.board-lessons .ui-import-panel {
  position: absolute;
  bottom: 7.29166667rem;
  right: 7.8125rem;
  width: 26.45833333rem;
  display: flex;
  flex-direction: column;
  border-radius: 1.66666667rem 1.66666667rem 0 0;
  box-shadow: 0 0.10416667rem 0.20833333rem 0 rgba(42, 53, 65, 0.3), 0 0.20833333rem 0.625rem 0.20833333rem rgba(42, 53, 65, 0.15);
  overflow: hidden;
  transition: 0.3s ease-in-out;
  opacity: 0;
  animation: fadeSlideUp 0.5s ease forwards;
}
.board-lessons .ui-import-panel .panel-body {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  transition: 0.3s ease-in-out;
  opacity: 1;
  transform: translateY(0);
  padding-bottom: 0.41666667rem;
  overflow: auto;
}
.board-lessons .ui-import-panel.expanded {
  max-height: 26.04166667rem;
}
.board-lessons .ui-import-panel.collapsed {
  max-height: 5rem;
}
.board-lessons .ui-import-panel.collapsed .panel-body {
  opacity: 0;
  transform: translateY(-10px);
}
.board-lessons .cancel-import-modal > .modal__dialog-content {
  max-width: 43.75rem;
}
@keyframes fadeSlideUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
    /* Start slightly below */
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    /* End at final position */
  }
}
.board-lessons .modal-dialog-app-preference-modal .modal__dialog-content {
  margin: 0 1.66666667rem;
  width: 66.66666667rem;
  animation: fadeIn 0.3s ease-in-out;
}
.board-lessons .modal-dialog-app-preference-modal .modal__dialog-content .app-preference-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6.66666667rem;
}
.board-lessons .modal-dialog-app-preference-modal .modal__dialog-content .app-preference-wrapper .info-container {
  display: flex;
  flex-direction: column;
  gap: 1.66666667rem;
  width: 25rem;
}
.board-lessons .modal-dialog-app-preference-modal .modal__dialog-content .app-preference-wrapper .info-container h2 {
  font-size: 2.5rem;
  font-weight: 500;
  font-family: var(--font-family-header);
}
.board-lessons .modal-dialog-app-preference-modal .modal__dialog-content .app-preference-wrapper .info-container p {
  font-size: 1.66666667rem;
}
.board-lessons .modal-dialog-app-preference-modal .modal__dialog-content .app-preference-wrapper .info-video {
  width: 35.41666667rem;
}
.board-lessons .modal-dialog-app-preference-modal .modal__dialog-content .app-preference-wrapper .info-video video {
  width: 100%;
}
.board-lessons .app-preference-overview-modal {
  z-index: 21999;
}
.board-lessons .app-preference-overview-modal .modal__dialog-content {
  max-height: 85%;
  display: flex;
  flex-direction: column;
}
.board-lessons .app-preference-overview-modal .modal__dialog-content .modal__dialog-yield {
  flex: 1;
  overflow-y: auto;
  margin-top: 3.33333333rem;
  min-height: 0;
}
.board-lessons .app-preference-overview-modal .modal__dialog-content .modal__component-header {
  color: #2a3541;
  flex-shrink: 0;
}
.board-lessons .app-preference-overview-modal .modal__dialog-content .modal__dialog-buttons {
  border-top: none;
  padding-top: 0;
  flex-shrink: 0;
}
.board-lessons .board-modal-dialog-app-update-modal {
  width: 100%;
}
.board-lessons .board-modal-dialog-app-update-modal .board-modal-dialog-container {
  width: 43.75rem;
}
.board-lessons .board-modal-dialog-app-update-modal p {
  font-family: 'Open Sans', sans-serif;
  line-height: 1.5;
  margin: 0 0 1.66666667rem 0;
}
.board-lessons .board-modal-dialog-app-update-modal .modal__dialog-buttons {
  border-top: none;
}
.board-lessons .board-modal-dialog-app-update-modal .contact-info {
  margin-top: 1.66666667rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.board-lessons .board-modal-dialog-app-update-modal .contact-item {
  display: flex;
  align-items: center;
  gap: 0.83333333rem;
}
.board-lessons .board-modal-dialog-app-update-modal .contact-item .styleguide.svg__icon {
  min-width: 2.08333333rem;
  min-height: 2.08333333rem;
  width: 2.08333333rem;
  height: 2.08333333rem;
  flex-shrink: 0;
}
.board-lessons .board-modal-dialog-app-update-modal .contact-item .styleguide.svg__icon img {
  min-width: inherit;
  min-height: inherit;
  width: inherit;
  height: inherit;
}
.board-lessons .board-modal-dialog-app-update-modal .contact-item .contact-text {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.45833333rem;
  line-height: 1.4;
  color: #333;
}
.board-lessons .board-modal-dialog-app-update-modal .contact-item .contact-link {
  text-decoration: underline;
  cursor: pointer;
}
.board-lessons .board-modal-dialog-app-update-modal .contact-item .contact-link:hover {
  text-decoration: none;
}
@keyframes rotate-fist {
  0% {
    transform: rotate(0deg);
  }
  6.67% {
    transform: rotate(-30deg);
  }
  13.33% {
    transform: rotate(0deg);
  }
  13.34% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(-30deg);
  }
  26.67% {
    transform: rotate(0deg);
  }
  26.68% {
    transform: rotate(0deg);
  }
  33.33% {
    transform: rotate(-30deg);
  }
  40% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes move-finger {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(-150px, 50px);
  }
  40% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
.board-lessons .app-preference-modal .modal__dialog-content {
  max-width: 83.33333333rem;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container {
  display: flex;
  justify-content: space-between;
  gap: 2.08333333rem;
  padding: 1.66666667rem;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container .app-preference-finished {
  display: flex;
  flex-direction: row;
  width: 67.70833333rem;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container .app-preference-description {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container .app-preference-description .app-preference-info__container {
  display: flex;
  flex-direction: row;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container .app-preference-description .app-preference-info__container ul {
  list-style-position: inside;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container .app-preference-description .app-preference-info__container .app-preference-info__image {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  width: 7.29166667rem;
  height: 7.29166667rem;
  border-radius: 50%;
  padding: 2.08333333rem;
  background-color: #d4eefc;
  margin-left: 3.33333333rem;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container .app-preference-description .app-preference-info__container .app-preference-info__image .svg__icon {
  width: 7.29166667rem;
  height: auto;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container .app-preference-description h3 {
  font-family: 'Lexend Deca', sans-serif;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 3.75rem;
  color: #2a3541;
  margin-bottom: 1.66666667rem;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container .app-preference-description .error-icon {
  width: 10.41666667rem;
  display: flex;
  align-self: center;
  flex-direction: row;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container img.success-gif {
  height: 18.75rem;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container .canvas-container {
  position: relative;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container .canvas-container .calibration-success {
  position: absolute;
  padding: 1.66666667rem;
  bottom: -1.66666667rem;
  right: -1.66666667rem;
  border-radius: 50%;
  background-color: #f0ffec;
  border: 2px solid #59d640;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container .canvas-container .calibration-success .flat__icon {
  width: 3.33333333rem;
  height: 3.33333333rem;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container .canvas-container .calibration-success .flat__icon .icon--graphics {
  fill: #59d640;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container .canvas-container .calibration-canvas-container {
  width: 33.33333333rem;
  height: 33.33333333rem;
  position: relative;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container .canvas-container .calibration-canvas-container .fist-animation {
  position: absolute;
  pointer-events: none;
  left: 50%;
  top: 10%;
  transform-origin: bottom right;
  animation: rotate-fist 6s ease-in-out infinite;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container .canvas-container .calibration-canvas-container .fist-animation .svg__icon {
  width: 10.41666667rem;
  height: auto;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container .canvas-container .calibration-canvas-container .stylus-animation {
  z-index: 1;
  position: absolute;
  pointer-events: none;
  left: 62%;
  top: 9%;
  transform-origin: bottom left;
  animation: move-finger 5s ease-in-out infinite;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container .canvas-container .calibration-canvas-container .stylus-animation .svg__icon {
  width: 6.25rem;
  height: auto;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container .canvas-container .calibration-canvas-container .finger-animation {
  z-index: 1;
  position: absolute;
  pointer-events: none;
  left: 56%;
  top: 24%;
  animation: move-finger 5s ease-in-out infinite;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container .canvas-container .calibration-canvas-container .finger-animation .svg__icon {
  width: 8.33333333rem;
  height: auto;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container .canvas-container .calibration-canvas-container .stylus-animation + .finger-point,
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container .canvas-container .calibration-canvas-container .finger-animation + .finger-point {
  position: absolute;
  width: 2.60416667rem;
  height: 2.60416667rem;
  background-color: #8c99a8;
  border-radius: 50%;
  left: 60%;
  top: 23%;
  pointer-events: none;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container .canvas-container .calibration-canvas-container canvas {
  border: 1px solid #d1d3de;
  border-radius: 1.66666667rem;
  width: 33.33333333rem;
  height: 33.33333333rem;
}
.board-lessons .app-preference-modal .modal__dialog-content .app-preference-modal__container .canvas-container .calibration-canvas-container .eraser-indicator {
  position: absolute;
  border: 1px solid black;
  border-radius: 50%;
  pointer-events: none;
}
.board-lessons .board-modal-dialog-enlarged-qr .modal__dialog-content {
  width: 60rem;
}
.board-lessons .board-modal-dialog-enlarged-qr .modal__dialog-content .styleguide.button__icon.modal__close-icon-button.size--small {
  top: 0;
  right: 0;
  margin: 1.95833333rem;
}
.board-lessons .board-modal-dialog-enlarged-qr .modal__dialog-content .enlarged-qr-code-container .qr-code-image {
  pointer-events: none;
  display: block;
  opacity: 0.75;
}
.board-lessons .board-modal-dialog-enlarged-qr .modal__dialog-content .enlarged-qr-code-container p {
  font-family: 'Open Sans', sans-serif;
  line-height: 1.5;
  margin: 0 0 1.66666667rem 0;
}
.board-lessons .export-page-to-format-modal .modal__dialog-content {
  width: 72.91666667rem;
}
.board-lessons .export-page-to-format-modal .modal__dialog-content h3 {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 2.5rem;
  color: #2a3541;
}
.board-lessons .export-page-to-format-modal .modal__dialog-content .slide-button__container {
  display: flex;
  gap: 2.5rem;
}
.board-lessons .export-page-to-format-modal .modal__dialog-content .slide-button__container .svg__icon img {
  width: 5rem;
  height: 5rem;
}
.board-lessons .export-page-to-format-modal .modal__dialog-content .slide-button__container .slide-button {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  padding: 2.5rem;
  height: 20.83333333rem;
  border: 1px solid #d1d3de;
  border-radius: 1.66666667rem;
}
.board-lessons .export-page-to-format-modal .modal__dialog-content .slide-button__container .slide-button span {
  display: block;
  text-align: center;
  margin-bottom: 1.66666667rem;
  color: #2a3541;
  font-size: 1.66666667rem;
  font-style: normal;
  font-weight: 600;
}
.board-lessons .export-page-to-format-modal .modal__dialog-content .slide-button__container .slide-button .image-container {
  display: flex;
  background-color: #ffdebd;
  border-radius: 50%;
  padding: 4.16666667rem;
  align-items: center;
}
.board-lessons .export-page-to-format-modal .modal__dialog-content .slide-button__container .slide-button .image-container.sky-lightest {
  background-color: #d4eefc;
}
.board-lessons .modal-dialog-feedback-form .section {
  width: 70.83333333rem;
  margin: 0, 2.08333333rem;
  display: flex;
  flex-direction: column;
  text-align: left;
}
.board-lessons .modal-dialog-feedback-form .section h2 {
  color: #3f4c5a;
  font-size: 1.875rem;
  margin: 1.04166667rem 0;
}
.board-lessons .modal-dialog-feedback-form .section .form__container {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.board-lessons .modal-dialog-feedback-form .section .form__container .instruction {
  align-self: flex-start;
  color: #556474;
  font-size: 1.66rem;
  line-height: 1.5;
}
.board-lessons .modal-dialog-feedback-form .section .form__container .textarea__header {
  margin-bottom: 0;
  margin-top: 1rem;
  font-weight: 600;
  font-size: 1.66rem;
}
.board-lessons .modal-dialog-feedback-form .section .form__container textarea {
  margin-top: 1.66666667rem;
  width: 96%;
  height: 13rem;
  border: 1px solid #d1d3de;
  border-radius: 0.52rem;
  color: #2a3541;
  font-size: 1.66rem;
  background-image: none;
  box-shadow: none;
  padding: 1.25rem;
  resize: none;
}
.board-lessons .modal-dialog-feedback-form .section .form__container textarea:focus {
  border: 1px solid #277cd9;
  outline: none;
}
.board-lessons .modal-dialog-feedback-form .section .form__container .footer__counter__container {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-top: 0.83333333rem;
}
.board-lessons .modal-dialog-feedback-form .section .form__container .footer__counter__container .char__counter {
  text-align: right;
  color: #aeb7c2;
  margin-right: 0.26rem;
}
.board-lessons .modal-dialog-feedback-form .section .form__container .footer__counter__container .footer {
  font-size: 1.4rem;
  font-style: italic;
  color: #8c99a8;
}
.board-lessons .modal-dialog-feedback-form .section .form__container .footer__counter__container .footer a {
  color: #38a4de;
}
.board-lessons .modal-dialog-feedback-form .section .form__container .error {
  text-align: center;
  margin-top: 1.5625rem;
  color: #dc2828;
}
.board-lessons .import-content-modal .styleguide__tooltip {
  max-width: 20.83333333rem;
}
.board-lessons .import-content-modal .heading-container {
  margin-bottom: 3.33333333rem;
}
.board-lessons .import-content-modal .heading-container h2 {
  font-family: var(--font-family-header);
  color: #2a3541;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 4.16666667rem;
  letter-spacing: 0.025rem;
  height: 4.16666667rem;
  margin-bottom: 0.41666667rem;
}
.board-lessons .import-content-modal .heading-container .heading-instructions {
  display: flex;
  gap: 1.25rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 4.16666667rem;
}
.board-lessons .import-content-modal .heading-container .heading-instructions p {
  font-family: var(--font-family-base);
  color: #556474;
  font-size: 1.66666667rem;
  font-weight: 400;
}
.board-lessons .import-content-modal .heading-container .heading-instructions .tooltip--content {
  display: flex;
  flex-direction: column;
  width: 26.66666667rem;
  gap: 0.83333333rem;
}
.board-lessons .import-content-modal .heading-container .heading-instructions .tooltip--content p {
  font-size: 1.25rem;
}
.board-lessons .import-content-modal .heading-container .heading-instructions .tooltip--content .title {
  font-weight: 600;
}
.board-lessons .import-content-modal .button-container {
  display: flex;
  gap: 2.5rem;
}
.board-lessons .import-content-modal .button-container .select-button {
  box-sizing: border-box;
  width: 25rem;
  height: 14.58333333rem;
  border: 1px solid #d1d3de;
  border-radius: 1.66666667rem;
  padding: 1.66666667rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.board-lessons .import-content-modal .button-container .select-button.disabled {
  cursor: default;
  pointer-events: none;
  background-color: #f5f5f8;
}
.board-lessons .import-content-modal .button-container .select-button.disabled span {
  color: #aeb7c2;
}
.board-lessons .import-content-modal .button-container .select-button.disabled .image-container {
  background-color: #d1d3de !important;
  opacity: 0.5;
}
.board-lessons .import-content-modal .button-container .select-button.disabled .svg__icon img {
  filter: grayscale(1);
  opacity: 0.5;
}
.board-lessons .import-content-modal .button-container .select-button .image-container {
  display: flex;
  border-radius: 50%;
  width: 6.66666667rem;
  height: 6.66666667rem;
  align-items: center;
  justify-content: center;
  background-color: #ffdebd;
}
.board-lessons .import-content-modal .button-container .select-button .image-container .svg__icon img {
  width: 3.33333333rem;
  height: 3.33333333rem;
}
.board-lessons .import-content-modal .button-container .select-button .image-container.sky-lightest {
  background-color: #d4eefc;
}
.board-lessons .import-content-modal .button-container .select-button span {
  display: block;
  font-family: var(--font-family-header);
  font-size: 1.66666667rem;
  font-weight: 500;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.01666667rem;
  color: #2a3541;
  text-align: center;
}
.board-lessons .end-session-container p {
  line-height: 1.5;
  font-size: 1.66666667rem;
  margin-bottom: 0;
}
.board-lessons .board-modal-dialog-session-group-invite {
  width: 100%;
}
.board-lessons .board-modal-dialog-session-group-invite .modal__dialog-content {
  width: 110.83333333rem;
}
.board-lessons .board-modal-dialog-session-group-invite .modal__dialog-content .modal__component-header {
  border-bottom: 1px solid #d1d3de;
  padding: 2.5rem 3.33333333rem 2.5rem 3.33333333rem;
}
.board-lessons .board-modal-dialog-session-group-invite .modal__dialog-content .modal__dialog-yield {
  padding: 0;
}
.board-lessons .board-modal-dialog-session-group-invite .modal__dialog-content .modal__dialog-buttons {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.board-lessons .board-modal-dialog-session-group-invite.board-modal-dialog-session-group-invite--large .modal__dialog-content .modal__component-header {
  padding-bottom: 7.5rem;
}
.board-lessons .board-modal-dialog-session-group-invite.board-modal-dialog-session-group-invite--large .session-overview-container {
  height: 44.58333333rem;
}
.board-lessons .board-modal-dialog-session-group-invite.board-modal-dialog-session-group-invite--select-students .modal__dialog-buttons .modal__dialog-buttons--button:last-child {
  min-width: 24rem;
}
.board-lessons .board-modal-dialog-session-group-invite .session-group-invite-warning {
  position: absolute;
  left: 0;
  right: 0;
  top: 6.25rem;
  background-color: #fff4bd;
  border-radius: 0.41666667rem;
  height: 4.16666667rem;
  margin: 0 3.33333333rem;
  display: flex;
  align-items: center;
}
.board-lessons .board-modal-dialog-session-group-invite .session-group-invite-warning a {
  text-decoration: underline;
}
.board-lessons .board-modal-dialog-session-group-invite .session-group-invite-warning .styleguide.flat__icon {
  margin-left: 1.66666667rem;
  margin-right: 0.83333333rem;
}
.board-lessons .board-modal-dialog-session-group-invite .session-group-invite-warning .styleguide.flat__icon .icon--graphics {
  fill: #556474;
}
.board-lessons .board-modal-dialog-session-group-invite .session-group-invite-warning span {
  font-size: 1.66666667rem;
  line-height: 2.5rem;
}
.board-lessons .board-modal-dialog-session-group-invite .session-group-invite-warning span strong {
  font-weight: 600;
}
.board-lessons .board-modal-dialog-session-group-invite .session-overview-container {
  display: flex;
  flex-wrap: nowrap;
  height: 49.58333333rem;
  color: #556474;
  position: relative;
  width: 100%;
}
.board-lessons .board-modal-dialog-session-group-invite .session-overview-container .connecting,
.board-lessons .board-modal-dialog-session-group-invite .session-overview-container .connection-error {
  width: 110.83333333rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.board-lessons .board-modal-dialog-session-group-invite .session-overview-container .connecting p,
.board-lessons .board-modal-dialog-session-group-invite .session-overview-container .connection-error p {
  margin: 1.66666667rem;
  font-size: 1.66666667rem;
  color: #556474;
}
.board-lessons .board-modal-dialog-session-group-invite .session-overview-container .student-count {
  position: absolute;
  top: -4.375rem;
  right: 3.33333333rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #556474;
}
.board-lessons .board-modal-dialog-session-group-invite .session-overview-container .student-count .icon--container svg path {
  fill: #556474;
}
.board-lessons .board-modal-dialog-session-group-invite .session-overview-container .student-count .student-count-number {
  margin-left: 0.83333333rem;
  font-weight: 600;
}
.board-lessons .board-modal-dialog-session-group-invite .switch-button {
  position: absolute;
  margin: 2.5rem 3.33333333rem;
  height: 4.16666667rem;
  bottom: 0;
  display: flex;
  align-items: center;
  color: #277cd9;
  cursor: pointer;
}
.board-lessons .board-modal-dialog-session-group-invite .switch-button .flat__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.board-lessons .board-modal-dialog-session-group-invite .switch-button .flat__icon .icon--graphics {
  fill: #277cd9;
}
.board-lessons .board-modal-dialog-session-group-invite .switch-button:hover {
  color: #4e92ff;
}
.board-lessons .board-modal-dialog-session-group-invite .switch-button:hover .flat__icon .icon--graphics {
  fill: #4e92ff;
}
.board-lessons .board-modal-dialog-session-group-invite .switch-button:active {
  color: #2465ab;
}
.board-lessons .board-modal-dialog-session-group-invite .switch-button:active .flat__icon .icon--graphics {
  fill: #2465ab;
}
.board-lessons .board-modal-dialog-session-group-invite .switch-button > span {
  font-weight: 600;
  margin-left: 0.83333333rem;
}
.board-lessons .board-modal-dialog-session-group-invite .session-client-container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  overflow-y: auto;
  justify-content: center;
  align-items: center;
  padding: 3.33333333rem;
}
.board-lessons .board-modal-dialog-session-group-invite .session-client-container .session-client-container-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3.33333333rem 0.83333333rem;
  width: 100%;
}
.board-lessons .board-modal-dialog-session-group-invite .session-client-container .session-client {
  width: calc((100% - (6 * 0.83333333rem)) / 7);
}
.board-lessons .group-selection {
  height: inherit;
  width: inherit;
  display: grid;
  grid-template-columns: 31.25rem 1px 1fr;
}
.board-lessons .group-selection .group-wrapper {
  margin: 0 0 0 3.33333333rem;
  overflow: hidden auto;
}
.board-lessons .group-selection .group-wrapper .group-container {
  margin: 3.33333333rem 0;
}
.board-lessons .group-selection .group-wrapper .group-info {
  display: flex;
  gap: 0.83333333rem;
  align-items: center;
}
.board-lessons .group-selection .group-wrapper .group-info .group-icon-label__label {
  width: 19.79166667rem;
}
.board-lessons .group-selection .divider {
  border-right: 1px solid #d1d3de;
  margin: 3.33333333rem 0;
}
.board-lessons .group-selection .student-wrapper {
  height: inherit;
}
.board-lessons .group-selection .student-wrapper .students-container {
  box-sizing: border-box;
  height: inherit;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: min-content;
  padding: 3.33333333rem;
  overflow: auto;
  gap: 0.83333333rem;
}
.board-lessons .group-selection .student-wrapper .students-container .single-student-wrapper .input--label {
  text-align: left;
}
.board-lessons .board-modal-dialog-session-loading-animation {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8.33333333rem;
  height: 8.33333333rem;
  border-radius: 50%;
  background-color: #d4eefc;
}
.board-lessons .board-modal-dialog-session-loading-animation .flat__icon {
  width: 4.16666667rem;
  height: 4.16666667rem;
}
.board-lessons .board-modal-dialog-session-loading-animation .flat__icon .icon--graphics {
  fill: #277cd9;
}
.board-lessons .no-content-container,
.board-lessons .no-content-activities-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.66666667rem;
}
.board-lessons .no-content-container h3,
.board-lessons .no-content-activities-container h3 {
  color: #2a3541;
  font-size: 1.875rem;
  width: 100%;
  font-family: var(--font-family-header);
}
.board-lessons .no-content-container p,
.board-lessons .no-content-activities-container p {
  line-height: 1.5;
  font-size: 1.66666667rem;
  margin-bottom: 0;
}
.board-lessons .no-content-container .image-container,
.board-lessons .no-content-activities-container .image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 9.16666667rem;
  height: 9.16666667rem;
}
.board-lessons .no-content-container .image-container img,
.board-lessons .no-content-activities-container .image-container img {
  width: 9.16666667rem;
  height: 9.16666667rem;
}
.board-lessons .no-content-container .no-content-container__option,
.board-lessons .no-content-activities-container .no-content-container__option {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 18.75rem;
  border: 1px solid #aeb7c2;
  border-radius: 0.83333333rem;
  padding: 1.875rem 2.5rem;
  gap: 1.875rem;
  cursor: pointer;
  align-items: center;
}
.board-lessons .no-content-container .no-content-container__option .no-content-container__text,
.board-lessons .no-content-activities-container .no-content-container__option .no-content-container__text {
  display: flex;
  flex-direction: column;
  gap: 0.83333333rem;
  width: 100%;
  align-items: center;
  text-align: center;
}
.board-lessons .no-content-container .no-content-container__option.full-width,
.board-lessons .no-content-activities-container .no-content-container__option.full-width {
  flex-direction: row;
  width: 100%;
  align-items: center;
}
.board-lessons .no-content-container .no-content-container__option.full-width .no-content-container__text,
.board-lessons .no-content-activities-container .no-content-container__option.full-width .no-content-container__text {
  width: 100%;
  align-items: start;
  text-align: left;
}
.board-lessons .board-modal-dialog-session-pin-invite {
  width: 100%;
}
.board-lessons .board-modal-dialog-session-pin-invite .modal__dialog-content {
  width: 110.83333333rem;
}
.board-lessons .board-modal-dialog-session-pin-invite .modal__dialog-content .modal__component-header {
  border-bottom: 1px solid #aeb7c2;
  padding: 2.5rem 3.33333333rem 2.5rem 3.33333333rem;
}
.board-lessons .board-modal-dialog-session-pin-invite .modal__dialog-content .modal__dialog-yield {
  padding: 2.5rem 0;
}
.board-lessons .board-modal-dialog-session-pin-invite .modal__dialog-content .modal__dialog-buttons {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container {
  display: flex;
  flex-wrap: nowrap;
  height: 44.58333333rem;
  color: #556474;
  position: relative;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .student-count {
  position: absolute;
  top: -7.29166667rem;
  right: 3.33333333rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #556474;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .student-count .icon--container svg path {
  fill: #556474;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .student-count .student-count-number {
  margin-left: 0.83333333rem;
  font-weight: 600;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .student-count .add-dummy-user {
  margin-right: 1.04166667rem;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .join-container {
  width: 23.33333333rem;
  height: 44.58333333rem;
  padding: 0 3.33333333rem;
  border-right: 1px solid #aeb7c2;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .join-container .qr-text,
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .join-container .pin-text {
  text-align: center;
  padding-bottom: 0.83333333rem;
  line-height: 1.5;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .join-container .qr-text a,
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .join-container .pin-text a {
  font-weight: 600;
  text-decoration: none;
  transition: 0.15s;
  word-break: break-all;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .join-container .qr-text a:hover,
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .join-container .pin-text a:hover {
  color: #4e92ff;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .join-container .qr-text a:active,
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .join-container .pin-text a:active {
  color: #2465ab;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .join-container .or {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1.66666667rem 0;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .join-container .or .text {
  margin: 0 0.83333333rem;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .join-container .or .filler-line {
  border-bottom: 1px solid #8c99a8;
  flex-grow: 1;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .join-container .or::before {
  padding-right: 0.83333333rem;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .join-container .or::after {
  padding-left: 0.83333333rem;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .join-container .qr-code {
  position: relative;
  display: flex;
  justify-content: center;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .join-container .qr-code .qr-code-image {
  cursor: pointer;
  width: 19.58333333rem;
  height: 19.58333333rem;
  opacity: 0.75;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .join-container .qr-code .qr-code-image:hover + .qr-code-overlay .flat__icon .icon--graphics {
  fill: #4e92ff;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .join-container .qr-code .qr-code-image:active + .qr-code-overlay .flat__icon .icon--graphics {
  fill: #2465ab;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .join-container .qr-code .qr-code-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  pointer-events: none;
  box-sizing: border-box;
  width: 4.375rem;
  height: 4.375rem;
  background-color: #eaf2fb;
  border: 0.52083333rem solid #ffffff;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .join-container .qr-code .qr-code-overlay .flat__icon {
  width: 1.66666667rem;
  height: 1.66666667rem;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .join-container .qr-code .qr-code-overlay .flat__icon .icon--graphics {
  fill: #277cd9;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .students-container-main {
  width: 80.72916667rem;
  padding: 2.5rem 3.33333333rem;
  overflow-y: auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: -2.5rem;
  margin-bottom: -2.5rem;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .students-container-main .students-container-flex {
  gap: 3.33333333rem 0.83333333rem;
  display: flex;
  justify-content: center;
  width: 100%;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .students-container-main .students-container-flex.students-container-flex--students {
  flex-wrap: wrap;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .students-container-main .students-container-flex.students-container-flex--no-students {
  flex-direction: column;
  align-items: center;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .students-container-main .students-container-flex .session-client {
  width: calc((100% - (4 * 0.83333333rem)) / 5);
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .students-container-main .students-container-flex .student-icon-container {
  width: 8.33333333rem;
  height: 8.33333333rem;
  border-radius: 50%;
  background-color: #f0fad1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .students-container-main .students-container-flex .student-icon-container .svg__icon {
  width: 4.16666667rem;
  height: 4.16666667rem;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .students-container-main .students-container-flex .waiting-for-students {
  color: #2a3541;
  font-size: 2.5rem;
  line-height: 3.75rem;
  font-weight: 600;
  margin: 0;
  padding: 1.66666667rem;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .students-container-main .students-container-flex .group-invite-explanation {
  padding: 0 1.66666667rem;
  font-size: 1.66666667rem;
  line-height: 2.5rem;
  text-align: center;
  margin: 0;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .students-container-main .students-container-flex .group-invite-explanation a {
  text-decoration: underline;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .students-container-main .students-container-flex .icon-label-button {
  display: flex;
  flex-direction: row;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .students-container-main .students-container-flex .icon-label-button .svg__icon {
  margin-right: 0.83333333rem;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .students-container-main .students-container-flex .icon-label-button:hover {
  background: none;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .connecting {
  width: 110.83333333rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.board-lessons .board-modal-dialog-session-pin-invite .session-overview-container .connecting p {
  margin: 1.66666667rem;
  font-size: 1.66666667rem;
  color: #556474;
}
.board-lessons .board-modal-dialog-session-pin-invite .switch-button {
  position: absolute;
  margin: 2.5rem 3.33333333rem;
  height: 4.16666667rem;
  bottom: 0;
  display: flex;
  align-items: center;
  color: #277cd9;
  cursor: pointer;
}
.board-lessons .board-modal-dialog-session-pin-invite .switch-button .flat__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.board-lessons .board-modal-dialog-session-pin-invite .switch-button .flat__icon .icon--graphics {
  fill: #277cd9;
}
.board-lessons .board-modal-dialog-session-pin-invite .switch-button:hover {
  color: #4e92ff;
}
.board-lessons .board-modal-dialog-session-pin-invite .switch-button:hover .flat__icon .icon--graphics {
  fill: #4e92ff;
}
.board-lessons .board-modal-dialog-session-pin-invite .switch-button:active {
  color: #2465ab;
}
.board-lessons .board-modal-dialog-session-pin-invite .switch-button:active .flat__icon .icon--graphics {
  fill: #2465ab;
}
.board-lessons .board-modal-dialog-session-pin-invite .switch-button > span {
  font-weight: 600;
  margin-left: 0.83333333rem;
}
.board-lessons .modal-dialog-keyboard-shortcuts {
  max-width: 70.83333333rem;
  max-height: 53.125rem;
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.board-lessons .modal-dialog-keyboard-shortcuts .section {
  margin: 0;
  display: flex;
  flex-direction: column;
  text-align: left;
}
.board-lessons .modal-dialog-keyboard-shortcuts .section h2 {
  color: #3f4c5a;
  font-size: 1.875rem;
  margin: 1.04166667rem 0;
}
.board-lessons .modal-dialog-keyboard-shortcuts .section .shortcut {
  display: flex;
  align-items: center;
  width: 31.25rem;
  margin: 0.41666667rem 0;
}
.board-lessons .modal-dialog-keyboard-shortcuts .section .shortcut.disabled {
  opacity: 0.5;
}
.board-lessons .modal-dialog-keyboard-shortcuts .section .shortcut div {
  display: flex;
  align-items: center;
}
.board-lessons .modal-dialog-keyboard-shortcuts .section .shortcut div p {
  margin: 0 0.83333333rem 0 0;
}
.board-lessons .modal-dialog-keyboard-shortcuts .section .shortcut div code {
  padding: 0.41666667rem;
  margin-right: 0.83333333rem;
  background: #e9eaef;
  border-radius: 0.41666667rem;
  font-family: 'SFMono-Regular', -apple-system, system-ui, BlinkMacSystemFont, monospace;
}
.board-lessons .modal-dialog-language-selection-modal .modal__dialog-content {
  margin: 0 1.66666667rem;
  width: 58.33333333rem;
  animation: fadeIn 0.3s ease-in-out;
}
.board-lessons .modal-dialog-language-selection-modal .modal__dialog-content .modal__dialog-yield {
  padding: 3.33333333rem;
}
.board-lessons .modal-dialog-language-selection-modal .modal__dialog-content .modal__dialog-buttons {
  border-top: none;
  padding-top: 0;
}
.board-lessons .modal-dialog-language-selection-modal .language-selection-container {
  display: flex;
  flex-direction: column;
  gap: 3.33333333rem;
}
.board-lessons .modal-dialog-language-selection-modal .language-selection-container .dropdown-container {
  width: 26.45833333rem;
  margin-bottom: -1.66666667rem;
}
.board-lessons .board-modal-live-lesson .modal-dialog--student-preview .modal__dialog-content .modal__dialog-yield {
  padding-top: 2.5rem;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content {
  margin: 0 1.66666667rem;
  width: 110.625rem;
  animation: fadeIn 0.3s ease-in-out;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__component-header {
  gap: 1.66666667rem;
  align-items: center;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield {
  padding: 4.16666667rem 0 2.5rem 0;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container {
  width: 100%;
  height: 53.95833333rem;
  overflow-y: auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .whiteboard-preview-container {
  width: 100rem;
  height: 51.5625rem;
  border-radius: 2.5rem;
  border: 1px solid #d1d3de;
  background-color: #ffffff;
  position: relative;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .whiteboard-preview-container .whiteboard-preview {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  transform: scale(1) !important;
  border-radius: 2.39583333rem;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .whiteboard-preview-container .student-preview-canvas-container {
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .whiteboard-preview-container .student-preview-canvas-container .whiteboard-student-canvas {
  width: 100%;
  height: 100%;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .whiteboard-preview-container .interaction-blocker {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .whiteboard-preview-container .student-preview-controls {
  position: absolute;
  height: 2.5rem;
  padding: 0.83333333rem;
  width: 22.5rem;
  left: calc(50% - 108 * 0.10416667rem);
  bottom: -2.08333333rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8.75rem;
  border: 1px solid #d1d3de;
  color: #2a3541;
  background: #ffffff;
  font-size: 1.66666667rem;
  pointer-events: all;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .whiteboard-preview-container .student-preview-controls .student-display-name {
  max-width: 14.58333333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .erase-all-button {
  position: absolute;
  top: 2.1875rem;
  right: 7.5rem;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .students-container-main {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 4.16666667rem;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .students-container-main .students-container-flex {
  gap: 3.33333333rem 0.83333333rem;
  display: flex;
  justify-content: center;
  width: 100%;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .students-container-main .students-container-flex.students-container-flex--students {
  flex-wrap: wrap;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .students-container-main .students-container-flex.students-container-flex--no-students {
  flex-direction: column;
  align-items: center;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .students-container-main .students-container-flex .session-client {
  width: calc((100% - (4 * 0.83333333rem)) / 5);
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .students-container-main .students-container-flex .student-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.83333333rem;
  width: calc(100% / 7);
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .students-container-main .students-container-flex .student-container .username {
  width: 100%;
  text-align: center;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .students-container-main .students-container-flex .user-portrait-container {
  display: flex;
  justify-content: center;
  height: 6.66666667rem;
  cursor: pointer;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .students-container-main .students-container-flex .user-portrait-container .user-portrait__container {
  width: 6.66666667rem;
  height: 6.66666667rem;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .students-container-main .students-container-flex .user-portrait-container .user-portrait__container .user-portrait__initials {
  font-size: 2.91666667rem;
  font-weight: 600;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .students-container-main .students-container-flex .student-icon-container {
  width: 8.33333333rem;
  height: 8.33333333rem;
  border-radius: 50%;
  background-color: #f0fad1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .students-container-main .students-container-flex .student-icon-container .svg__icon {
  width: 4.16666667rem;
  height: 4.16666667rem;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .students-container-main .students-container-flex .waiting-for-students {
  color: #2a3541;
  font-size: 2.5rem;
  line-height: 3.75rem;
  font-weight: 600;
  margin: 0;
  padding: 1.66666667rem;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .students-container-main .students-container-flex .icon-label-button {
  display: flex;
  flex-direction: row;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .students-container-main .students-container-flex .icon-label-button .svg__icon {
  margin-right: 0.83333333rem;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .students-container-main .students-container-flex .icon-label-button:hover {
  background: none;
}
.board-lessons .board-modal-live-lesson .modal__dialog-content .modal__dialog-yield .live-lesson-container .connecting {
  align-self: center;
}
.board-lessons .board-modal-mobile-preview-content .modal__dialog-content {
  margin: 0 1.66666667rem;
  animation: fadeIn 0.3s ease-in-out;
}
.board-lessons .board-modal-mobile-preview-content .modal__dialog-content .modal__dialog-buttons {
  border-top: none;
  padding-top: 0;
  font-size: 2.19rem;
}
.board-lessons .board-modal-mobile-preview-content .preview-content,
.board-lessons .board-modal-mobile-preview-content .thank-you-message {
  width: 100%;
  height: 58%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 3.33333333rem;
  padding: 0.83333333rem;
}
.board-lessons .board-modal-mobile-preview-content .preview-content .image-container,
.board-lessons .board-modal-mobile-preview-content .thank-you-message .image-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3.33333333rem;
}
.board-lessons .board-modal-mobile-preview-content .preview-content .image-container .styleguide.svg__icon,
.board-lessons .board-modal-mobile-preview-content .thank-you-message .image-container .styleguide.svg__icon {
  width: 11.66666667rem;
  height: 11.66666667rem;
}
.board-lessons .board-modal-mobile-preview-content .preview-content h1,
.board-lessons .board-modal-mobile-preview-content .thank-you-message h1 {
  font-weight: 600;
  font-size: 4.16666667rem;
  text-align: center;
  color: #2a3541;
  font-family: var(--font-family-header);
}
.board-lessons .board-modal-mobile-preview-content .preview-content p,
.board-lessons .board-modal-mobile-preview-content .thank-you-message p {
  font-weight: 400;
  font-size: 3.33333333rem;
  text-align: left;
  color: #556474;
  line-height: 1.5;
}
.board-lessons .board-modal-mobile-preview-content .preview-content p.centered,
.board-lessons .board-modal-mobile-preview-content .thank-you-message p.centered {
  text-align: center;
}
.board-lessons .board-modal-mobile-preview-content .preview-content .invalid-input,
.board-lessons .board-modal-mobile-preview-content .thank-you-message .invalid-input {
  font-size: 2.5rem;
  margin-top: 1.66666667rem;
  text-decoration: none;
  color: #ed1c24;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  25% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.board-lessons .board-modal-mobile-toolbar-interaction .modal__component {
  z-index: 2224001;
}
.board-lessons .board-modal-mobile-toolbar-interaction .modal__component .modal__dialog-content {
  margin: 0 1.66666667rem;
  animation: fadeIn 0.3s ease-in-out;
  width: 50%;
}
.board-lessons .board-modal-mobile-toolbar-interaction .modal__component .modal__dialog-content .modal__dialog-yield {
  padding: 3.33333333rem;
}
.board-lessons .board-modal-mobile-toolbar-interaction .modal__component .toolbar-interaction,
.board-lessons .board-modal-mobile-toolbar-interaction .modal__component .instruction {
  width: 100%;
  height: 58%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 3.33333333rem;
  margin-top: 5rem;
}
.board-lessons .board-modal-mobile-toolbar-interaction .modal__component .toolbar-interaction h1,
.board-lessons .board-modal-mobile-toolbar-interaction .modal__component .instruction h1 {
  font-weight: 600;
  font-size: 4.16666667rem;
  text-align: center;
  color: #2a3541;
  font-family: var(--font-family-header);
}
.board-lessons .board-modal-mobile-toolbar-interaction .modal__component .toolbar-interaction p,
.board-lessons .board-modal-mobile-toolbar-interaction .modal__component .instruction p {
  font-weight: 400;
  font-size: 3.33333333rem;
  text-align: left;
  color: #556474;
  line-height: 1.5;
}
.board-lessons .board-modal-mobile-toolbar-interaction .modal__component .toolbar-interaction p.centered,
.board-lessons .board-modal-mobile-toolbar-interaction .modal__component .instruction p.centered {
  text-align: center;
}
.board-lessons .board-modal-mobile-toolbar-interaction .modal__component .toolbar-interaction .invalid-input,
.board-lessons .board-modal-mobile-toolbar-interaction .modal__component .instruction .invalid-input {
  font-size: 2.5rem;
  margin-top: 1.66666667rem;
  text-decoration: none;
  color: #ed1c24;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  25% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.board-lessons .board-modal-offline {
  display: flex;
  justify-content: space-between;
}
.board-lessons .board-modal-offline .description-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 5.20833333rem;
  padding-right: 8.33333333rem;
  color: #000;
}
.board-lessons .board-modal-offline .description-wrapper .title {
  font-family: var(--font-family-header);
  font-size: 2.08333333rem;
  font-weight: 600;
}
.board-lessons .board-modal-offline .description-wrapper .description {
  font-family: 'Open Sans', sans-serif;
  margin-top: 2.5rem;
  font-size: 1.66666667rem;
}
.board-lessons .board-modal-offline .pebble {
  width: 31.25rem;
  height: 31.25rem;
  background: #ffffff;
  background: linear-gradient(90deg, #fff 0%, #fff 75%, #d4eefc 75%, #d4eefc 100%);
}
.board-lessons .board-modal-offline .pebble .qr-code {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.board-lessons .board-modal-offline .pebble .qr-code .qr-img-wrapper {
  z-index: 1;
  height: 12.5rem;
  background-color: #fff;
  border-radius: 0.83333333rem;
  padding: 1.66666667rem;
}
.board-lessons .board-modal-offline .pebble .qr-code .qr-img-wrapper img {
  width: 12.5rem;
  height: 12.5rem;
}
.board-lessons .board-modal-offline .pebble .qr-code .link-text {
  z-index: 1;
  padding-top: 1.04166667rem;
  text-align: center;
  color: #28759f;
  font-size: 1.25rem;
}
.board-lessons .board-modal-offline .pebble svg {
  position: absolute;
  top: 0;
  width: 31.25rem;
  height: 31.25rem;
  right: 6.25rem;
}
.board-lessons .progress-loader-modal .modal__dialog-content .modal__dialog-yield {
  padding: 0;
}
.board-lessons .progress-loader-modal .modal__dialog-content .modal__dialog-yield .progress-loader__container {
  min-width: 59.58333333rem;
  padding: 3.33333333rem 6.66666667rem;
  height: 31.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.5rem;
}
.board-lessons .progress-loader-modal .modal__dialog-content .modal__dialog-yield .progress-loader__container .styleguide.flat__icon {
  display: flex;
  width: 3.33333333rem;
  height: 3.33333333rem;
}
.board-lessons .progress-loader-modal .modal__dialog-content .modal__dialog-yield .progress-loader__container .styleguide.flat__icon .icon--graphics {
  fill: #38a4de;
}
.board-lessons .progress-loader-modal .modal__dialog-content .modal__dialog-yield .progress-loader__container p {
  -webkit-user-select: none;
          user-select: none;
  color: #556474;
  font-weight: 400;
  font-size: 2.08333333rem;
  font-family: var(--font-family-header);
}
.board-lessons .ui-modal-dialog .board-modal-dialog-rich-content {
  width: 100%;
}
.board-lessons .ui-modal-dialog .board-modal-dialog-rich-content .board-modal-dialog-container {
  width: 70.83333333rem;
}
.board-lessons .ui-modal-dialog .board-modal-dialog-rich-content p {
  font-family: 'Open Sans', sans-serif;
  line-height: 1.5;
  margin: 0;
}
.board-lessons .ui-modal-dialog .board-modal-dialog-offline-content {
  width: 100%;
}
.board-lessons .ui-modal-dialog .board-modal-dialog-offline-content .modal__dialog-content {
  overflow: hidden;
}
.board-lessons .ui-modal-dialog .board-modal-dialog-offline-content .modal__dialog-content .modal__dialog-yield {
  padding: 0;
}
.board-lessons .ui-modal-dialog .board-modal-dialog-offline-content .modal__dialog-content .board-modal-dialog-container {
  width: 83.33333333rem;
}
.board-lessons .ui-modal-dialog .board-modal-dialog-no-content {
  width: 100%;
}
.board-lessons .ui-modal-dialog .board-modal-dialog-no-content .modal__dialog-content {
  width: 83.33333333rem;
}
.board-lessons .ui-modal-dialog .board-modal-dialog-end-session {
  width: 100%;
}
.board-lessons .ui-modal-dialog .board-modal-dialog-end-session .modal__dialog-content {
  width: 53.33333333rem;
}
.board-lessons .ui-modal-dialog .board-modal-dialog-error-message {
  width: 100%;
}
.board-lessons .ui-modal-dialog .board-modal-dialog-error-message .board-modal-dialog-container {
  width: 43.75rem;
}
.board-lessons .ui-modal-dialog .board-modal-dialog-error-message p {
  font-family: 'Open Sans', sans-serif;
  line-height: 1.5;
  margin: 0 0 1.66666667rem 0;
}
.board-lessons .ui-modal-dialog .download-lesson {
  margin-top: 0.83333333rem;
}
.board-lessons .ui-modal-dialog h2 {
  font-family: 'Open Sans', sans-serif;
}
.board-lessons .modal-dialog-teacher-invite-modal .modal__dialog-content {
  margin: 0 1.66666667rem;
  width: 61.66666667rem;
  animation: fadeIn 0.3s ease-in-out;
  position: relative;
}
.board-lessons .modal-dialog-teacher-invite-modal .modal__dialog-content .modal__dialog-yield {
  padding: 3.33333333rem;
}
.board-lessons .modal-dialog-teacher-invite-modal .modal__dialog-content .modal__dialog-buttons {
  border-top: none;
  padding-top: 0;
}
.board-lessons .modal-dialog-teacher-invite-modal .modal__dialog-content .qr-scan-pebble {
  position: absolute;
  left: 0;
  top: 0;
  width: 20.83333333rem;
  height: 20.83333333rem;
  background-image: url('images/pebbles/pebble-teacher-invite-qr-7e2057e7ef35667e16a88f9b113f74ac.png');
  background-position: 0 0;
  background-size: 100% 100%;
  border-radius: 1.25rem 0 0;
}
.board-lessons .modal-dialog-teacher-invite-modal .modal__dialog-content .qr-scan-pebble .qr-scan-container {
  position: absolute;
  left: 1.04166667rem;
  top: 2.29166667rem;
  width: 16.66666667rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.83333333rem;
}
.board-lessons .modal-dialog-teacher-invite-modal .modal__dialog-content .qr-scan-pebble .qr-scan-container .qr-code {
  width: 10.625rem;
  height: 10.625rem;
}
.board-lessons .modal-dialog-teacher-invite-modal .modal__dialog-content .qr-scan-pebble .qr-scan-container .qr-code .qr-code-image {
  width: 10.625rem;
  height: 10.625rem;
  padding: 0.83333333rem;
  box-sizing: border-box;
  border-radius: 0.41666667rem;
  background: #ffffff;
}
.board-lessons .modal-dialog-teacher-invite-modal .modal__dialog-content .qr-scan-pebble .qr-scan-container p {
  font-size: 1.25rem;
  color: #28759f;
  font-weight: 400;
}
.board-lessons .modal-dialog-teacher-invite-modal .modal__dialog-content .image-container {
  display: flex;
  justify-content: center;
  width: 100%;
}
.board-lessons .modal-dialog-teacher-invite-modal .modal__dialog-content .image-container .school-image {
  width: 21.25rem;
}
.board-lessons .modal-dialog-teacher-invite-modal .modal__dialog-content .teacher-invite-container,
.board-lessons .modal-dialog-teacher-invite-modal .modal__dialog-content .teachers-invited-container {
  display: flex;
  flex-direction: column;
  gap: 0.83333333rem;
  margin: 2.5rem 0 3.33333333rem;
}
.board-lessons .modal-dialog-teacher-invite-modal .modal__dialog-content .teacher-invite-container h2,
.board-lessons .modal-dialog-teacher-invite-modal .modal__dialog-content .teachers-invited-container h2 {
  font-family: var(--font-family-header);
  font-size: 2.08333333rem;
  color: #2a3541;
}
.board-lessons .modal-dialog-teacher-invite-modal .modal__dialog-content .input-container {
  display: flex;
  flex-direction: column;
  gap: 0.83333333rem;
}
.board-lessons .modal-dialog-teacher-invite-modal .modal__dialog-content .input-container label {
  font-weight: 600;
}
.board-lessons .modal-dialog-teacher-invite-modal .modal__dialog-content .teachers-invited-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.33333333rem;
  width: 100%;
}
.board-lessons .modal-dialog-teacher-invite-modal .modal__dialog-content .teachers-invited-wrapper .icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 9.16666667rem;
  height: 9.16666667rem;
  background: #effaff;
  border-radius: 50%;
}
.board-lessons .modal-dialog-teacher-invite-modal .modal__dialog-content .teachers-invited-wrapper .icon-container .svg__icon {
  width: 4.58333333rem;
  height: 4.58333333rem;
}
.board-lessons .modal-dialog-teacher-invite-modal .modal__dialog-content .teachers-invited-wrapper .teachers-invited-container {
  margin-top: 0;
  margin-bottom: 0;
}
.board-lessons .modal-dialog-teacher-invite-modal .modal__dialog-content .teachers-invited-wrapper .teachers-invited-container h2,
.board-lessons .modal-dialog-teacher-invite-modal .modal__dialog-content .teachers-invited-wrapper .teachers-invited-container p {
  text-align: center;
}
.board-lessons .screenshot-area-selector {
  position: absolute;
  inset: 0;
}
.board-lessons .screenshot-area-selector .screenshot-area-overlay {
  position: absolute;
  cursor: move;
}
.board-lessons .screenshot-area-selector .screenshot-area-overlay .inner-overlay {
  position: absolute;
  inset: 16px;
  border: 3px dashed black;
}
.board-lessons .screenshot-area-selector .screenshot-area-overlay .take-screenshot-button {
  position: absolute;
  bottom: -16px;
  left: 16px;
  right: 16px;
  display: flex;
  justify-content: center;
}
.board-lessons .screenshot-area-selector .blocker-top,
.board-lessons .screenshot-area-selector .blocker-bottom,
.board-lessons .screenshot-area-selector .blocker-left,
.board-lessons .screenshot-area-selector .blocker-right {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
}
.board-lessons .side-settings-menu-container {
  width: 37.5rem;
  height: calc(100% - 7.29166667rem);
  position: absolute;
  right: 0;
  background-color: #ffffff;
  box-shadow: 0 0.10416667rem 0.20833333rem 0 rgba(42, 53, 65, 0.3), 0 0.20833333rem 0.625rem 0.20833333rem rgba(42, 53, 65, 0.15);
  display: flex;
  padding: 3.33333333rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.66666667rem;
  flex-shrink: 0;
  overflow-y: auto;
  box-sizing: content-box;
  animation: 0.3s ease slideInFromRight;
}
.board-lessons .side-settings-menu-container.toolbar-bottom {
  top: 0;
}
.board-lessons .side-settings-menu-container.toolbar-top {
  top: 7.29166667rem;
}
.board-lessons .side-settings-menu-container .top-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
}
.board-lessons .side-settings-menu-container .top-container .title {
  color: #2a3541;
  font-family: var(--font-family-header);
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 600;
  max-width: 75%;
  padding: 0;
}
.board-lessons .side-settings-menu-container p {
  color: #556474;
  font-family: var(--font-family-base);
  font-size: 1.66666667rem;
}
@keyframes slideInFromRight {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
.board-lessons .slides-overlay {
  background-color: white;
  width: 100%;
  height: 100%;
  z-index: 99;
  position: relative;
  overflow: hidden;
}
.board-lessons .slides-overlay .slide {
  width: 100%;
  height: 100%;
  padding: 4.16666667rem;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.board-lessons .slides-overlay .slide .header {
  width: 100%;
  height: 15.625rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
}
.board-lessons .slides-overlay .slide .header .logo-container .logo {
  width: 19.0625rem;
}
.board-lessons .slides-overlay .slide .header .caption {
  font-size: 1.66666667rem;
  line-height: 2.5rem;
  color: #556474;
  pointer-events: none;
}
.board-lessons .slides-overlay .slide .content {
  display: flex;
  justify-content: center;
  height: 38.75rem;
  margin-top: -7%;
}
.board-lessons .slides-overlay .slide .content .content-container {
  position: relative;
  width: 120.83333333rem;
  height: 38.75rem;
}
.board-lessons .slides-overlay .slide .content .content-container .text-container {
  width: 80%;
  min-height: 9.16666667rem;
  padding: 5.83333333rem;
  background-color: #ffffff;
  border-radius: 1.66666667rem;
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  box-shadow: 0 0 0.20833333rem 0 rgba(42, 53, 65, 0.08), 0 0.20833333rem 0.41666667rem 0 rgba(42, 53, 65, 0.16);
}
.board-lessons .slides-overlay .slide .content .content-container .text-container h1,
.board-lessons .slides-overlay .slide .content .content-container .text-container p {
  max-width: 45.83333333rem;
  overflow-wrap: break-word;
  color: #2a3541;
}
.board-lessons .slides-overlay .slide .content .content-container .text-container h1 {
  font-size: 3.33333333rem;
  font-weight: 500;
  margin-bottom: 1.66666667rem;
  font-family: var(--font-family-header);
}
.board-lessons .slides-overlay .slide .content .content-container .text-container p {
  font-size: 1.66666667rem;
  line-height: 2.5rem;
  font-weight: 400;
}
.board-lessons .slides-overlay .slide .content .content-container .media-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 58.33333333rem;
  height: 35.20833333rem;
  pointer-events: none;
}
.board-lessons .slides-overlay .slide .content .content-container .media-container .media {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.board-lessons .slides-overlay .slide .content .content-container .media-container .media-1 {
  width: 52.5rem;
  position: absolute;
  right: 0;
  top: 0;
}
.board-lessons .slides-overlay .slide .content .content-container .media-container .media-2 {
  width: 25rem;
  position: absolute;
  left: 0;
  bottom: 0;
}
.board-lessons .slides-overlay .slide .navigation {
  height: 4.16666667rem;
  display: flex;
  justify-content: space-between;
  z-index: 1;
}
.board-lessons .slides-overlay .slide .navigation .dot-navigation {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 1.25rem;
}
.board-lessons .slides-overlay .slide .navigation .dot-navigation .dot-sky {
  --onboarding-dot-color: #38a4de;
}
.board-lessons .slides-overlay .slide .navigation .dot-navigation .dot-orange {
  --onboarding-dot-color: #fa830c;
}
.board-lessons .slides-overlay .slide .navigation .dot-navigation .dot-green {
  --onboarding-dot-color: #59d640;
}
.board-lessons .slides-overlay .slide .navigation .dot-navigation .dot-blue {
  --onboarding-dot-color: #277cd9;
}
.board-lessons .slides-overlay .slide .navigation .dot-navigation .dot-purple,
.board-lessons .slides-overlay .slide .navigation .dot-navigation .dot-fuchsia {
  --onboarding-dot-color: #d941d9;
}
.board-lessons .slides-overlay .slide .navigation .dot-navigation .dot-caribbean {
  --onboarding-dot-color: #3fd4d4;
}
.board-lessons .slides-overlay .slide .navigation .dot-navigation .dot-lemon {
  --onboarding-dot-color: #fad20c;
}
.board-lessons .slides-overlay .slide .navigation .dot-navigation .dot-emerald {
  --onboarding-dot-color: #3dcc84;
}
.board-lessons .slides-overlay .slide .navigation .dot-navigation .dot {
  display: flex;
  align-items: center;
  width: 1.66666667rem;
  height: 1.66666667rem;
  border-radius: 50%;
  border-width: max(calc(1 * 0.10416666666666667rem), 1px);
  border-style: solid;
  border-color: var(--onboarding-dot-color, #556474);
}
.board-lessons .slides-overlay .slide .navigation .dot-navigation .dot-clickable {
  cursor: pointer;
}
.board-lessons .slides-overlay .slide .navigation .dot-navigation .dot-selected {
  background-color: var(--onboarding-dot-color, #556474);
}
.board-lessons .slides-overlay .slide .navigation .back-button-container,
.board-lessons .slides-overlay .slide .navigation .slide-button-container {
  width: 20%;
}
.board-lessons .slides-overlay .slide .navigation .slide-button-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.25rem;
}
.board-lessons .slides-overlay .slide-1 .header {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.board-lessons .slides-overlay .slide-1 .header .logo-container {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 1.66666667rem;
}
.board-lessons .slides-overlay .slide-1 .header .logo-container .logo {
  width: 29.375rem;
}
.board-lessons .slides-overlay .slide-1 .content .content-container {
  width: 100rem;
  height: 38.75rem;
  position: relative;
}
.board-lessons .slides-overlay .slide-1 .content .content-container .text-container {
  min-height: 11.25rem;
  padding: 8.33333333rem 16.66666667rem 8.33333333rem 4.16666667rem;
}
.board-lessons .slides-overlay .slide-1 .content .content-container .text-container h1,
.board-lessons .slides-overlay .slide-1 .content .content-container .text-container p {
  max-width: 45.20833333rem;
  overflow-wrap: break-word;
}
.board-lessons .slides-overlay .slide-1 .content .content-container .image-container {
  max-width: 58.33333333rem;
  height: 35.20833333rem;
  position: absolute;
  top: 24%;
  right: -10%;
}
.board-lessons .slides-overlay .slide-1 .content .content-container .image-container .image {
  width: 100%;
}
.board-lessons .slides-overlay.slideshow-nlbe-onboarding .slide {
  position: relative;
  padding: 3.33333333rem;
}
.board-lessons .slides-overlay.slideshow-nlbe-onboarding .slide.slide-1 .content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.board-lessons .slides-overlay.slideshow-nlbe-onboarding .slide:not(.slide-1) .content {
  left: 50%;
  top: 19.16666667rem;
  transform: translateX(-50%) translateX(-23.33333333rem);
}
.board-lessons .slides-overlay.slideshow-nlbe-onboarding .slide .header {
  height: auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.board-lessons .slides-overlay.slideshow-nlbe-onboarding .slide .header .logo-container {
  margin-bottom: 1.66666667rem;
}
.board-lessons .slides-overlay.slideshow-nlbe-onboarding .slide .header .logo-container .logo {
  display: block;
  width: 18.4375rem;
}
.board-lessons .slides-overlay.slideshow-nlbe-onboarding .slide .content {
  height: auto;
  margin-top: initial;
  position: absolute;
}
.board-lessons .slides-overlay.slideshow-nlbe-onboarding .slide .content .content-container {
  width: auto;
  height: auto;
}
.board-lessons .slides-overlay.slideshow-nlbe-onboarding .slide .content .content-container .text-container {
  position: initial;
  min-height: 11.25rem;
  padding: 8.33333333rem 4.16666667rem 8.33333333rem 4.16666667rem;
  width: 80rem;
}
.board-lessons .slides-overlay.slideshow-nlbe-onboarding .slide .content .content-container .text-container h1 {
  max-width: 100%;
}
.board-lessons .slides-overlay.slideshow-nlbe-onboarding .slide .content .content-container .text-container p {
  max-width: 59.16666667rem;
}
.board-lessons .slides-overlay.slideshow-nlbe-onboarding .slide .content .content-container .media-container {
  width: auto;
  height: auto;
  top: initial;
  right: initial;
  left: initial;
  bottom: initial;
}
.board-lessons .slides-overlay.slideshow-nlbe-onboarding .slide .content .content-container .media-container .media {
  position: initial;
}
@media screen and (max-width: 1410px), (orientation: portrait) {
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide-1 .content .content-container.first-slide .image-container {
    width: 60%;
    left: 20%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide-1 .content .content-container.first-slide .image-container .image {
    width: 60%;
  }
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide .content .content-container {
    width: 100%;
  }
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide .content .content-container .text-container {
    width: 100%;
  }
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide .content .content-container .text-container h1,
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide .content .content-container .text-container p {
    max-width: 100%;
  }
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide .content .content-container .media-container {
    width: 80%;
    left: 10%;
    top: -14.58333333rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide .content .content-container .media-container .media {
    width: 60%;
    margin-bottom: 4.375rem;
    top: auto;
    position: relative;
  }
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide .content .content-container .media-container .media-1,
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide .content .content-container .media-container .media-2 {
    margin-bottom: 5rem;
    top: auto;
  }
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide .content .content-container .media-container .media-1 {
    width: 60%;
  }
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide .content .content-container .media-container .media-2 {
    width: 35%;
  }
}
@media screen and (max-width: 846px), (orientation: portrait) {
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide-1 .content .content-container.first-slide .image-container {
    width: 80%;
    left: 10%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide-1 .content .content-container.first-slide .image-container .image {
    width: 80%;
  }
}
@media screen and (max-width: 1410px) and (orientation: landscape) {
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide-1 .content .content-container.first-slide .image-container {
    width: 60%;
    left: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
  }
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide-1 .content .content-container.first-slide .image-container .image {
    width: 60%;
  }
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide .content .content-container {
    width: 100%;
  }
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide .content .content-container .text-container {
    width: 100%;
  }
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide .content .content-container .text-container h1,
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide .content .content-container .text-container p {
    max-width: 100%;
  }
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide .content .content-container .media-container {
    width: 60%;
    left: 20%;
    top: -10.41666667rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide .content .content-container .media-container .media {
    width: 60%;
    margin-bottom: 4.375rem;
    top: auto;
    position: relative;
  }
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide .content .content-container .media-container .media-1,
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide .content .content-container .media-container .media-2 {
    margin-bottom: 5rem;
    top: auto;
  }
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide .content .content-container .media-container .media-1 {
    width: 60%;
  }
  .board-lessons .slides-overlay:not(.slideshow-nlbe-onboarding) .slide .content .content-container .media-container .media-2 {
    width: 35%;
  }
}
@media screen and (max-aspect-ratio: 1.77777778) {
  .board-lessons .slides-overlay.slideshow-nlbe-onboarding .slide:not(.slide-1) .content {
    left: 3.33333333rem;
    transform: none;
  }
}
.board-lessons .base-element-css-selector {
  will-change: transform, top, left;
  -webkit-user-select: none;
          user-select: none;
  position: absolute;
}
.board-lessons .base-element-css-selector.cover {
  will-change: top, left;
}
.board-lessons .base-element-css-selector.is-selected:not(.is-in-group) .select-rect {
  display: block;
}
.board-lessons .base-element-css-selector.is-single-selected .select-rect,
.board-lessons .base-element-css-selector.is-in-group .select-rect {
  border: none;
}
.board-lessons .base-element-css-selector .select-rect {
  border: 1px solid #d1d3de;
  display: none;
  position: absolute;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.4);
  z-index: -1;
}
.board-lessons .base-element-css-selector .select-rect.select-rect-transparent {
  background: none;
  pointer-events: none;
}
.board-lessons .document-element {
  border: 1px solid #d1d3de;
  background: rgba(255, 255, 255, 0.5);
}
.board-lessons .document-element .handle {
  z-index: 5;
}
.board-lessons .document-element .handle.top {
  top: -25px;
}
.board-lessons .document-element .handle.left {
  left: -25px;
}
.board-lessons .document-element.is-locked {
  cursor: grab;
}
.board-lessons .document-element.is-locked:active {
  cursor: grabbing;
}
.board-lessons .document-element.drawing,
.board-lessons .document-element.drawing.is-locked,
.board-lessons .document-element.erasing,
.board-lessons .document-element.erasing.is-locked {
  cursor: auto;
}
.board-lessons .document-element.drawing .interaction-layer {
  pointer-events: auto;
}
.board-lessons .document-element .interaction-layer {
  pointer-events: none;
}
.board-lessons .document-element .document-container {
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
  transform: translate(0, 0);
}
.board-lessons .document-element .document-container img {
  height: 100%;
  object-fit: contain;
}
.board-lessons .document-element .document-container .drawing-layer {
  z-index: 10;
}
.board-lessons .document-element .elementWrapper,
.board-lessons .document-element .transformWrapper {
  width: 100%;
  height: 100%;
  position: absolute;
}
.board-lessons .document-element .document-controls {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.board-lessons .document-element .document-controls > button[class*='button__square'] {
  position: absolute;
  margin: 10px;
  top: 0;
  left: 0;
}
.board-lessons .document-element .document-controls div[class*='buttons__group'],
.board-lessons .document-element .document-controls div[class*='navigation-buttons'] {
  position: absolute;
  margin: 10px;
}
.board-lessons .document-element .document-controls .top {
  top: 0;
}
.board-lessons .document-element .document-controls .right {
  right: 0;
}
.board-lessons .document-element .document-controls .bottom {
  bottom: 0;
}
.board-lessons .document-element .document-controls .left {
  left: 0;
}
.board-lessons .document-element .document-controls .offset {
  left: 50px;
}
.board-lessons .document-element .document-controls button {
  pointer-events: auto;
}
.board-lessons .document-element .document-controls button div {
  pointer-events: none;
}
.board-lessons .document-element .document-controls.disable-pointer-events button {
  pointer-events: none;
}
.board-lessons .icon-element {
  z-index: 1001;
}
.board-lessons .icon-element button.styleguide.gynzy.button__icon {
  height: 100%;
  width: 100%;
}
.board-lessons .icon-element button.styleguide.gynzy.button__icon.color--heather:hover:enabled .icon--graphics {
  fill: #aeb7c2;
}
.board-lessons .image-element .image-container {
  overflow: hidden;
}
.board-lessons .image-element img,
.board-lessons .image-element canvas,
.board-lessons .image-element .croppr-container,
.board-lessons .image-element .croppr {
  width: 100%;
  height: 100%;
}
.board-lessons .image-element .croppr-image,
.board-lessons .image-element .croppr-imageClipped {
  background-color: white;
}
.board-lessons .image-element [data-is-circle-crop='true'] .croppr-region::after {
  content: ' ';
  display: block;
  width: 100%;
  height: 100%;
  outline: 1px solid #277cd9;
  border-radius: 50%;
}
.board-lessons .image-element img:not([class='croppr-image']) {
  position: absolute;
}
.board-lessons .image-element.mirrored img {
  transform: scaleX(-1);
}
.board-lessons .image-element .full-image-container {
  display: flex;
  width: 100%;
  height: 100%;
}
.board-lessons .image-element .button-container {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  display: flex;
  gap: 4px;
  padding: 8.5px 12.5px;
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #aeb7c2;
  border-radius: 8px;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
  transition: visibility 0.15s ease;
  pointer-events: none;
}
.board-lessons .image-element .button-container img {
  background: transparent;
}
.board-lessons .image-element .button-container.determining-position {
  visibility: hidden;
}
.board-lessons .image-element .button-container.position-bottom {
  margin-top: 8px;
}
.board-lessons .image-element .button-container.position-top {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  margin-bottom: 8px;
}
.board-lessons .image-element .button-container.position-inside {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: 10;
  margin-bottom: 16px;
}
.board-lessons .image-element .button-container .separator {
  background-color: #aeb7c2;
  width: 1px;
  margin: 0 12px;
}
.board-lessons .image-element .button-container .colored-icon-button {
  pointer-events: all;
}
.board-lessons .image-element .button-container .styleguide.svg__icon {
  pointer-events: none;
}
.board-lessons .image-element .button-container .cancelCrop .styleguide.flat__icon .icon--graphics {
  fill: #ed1c24;
}
.board-lessons .image-element .button-container .confirmCrop .styleguide.flat__icon .icon--graphics {
  fill: #1eaa10;
}
.board-lessons .image-element.is-highlighted {
  filter: contrast(0.5) brightness(1.5);
}
.board-lessons .elements__method-lesson-image-element {
  position: absolute;
}
.board-lessons .elements__method-lesson-image-element .image-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #38a4de;
  background: linear-gradient(45deg, #38a4de 0%, #38a4de 50%, #59b6e8 50%, #59b6e8 100%);
}
.board-lessons .elements__method-lesson-image-element .image-wrapper .image-container {
  border-radius: 5px;
  background-color: white;
  width: 160px;
  height: 160px;
}
.board-lessons .elements__method-lesson-image-element.frans .image-wrapper {
  background: linear-gradient(45deg, #3d61cc 0%, #3d61cc 50%, #5a79d8 50%, #5a79d8 100%);
}
.board-lessons .elements__method-lesson-image-element.taalontdekkers .image-wrapper {
  background: linear-gradient(45deg, #fad20c 0%, #fad20c 50%, #ffdc2e 50%, #ffdc2e 100%);
}
.board-lessons .elements__method-lesson-image-element.cijfers .image-wrapper {
  background: linear-gradient(45deg, #3fd4d4 0%, #3fd4d4 50%, #5ddfdf 50%, #5ddfdf 100%);
}
.board-lessons .elements__method-lesson-image-element.letters .image-wrapper {
  background: linear-gradient(45deg, #3dcc84 0%, #3dcc84 50%, #5ad899 50%, #5ad899 100%);
}
.board-lessons .elements__method-lesson-image-element.engels .image-wrapper {
  background: linear-gradient(45deg, #8c41d9 0%, #8c41d9 50%, #a05fe3 50%, #a05fe3 100%);
}
.board-lessons .elements__method-lesson-image-element.topografie .image-wrapper {
  background: linear-gradient(45deg, #afd441 0%, #afd441 50%, #bfdf5d 50%, #bfdf5d 100%);
}
.board-lessons .elements__method-lesson-image-element.digitale_geletterdheid .image-wrapper {
  background: linear-gradient(45deg, #d941d9 0%, #d941d9 50%, #e35fe3 50%, #e35fe3 100%);
}
.board-lessons .placeholder-element {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.board-lessons .placeholder-element .image-container {
  position: relative;
  width: 350px;
  height: 350px;
  background: #f5f5f8;
  border-radius: 50%;
}
.board-lessons .placeholder-element .image-container img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 90%;
  height: 90%;
}
.board-lessons .placeholder-element p {
  max-width: 500px;
  margin-top: 30px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #3f4c5a;
}
.board-lessons .placeholder-element.is-mini .image-container {
  width: 175px;
  height: 175px;
  min-width: 175px;
  min-height: 175px;
}
.board-lessons .placeholder-element.is-mini p {
  font-size: 14px;
  margin-top: 15px;
}
.board-lessons .placeholder-element .handle {
  top: 17px;
  right: 17px;
}
.board-lessons .practice-series-element {
  position: absolute;
  width: 1280px;
  height: 660px;
  left: 0;
  top: 0;
  font-size: 30px;
  transform-origin: top left;
}
.board-lessons .practice-series-element * {
  box-sizing: border-box;
}
.board-lessons .practice-series-element .placeholder {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.board-lessons .practice-series-element .placeholder .image-container {
  position: relative;
  width: 350px;
  height: 350px;
  background: #f5f5f8;
  border-radius: 50%;
  margin-bottom: 20px;
}
.board-lessons .practice-series-element .placeholder .image-container img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 90%;
  height: 90%;
}
.board-lessons .practice-series-element .placeholder p {
  font-weight: 600;
  padding: 5px;
}
.board-lessons .practice-series-element .workbook-exercise__exercise-wrapper,
.board-lessons .practice-series-element .exercises-for-practiceseries-component {
  width: 100%;
  height: 100%;
}
.board-lessons .shape-element {
  transition: filter 0.15s ease;
}
.board-lessons .shape-element span {
  position: absolute;
  left: 0;
  top: 0;
}
.board-lessons .shape-element .element-link-button {
  pointer-events: auto;
}
.board-lessons .shape-element.is-highlighted {
  filter: contrast(0.5) brightness(1.5);
}
.board-lessons .link-element .delete-button {
  position: absolute;
  left: calc(50% - 16px);
  top: calc(50% - 16px);
}
.board-lessons .link-element .selection-point {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #38a4de;
  border-radius: 50%;
}
.board-lessons .text-element.focus {
  z-index: 1;
}
.board-lessons .text-element.focus .select-rect {
  display: block;
  pointer-events: auto;
  cursor: grab;
}
.board-lessons .text-element.focus .select-rect:active {
  cursor: grabbing;
}
.board-lessons .text-element.focus .tiptap-element .ProseMirror {
  border: 1px solid #d1d3de;
  background: rgba(255, 255, 255, 0.25);
  z-index: 1;
}
.board-lessons .text-element .tiptap-element {
  transform-origin: 0 0;
}
.board-lessons .text-element .tiptap-element [is-sapling-overlay='true'] {
  transform-origin: top left;
  transform: scale(var(--scale));
}
.board-lessons .text-element .tiptap-element .ProseMirror {
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid transparent;
  line-height: 1.42;
  white-space: pre-wrap;
  tab-size: 4;
  --list-item-offset: 0px;
}
.board-lessons .text-element .tiptap-element .ProseMirror p,
.board-lessons .text-element .tiptap-element .ProseMirror ul,
.board-lessons .text-element .tiptap-element .ProseMirror ol {
  margin: 0;
  color: #000000;
  font-family: 'Arimo', 'Arial';
  font-size: 14px;
}
.board-lessons .text-element .tiptap-element .ProseMirror ol {
  --list-item-offset: 15px;
}
.board-lessons .text-element .tiptap-element .ProseMirror ol,
.board-lessons .text-element .tiptap-element .ProseMirror ul {
  list-style: none;
  padding-left: 20px;
}
.board-lessons .text-element .tiptap-element .ProseMirror ol ol,
.board-lessons .text-element .tiptap-element .ProseMirror ul ol,
.board-lessons .text-element .tiptap-element .ProseMirror ol ul,
.board-lessons .text-element .tiptap-element .ProseMirror ul ul {
  padding-left: 50px;
}
.board-lessons .text-element .tiptap-element .ProseMirror ol li,
.board-lessons .text-element .tiptap-element .ProseMirror ul li {
  text-align: left;
  --marker-offset: calc(1em / 2);
  --marker-additional-offset: 0px;
  --marker-width: calc(var(--marker-offset) + var(--marker-additional-offset) + 1em);
}
.board-lessons .text-element .tiptap-element .ProseMirror ol li p,
.board-lessons .text-element .tiptap-element .ProseMirror ul li p {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  margin-left: var(--marker-width);
}
.board-lessons .text-element .tiptap-element .ProseMirror ol li p:first-child::before,
.board-lessons .text-element .tiptap-element .ProseMirror ul li p:first-child::before {
  min-width: var(--marker-width);
  display: inline-block;
  margin-left: calc(-1 * var(--marker-width));
  font-size: 1em;
  pointer-events: none;
  white-space: nowrap;
  text-align: left;
  content: '\2022';
}
.board-lessons .text-element .tiptap-element .ProseMirror ol,
.board-lessons .text-element .tiptap-element .ProseMirror ol ol ol ol {
  --marker-style: decimal;
}
.board-lessons .text-element .tiptap-element .ProseMirror ol li:nth-child(n + 10),
.board-lessons .text-element .tiptap-element .ProseMirror ol ol ol ol li:nth-child(n + 10) {
  --marker-additional-offset: calc(1em / 2);
}
.board-lessons .text-element .tiptap-element .ProseMirror ol ol,
.board-lessons .text-element .tiptap-element .ProseMirror ol ol ol ol ol {
  --marker-style: lower-alpha;
}
.board-lessons .text-element .tiptap-element .ProseMirror ol ol li:nth-child(n + 10),
.board-lessons .text-element .tiptap-element .ProseMirror ol ol ol ol ol li:nth-child(n + 10) {
  --marker-additional-offset: 0px;
}
.board-lessons .text-element .tiptap-element .ProseMirror ol ol ol,
.board-lessons .text-element .tiptap-element .ProseMirror ol ol ol ol ol ol {
  --marker-style: lower-roman;
}
.board-lessons .text-element .tiptap-element .ProseMirror ol ol ol li:nth-child(n + 10),
.board-lessons .text-element .tiptap-element .ProseMirror ol ol ol ol ol ol li:nth-child(n + 10) {
  --marker-additional-offset: 0px;
}
.board-lessons .text-element .tiptap-element .ProseMirror ol {
  counter-reset: section;
}
.board-lessons .text-element .tiptap-element .ProseMirror ol li p:first-child::before {
  counter-increment: section;
  content: '' counter(section, var(--marker-style)) '.';
}
.board-lessons .text-element .tiptap-element .ProseMirror .fraction {
  -webkit-user-select: all;
          user-select: all;
  white-space: nowrap;
}
.board-lessons .text-element .tiptap-element .ProseMirror .fraction .fraction-grid {
  display: inline-grid;
  grid-template-areas: 'numerator' 'denominator';
  vertical-align: middle;
  text-align: center;
  margin: 0.18em 0 0.16em;
}
.board-lessons .text-element .tiptap-element .ProseMirror .fraction .numerator,
.board-lessons .text-element .tiptap-element .ProseMirror .fraction .denominator {
  font-size: 0.84em;
  height: 0.84em;
  margin: 0 0.18em;
}
.board-lessons .text-element .tiptap-element .ProseMirror .fraction .numerator {
  grid-area: numerator;
  line-height: 0.6em;
  border-bottom: 0.025em solid;
}
.board-lessons .text-element .tiptap-element .ProseMirror .fraction .denominator {
  grid-area: denominator;
  line-height: 0.9em;
  border-top: 0.025em solid;
}
.board-lessons .text-element .tiptap-element .ProseMirror .fraction.ProseMirror-selectednode {
  background: rgba(0, 0, 0, 0.2);
}
.board-lessons .text-element .tiptap-element .ProseMirror a {
  color: inherit;
  cursor: pointer;
  text-decoration: underline;
}
.board-lessons .text-element .tiptap-element [contenteditable='true'] {
  -webkit-user-select: text;
          user-select: text;
}
.board-lessons .text-element .tiptap-element [contenteditable='false'] {
  -webkit-user-select: none;
          user-select: none;
  cursor: default;
  pointer-events: none;
}
.board-lessons .text-element .tiptap-element [contenteditable='false'] a {
  pointer-events: auto;
}
.board-lessons .text-element.resize-while-typing .tiptap-element .ProseMirror {
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 20px;
}
.board-lessons .text-element.is-highlighted .tiptap-element .ProseMirror {
  border-color: #277cd9;
}
.board-lessons .ember-tool-element .handle {
  z-index: 5;
}
.board-lessons .ember-tool-element.is-fullscreen .top {
  top: -25px;
}
.board-lessons .ember-tool-element.is-fullscreen .right {
  right: -25px;
}
.board-lessons .ember-tool-element.is-fullscreen .bottom {
  bottom: -25px;
}
.board-lessons .ember-tool-element.is-fullscreen .left {
  left: -25px;
}
.board-lessons .ember-tool-element.is-fullscreen.render-on-top .top {
  top: 5px;
}
.board-lessons .ember-tool-element.is-fullscreen.render-on-top .right {
  right: 5px;
}
.board-lessons .ember-tool-element.is-fullscreen.render-on-top .bottom {
  bottom: 5px;
}
.board-lessons .ember-tool-element.is-fullscreen.render-on-top .left {
  left: 5px;
}
.board-lessons .ember-tool-element button * {
  pointer-events: none;
}
.board-lessons .ember-tool-element.click-through-background {
  pointer-events: none;
}
.board-lessons .ember-tool-element.disable-pointer-events {
  pointer-events: none !important;
}
.board-lessons .ember-tool-element.disable-pointer-events * {
  pointer-events: none !important;
}
.board-lessons .ember-tool-element .tool-loading-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d1d3de;
  background-color: #fff;
}
.board-lessons .ember-tool-element .extra-tool-options {
  position: absolute;
  left: 0;
  right: 0;
  top: -70px;
  display: flex;
  justify-content: center;
}
.board-lessons .ember-tool-element .extra-tool-options .component-wrapper {
  background-color: #fff;
  border: 1px solid #d1d3de;
  border-radius: 5px;
  padding: 4.5px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.board-lessons .ember-tool-element .extra-tool-options .component-wrapper .callout-arrow-wrapper {
  position: absolute;
  bottom: -1.45833333rem;
  transform: scale(0.75);
}
.board-lessons .ember-tool-element .extra-tool-options .component-wrapper .callout-arrow-wrapper svg .callout-arrow {
  width: 20px;
  height: 20px;
}
.board-lessons .video-element.widget {
  background: #ffffff;
}
.board-lessons .video-element.video {
  background: #000000;
}
.board-lessons .video-element.video.google_youtube {
  background: transparent;
}
.board-lessons .video-element .manipulation-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.board-lessons .video-element .plyr__video-wrapper {
  box-sizing: border-box;
}
.board-lessons .video-element .styleguide.plyr__video {
  overflow: hidden;
  display: flex;
}
.board-lessons .video-element .input--wrapper {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
}
.board-lessons .video-element .input--wrapper button {
  margin-left: 15px;
}
.board-lessons .video-element .video-processing-state,
.board-lessons .video-element .video-failed-state {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #000000;
}
.board-lessons .video-element .video-processing-state .video-processing-spinner,
.board-lessons .video-element .video-failed-state .video-processing-spinner,
.board-lessons .video-element .video-processing-state .video-failed-icon,
.board-lessons .video-element .video-failed-state .video-failed-icon {
  color: #ffffff;
  font-size: 24px;
  margin-bottom: 8px;
}
.board-lessons .video-element .video-processing-state .video-processing-status-text,
.board-lessons .video-element .video-failed-state .video-processing-status-text,
.board-lessons .video-element .video-processing-state .video-processing-failed-text,
.board-lessons .video-element .video-failed-state .video-processing-failed-text {
  color: #ffffff;
  font-size: 14px;
  margin: 0;
  text-align: center;
}
.board-lessons .webclip-element {
  height: calc(100% - 3rem);
  width: calc(100% - 3rem);
  padding: 1.5rem;
  background-color: #fafaff;
  border: 1px solid #d1d3de;
  border-radius: 1rem;
  position: relative;
}
.board-lessons .webclip-element .invalid-url {
  position: absolute;
  right: 1.5rem;
  color: red;
  font-weight: bold;
}
.board-lessons .webclip-element iframe {
  border: none;
  width: 100%;
  height: 100%;
}
.board-lessons .webcomponent-tool-element .handle {
  z-index: 5;
}
.board-lessons .webcomponent-tool-element.is-fullscreen .top {
  top: -25px;
}
.board-lessons .webcomponent-tool-element.is-fullscreen .right {
  right: -25px;
}
.board-lessons .webcomponent-tool-element.is-fullscreen .bottom {
  bottom: -25px;
}
.board-lessons .webcomponent-tool-element.is-fullscreen .left {
  left: -25px;
}
.board-lessons .webcomponent-tool-element.is-fullscreen.render-on-top .top {
  top: 5px;
}
.board-lessons .webcomponent-tool-element.is-fullscreen.render-on-top .right {
  right: 5px;
}
.board-lessons .webcomponent-tool-element.is-fullscreen.render-on-top .bottom {
  bottom: 5px;
}
.board-lessons .webcomponent-tool-element.is-fullscreen.render-on-top .left {
  left: 5px;
}
.board-lessons .webcomponent-tool-element button * {
  pointer-events: none;
}
.board-lessons .webcomponent-tool-element.click-through-background {
  pointer-events: none;
}
.board-lessons .webcomponent-tool-element.disable-pointer-events {
  pointer-events: none !important;
}
.board-lessons .webcomponent-tool-element.disable-pointer-events * {
  pointer-events: none !important;
}
.board-lessons .webcomponent-tool-element .tool {
  height: 100%;
  width: 100%;
}
.board-lessons .webcomponent-tool-element .unavailable-container {
  width: 100%;
  height: 100%;
  display: flex;
  background: #ffffff;
}
.board-lessons .webcomponent-tool-element .unavailable-container .unavailable-offline-message {
  height: auto;
  display: flex;
  align-items: center;
  font-weight: 400;
  padding: 12px 16px;
  box-sizing: border-box;
  color: #556474;
  gap: 8px;
}
.board-lessons .webcomponent-tool-element .unavailable-container.center {
  justify-content: center;
  align-items: center;
  background: #e9eaef;
  border-radius: 24px;
}
.board-lessons .webcomponent-tool-element .unavailable-container.center .unavailable-offline-message {
  font-size: 16px;
  justify-content: center;
  width: 100%;
  overflow-wrap: break-word;
}
.board-lessons .webcomponent-tool-element .unavailable-container.center .unavailable-offline-message .message-text {
  max-width: 80%;
}
.board-lessons .webcomponent-tool-element .unavailable-container.center.skinny .unavailable-offline-message {
  flex-direction: column;
  padding: 6px 8px;
  font-size: 10px;
}
.board-lessons .webcomponent-tool-element .unavailable-container.center.skinny .unavailable-offline-message .message-text {
  max-width: 90%;
  text-align: center;
}
.board-lessons .webcomponent-tool-element .unavailable-container.corner {
  justify-content: flex-start;
  align-items: flex-start;
  background: #ffffff;
  margin: 20px 0 0 28px;
}
.board-lessons .webcomponent-tool-element .unavailable-container.corner .unavailable-offline-message {
  font-size: 14px;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
}
.board-lessons .webcomponent-tool-element .tool-loading-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d1d3de;
  background-color: #fff;
}
.board-lessons .webcomponent-tool-element .webcomponent-settings {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
}
.board-lessons .widget-element button * {
  pointer-events: none;
}
.board-lessons .widget-element .widget-container {
  position: absolute;
}
.board-lessons .widget-element.disable-pointer-events {
  pointer-events: none !important;
}
.board-lessons .widget-element.disable-pointer-events * {
  pointer-events: none !important;
}
.board-lessons .elements__workbook-exercise {
  position: absolute;
  width: 1124px;
  height: 526px;
  left: 78px;
  top: 104px;
  font-size: 30px;
  transform-origin: top left;
}
.board-lessons .elements__workbook-exercise * {
  box-sizing: border-box;
}
.board-lessons .elements__workbook-exercise .placeholder {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.board-lessons .elements__workbook-exercise .placeholder .image-container {
  position: relative;
  width: 36.45833333rem;
  height: 36.45833333rem;
  background: #f5f5f8;
  border-radius: 50%;
  margin-bottom: 20px;
}
.board-lessons .elements__workbook-exercise .placeholder .image-container img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 90%;
  height: 90%;
}
.board-lessons .elements__workbook-exercise .placeholder p {
  font-weight: 600;
  font-size: 2.91666667rem;
  line-height: 1.5;
  text-align: center;
  padding: 5px;
}
.board-lessons .elements__workbook-exercise .placeholder.global-product .image-container {
  position: relative;
  width: 26.04166667rem;
  height: 26.04166667rem;
  background: #f5f5f8;
  border-radius: 50%;
  margin-bottom: 20px;
}
.board-lessons .elements__workbook-exercise .placeholder.global-product p {
  margin-bottom: 20px;
}
.board-lessons .elements__workbook-exercise .workbook-exercise__exercise-wrapper,
.board-lessons .elements__workbook-exercise .exercises-for-component {
  width: 100%;
  height: 100%;
}
.board-lessons .elements__workbook-exercise .workbook-exercise__settings-button-wrapper {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.board-lessons .elements__workbook-exercise .workbook-exercise__settings {
  width: 100%;
  height: 100%;
  border-radius: 7px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px;
}
.board-lessons .elements__workbook-exercise .workbook-exercise__settings .dropdown-container {
  width: 200px;
}
.board-lessons .elements__workbook-exercise .workbook-exercise__settings .settings-content {
  font-size: 24px;
  display: grid;
  grid-template-rows: repeat(5, 40px);
  gap: 10px;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  align-items: center;
}
.board-lessons .elements__workbook-exercise .workbook-exercise__settings .settings-content input {
  width: 200px;
}
.board-lessons .elements__workbook-exercise .workbook-exercise__settings .settings-content .input-wrapper {
  display: flex;
  align-items: center;
  width: 250px;
  justify-content: space-between;
  margin: 0 10px;
}
.board-lessons .elements__workbook-exercise .workbook-exercise__settings .settings-content a {
  color: #277cd9;
  cursor: pointer;
  font-weight: bold;
}
.board-lessons .elements__workbook-exercise .workbook-exercise__settings .settings-content .delete-icon {
  cursor: pointer;
  filter: var(--color-filter-valencia);
}
.board-lessons .elements__workbook-exercise .workbook-exercise__settings .button-wrapper {
  display: flex;
  justify-content: flex-end;
}
.board-lessons .elements__workbook-exercise .workbook-exercise__settings .button-wrapper button {
  margin: 0 10px;
}
.board-lessons .youtube-element {
  width: inherit;
  height: inherit;
}
.board-lessons .youtube-element.is-locked .frame-wrapper {
  background-color: transparent;
  border-color: transparent;
}
.board-lessons .youtube-element.no-pointer-events {
  pointer-events: none;
}
.board-lessons .youtube-element .frame-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f8;
  border: 1px solid #d1d3de;
  border-radius: 8px;
  width: inherit;
  height: inherit;
}
.board-lessons .youtube-element .frame-wrapper iframe {
  position: absolute;
  top: 20px;
  left: 20px;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  border: none;
}
.board-lessons .youtube-element .frame-wrapper .iframe-loading-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.board-lessons .navigation-widget.hide {
  display: none;
  pointer-events: none;
}
.board-lessons .navigation-widget.horizontal {
  width: 414px;
  height: 42px;
}
.board-lessons .navigation-widget.horizontal ul {
  height: inherit;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 2px solid;
  border-radius: 6px;
}
.board-lessons .navigation-widget.horizontal ul li {
  height: inherit;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  border-right: 2px solid #ffffff;
}
.board-lessons .navigation-widget.horizontal ul li button {
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  line-height: 1;
  cursor: pointer;
  outline: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  line-height: 16px;
  font-size: 14px;
  color: #ffffff;
}
.board-lessons .navigation-widget.horizontal ul li button:active span,
.board-lessons .navigation-widget.horizontal ul li button:focus span {
  position: relative;
}
.board-lessons .navigation-widget.horizontal ul li.active {
  background: #ffffff;
}
.board-lessons .navigation-widget.horizontal ul li.active button {
  color: inherit;
}
.board-lessons .navigation-widget.horizontal ul li:first-child {
  border-radius: 4px 0 0 4px;
}
.board-lessons .navigation-widget.horizontal ul li:last-child {
  border: none;
  border-radius: 0 4px 4px 0;
}
.board-lessons .navigation-widget.vertical {
  width: 38px;
  height: 345px;
}
.board-lessons .navigation-widget.vertical ul {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 24px 0;
  list-style: none;
}
.board-lessons .navigation-widget.vertical ul li {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
}
.board-lessons .navigation-widget.vertical ul li button {
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  line-height: 1;
  cursor: pointer;
  outline: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e9eaef;
  margin-bottom: 24px;
}
.board-lessons .navigation-widget.vertical ul li button:active span,
.board-lessons .navigation-widget.vertical ul li button:focus span {
  position: relative;
}
.board-lessons .navigation-widget.vertical ul li button .svg__icon {
  width: 20px;
  height: 20px;
}
.board-lessons .navigation-widget.vertical ul li button:hover {
  background-color: #f5f5f8;
}
.board-lessons .navigation-widget.vertical ul li.active button {
  background-color: #277cd9;
}
.board-lessons .navigation-widget.vertical ul li.active button .svg__icon img {
  filter: brightness(0) invert(1);
}
.board-lessons .cover-widget {
  position: absolute;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
  border-radius: 5px;
  border: 1px solid #aeb7c2;
}
.board-lessons .cover-widget.round {
  border-radius: 50%;
}
.board-lessons .cover-widget.round::before {
  border-radius: 50%;
}
.board-lessons .cover-widget.round .extra-border {
  border-radius: 50%;
}
.board-lessons .cover-widget .extra-border {
  position: absolute;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
  border-radius: 4px;
  pointer-events: none;
  border: 1px solid #e9eaef;
}
.board-lessons .cover-widget::before {
  content: ' ';
  position: absolute;
  pointer-events: none;
  border-radius: 3px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: 0.5s;
}
.board-lessons .cover-widget.dark::before {
  background-color: #2a3541;
  background-image: repeating-linear-gradient(-45deg, #2a3541, #2a3541 5px, #3f4c5a 5px, #3f4c5a 10px);
}
.board-lessons .cover-widget.light::before {
  background-color: #e9eaef;
  background-image: repeating-linear-gradient(-45deg, #e9eaef, #e9eaef 5px, #d1d3de 5px, #d1d3de 10px);
}
.board-lessons .cover-widget.transparent {
  background-color: rgba(174, 183, 194, 0.95);
}
.board-lessons .cover-widget.transparent::before {
  content: none;
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) or (-webkit-backdrop-filter: blur(10px)) {
  .board-lessons .cover-widget.transparent {
    background-color: transparent;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
  .board-lessons .cover-widget.transparent.see-through {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .board-lessons .cover-widget.see-through::before {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
.board-lessons .cover-widget.see-through::before {
  opacity: 0;
}
.board-lessons .cover-widget .interaction-layer {
  width: inherit;
  height: inherit;
}
.board-lessons .cover-widget .interaction-layer.interaction-layer-drag {
  cursor: move;
}
.board-lessons .cover-widget .interaction-layer.interaction-layer-click {
  cursor: pointer;
}
.board-lessons .adjustable-analog-clock {
  position: absolute;
  left: 140px;
  top: 140px;
}
.board-lessons .adjustable-analog-clock .clock-face,
.board-lessons .adjustable-analog-clock .pin,
.board-lessons .adjustable-analog-clock .hand-minute,
.board-lessons .adjustable-analog-clock .hand-hour {
  position: absolute;
  background-repeat: no-repeat;
}
.board-lessons .adjustable-analog-clock .clock-face,
.board-lessons .adjustable-analog-clock .pin {
  transform: translate(-50%, -50%);
}
.board-lessons .adjustable-analog-clock .clock-face {
  background-image: url('images/widgets/clock-analog/clock-analog-back-b08ffa5e4681d55cffec0f475401d47c.svg');
  background-position: center center;
  width: 280px;
  height: 280px;
}
.board-lessons .adjustable-analog-clock .pin {
  background-image: url('images/widgets/clock-analog/clock-analog-center-47be7bc64686bece5af10fece3d4e83a.svg');
  width: 16px;
  height: 16px;
}
.board-lessons .adjustable-analog-clock .hand-minute,
.board-lessons .adjustable-analog-clock .hand-hour {
  transform-origin: 50% 100%;
}
.board-lessons .adjustable-analog-clock .hand-minute {
  background-image: url('images/widgets/clock-analog/clock-analog-hand-minute-3c50c1e4a738a3f0f0cec9cfa00f61f1.svg');
  width: 26px;
  height: 94px;
  left: -13px;
  top: -94px;
}
.board-lessons .adjustable-analog-clock .hand-hour {
  background-image: url('images/widgets/clock-analog/clock-analog-hand-hour-4b7d3d6633c998c89072bc850bf42f96.svg');
  width: 26px;
  height: 81px;
  left: -13px;
  top: -81px;
}
.board-lessons .adjustable-analog-clock .draggable {
  cursor: pointer;
}
.board-lessons .adjustable-analog-clock button {
  position: absolute;
  top: 160px;
  transform: scale(1.3);
}
.board-lessons .adjustable-analog-clock button:nth-of-type(1) {
  left: -55px;
}
.board-lessons .adjustable-analog-clock button:nth-of-type(2) {
  left: 15px;
}
.board-lessons .adjustable-digital-clock .clock {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 290px;
  height: 127px;
  background-color: #eaf2fb;
  box-shadow: inset 0 0 0 20px #3f4c5a;
  border-radius: 24px;
}
.board-lessons .adjustable-digital-clock .clock .digit-grid {
  display: grid;
  grid-template-columns: 44px 44px 20px 44px 44px;
  margin-top: 2px;
}
.board-lessons .adjustable-digital-clock .clock .digit-grid .digit {
  font-family: 'ds-digi';
  font-size: 80px;
  line-height: normal;
  color: #2a3541;
  place-self: end end;
  cursor: default;
}
.board-lessons .adjustable-digital-clock button {
  position: absolute;
  top: 145px;
}
.board-lessons .adjustable-digital-clock button:nth-of-type(1) {
  left: 39px;
}
.board-lessons .adjustable-digital-clock button:nth-of-type(2) {
  left: 91px;
}
.board-lessons .adjustable-digital-clock button:nth-of-type(3) {
  left: 152px;
}
.board-lessons .adjustable-digital-clock button:nth-of-type(4) {
  left: 204px;
}
.board-lessons .analogclock-widget {
  position: absolute;
  width: 280px;
  height: 280px;
  background: url('images/widgets/clock-analog/clock-analog-back-b08ffa5e4681d55cffec0f475401d47c.svg');
  background-repeat: no-repeat;
  background-size: 280px 280px;
}
.board-lessons .analogclock-widget .hand-minute {
  position: absolute;
  background-image: url('images/widgets/clock-analog/clock-analog-hand-minute-3c50c1e4a738a3f0f0cec9cfa00f61f1.svg');
  width: 25px;
  height: 94px;
  top: 46px;
  left: 127px;
  transform-origin: 50% 100%;
}
.board-lessons .analogclock-widget .hand-hour {
  position: absolute;
  background-image: url('images/widgets/clock-analog/clock-analog-hand-hour-4b7d3d6633c998c89072bc850bf42f96.svg');
  width: 25px;
  height: 80px;
  top: 60px;
  left: 127px;
  transform-origin: 50% 100%;
}
.board-lessons .analogclock-widget .hand-second {
  position: absolute;
  background-image: url('images/widgets/clock-analog/clock-analog-hand-second-2943785a7e45ce5d126c7b8de2d12620.svg');
  width: 2px;
  height: 94px;
  top: 46px;
  left: 139px;
  transform-origin: 50% 100%;
}
.board-lessons .analogclock-widget .clock-center {
  position: absolute;
  background-image: url('images/widgets/clock-analog/clock-analog-center-47be7bc64686bece5af10fece3d4e83a.svg');
  width: 15px;
  height: 15px;
  top: 132px;
  left: 132px;
}
.board-lessons .circle-diagram-widget {
  display: flex;
  flex-direction: row;
  width: 600px;
  height: 300px;
}
.board-lessons .circle-diagram-widget .svg-wrapper {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.board-lessons .circle-diagram-widget .svg-wrapper .wrapper {
  width: 250px;
  height: 250px;
}
.board-lessons .circle-diagram-widget .svg-wrapper .circle {
  width: 250px;
  height: 250px;
  position: absolute;
}
.board-lessons .circle-diagram-widget .svg-wrapper .circleStroke {
  width: 250px;
  height: 250px;
  position: absolute;
}
.board-lessons .circle-diagram-widget .svg-wrapper .slices {
  width: 250px;
  height: 250px;
  position: absolute;
}
.board-lessons .circle-diagram-widget .svg-wrapper .slices svg {
  transform: rotate(-90deg);
}
.board-lessons .circle-diagram-widget .svg-wrapper .bars {
  width: 250px;
  height: 250px;
  position: absolute;
}
.board-lessons .circle-diagram-widget .svg-wrapper .bars svg {
  transform: rotate(-90deg);
}
.board-lessons .circle-diagram-widget .content-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 300px;
}
.board-lessons .circle-diagram-widget .content-wrapper p {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  padding: 10px;
  background: #ffffff;
  border-radius: 5px;
  color: #556474;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.board-lessons .circle-diagram-widget .content-wrapper ul {
  list-style: none;
  margin: -5px 0 0;
  padding: 10px;
  background: #ffffff;
  border-radius: 0 0 5px 5px;
}
.board-lessons .circle-diagram-widget .content-wrapper ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.5;
}
.board-lessons .circle-diagram-widget .content-wrapper ul li svg {
  margin: 2px 10px 0 0;
}
.board-lessons .circle-diagram-widget .content-wrapper ul li:nth-of-type(1) svg {
  fill: #fad20c;
}
.board-lessons .circle-diagram-widget .content-wrapper ul li:nth-of-type(2) svg {
  fill: #38a4de;
}
.board-lessons .circle-diagram-widget .content-wrapper ul li:nth-of-type(3) svg {
  fill: #e64545;
}
.board-lessons .circle-diagram-widget .content-wrapper ul li:nth-of-type(4) svg {
  fill: #59d640;
}
.board-lessons .circle-diagram-widget .content-wrapper ul li:nth-of-type(5) svg {
  fill: #fa830c;
}
.board-lessons .circle-diagram-widget .content-wrapper ul li span {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  color: #556474;
  margin: 0;
  font-size: 16px;
  flex: 1;
}
.board-lessons .circle-diagram-widget .content-wrapper ul li span:first-child {
  margin-left: 25px;
}
.board-lessons .circle-diagram-widget .content-wrapper ul li span.description {
  flex: 3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #6b7c8e;
}
.board-lessons .circle-diagram-widget .content-wrapper ul li span.amount {
  color: #aeb7c2;
}
.board-lessons .circle-diagram-widget .content-wrapper ul li span.percentage {
  color: #d1d3de;
}
.board-lessons .digitalclock-widget {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 290px;
  height: 127px;
  margin-left: 20px;
  background-color: #eaf2fb;
  box-shadow: inset 0 0 0 20px #3f4c5a;
  border-radius: 24px;
}
.board-lessons .digitalclock-widget.with-period {
  width: 330px;
  margin-left: 0;
  background-size: 330px 127px;
}
.board-lessons .digitalclock-widget .counter-area {
  display: flex;
  align-items: baseline;
}
.board-lessons .digitalclock-widget .digit-grid {
  display: grid;
  grid-template-columns: 46px 46px 20px 46px 46px;
  margin-top: 2px;
}
.board-lessons .digitalclock-widget .digit-grid .digit {
  font-family: 'ds-digi';
  font-size: 80px;
  line-height: normal;
  color: #2a3541;
  place-self: end end;
  cursor: default;
}
.board-lessons .digitalclock-widget .period {
  font-family: 'Arimo', 'Arial', 'Helvetica', sans-serif;
  font-size: 18px;
  margin: 50px 0 0 10px;
}
.board-lessons .money-drag-widget .money-container {
  display: flex;
  width: 100%;
  height: 100%;
  gap: 32px;
  -webkit-touch-callout: none;
}
.board-lessons .money-drag-widget .money-container .item-wrapper img {
  padding: 2px;
  border: 2px solid #4e92ff;
  border-radius: 5px;
  background: #ffffff;
}
.board-lessons .money-drag-widget .money-container img {
  max-width: 100%;
  max-height: 100%;
  -webkit-user-select: none;
          user-select: none;
}
.board-lessons .money-drag-widget .coins-container {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: space-around;
}
.board-lessons .money-drag-widget .coins-container .coins-item,
.board-lessons .money-drag-widget .coins-container .coins-item > .draggable-item {
  overflow: visible;
}
.board-lessons .money-drag-widget .coins-container .item-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.board-lessons .money-drag-widget .coins-container .item-wrapper img {
  border-radius: 50%;
}
.board-lessons .money-drag-widget .bills-container {
  display: flex;
  height: 100%;
}
.board-lessons .money-drag-widget .bills-container .bills-item,
.board-lessons .money-drag-widget .bills-container .bills-item > .draggable-item {
  overflow: visible;
}
.board-lessons .money-drag-widget.horizontal {
  height: 200px;
  justify-content: center;
}
.board-lessons .money-drag-widget.horizontal.many-items {
  gap: 2px;
}
.board-lessons .money-drag-widget.horizontal.many-items .coins-container .item-wrapper {
  width: 72px;
  height: 72px;
}
.board-lessons .money-drag-widget.horizontal .coins-container {
  flex-flow: row wrap;
  justify-content: center;
  width: 373px;
  gap: 16px;
}
.board-lessons .money-drag-widget.horizontal .coins-container[data-count='8'],
.board-lessons .money-drag-widget.horizontal .coins-container[data-count='7'] {
  width: 380px;
}
.board-lessons .money-drag-widget.horizontal .coins-container[data-count='6'] {
  width: 330px;
}
.board-lessons .money-drag-widget.horizontal .coins-container[data-count='5'] {
  width: 250px;
}
.board-lessons .money-drag-widget.horizontal .coins-container[data-count='4'],
.board-lessons .money-drag-widget.horizontal .coins-container[data-count='3'] {
  width: 190px;
}
.board-lessons .money-drag-widget.horizontal .coins-container[data-count='1'],
.board-lessons .money-drag-widget.horizontal .coins-container[data-count='2'] {
  width: 90px;
}
.board-lessons .money-drag-widget.horizontal .coins-container .item-wrapper {
  height: 93px;
  width: 93px;
}
.board-lessons .money-drag-widget.horizontal .bills-container {
  position: relative;
  height: 85%;
}
.board-lessons .money-drag-widget.horizontal .bills-container .bills-item {
  position: absolute;
  bottom: 10px;
}
.board-lessons .money-drag-widget.horizontal .bills-container .bills-item:nth-of-type(1) {
  left: 0px;
}
.board-lessons .money-drag-widget.horizontal .bills-container .bills-item:nth-of-type(2) {
  left: 70px;
}
.board-lessons .money-drag-widget.horizontal .bills-container .bills-item:nth-of-type(3) {
  left: 140px;
}
.board-lessons .money-drag-widget.horizontal .bills-container .bills-item:nth-of-type(4) {
  left: 210px;
}
.board-lessons .money-drag-widget.horizontal .bills-container .bills-item:nth-of-type(5) {
  left: 280px;
}
.board-lessons .money-drag-widget.horizontal .bills-container .bills-item:nth-of-type(6) {
  left: 350px;
}
.board-lessons .money-drag-widget.horizontal .bills-container .bills-item:nth-of-type(7) {
  left: 420px;
}
.board-lessons .money-drag-widget.horizontal .bills-container .bills-item:nth-of-type(8) {
  left: 490px;
}
.board-lessons .money-drag-widget.vertical {
  width: 210px;
  height: 420px;
}
.board-lessons .money-drag-widget.vertical .money-container {
  flex-direction: row-reverse;
  justify-content: space-around;
}
.board-lessons .money-drag-widget.vertical .coins-container {
  margin: 0;
  justify-content: flex-start;
  flex-direction: column;
  flex-shrink: 1;
}
.board-lessons .money-drag-widget.vertical .coins-container .item-wrapper {
  margin: 5px 0;
  flex-shrink: 1;
}
.board-lessons .money-drag-widget.vertical .coins-container img {
  border: 1px solid #4e92ff;
}
.board-lessons .money-drag-widget.vertical .bills-container {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 1;
}
.board-lessons .money-drag-widget.vertical .bills-container .item-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2px;
}
.board-lessons .money-drag-widget.vertical .bills-container .item-wrapper img {
  border: 1px solid #4e92ff;
  border-radius: 3px;
}
.board-lessons .fraction-widget-cicle {
  width: 250px;
  height: 250px;
}
.board-lessons .fraction-widget-cicle .svg-wrapper {
  width: 100%;
  height: 100%;
}
.board-lessons .fraction-widget-cicle .svg-wrapper .circle {
  width: 250px;
  height: 250px;
}
.board-lessons .fraction-widget-cicle .svg-wrapper .circleStroke {
  width: 250px;
  height: 250px;
  position: absolute;
  top: 0;
}
.board-lessons .fraction-widget-cicle .svg-wrapper .strokes {
  width: 250px;
  height: 250px;
  position: absolute;
  top: 0;
}
.board-lessons .fraction-widget-cicle .svg-wrapper .strokes svg {
  transform: rotate(-90deg);
}
.board-lessons .fraction-widget-cicle .svg-wrapper .fractions {
  width: 250px;
  height: 250px;
  position: absolute;
  top: 0;
}
.board-lessons .fraction-widget-cicle .svg-wrapper .fractions svg {
  transform: rotate(-90deg);
}
.board-lessons .fraction-widget-cicle .button-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 10px;
}
.board-lessons .fraction-widget-cicle .button-wrapper button {
  margin: 0 5px;
}
.board-lessons .fraction-widget-stroke {
  width: 400px;
  height: 75px;
}
.board-lessons .fraction-widget-stroke .svg-wrapper {
  width: 100%;
  height: 100%;
}
.board-lessons .fraction-widget-stroke .svg-wrapper .rectangle {
  width: 400px;
  height: 75px;
}
.board-lessons .fraction-widget-stroke .svg-wrapper .rectangleStroke {
  width: 400px;
  height: 75px;
  position: absolute;
  top: 0;
}
.board-lessons .fraction-widget-stroke .svg-wrapper .strokes {
  width: 400px;
  height: 75px;
  position: absolute;
  top: 0;
}
.board-lessons .fraction-widget-stroke .svg-wrapper .fractions {
  width: 400px;
  height: 75px;
  position: absolute;
  top: 0;
}
.board-lessons .fraction-widget-stroke .button-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 10px;
}
.board-lessons .fraction-widget-stroke .button-wrapper button {
  margin: 0 5px;
}
@keyframes flashOpacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  /* stylelint-disable-next-line keyframe-block-no-duplicate-selectors */
  0% {
    opacity: 0;
  }
}
.board-lessons .hourglass-widget {
  position: absolute;
}
.board-lessons .hourglass-widget .animate {
  animation: flashOpacity 2s 6;
}
.board-lessons .hourglass-widget img[id$='_hourglassOverlay_'] {
  position: absolute;
  top: 0;
  left: 0;
  width: 140px;
  height: 300px;
  opacity: 0;
}
.board-lessons .hourglass-widget .timer {
  border: 1px solid #d1d3de;
  width: 60px;
  padding: 5px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  bottom: 65px;
  background: #ffffff;
  border-radius: 4px;
  box-sizing: border-box;
  text-align: center;
}
.board-lessons .hourglass-widget .timer p {
  display: inline;
  margin: 0;
  font-size: 16px;
}
.board-lessons .hourglass-widget .media-buttons {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 10px;
}
.board-lessons .hourglass-widget .media-buttons button:first-child {
  margin-right: 10px;
}
.board-lessons .text-to-speech-widget .dragger {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.board-lessons .trafficlight-widget {
  position: absolute;
}
.board-lessons .trafficlight-widget .background {
  width: 200px;
  height: 456px;
  background-image: url(images/widgets/trafficlight/trafficlight-background-8d5f17b19981971e9ea995de259c6e57.svg);
  background-repeat: no-repeat;
  background-size: 200px 456px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transform: scale(0.5);
  transform-origin: top left;
  cursor: pointer;
}
.board-lessons .trafficlight-widget button {
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  line-height: 1;
  cursor: pointer;
  outline: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
}
.board-lessons .trafficlight-widget button:active span,
.board-lessons .trafficlight-widget button:focus span {
  position: relative;
}
.board-lessons .trafficlight-widget .light-background,
.board-lessons .trafficlight-widget .light-foreground {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 20px;
  border-radius: 50%;
  z-index: 1;
}
.board-lessons .trafficlight-widget .light-foreground {
  z-index: 3;
  background-color: rgba(0, 0, 0, 0);
}
.board-lessons .trafficlight-widget .red {
  top: 20px;
}
.board-lessons .trafficlight-widget .red.light-background {
  background-color: #300;
}
.board-lessons .trafficlight-widget .red.light-background.active {
  background-color: #dc2828;
}
.board-lessons .trafficlight-widget .orange {
  top: 84px;
}
.board-lessons .trafficlight-widget .orange.light-background {
  background-color: #472a00;
}
.board-lessons .trafficlight-widget .orange.light-background.active {
  background-color: #fa830c;
}
.board-lessons .trafficlight-widget .green {
  top: 148px;
}
.board-lessons .trafficlight-widget .green.light-background {
  background-color: #030;
}
.board-lessons .trafficlight-widget .green.light-background.active {
  background-color: #59d640;
}
.board-lessons .audio-widget.type-player {
  position: absolute;
  background-color: #f5f5f8;
  border: 1px solid #aeb7c2;
  border-radius: 8px;
  width: 251px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
}
.board-lessons .audio-widget.type-player .slider {
  position: relative;
  flex: 1;
  margin-right: 8px;
  height: 2px;
  background-color: #aeb7c2;
}
.board-lessons .audio-widget.type-player .slider .slider-indicator {
  position: absolute;
  background-color: #277cd9;
  width: 0;
  height: 4px;
  left: 0;
  top: -1px;
  border-radius: 4px;
}
.board-lessons .audio-widget.type-player .slider .slider-indicator .slider-indicator-bullet {
  position: absolute;
  background-color: #277cd9;
  width: 12px;
  height: 12px;
  margin: 8px;
  right: -14px;
  top: -12px;
  border-radius: 50%;
}
.board-lessons .audio-widget.type-player .button__icon {
  margin-right: 8px;
}
.board-lessons .audio-widget.type-player .flat__icon.icon__loading-spinner {
  margin-right: 8px;
  width: 20px;
  height: 20px;
}
.board-lessons .audio-widget.type-player .flat__icon.icon__loading-spinner .icon--graphics {
  fill: #277cd9;
}
.board-lessons .audio-widget.type-player .time-indicator {
  height: 16px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 16px;
  color: #556474;
}
.board-lessons .audio-widget.type-player .current-time {
  padding-left: 4px;
  padding-right: 8px;
}
.board-lessons .audio-widget.type-button button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  cursor: pointer;
  transition: background-color var(--button-transition-duration);
  --audio-button-background: #277cd9;
  --audio-button-background-hover: #4e92ff;
  --audio-button-background-active: #2465ab;
  background-color: var(--audio-button-background);
}
.board-lessons .audio-widget.type-button button:hover {
  background-color: var(--audio-button-background-hover);
}
.board-lessons .audio-widget.type-button button:active {
  background-color: var(--audio-button-background-active);
}
.board-lessons .audio-widget.type-button button:active .speech__icon {
  opacity: 0.7;
}
@keyframes playingAnim {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.8);
  }
}
.board-lessons .audio-widget.type-button button.playing .speech__icon {
  animation: playingAnim 0.5s linear infinite;
  animation-direction: alternate;
}
.board-lessons .audio-widget.type-button button.loading .speech__icon {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/loading-spinner__white-8fa5d58d5c3477e51ddd97d3f262b4e9.svg');
  animation: rotating 2s linear infinite;
}
.board-lessons .audio-widget.type-button button .speech__icon {
  width: 24px;
  height: 24px;
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/sound-on__white-62f023e55421dc9fdf8c89c4195ac099.svg');
}
.board-lessons .audio-widget.type-button button.color--tree-poppy {
  --audio-button-background: #fd8b1d;
  --audio-button-background-hover: #fda045;
  --audio-button-background-active: #e57102;
}
.board-lessons .audio-widget.type-button button.color--positive {
  --audio-button-background: #1eaa10;
  --audio-button-background-hover: #25cf14;
  --audio-button-background-active: #167b0c;
}
.board-lessons .audio-widget.type-button button.color--negative {
  --audio-button-background: #ed1c24;
  --audio-button-background-hover: #f04248;
  --audio-button-background-active: #c61017;
}
.board-lessons .audio-widget.type-button button.color--lavender {
  --audio-button-background: #8c41d9;
  --audio-button-background-hover: #a05fe3;
  --audio-button-background-active: #632a9d;
}
.board-lessons .audio-widget.type-button button.color--fuchsia {
  --audio-button-background: #d941d9;
  --audio-button-background-hover: #e35fe3;
  --audio-button-background-active: #9d2a9d;
}
.board-lessons .audio-widget.type-button button.color--lemon {
  --audio-button-background: #fad20c;
  --audio-button-background-hover: #ffdc2e;
  --audio-button-background-active: #a88e0b;
}
.board-lessons .audio-widget.type-button button.color--solitude {
  --audio-button-background: #e9eaef;
  --audio-button-background-hover: #f5f5f8;
  --audio-button-background-active: #d1d3de;
}
.board-lessons .audio-widget.type-button button.color--solitude .speech__icon {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/sound-on__gray-bcf4bdbb9237c83144f98708f7c41e68.svg');
}
.board-lessons .audio-widget.type-button button.color--solitude.loading .speech__icon {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/loading-spinner__gray-042bafe335831478dc100d9737e11ab8.svg');
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.board-lessons .audio-widget.type-button.error-state {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  align-items: center;
  border-radius: 50%;
  width: 48px;
  height: 48px;
}
.board-lessons .audio-widget.type-button.error-state .flat__icon {
  margin-right: 0;
  width: 24px;
  height: 24px;
}
.board-lessons .audio-widget.error-state {
  background-color: #fef1f1;
  border: 1px solid #ed1c24;
  color: #ed1c24;
  font-size: 16px;
}
.board-lessons .audio-widget.error-state .flat__icon {
  margin-right: 8px;
  width: 16px;
  height: 16px;
}
.board-lessons .audio-widget.error-state .flat__icon .icon--graphics {
  fill: #ed1c24;
}
.board-lessons .integrated-webbrowser-widget {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 150px;
  display: flex;
  flex-direction: column;
  background-color: #effaff;
  border-radius: 0.83333333rem;
  padding: 1.66666667rem;
  box-sizing: border-box;
}
.board-lessons .integrated-webbrowser-widget .widget-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.board-lessons .integrated-webbrowser-widget .widget-header .widget-title {
  font-size: 1.66666667rem;
  font-weight: 600;
  color: #2a3541;
  margin: 0;
}
.board-lessons .integrated-webbrowser-widget .widget-header .widget-icon {
  position: absolute;
  right: 0;
  width: 3.75rem;
  height: 3.75rem;
  background-color: #d4eefc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #38a4de;
}
.board-lessons .integrated-webbrowser-widget .widget-content {
  flex-grow: 1;
  font-size: 1.25rem;
}
.board-lessons .integrated-webbrowser-widget .widget-content .url-display {
  padding: 0.83333333rem 0;
  display: flex;
  align-items: center;
}
.board-lessons .integrated-webbrowser-widget .widget-content .url-display .url-label {
  font-weight: 500;
  color: #3f4c5a;
  margin-right: 0.625rem;
}
.board-lessons .integrated-webbrowser-widget .widget-content .url-display .url-value {
  color: #38a4de;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.board-lessons .integrated-webbrowser-widget .widget-actions {
  display: flex;
  justify-content: flex-end;
}
.board-lessons .action-button {
  box-sizing: border-box;
}
.board-lessons .classroom-button {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: relative;
}
.board-lessons .classroom-button .classroom-button-placeholder {
  position: absolute;
  inset: 0;
  opacity: 0.5;
  pointer-events: none;
}
.board-lessons .mode-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.54166667rem;
  height: 3.54166667rem;
  margin: 0.83333333rem 0.83333333rem 0.625rem;
  padding: 0.41666667rem;
  cursor: pointer;
  pointer-events: all;
  transition: 0.25s;
  border-radius: 0.20833333rem;
}
.board-lessons .mode-button .touch-input-label__container {
  position: absolute;
  display: flex;
  z-index: 2;
  background-color: #fff;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 1.66666667rem;
  border-radius: 50%;
  transition: 0.25s;
  top: -3.125rem;
  box-shadow: 0 0 2px 0 rgba(42, 53, 65, 0.08), 0 2px 4px 0 rgba(42, 53, 65, 0.16);
  padding: 0.625rem;
}
.board-lessons .mode-button .touch-input-label__container .svg__icon {
  width: 1.66666667rem;
  height: 1.66666667rem;
}
.board-lessons .mode-button .touch-input-label__container.multi-mode {
  border-radius: 37.5rem;
}
.board-lessons .mode-button .touch-input-label__container.multi-mode :first-child .svg__icon {
  margin-right: 0.41666667rem;
}
.board-lessons .mode-button img,
.board-lessons .mode-button .svg__icon {
  width: 2.70833333rem;
  height: 2.70833333rem;
}
.board-lessons .mode-button:hover {
  background-color: rgba(39, 124, 217, 0.15);
  transition: all 0.15s;
  border-radius: 0.20833333rem;
}
.board-lessons .mode-button:active,
.board-lessons .mode-button.active {
  background-color: rgba(39, 124, 217, 0.2);
}
.board-lessons .mode-button.disabled {
  opacity: 0.5;
  filter: grayscale(1);
  cursor: default;
  pointer-events: none;
}
.board-lessons .mode-button.nudge {
  border-radius: 50%;
  background: #ffffff;
  animation: nudge 2s infinite;
}
.board-lessons .mode-button.nudge:hover {
  background-color: rgba(39, 124, 217, 0.15);
  transition: all 0.15s;
}
.board-lessons .mode-button .badge {
  background-color: #fd8b1d;
  padding: 0 0.41666667rem;
  border: 2px solid #ffffff;
  box-sizing: content-box;
  min-width: 1.25rem;
  height: 2.08333333rem;
  border-radius: 2.08333333rem;
  position: absolute;
  top: 0;
  right: -10%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.board-lessons .mode-button .badge.alert-badge {
  background-color: #e64545;
}
.board-lessons .mode-button .badge span {
  font-size: 1.04166667rem;
  font-weight: bold;
  color: #ffffff;
}
@keyframes fadeMenu {
  from {
    opacity: 0;
    top: -3.08333333rem;
  }
  to {
    opacity: 1;
    top: -2.91666667rem;
  }
}
@keyframes nudge {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  10% {
    transform: translateY(-0.41666667rem) rotate(-15deg) scale(1.5);
  }
  60% {
    transform: translateY(-0.41666667rem) rotate(-15deg) scale(1.5);
  }
  80% {
    transform: translateY(0) rotate(0deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}
.board-lessons .page-buttons {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.83333333rem 0 0.83333333rem;
}
.board-lessons .page-buttons button.page-number {
  min-width: 9.375rem;
}
.board-lessons .page-buttons #page-overview-button {
  color: #556474;
  border: 1px solid #d1d3de;
  background-color: #ffffff;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0);
  padding: 0.83333333rem 1.66666667rem;
}
.board-lessons .page-buttons #page-overview-button .styleguide.svg__icon {
  width: 2.29166667rem;
  height: 2.29166667rem;
  margin-left: 0.83333333rem;
}
.board-lessons .page-buttons #page-overview-button .icon--graphics {
  fill: #556474;
}
.board-lessons .page-buttons #page-overview-button:not(:disabled):hover,
.board-lessons .page-buttons #page-overview-button.hover:enabled {
  background-color: #f5f5f8;
}
.board-lessons .page-buttons #page-overview-button:not(:disabled):active,
.board-lessons .page-buttons #page-overview-button.active:enabled {
  background-color: #e9eaef;
}
.board-lessons .page-buttons div.page-buttons-group {
  margin: 0 1.25rem;
}
.board-lessons .page-buttons div.page-buttons-group .page-number .flat__icon,
.board-lessons .page-buttons div.page-buttons-group .page-number .svg__icon {
  width: 2rem;
  height: 2rem;
}
.board-lessons .page-buttons .pages-callout-arrow {
  position: absolute;
  top: -2.29166667rem;
  left: 3.54166667rem;
  z-index: 3;
  animation-name: fadePagesArrow;
  animation-duration: 0.1s;
  animation-timing-function: ease;
}
.board-lessons .page-buttons .pages-callout-arrow.toolbar-position-top {
  bottom: -2.29166667rem;
  top: initial;
  transform: rotate(180deg);
}
.board-lessons .page-buttons .add-page-callout-arrow {
  position: absolute;
  top: -2.91666667rem;
  right: 1.875rem;
  z-index: 3;
  animation-name: fadeAddPageArrow;
  animation-duration: 0.1s;
  animation-timing-function: ease;
}
.board-lessons .page-buttons .add-page-callout-arrow.toolbar-position-top {
  bottom: -2.91666667rem;
  top: initial;
  transform: rotate(180deg);
}
@keyframes fadePagesArrow {
  from {
    opacity: 0;
    top: -1.04166667rem;
  }
  to {
    opacity: 1;
    top: -2.08333333rem;
  }
}
@keyframes fadeAddPageArrow {
  from {
    opacity: 0;
    top: -1.875rem;
  }
  to {
    opacity: 1;
    top: -2.91666667rem;
  }
}
.board-lessons .submenu-button {
  position: relative;
  cursor: pointer;
  transition: 0.15s;
  display: flex;
  align-items: center;
  padding: 1.66666667rem 2.08333333rem 1.25rem 2.08333333rem;
  box-shadow: inset 0 -0.41666667rem 0 transparent;
}
.board-lessons .submenu-button img {
  margin-right: 1.25rem;
  width: 2.08333333rem;
  height: 2.08333333rem;
}
.board-lessons .submenu-button p {
  margin: 0;
  font-size: 1.66666667rem;
  color: #556474;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
}
.board-lessons .submenu-button.active p {
  color: #2a3541;
}
.board-lessons .submenu-button.active:hover {
  transition-delay: 0.25s;
  box-shadow: inset 0 -0.41666667rem 0 transparent;
}
.board-lessons .submenu-button:hover {
  box-shadow: inset 0 -0.41666667rem 0 #bed8f4;
  transition: 0.25s;
}
.board-lessons .submenu-button:active p {
  color: #2a3541;
  transition: 0.15s;
}
.board-lessons .button-group .textformat-button {
  border-radius: inherit;
}
.board-lessons .textformat-button {
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  line-height: 1;
  cursor: pointer;
  outline: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.16666667rem;
  height: 4.16666667rem;
  border-radius: 0.41666667rem;
  margin: 0 0.20833333rem;
  transition: all 0.15s;
  /* Hover (unselected): sky-1 */
  /* Unselected Active: sky-2 */
}
.board-lessons .textformat-button:active span,
.board-lessons .textformat-button:focus span {
  position: relative;
}
.board-lessons .textformat-button:first-child {
  margin-left: 0;
}
.board-lessons .textformat-button .styleguide.flat__icon {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
}
.board-lessons .textformat-button .styleguide.flat__icon .icon--graphics {
  fill: #556474;
}
.board-lessons .textformat-button .styleguide.svg__icon {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
}
.board-lessons .textformat-button .text-icon {
  width: 2.5rem;
  height: 2.5rem;
}
.board-lessons .textformat-button:hover:not(:disabled):not(.active) {
  background-color: #effaff;
}
.board-lessons .textformat-button:active:not(:disabled):not(.active) {
  background-color: #d4eefc;
}
.board-lessons .textformat-button.active {
  /* Selected Active: sky-3 */
  background-color: #b7e3fa;
  /* Hover when selected: sky-2 */
}
.board-lessons .textformat-button.active:hover {
  background-color: #d4eefc;
}
.board-lessons .textformat-button.active .styleguide.flat__icon .icon--graphics {
  fill: #2b8fc5;
}
.board-lessons .textformat-button.bordered {
  border: 1px solid #d1d3de;
  width: 4.16666667rem;
  height: 4.16666667rem;
  margin: 0;
}
.board-lessons .textformat-button.bordered .styleguide.flat__icon {
  width: 1.66666667rem;
  height: 1.66666667rem;
}
.board-lessons .textformat-button:disabled {
  cursor: default;
  opacity: 0.5;
}
.board-lessons .callout-menu {
  border: 1px solid #d1d3de;
  position: fixed;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 1;
  /* stylelint-disable-next-line function-calc-no-invalid */
  max-width: calc(100vw -  7.5rem * 2);
  padding: 1.25rem;
  background: #ffffff;
  border-radius: 0.83333333rem;
  animation-duration: 0.1s;
  animation-timing-function: ease;
  bottom: 7.91666667rem;
}
.board-lessons .callout-menu.animation-disabled {
  animation: none;
}
.board-lessons .callout-menu.submenu {
  bottom: 7.91666667rem;
  animation-duration: 0.1s;
  animation-timing-function: ease;
}
.board-lessons .callout-menu .callout-arrow {
  position: absolute;
  bottom: -2.39583333rem;
  top: initial;
  z-index: 1;
}
.board-lessons .callout-menu.pages {
  padding: 0;
  width: 100%;
  max-width: 100%;
  position: fixed;
  left: 0;
  box-shadow: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  animation-duration: 0.1s;
  animation-timing-function: ease;
}
.board-lessons .callout-menu.pages .overlay {
  content: '';
  position: absolute;
  /* stylelint-disable-next-line function-calc-no-invalid, function-calc-no-unspaced-operator */
  height: calc(100vh - 100% -  7.29166667rem);
  width: 100%;
  background: rgba(0, 0, 0, 0.25);
}
.board-lessons .callout-menu.new-page-internal {
  padding: 1.25rem 0;
  right: 1%;
  z-index: 2;
}
.board-lessons .callout-menu.toolbar-position-bottom {
  animation-name: fadeMenuFromBottom;
}
.board-lessons .callout-menu.toolbar-position-bottom.submenu {
  animation-name: fadeMenuFromBottom;
}
.board-lessons .callout-menu.toolbar-position-bottom .callout-arrow {
  bottom: -2.39583333rem;
  top: initial;
}
.board-lessons .callout-menu.toolbar-position-bottom.pages {
  bottom: 7.29166667rem;
  top: initial;
  animation-name: fadePagesMenuFromBottom;
}
.board-lessons .callout-menu.toolbar-position-bottom.pages .overlay {
  /* stylelint-disable-next-line function-calc-no-invalid, function-calc-no-unspaced-operator */
  top: calc(-100vh + 100% +  7.29166667rem);
}
.board-lessons .callout-menu.toolbar-position-bottom.new-page-internal {
  bottom: 7.91666667rem;
  top: initial;
}
.board-lessons .callout-menu.toolbar-position-top {
  top: 7.91666667rem;
  height: -moz-fit-content;
  height: fit-content;
  animation-name: fadeMenuFromTop;
}
.board-lessons .callout-menu.toolbar-position-top.submenu {
  animation-name: fadeMenuFromTop;
}
.board-lessons .callout-menu.toolbar-position-top .callout-arrow {
  top: -2.39583333rem;
  bottom: initial;
}
.board-lessons .callout-menu.toolbar-position-top.pages {
  top: 7.29166667rem;
  bottom: initial;
  animation-name: fadePagesMenuFromTop;
}
.board-lessons .callout-menu.toolbar-position-top.pages .overlay {
  top: 100%;
}
.board-lessons .callout-menu.toolbar-position-top.new-page-internal {
  top: 7.91666667rem;
  bottom: initial;
}
.board-lessons .callout-menu .toolbar .svg__icon img {
  height: inherit;
  width: inherit;
}
.board-lessons .callout-menu .menu-content {
  display: flex;
}
.board-lessons .callout-menu.shape,
.board-lessons .callout-menu.quick-access,
.board-lessons .callout-menu.media,
.board-lessons .callout-menu.background,
.board-lessons .callout-menu.share,
.board-lessons .callout-menu.customize-toolbar {
  padding: 0;
}
.board-lessons .callout-menu.library {
  width: 100%;
  height: 100%;
}
.board-lessons .callout-menu.options {
  padding: 1.25rem 0;
}
.board-lessons .callout-menu.profile {
  z-index: 3;
}
.board-lessons .callout-menu.lesson {
  left: initial;
  right: 23.95833333rem;
}
@keyframes fadeMenuFromBottom {
  from {
    opacity: 0;
    bottom: 6.66666667rem;
  }
  to {
    opacity: 1;
    bottom: 7.91666667rem;
  }
}
@keyframes fadePagesMenuFromBottom {
  from {
    opacity: 0;
    bottom: 6.04166667rem;
  }
  to {
    opacity: 1;
    bottom: 7.29166667rem;
  }
}
@keyframes fadeMenuFromTop {
  from {
    opacity: 0;
    top: 6.66666667rem;
  }
  to {
    opacity: 1;
    top: 7.91666667rem;
  }
}
@keyframes fadePagesMenuFromTop {
  from {
    opacity: 0;
    top: 6.04166667rem;
  }
  to {
    opacity: 1;
    top: 7.29166667rem;
  }
}
.board-lessons .options-content {
  flex-direction: column;
}
.board-lessons .options-content .import-details-message {
  width: 55rem;
  font-size: 1.875rem;
  line-height: 1.875rem;
}
.board-lessons .options-content a {
  display: flex;
  font-size: 1.45833333rem;
  color: #6b7c8e;
}
.board-lessons .options-content a .svg__icon {
  padding-right: 1.04166667rem;
}
.board-lessons .options-content .autosave {
  display: flex;
  align-items: center;
}
.board-lessons .options-content .autosave .icon-label-button:hover,
.board-lessons .options-content .autosave .icon-label-button:active {
  background: transparent;
}
.board-lessons .options-content .autosave:hover {
  background: rgba(39, 124, 217, 0.12);
  transition: 0.25s;
}
.board-lessons .options-content .autosave:active {
  background: rgba(39, 124, 217, 0.2);
}
.board-lessons .options-content .incorrect .flat__icon .icon--graphics {
  fill: #ed1c24;
}
.board-lessons .options-content .user-profile-button {
  display: flex;
  align-items: center;
  height: 4.16666667rem;
  padding: 0 2.5rem;
  text-decoration: none;
  cursor: pointer;
}
.board-lessons .options-content .user-profile-button.disabled {
  opacity: 0.5;
  pointer-events: none;
  filter: grayscale(1);
  cursor: default;
}
.board-lessons .options-content .user-profile-button .settings {
  display: flex;
  align-items: center;
  justify-content: center;
}
.board-lessons .options-content .user-profile-button:hover {
  background: rgba(39, 124, 217, 0.12);
}
.board-lessons .options-content .user-profile-button:active {
  background: rgba(39, 124, 217, 0.2);
}
.board-lessons .options-content .user-profile-button .user-portrait__container {
  width: 2.5rem;
  height: 2.5rem;
}
.board-lessons .options-content .user-profile-button .user-portrait__container .user-portrait__initials {
  font-size: 1.25rem;
}
.board-lessons .options-content .user-profile-button .user-profile-name,
.board-lessons .options-content .user-profile-button .school-manager-link {
  width: 100%;
  font-weight: 600;
  font-size: 1.66666667rem;
  line-height: 150%;
  color: #556474;
  padding: 0 1.25rem;
}
.board-lessons .options-content .user-profile-button .user-profile-create-icon,
.board-lessons .options-content .user-profile-button .school-manager.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #b7e3fa;
  border-radius: 50%;
}
.board-lessons .options-content .user-profile-button .user-profile-create {
  line-height: 150%;
  color: #277cd9;
  cursor: pointer;
  text-decoration: none;
  padding-left: 1.25rem;
  font-size: 1.66666667rem;
}
.board-lessons .options-content .user-profile-button .svg__icon img {
  width: 1.875rem;
  height: 1.875rem;
  filter: var(--color-filter-sky);
}
.board-lessons .options-content .school-manager-button {
  display: flex;
  align-items: center;
  height: 4.16666667rem;
  padding: 0 2.5rem;
  font-size: 1.66666667rem;
  cursor: pointer;
}
.board-lessons .options-content .school-manager-button:hover {
  background: rgba(39, 124, 217, 0.12);
}
.board-lessons .options-content .school-manager-button:active {
  background: rgba(39, 124, 217, 0.2);
}
.board-lessons .options-content .school-manager-button.disabled {
  opacity: 0.5;
  pointer-events: none;
  filter: grayscale(1);
  cursor: default;
}
.board-lessons .options-content .school-manager-button .school-manager-link {
  width: 100%;
  line-height: 150%;
  padding: 0 2.29166667rem;
}
.board-lessons .options-content .school-manager-button .school-manager-link a {
  color: #556474;
  font-weight: 600;
  text-decoration: none;
  font-size: 1.66666667rem;
}
.board-lessons .options-content .school-manager-button .school-manager.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
}
.board-lessons .options-content .divider-line.horizontal {
  width: auto;
  margin: 0.20833333rem 1.25rem;
}
.board-lessons .pages-menu-content .os-scrollbar-horizontal {
  bottom: 1.66666667rem;
}
.board-lessons .pages-menu-content .os-scrollbar-vertical {
  right: 0;
}
.board-lessons .pages-menu-content.menu-content {
  display: block;
}
.board-lessons .pages-menu-content.in-menu .page-overview {
  padding: 0;
  height: 18.75rem;
}
.board-lessons .pages-menu-content.in-menu .page-overview .all-pages-container {
  height: 100%;
}
.board-lessons .pages-menu-content.in-menu .page-overview .all-pages-container .page-container {
  height: 6.45833333rem !important;
}
.board-lessons .pages-menu-content.in-menu .thumbnail-list {
  margin: 0;
}
.board-lessons .pages-menu-content.in-menu .thumbnail-list .marker {
  height: 11.25rem !important;
}
.board-lessons .pages-menu-content .page-overview {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 10.41666667rem;
  box-sizing: border-box;
  background: #ffffff;
}
.board-lessons .pages-menu-content .page-overview.expanded {
  padding: 0;
  padding-top: 2.08333333rem;
  box-sizing: border-box;
  height: calc(100vh - (58 * 0.10416667rem) - 7.29166667rem);
}
.board-lessons .pages-menu-content .page-overview.expanded .top-banners {
  padding: 0 10.41666667rem;
}
.board-lessons .pages-menu-content .page-overview.expanded .all-pages-container {
  height: 100%;
}
.board-lessons .pages-menu-content .page-overview.expanded .all-pages-container.top-visible {
  height: calc(100% - 84 * 0.10416667rem);
}
.board-lessons .pages-menu-content .page-overview.expanded .all-pages-container .thumbnail-container {
  justify-content: normal;
}
.board-lessons .pages-menu-content .page-overview.expanded .all-pages-container .thumbnail-container .thumbnail-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.83333333rem;
  padding: 0 9.58333333rem;
  box-sizing: border-box;
  width: 100%;
}
.board-lessons .pages-menu-content .page-overview.expanded .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper {
  grid-row: initial;
  width: initial;
}
.board-lessons .pages-menu-content .page-overview .top-banners {
  width: 100%;
  height: 5rem;
  margin: 2.5rem 0 1.25rem 0;
  display: flex;
  gap: 2.5rem;
  justify-content: flex-start;
}
.board-lessons .pages-menu-content .page-overview .top-banners .selected-count,
.board-lessons .pages-menu-content .page-overview .top-banners .paste-message {
  font-size: 1.66666667rem;
  font-weight: 600;
  color: #556474;
}
.board-lessons .pages-menu-content .page-overview .top-banners .selected-count {
  margin-right: 0.625rem;
}
.board-lessons .pages-menu-content .page-overview .top-banners .paste-message {
  display: flex;
  align-items: center;
  gap: 0.83333333rem;
  cursor: pointer;
}
.board-lessons .pages-menu-content .page-overview .top-banners .svg__icon {
  width: 2.5rem;
  height: 2.5rem;
}
.board-lessons .pages-menu-content .page-overview .top-option-banner {
  width: -moz-fit-content;
  width: fit-content;
  padding: 1.25rem 1.66666667rem;
  border-radius: 3.75rem;
  background-color: #f5f5f8;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2.5rem;
}
.board-lessons .pages-menu-content .page-overview .top-option-banner .option-top-icons {
  display: flex;
  gap: 1.25rem;
  justify-content: flex-end;
  flex-direction: row;
  align-items: center;
}
.board-lessons .pages-menu-content .page-overview .top-option-banner .option-top-icons .select-all-checkbox {
  margin: 0 0.41666667rem;
}
.board-lessons .pages-menu-content .page-overview .top-option-banner .option-top-icons .multi-select-options-icon {
  padding: 0 1.25rem;
}
.board-lessons .pages-menu-content .page-overview.top-banners-visible .board-lessons .pages-menu-content .page-overview.toolbar-position-bottom {
  height: 36.25rem;
}
.board-lessons .pages-menu-content .page-overview .page-options-callout {
  background-color: #ffffff;
  border-radius: 8px;
  min-width: 20.83333333rem;
  width: -moz-fit-content;
  width: fit-content;
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  /* prevent hover state of buttons from overflowing border radius */
  overflow: hidden;
  transition: background-color 0.3s ease-in-out;
}
.board-lessons .pages-menu-content .page-overview .page-options-callout .hidden {
  display: none;
}
.board-lessons .pages-menu-content .page-overview .page-options-callout.ember-popover {
  padding: 0;
  border-radius: 8px;
}
.board-lessons .pages-menu-content .page-overview .page-options-callout .icon-label-button {
  display: flex;
  gap: 1.25rem;
  padding: 1.66666667rem 1.25rem;
  height: 2.5rem;
}
.board-lessons .pages-menu-content .page-overview .page-options-callout .icon-label-button .svg__icon,
.board-lessons .pages-menu-content .page-overview .page-options-callout .icon-label-button .flat__icon {
  width: 2.5rem;
  height: 2.5rem;
}
.board-lessons .pages-menu-content .page-overview .page-options-callout .icon-label-button .flat__icon .icon--graphics {
  fill: #38a4de;
}
.board-lessons .pages-menu-content .page-overview .page-options-callout .icon-label-button p {
  font-size: 1.66666667rem;
  color: #2a3541;
}
.board-lessons .pages-menu-content .page-overview .page-options-callout .icon-label-button:hover {
  background-color: #e9f6fd;
}
.board-lessons .pages-menu-content .page-overview .page-options-callout .icon-label-button:active {
  background-color: #b7e3fa;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container {
  position: relative;
  width: 100%;
  height: 34.375rem;
  display: flex;
  align-items: center;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .arrow-wrapper {
  position: absolute;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .arrow-wrapper.left {
  left: -5rem;
  top: 50%;
  margin-top: -1.04166667rem;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .arrow-wrapper.right {
  right: -5rem;
  top: 50%;
  margin-top: -1.04166667rem;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .arrow-wrapper.hidden {
  display: none;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container {
  height: 100%;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  width: 100%;
  gap: 3.75rem;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list {
  display: flex;
  gap: 0.83333333rem;
  width: calc(100% - 16 * 0.10416667rem);
  padding-left: 0.83333333rem;
  padding-right: 0.83333333rem;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  grid-row: none;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  padding: 1.66666667rem 0;
  position: relative;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .slide-option-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 6.04166667rem;
  padding: 0.83333333rem 0.41666667rem 0 1.04166667rem;
  height: 3.75rem;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .slide-option-block.active-page {
  background-color: #effaff;
  border-radius: 0.83333333rem 0.83333333rem 0 0;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .slide-option-block .slide-number {
  color: #2a3541;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .slide-option-block .more-options .options-icon {
  border-radius: 50%;
  background-color: transparent;
  transition: background-color 0.3s ease-in-out;
  box-sizing: content-box;
  padding: 0.83333333rem;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .slide-option-block .more-options .options-icon:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .slide-option-block .more-options .page-options-callout {
  background-color: #ffffff;
  border-radius: 8px;
  min-width: 20.83333333rem;
  width: -moz-fit-content;
  width: fit-content;
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  /* prevent hover state of buttons from overflowing border radius */
  overflow: hidden;
  transition: background-color 0.3s ease-in-out;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .slide-option-block .more-options .page-options-callout .hidden {
  display: none;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .slide-option-block .more-options .page-options-callout.ember-popover {
  padding: 0;
  border-radius: 8px;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .slide-option-block .more-options .page-options-callout .icon-label-button {
  display: flex;
  gap: 1.25rem;
  padding: 1.66666667rem 1.25rem;
  height: 2.5rem;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .slide-option-block .more-options .page-options-callout .icon-label-button .svg__icon,
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .slide-option-block .more-options .page-options-callout .icon-label-button .flat__icon {
  width: 2.5rem;
  height: 2.5rem;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .slide-option-block .more-options .page-options-callout .icon-label-button .flat__icon .icon--graphics {
  fill: #38a4de;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .slide-option-block .more-options .page-options-callout .icon-label-button p {
  font-size: 1.66666667rem;
  color: #2a3541;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .slide-option-block .more-options .page-options-callout .icon-label-button:hover {
  background-color: #e9f6fd;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .slide-option-block .more-options .page-options-callout .icon-label-button:active {
  background-color: #b7e3fa;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .page-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 0.83333333rem;
  flex-direction: row;
  padding: 1.04166667rem;
  z-index: 99;
  height: 12.91666667rem;
  border-radius: 0.41666667rem;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .page-container .thumbnail .thumbnail-background-layer,
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .page-container .thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .page-container .thumbnail img {
  height: 12.91666667rem;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .page-container .thumbnail-placeholder {
  margin-top: 0;
  align-self: center;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .page-container .page-options-side {
  height: 13.33333333rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  align-self: center;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .page-container .page-options-side .option-side-icon {
  border-radius: 50%;
  background-color: transparent;
  transition: background-color 0.3s ease-in-out;
  padding: 0.83333333rem;
  box-sizing: content-box;
  position: relative;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .page-container .page-options-side .option-side-icon:hover:not(:disabled) {
  background-color: rgba(255, 255, 255, 0.7);
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .page-container .page-options-side .option-side-icon .svg__icon,
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .page-container .page-options-side .option-side-icon .flat__icon {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.83333333rem;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .page-container.active-page {
  width: -moz-fit-content;
  width: fit-content;
  justify-content: flex-start;
  border-radius: 0 0.83333333rem 0.83333333rem 0.83333333rem;
  background-color: #effaff;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .page-container.adding {
  transition: all 0.3s ease;
  animation: adding 0.5s ease;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .thumbnail-container .thumbnail-list .page-wrapper .page-container.deleting {
  transition: all 0.1s ease;
  animation: deleting 0.3s ease;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .placeholder {
  width: 25rem;
  min-width: 25rem;
  height: 12.91666667rem;
  background: #effaff;
  border: 1px solid #d1d3de;
  border-radius: 0.41666667rem;
  align-self: flex-end;
  font-size: 1.66666667rem;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.5;
  color: #1f5e7f;
  margin: 1.66666667rem 1.04166667rem 2.70833333rem 1.04166667rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  outline: none;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .placeholder:disabled {
  background-color: #e9eaef;
  color: #556474;
  border: 1px solid #6b7c8e;
  cursor: auto;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .placeholder .flat__icon {
  width: 4.16666667rem;
  height: 4.16666667rem;
  margin: 0.52083333rem 0;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .placeholder .flat__icon .icon--graphics {
  fill: #38a4de;
}
.board-lessons .pages-menu-content .page-overview .all-pages-container .placeholder .add-page-callout-arrow-internal {
  position: absolute;
  top: 20%;
}
.board-lessons .pages-menu-content .styleguide__draggable-dropzone {
  flex-shrink: 0;
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
}
.board-lessons .pages-menu-content .styleguide__draggable-dropzone.active-page-dropzone:first-child {
  left: -0.41666667rem;
  justify-content: flex-start;
}
.board-lessons .pages-menu-content .styleguide__draggable-dropzone.active-page-dropzone:last-child {
  right: -0.41666667rem;
  justify-content: flex-end;
}
.board-lessons .pages-menu-content .styleguide__draggable-dropzone:first-child {
  left: -0.41666667rem;
}
.board-lessons .pages-menu-content .styleguide__draggable-dropzone:first-child .draggable-dropzone {
  justify-content: flex-start;
}
.board-lessons .pages-menu-content .styleguide__draggable-dropzone:first-child .draggable-dropzone .marker {
  margin-left: -0.10416667rem;
  z-index: 1;
}
.board-lessons .pages-menu-content .styleguide__draggable-dropzone:last-child {
  right: -0.41666667rem;
}
.board-lessons .pages-menu-content .styleguide__draggable-dropzone:last-child .draggable-dropzone {
  justify-content: flex-end;
}
.board-lessons .pages-menu-content .styleguide__draggable-dropzone:last-child .draggable-dropzone .marker {
  margin-right: -0.10416667rem;
  z-index: 1;
}
.board-lessons .pages-menu-content .styleguide__draggable-dropzone p {
  position: absolute;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
}
.board-lessons .pages-menu-content .draggable-dropzone {
  display: flex;
}
.board-lessons .pages-menu-content .draggable-dropzone.draggable-over .marker {
  display: block;
}
.board-lessons .pages-menu-content .draggable-dropzone .marker {
  position: relative;
  width: 0.20833333rem;
  height: 16.97916667rem;
  margin-top: 2.5rem;
  background: #277cd9;
  pointer-events: none;
  display: none;
  z-index: 1000;
}
.board-lessons .pages-menu-content .draggable-dropzone .marker::before {
  content: '';
  position: absolute;
  top: -0.3125rem;
  left: -0.20833333rem;
  width: 0.625rem;
  height: 0.625rem;
  background: #277cd9;
  border-radius: 50%;
}
.board-lessons .pages-menu-content .draggable-dropzone .marker::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -0.20833333rem;
  width: 0.625rem;
  height: 0.625rem;
  background: #277cd9;
  border-radius: 50%;
}
@keyframes fadeAddPageInternalArrow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes adding {
  0% {
    opacity: 0;
  }
  30% {
    background-color: #b7e3fa;
  }
  100% {
    opacity: 1;
  }
}
@keyframes deleting {
  0% {
    opacity: 1;
  }
  30% {
    background-color: #fdc9c9;
  }
  100% {
    opacity: 0;
  }
}
.board-lessons .thumbnail {
  position: relative;
  height: 12.91666667rem;
  pointer-events: none;
  z-index: 1;
}
.board-lessons .thumbnail .page-container {
  overflow: hidden;
  display: inline-block;
  width: 25rem;
  height: 100%;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #aeb7c2;
  box-sizing: border-box;
  pointer-events: auto;
  cursor: pointer;
}
.board-lessons .thumbnail .page-container img {
  object-fit: fill;
  width: 100%;
  height: 100%;
  border: 1px solid #d1d3de;
  border-radius: 0.41666667rem;
  box-sizing: border-box;
}
.board-lessons .thumbnail .page-container .thumbnail-placeholder {
  display: flex;
  flex-direction: column;
  margin-top: 1.6rem;
}
.board-lessons .thumbnail .page-container .thumbnail-placeholder p,
.board-lessons .thumbnail .page-container .thumbnail-placeholder div {
  align-self: center;
}
.board-lessons .thumbnail .page-container .thumbnail-placeholder p {
  font-size: 0.9rem;
  margin-bottom: 1rem;
  color: #8c99a8;
}
.board-lessons .thumbnail .page-container .thumbnail-placeholder .flat__icon {
  width: 2rem;
  height: 2rem;
}
.board-lessons .thumbnail .page-container .thumbnail-placeholder .flat__icon .icon--graphics {
  fill: #aeb7c2;
}
.board-lessons .thumbnail .page-container .thumbnail-background-layer {
  display: flex;
  box-sizing: border-box;
  width: inherit;
  height: inherit;
  border: 1px solid #d1d3de;
  border-radius: 0.41666667rem;
}
.board-lessons .thumbnail .page-container .thumbnail-background-layer .background-layer {
  border-radius: 0.41666667rem;
}
.board-lessons .thumbnail.thumbnail > p {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  color: #556474;
  margin: 0;
  margin-top: 0.83333333rem;
  font-size: 1.45833333rem;
  font-weight: 600;
  text-align: center;
  color: #8c99a8;
}
.board-lessons .thumbnail.thumbnail > p.public-board {
  margin-top: 0;
}
.board-lessons .thumbnail.selected {
  border: 1px solid #277cd9;
  border-radius: 0.41666667rem;
}
.board-lessons .thumbnail.active:not(.selected).thumbnail > p {
  color: #2a3541;
  font-weight: 700;
}
.board-lessons .thumbnail [class*='button__round'] {
  pointer-events: auto;
  cursor: pointer;
}
.board-lessons .thumbnail .checkbox {
  position: absolute;
  left: 0.83333333rem;
  pointer-events: auto;
  top: 1.04166667rem;
  bottom: 0;
}
.board-lessons .thumbnail .checkbox .styleguide.gynzy.input__checkbox .svg--container {
  display: flex;
}
.board-lessons .thumbnail.in-menu {
  height: 6.45833333rem !important;
}
.board-lessons .thumbnail.in-menu:first-child {
  margin-left: 0;
}
.board-lessons .thumbnail.in-menu:last-child {
  margin-right: 0;
}
.board-lessons .thumbnail.in-menu .page-container {
  width: 11.45833333rem;
  height: 6.45833333rem !important;
}
.board-lessons .thumbnail.in-menu .page-container img {
  height: 6.45833333rem !important;
}
.board-lessons .callout-menu__pages-menu-content__title-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.83333333rem;
  border-bottom: 1px solid #d1d3de;
  height: 6.04166667rem;
  position: relative;
}
.board-lessons .callout-menu__pages-menu-content__title-bar .svg__icon {
  width: 2.5rem;
  height: 2.5rem;
}
.board-lessons .callout-menu__pages-menu-content__title-bar h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 2.1875rem;
  color: #3f4c5a;
  margin: 1.5625rem 0;
  font-size: 1.875rem;
  font-weight: 600;
  text-align: center;
}
.board-lessons .callout-menu__pages-menu-content__title-bar .expand-button button {
  position: absolute;
  right: 2.08333333rem;
  top: 4.375rem;
}
.board-lessons .callout-menu__pages-menu-content__title-bar .expand-button button div {
  pointer-events: none;
}
.board-lessons .pen-content {
  flex-direction: column;
}
.board-lessons .pen-content .pen-color-marker {
  display: flex;
  flex-direction: row;
}
.board-lessons .pen-content .pen-shape-detection,
.board-lessons .pen-content .pen-handwriting-recognition {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 0.83333333rem;
}
.board-lessons .pen-content .pen-shape-detection span,
.board-lessons .pen-content .pen-handwriting-recognition span {
  font-size: 1.66666667rem;
  line-height: 2.5rem;
  color: #556474;
}
.board-lessons .pen-content .colors {
  width: 20.83333333rem;
}
.board-lessons .pen-content .markers,
.board-lessons .pen-content .pen-widths {
  width: 4.16666667rem;
}
.board-lessons .pen-content .pen-width-wrapper {
  position: relative;
}
.board-lessons .pen-content .pen-width-wrapper .input-type-icons {
  position: absolute;
  display: flex;
  z-index: 2;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 2px 0 rgba(42, 53, 65, 0.08), 0 2px 4px 0 rgba(42, 53, 65, 0.16);
  padding: 0.3125rem;
}
.board-lessons .pen-content .pen-width-wrapper .input-type-icons .svg__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.board-lessons .pen-content .pen-width-wrapper .input-type-icons.multi {
  border-radius: 37.5rem;
}
.board-lessons .pen-content .pen-width-wrapper .input-type-icons.multi :first-child .svg__icon {
  margin-right: 0.20833333rem;
}
.board-lessons .pen-content .pen-width-wrapper .button-color.extra-large ~ .input-type-icons {
  right: -0.20833333rem;
  top: -0.20833333rem;
}
.board-lessons .pen-content .pen-width-wrapper .button-color.large ~ .input-type-icons {
  right: 0rem;
  top: 0rem;
}
.board-lessons .pen-content .pen-width-wrapper .button-color.normal ~ .input-type-icons {
  right: 0.10416667rem;
  top: 0.10416667rem;
}
.board-lessons .pen-content .pen-width-wrapper .button-color.small ~ .input-type-icons {
  right: 0.20833333rem;
  top: 0.20833333rem;
}
.board-lessons .pen-content .recognition-mode-selection {
  display: flex;
  flex-direction: column;
  padding: 0 0.83333333rem;
}
.board-lessons .pen-content .recognition-mode-selection .recognition-mode {
  margin-bottom: 1.25rem;
}
.board-lessons .pen-content .recognition-mode-selection .title {
  font-size: 1.66666667rem;
  padding-bottom: 1.25rem;
  font-weight: 600;
  line-height: 2.5rem;
  color: #000000;
}
.board-lessons .shape-content {
  flex-direction: column;
}
.board-lessons .shape-content .shape-selection {
  padding: 1.66666667rem;
  display: flex;
}
.board-lessons .shape-content .shape-selection .two-dim-shapes,
.board-lessons .shape-content .shape-selection .three-dim-shapes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
  justify-content: flex-start;
  gap: 0.20833333rem;
}
.board-lessons .share-content {
  display: flex;
  flex-direction: row;
  width: 29.16666667rem;
  justify-content: space-evenly;
  align-items: center;
}
.board-lessons .share-content .divider {
  width: 1px;
  height: 6.5625rem;
  background-color: #d1d3de;
}
.board-lessons .share-content .content-sharing-option {
  width: 12.5rem;
  height: 10.41666667rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
}
.board-lessons .share-content .content-sharing-option.content-sharing-option--disabled {
  opacity: 0.5;
}
.board-lessons .share-content .content-sharing-option.content-sharing-option--disabled .share-icon {
  cursor: default;
}
.board-lessons .share-content .content-sharing-option.content-sharing-option--disabled .text {
  cursor: default;
}
.board-lessons .share-content .content-sharing-option .share-icon {
  width: 3.125rem;
  height: 3.125rem;
  padding-top: 2.08333333rem;
  cursor: pointer;
}
.board-lessons .share-content .content-sharing-option .share-icon img {
  width: 100%;
  height: 100%;
}
.board-lessons .share-content .content-sharing-option .share-icon:hover {
  opacity: 0.7;
}
.board-lessons .share-content .content-sharing-option .text {
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  color: #8c99a8;
  font-size: 1.04166667rem;
  text-align: center;
  height: 4.16666667rem;
  padding: 0 0.52083333rem;
  margin-top: 5px;
}
.board-lessons .gynzy-library-wrapper {
  box-sizing: border-box;
}
.board-lessons .gynzy-library-wrapper .gynzy-library-callout-content {
  width: 100%;
  height: calc(100% - 7.29166667rem);
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.95);
  overflow-y: hidden;
  border-bottom: 1px solid #aeb7c2;
}
.board-lessons .gynzy-library-wrapper .gynzy-library-callout-content.toolbar-position-top {
  top: 7.29166667rem;
  border-top: 1px solid #aeb7c2;
}
.board-lessons .gynzy-library-wrapper .gynzy-library-callout-content .top {
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 8.33333333rem;
  border-bottom: 1px solid #aeb7c2;
  box-sizing: border-box;
  background: #ffffff;
}
.board-lessons .gynzy-library-wrapper .gynzy-library-callout-content .top .template-page-header {
  background-color: transparent;
  border-bottom: none;
}
.board-lessons .gynzy-library-wrapper .gynzy-library-callout-content .top button[class*='button__square'] {
  position: absolute;
  right: 1.5625rem;
  align-self: center;
  z-index: 10;
}
.board-lessons .gynzy-library-wrapper .gynzy-library-callout-content .library-view {
  display: flex;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-top: 8.33333333rem;
}
.board-lessons .gynzy-library-wrapper .gynzy-library-callout-content .library-view.routable .snackbar--wrapper {
  position: fixed;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.5625rem;
}
.board-lessons .customize-toolbar-content {
  width: -moz-fit-content;
  width: fit-content;
  padding: 2.5rem 0 0 2.5rem;
  box-sizing: border-box;
}
.board-lessons .customize-toolbar-content .header {
  height: auto;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin-bottom: 2.5rem;
}
.board-lessons .customize-toolbar-content .header h3 {
  font-size: 2.5rem;
  font-weight: 600;
  color: #2a3541;
}
.board-lessons .customize-toolbar-content h2 {
  font-size: 1.66666667rem;
  font-weight: 600;
  color: #2a3541;
  margin-bottom: 1.25rem;
}
.board-lessons .customize-toolbar-content .customization-options {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  max-height: 54.16666667rem;
  overflow-y: auto;
  box-sizing: border-box;
  padding-right: 2.5rem;
  padding-bottom: 2.5rem;
}
.board-lessons .customize-toolbar-content .customization-options .customization-option {
  width: 38.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem;
  box-sizing: border-box;
  background: #effaff;
  border-radius: 0.41666667rem;
}
.board-lessons .customize-toolbar-content .customization-options .customization-option .option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.66666667rem;
  color: #2a3541;
}
.board-lessons .customize-toolbar-content .customization-options .customization-option .option .svg__icon {
  width: 2.08333333rem;
  height: 2.08333333rem;
}
.board-lessons .partner-hub-onboarding-content {
  position: relative;
  width: 41.66666667rem;
  padding: 2.5rem;
  box-sizing: border-box;
}
.board-lessons .partner-hub-onboarding-content .close-button {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: 3.33333333rem;
  height: 3.33333333rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  border-radius: 50%;
}
.board-lessons .partner-hub-onboarding-content .close-button:hover {
  background: #effaff;
}
.board-lessons .partner-hub-onboarding-content .close-button .svg__icon {
  width: 1.66666667rem;
  height: 1.66666667rem;
  fill: #2a3541;
}
.board-lessons .partner-hub-onboarding-content .icon-circle {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: #f0fad1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.66666667rem auto;
}
.board-lessons .partner-hub-onboarding-content .icon-circle .svg__icon {
  width: 2.5rem;
  height: 2.5rem;
}
.board-lessons .partner-hub-onboarding-content h3 {
  font-family: 'Lexend Deca', sans-serif;
  font-size: 2.08333333rem;
  font-weight: 500;
  color: #2a3541;
  margin: 0 0 1.25rem 0;
}
.board-lessons .partner-hub-onboarding-content p {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #556474;
  margin: 0 0 0.83333333rem 0;
}
.board-lessons .partner-hub-onboarding-content .instruction {
  font-weight: 700;
  margin-bottom: 0;
}
.board-lessons .customize-toolbar-width {
  width: 52.08333333rem;
  padding: 3.33333333rem 0 0 0;
  justify-content: flex-start;
  gap: 0;
}
.board-lessons .customize-toolbar-width .top-container {
  padding: 0 2.5rem 2.5rem 2.5rem;
}
.board-lessons .customize-toolbar-width .scroll-container {
  height: 100%;
  overflow-y: auto;
  padding: 2.5rem;
  padding-top: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 3.33333333rem;
}
.board-lessons .customize-toolbar-width .scroll-container .setting {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.board-lessons .customize-toolbar-width .scroll-container .setting .position-options {
  display: flex;
  justify-content: space-between;
  gap: 3.33333333rem;
}
.board-lessons .customize-toolbar-width .scroll-container .setting .subtitle {
  color: #2a3541;
  font-family: var(--font-family-base);
  font-size: 1.66666667rem;
  font-style: normal;
  font-weight: 600;
}
.board-lessons .customize-toolbar-width .scroll-container .setting .customization-options {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  box-sizing: border-box;
  padding-bottom: 2.5rem;
}
.board-lessons .customize-toolbar-width .scroll-container .setting .customization-options .customization-option {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem;
  box-sizing: border-box;
  background: #effaff;
  border-radius: 0.41666667rem;
}
.board-lessons .customize-toolbar-width .scroll-container .setting .customization-options .customization-option .option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.66666667rem;
  font-weight: 400;
  color: #2a3541;
  text-align: left;
}
.board-lessons .customize-toolbar-width .scroll-container .setting .customization-options .customization-option .option .svg__icon {
  width: 2.08333333rem;
  height: 2.08333333rem;
}
.board-lessons .gynzy-profile-page-wrapper .gynzy-profile-page-callout-content {
  width: 100%;
  height: 100%;
  background-color: white;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  overflow-y: hidden;
}
.board-lessons .gynzy-profile-page-wrapper .gynzy-profile-page-callout-content * {
  box-sizing: border-box;
}
.board-lessons .gynzy-profile-page-wrapper .gynzy-profile-page-callout-content .name-line .input__field__label-container {
  width: min-content;
}
.board-lessons .gynzy-profile-page-wrapper .gynzy-profile-page-callout-content .template-page-header {
  padding: 0 2.08333333rem;
}
.board-lessons .side-menu {
  border-right: 1px solid #d1d3de;
}
.board-lessons .side-menu button {
  padding: 0 2.04rem;
}
.board-lessons .text-content {
  position: relative;
  display: flex;
  align-items: center;
}
.board-lessons .text-content .menu-position {
  position: fixed;
  transform: translateX(-50%);
}
.board-lessons .text-content .menu-position .menu-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.board-lessons .text-content .simple-dropdown {
  width: 23.4375rem;
  height: 4.16666667rem;
  margin: 0;
}
.board-lessons .text-content .simple-dropdown.compact {
  height: 4.16666667rem;
  margin: 0;
}
.board-lessons .text-content .simple-dropdown.font-size-dropdown ul li {
  padding-left: 1.25rem;
}
.board-lessons .text-content .simple-dropdown .item {
  font-size: 1.66666667rem;
}
.board-lessons .text-content .simple-dropdown.is-open ul {
  bottom: 4.6875rem;
}
.board-lessons .text-content .simple-dropdown.is-open ul li {
  height: 3.64583333rem;
}
.board-lessons .text-content .font-size {
  margin: 0 1.25rem 0 0.625rem;
}
.board-lessons .text-content .callout-wrapper {
  position: relative;
}
.board-lessons .text-content .spelling-checker {
  margin-left: 1.25rem;
}
.board-lessons .text-content.toolbar-position-top .simple-dropdown.is-open ul {
  top: 4.6875rem;
  bottom: initial;
}
.board-lessons .callout-color .colors {
  width: 20.83333333rem;
}
.board-lessons .formula-menu {
  width: 37.5rem;
}
.board-lessons .formula-menu .formula-menu-padding {
  padding: 1.25rem;
}
.board-lessons .formula-menu label {
  font-size: 1.5625rem;
  font-weight: 600;
  color: #3f4c5a;
}
.board-lessons .formula-menu .fraction-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2.5rem 0;
}
.board-lessons .formula-menu .fraction-wrapper input {
  text-align: center;
}
.board-lessons .formula-menu .fraction-wrapper .fraction-left {
  width: 15%;
  margin-right: 0.625rem;
}
.board-lessons .formula-menu .fraction-wrapper .fraction-right {
  width: 15%;
  margin-left: 0.625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.board-lessons .formula-menu .buttons--container {
  border-top: 1px solid #d1d3de;
  display: flex;
  justify-content: center;
  padding-top: 2.5rem;
}
.board-lessons .formula-menu .buttons--container button + button {
  margin-left: 1.25rem;
}
.board-lessons .top-menu {
  border-bottom: 1px solid #d1d3de;
  display: flex;
  justify-content: center;
  position: relative;
}
.board-lessons .top-menu .slider__container {
  display: flex;
  position: relative;
  margin-bottom: -1px;
}
.board-lessons .top-menu .slider__container .slider {
  position: absolute;
  bottom: 0;
  height: 0.41666667rem;
  background-color: #277cd9;
  transition: 0.25s;
}
.board-lessons .top-menu .close-button {
  position: absolute;
  top: 2.08333333rem;
  right: 2.08333333rem;
  cursor: pointer;
}
.board-lessons .top-menu .close-button .styleguide.flat__icon .icon--graphics {
  fill: #556474;
}
.board-lessons .top-menu .close-button:hover .styleguide.flat__icon .icon--graphics {
  fill: #6b7c8e;
}
.board-lessons .top-menu .close-button:active .styleguide.flat__icon .icon--graphics {
  fill: #3f4c5a;
}
.board-lessons .media-content {
  width: 75vw;
  max-width: 98.95833333rem;
}
.board-lessons .media-content.unauthenticated-media-menu {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 50rem;
  max-width: 75rem;
  display: flex;
  justify-content: space-between;
  flex-flow: column wrap;
  gap: 2.5rem;
}
.board-lessons .media-content .side-menu {
  padding-top: 1.66666667rem;
}
.board-lessons .media-content .flex__wrapper {
  display: flex;
}
.board-lessons .media-content .flex__wrapper > :first-child {
  flex: 1;
}
.board-lessons .media-content .flex__wrapper [class*='media-content'] {
  flex: 3;
}
.board-lessons .media-content-view {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  min-height: 52.08333333rem;
}
.board-lessons .media-content-view .linkto {
  cursor: pointer;
}
.board-lessons .media-content-view .linkto:hover {
  color: black;
}
.board-lessons .media-content-view .rectangle-button,
.board-lessons .media-content-view .rectangle-button * {
  box-sizing: border-box;
}
.board-lessons .media-content-view .rectangle-button > div {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.board-lessons .media-content-view .rectangle-button img {
  width: 100%;
}
.board-lessons .media-content-view .rectangle-button p {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  color: #556474;
  margin: 0;
}
.board-lessons .media-content-view .item-grid-container {
  justify-content: flex-start;
  max-width: 100%;
}
.board-lessons .media-content-view .item-grid-container:not(.flexible--content) {
  justify-content: space-between;
}
.board-lessons .media-content-view .item-grid-container:not(.flexible--content) > div:first-child,
.board-lessons .media-content-view .item-grid-container:not(.flexible--content) div:nth-child(3n + 4) {
  margin-left: 0 !important;
}
.board-lessons .media-content-view .item-grid-container:not(.flexible--content) > div:last-child,
.board-lessons .media-content-view .item-grid-container:not(.flexible--content) div:nth-child(3n + 3) {
  margin-right: 0 !important;
}
.board-lessons .media-content-view .item-grid-container:not(.flexible--content)::after {
  content: '';
  width: 11.45833333rem;
  margin: 1.04166667rem;
}
.board-lessons .media-content-view .item-grid-container.space--around {
  justify-content: space-around;
}
.board-lessons .media-content-view .item-grid-container > div {
  max-width: 100%;
}
.board-lessons .media-content-view .button__wrapper {
  margin-left: 1.25rem;
}
.board-lessons .media-content-view .button__wrapper .button-file-input {
  margin-left: 1.25rem;
}
.board-lessons .media-content-view .button__wrapper .button-file-input button {
  pointer-events: none;
}
.board-lessons .media-content-view .button__wrapper .button-file-input button .flat__icon .icon--graphics {
  fill: #8c99a8;
}
.board-lessons .media-content-view .button__wrapper .button-file-input :hover {
  cursor: pointer;
}
.board-lessons .media-content-view .no-results {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.board-lessons .media-content-view .no-results h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 2.1875rem;
  color: #3f4c5a;
  margin: 1.5625rem 0;
  margin: 0;
  font-size: 1.875rem;
  font-weight: 600;
  color: #2a3541;
}
.board-lessons .media-content-view .no-results p {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  margin: 0;
  color: #556474;
  font-size: 1.66666667rem;
  line-height: 150%;
  text-align: center;
  width: 75%;
  margin-top: 1.66666667rem;
}
.board-lessons .media-content-view .no-results .styleguide.flat__icon {
  width: 2.5rem;
  height: 2.5rem;
}
.board-lessons .media-content-view .no-results .styleguide.flat__icon .icon--graphics {
  fill: #277cd9;
}
.board-lessons .media-content-view .dragdrop {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.board-lessons .media-content-view .dragdrop h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 2.1875rem;
  color: #3f4c5a;
  margin: 1.5625rem 0;
  margin: 0;
  font-size: 1.875rem;
  font-weight: 600;
  color: #2a3541;
}
.board-lessons .media-content-view .dragdrop p {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  margin: 0;
  color: #556474;
  font-size: 1.66666667rem;
  line-height: 150%;
  text-align: center;
  width: 75%;
  margin-top: 1.66666667rem;
}
.board-lessons .media-content-view .dragdrop .styleguide.flat__icon {
  width: 2.5rem;
  height: 2.5rem;
}
.board-lessons .media-content-view .dragdrop .styleguide.flat__icon .icon--graphics {
  fill: #277cd9;
}
.board-lessons .media-content-view .button-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 1.66666667rem;
  padding-bottom: 1.66666667rem;
  height: 5rem;
}
.board-lessons .media-content-view .button-wrapper .styleguide.flat__icon {
  width: 2.5rem;
  height: 2.5rem;
}
.board-lessons .media-content-view .button-wrapper .styleguide.flat__icon .icon--graphics {
  fill: #277cd9;
}
.board-lessons .media-content-view .search-container {
  display: flex;
  flex-direction: column;
  transition: 0.15s;
  padding: 2.5rem 3.33333333rem;
  border-bottom: 1px solid #e9eaef;
}
.board-lessons .media-content-view .search-container.is-scrolling {
  padding: 1.66666667rem 3.33333333rem;
}
.board-lessons .media-content-view .search-container.hidden {
  visibility: hidden;
}
.board-lessons .media-content-view .search-label {
  margin-bottom: 0.83333333rem;
}
.board-lessons .media-content-view .search-label p {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  margin: 0;
  font-size: 1.66666667rem;
  font-weight: 600;
  color: #556474;
}
.board-lessons .media-content-view .search-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.board-lessons .media-content-view .search {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 4.16666667rem;
  padding: 0 1.25rem;
  border: 1px solid #d1d3de;
  border-radius: 0.41666667rem;
}
.board-lessons .media-content-view .search input {
  flex-grow: 2;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.66666667rem;
  border: none;
  outline: none;
  background: none;
  padding: 0 1.25rem;
}
.board-lessons .media-content-view .search input::-ms-clear {
  display: none;
}
.board-lessons .media-content-view .search input::placeholder {
  color: #8c99a8;
}
.board-lessons .media-content-view .search button {
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  line-height: 1;
  cursor: pointer;
  outline: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  width: 1.25rem;
}
.board-lessons .media-content-view .search button:active span,
.board-lessons .media-content-view .search button:focus span {
  position: relative;
}
.board-lessons .media-content-view .search button .flat__icon .icon--graphics {
  fill: #556474;
}
.board-lessons .media-content-view .search button.search:disabled {
  cursor: default;
}
.board-lessons .media-content-view .image__button__container {
  position: relative;
}
.board-lessons .media-content-view .image__button__container .delete__button {
  position: absolute;
  top: 0;
  right: 0;
}
.board-lessons .media-content-view .hidden {
  visibility: hidden;
}
.board-lessons .media-content-view .secondary-search-container {
  height: 3.33333333rem;
  border-radius: 0.41666667rem;
  margin: 1.66666667rem 0 0 0;
  padding: 0.83333333rem 1.25rem;
  font-size: 1.66666667rem;
}
.board-lessons .media-content-view .secondary-search-container.no-background {
  padding-left: 0;
}
.board-lessons .media-content-view .secondary-search-container.no-background .icon__arrow-previous.flat__icon {
  margin-right: 0.83333333rem;
  width: 1.25rem;
  height: 1.25rem;
}
.board-lessons .media-content-view .secondary-search-container.no-background .icon__arrow-previous.flat__icon .icon--graphics {
  fill: #277cd9;
}
.board-lessons .media-content-view .secondary-search-container .back-to-search:hover {
  cursor: pointer;
}
.board-lessons .media-content-view .secondary-search-container .back-to-search:hover .icon__arrow-previous.flat__icon .icon--graphics {
  fill: #2465ab;
}
.board-lessons .media-content-view .secondary-search-container.background {
  background-color: #eaf2fb;
}
.board-lessons .media-content-view .secondary-search-container .not-found-question {
  color: #556474;
  font-weight: 400;
}
.board-lessons .media-content-view .secondary-search-container .link a {
  color: #277cd9;
  font-weight: 600;
}
.board-lessons .media-content-view .secondary-search-container .link a:hover {
  cursor: pointer;
  color: #2465ab;
}
.board-lessons .media-content-view .upload__wrapper {
  display: flex;
  padding: 0 3.33333333rem;
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
}
.board-lessons .media-content-view .upload__wrapper .gdrive-content {
  margin-left: 1.25rem;
}
.board-lessons .media-content-view .upload__wrapper .audio-recorder_button {
  margin-right: 1.25rem;
}
.board-lessons .media-content-view .upload__wrapper button.button__regular.color--light:not(:disabled) {
  color: #277cd9;
}
.board-lessons .media-content-view .upload__wrapper .button-file-input label {
  cursor: pointer;
}
.board-lessons .media-content-view .upload__wrapper .button-file-input label button {
  pointer-events: none;
}
.board-lessons .media-content-view .audio-recorder-wrapper {
  padding: 0 3.33333333rem;
}
.board-lessons .image-generation-container {
  padding: 2.5rem;
  height: 100%;
  justify-content: space-between;
}
.board-lessons .image-generation-container .prompt-search {
  width: 100%;
  text-align: left;
  margin-bottom: 1.66666667rem;
}
.board-lessons .image-generation-container .prompt-search .prompt-suggestion-container {
  margin-top: 0.83333333rem;
}
.board-lessons .image-generation-container .generate-image-buttons {
  width: 100%;
}
.board-lessons .image-generation-container .generate-image-buttons .back-button {
  margin-right: 1.25rem;
}
.board-lessons .image-generation-container .prompt-options {
  width: 100%;
}
.board-lessons .image-generation-container .prompt-options .option-group {
  margin-bottom: 1.66666667rem;
}
.board-lessons .image-generation-container .prompt-options .option-group .title {
  font-size: 1.66666667rem;
  color: #556474;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 1.25rem;
  text-align: left;
}
.board-lessons .image-generation-container .prompt-options .option-group .options-container {
  display: grid;
  grid-template-columns: repeat(6, 8.54166667rem);
  justify-content: space-between;
}
.board-lessons .image-generation-container .prompt-options .option-group.style .options-container .prompt-option-button-container .button:hover {
  opacity: 0.75;
}
.board-lessons .image-generation-container .prompt-options .option-group.orientation .options-container .prompt-option-button-container .button {
  background-color: #f0fad1;
}
.board-lessons .image-generation-container .prompt-options .option-group.orientation .options-container .prompt-option-button-container .button:hover {
  background-color: #f7fce8;
}
.board-lessons .image-generation-container .generated-images-container {
  box-sizing: border-box;
  align-items: flex-start;
  height: 100%;
  width: 100%;
}
.board-lessons .image-generation-container .generated-images-container .error {
  width: 80%;
  align-self: center;
}
.board-lessons .image-generation-container .generated-images-container .image-grid {
  width: 90%;
  gap: 1.66666667rem;
  margin-bottom: 2.5rem;
}
.board-lessons .image-generation-container .generated-images-container .disclaimer-ai.secondary-search-container {
  height: auto;
  margin-top: 0;
  text-align: left;
  margin-bottom: 2.5rem;
}
.board-lessons .image-generation-container .generated-images-container .disclaimer-ai.secondary-search-container .button-info {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.66666667rem;
  height: 1.66666667rem;
  background: #277cd9;
  border-radius: 50%;
  margin-right: 0.83333333rem;
}
.board-lessons .image-generation-container .generated-images-container .disclaimer-ai.secondary-search-container .button-info .styleguide.flat__icon {
  height: 0.83333333rem;
}
.board-lessons .image-generation-container .generated-images-container .disclaimer-ai.secondary-search-container .button-info .styleguide.flat__icon .icon--graphics {
  fill: #ffffff;
}
.board-lessons .image-generation-container .generated-images-container .disclaimer-ai.secondary-search-container p {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  color: #556474;
  margin: 0;
  font-size: 1.45833333rem;
  line-height: 150%;
}
.board-lessons .image-generation-container .generated-images-container .loading-spinner p {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  color: #556474;
  margin: 0;
  font-size: 1.45833333rem;
  margin: 0 0 0 0.83333333rem;
}
.board-lessons .image-generation-container .generated-images-container .loading-spinner .styleguide.flat__icon .icon--graphics {
  fill: #277cd9;
}
.board-lessons .image-generation-container .generated-images-container .loading-spinner.hidden {
  visibility: hidden;
}
.board-lessons .image-generation-container .generated-images-container .button__container.square {
  width: 17.70833333rem;
  height: 17.70833333rem;
}
.board-lessons .image-generation-container .generated-images-container .button__container.square .molecule-skeleton-component {
  width: 17.70833333rem;
  height: 17.70833333rem;
}
.board-lessons .image-generation-container .generated-images-container .button__container.portrait {
  width: 11.45833333rem;
  height: 17.70833333rem;
}
.board-lessons .image-generation-container .generated-images-container .button__container.portrait .molecule-skeleton-component {
  width: 11.45833333rem;
  height: 17.70833333rem;
}
.board-lessons .image-generation-container .generated-images-container .button__container.landscape {
  width: 26.04166667rem;
  max-height: 17.70833333rem;
}
.board-lessons .image-generation-container .generated-images-container .button__container.landscape .molecule-skeleton-component {
  width: 26.04166667rem;
  height: 17.70833333rem;
}
.board-lessons .image-generation-container .generated-images-container .feedback {
  width: 100%;
  margin-bottom: 2.5rem;
}
.board-lessons .image-generation-container .generated-images-container .feedback a {
  color: #277cd9;
  text-decoration: underline;
  font-size: 1.56rem;
  line-height: 2.08rem;
  margin-left: 0.83333333rem;
  cursor: pointer;
}
.board-lessons .prompt-suggestion-container {
  display: inline-flex;
  align-items: center;
}
.board-lessons .prompt-suggestion-container .icon__lightbulb {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.41666667rem;
}
.board-lessons .prompt-suggestion-container .icon__lightbulb .icon--graphics {
  fill: #277cd9;
}
.board-lessons .prompt-suggestion-container .text {
  color: #277cd9;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 150%;
}
.board-lessons .prompt-suggestion-container:hover {
  cursor: pointer;
}
.board-lessons .prompt-suggestion-container:hover .icon__lightbulb .icon--graphics {
  fill: #4e92ff;
}
.board-lessons .prompt-suggestion-container:hover .text {
  color: #4e92ff;
}
.board-lessons .prompt-suggestion-container:active .icon__lightbulb .icon--graphics {
  fill: #2465ab;
}
.board-lessons .prompt-suggestion-container:active .text {
  color: #2465ab;
}
.board-lessons .prompt-option-button-container {
  display: flex;
  flex-direction: column;
}
.board-lessons .prompt-option-button-container .button {
  width: 8.125rem;
  height: 8.125rem;
  border-radius: 0.83333333rem;
  background-color: #e9eaef;
  margin-bottom: 0.41666667rem;
  overflow: hidden;
  border: 0.20833333rem solid #ffffff;
}
.board-lessons .prompt-option-button-container .button:hover {
  cursor: pointer;
}
.board-lessons .prompt-option-button-container .button.selected {
  border: 0.20833333rem solid #277cd9;
}
.board-lessons .prompt-option-button-container .button .option-icon {
  width: 4.16666667rem;
  height: 4.16666667rem;
}
.board-lessons .prompt-option-button-container .button .option-image {
  width: 100%;
  height: 100%;
}
.board-lessons .prompt-option-button-container .label {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%;
  color: #556474;
}
.board-lessons .unauthenticated-media-content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
  padding: 0 3.33333333rem;
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
  box-sizing: border-box;
}
.board-lessons .unauthenticated-media-content .title {
  margin: 1.25rem 0;
  font-size: 2.08333333rem;
  font-weight: 500;
  font-family: var(--font-family-header);
  color: #2a3541;
}
.board-lessons .unauthenticated-media-content .subtitle {
  font-size: 1.66666667rem;
  font-weight: 500;
  color: #556474;
}
.board-lessons .unauthenticated-media-content .button-file-input label {
  cursor: pointer;
}
.board-lessons .unauthenticated-media-content .button-file-input label button {
  pointer-events: none;
}
.board-lessons .background-content-component {
  width: 75vw;
  max-width: 73.95833333rem;
  overflow: hidden;
}
.board-lessons .background-content-component .flex__wrapper {
  display: flex;
}
.board-lessons .background-content-component .flex__wrapper > :first-child {
  flex: 1;
}
.board-lessons .background-content-component .flex__wrapper [class*='background-content'] {
  flex: 3;
}
.board-lessons .background-content {
  height: 56.66666667rem;
}
.board-lessons .background-content .item-grid-container::after {
  content: '';
  width: 13.33333333rem;
  margin: 1.04166667rem;
}
.board-lessons .background-content .lesson-bg-options-wrapper {
  display: flex;
  flex-direction: column;
  padding: 1.04166667rem 2.1875rem;
}
.board-lessons .background-content .lesson-bg-options-wrapper .row {
  display: flex;
}
.board-lessons .background-content .lesson-bg-options-wrapper .row:not(:last-child) {
  margin-bottom: 1.66666667rem;
}
.board-lessons .background-content .lesson-bg-options-wrapper .row .lesson-bg-option-group {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.board-lessons .background-content .lesson-bg-options-wrapper .row .lesson-bg-option-group:not(:last-child) {
  margin-right: 2.5rem;
}
.board-lessons .background-content .lesson-bg-options-wrapper .row .lesson-bg-option-group.row {
  flex-direction: row;
}
.board-lessons .background-content .lesson-bg-options-wrapper .row .lesson-bg-option-group span {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #556474;
}
.board-lessons .background-content .lesson-bg-options-wrapper .row .lesson-bg-option-group .dropdown__basic {
  margin-top: 0.41666667rem;
}
.board-lessons .background-content .lesson-bg-options-wrapper .row .lesson-bg-option-group .checkbox-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.board-lessons .background-content .lesson-bg-options-wrapper .row .lesson-bg-option-group .checkbox-container:not(:last-child) {
  margin-right: 0.83333333rem;
}
.board-lessons .background-content .lesson-bg-options-wrapper .row .lesson-bg-option-group .checkbox-container .input__checkbox {
  margin-top: 1.25rem;
}
.board-lessons .eraser-content .eraser-widths {
  width: max-content;
  min-width: 15.625rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.66666667rem;
}
.board-lessons .eraser-content .eraser-widths .buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 1.25rem;
  width: 100%;
}
.board-lessons .eraser-content .eraser-widths .buttons > * {
  flex: 1;
  min-width: 0;
}
.board-lessons .eraser-content .eraser-widths .widths {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.board-lessons .favorites-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 96.875rem;
  height: 62.5rem;
}
.board-lessons .new-page-content {
  flex-direction: column;
}
.board-lessons .interactive-content {
  flex-direction: column;
}
.board-lessons .quick-access-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 57.08333333rem;
  min-width: 82.5rem;
}
.board-lessons .quick-access-content .loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 57.08333333rem;
}
.board-lessons .quick-access-content .sidebar-menu {
  width: 20.83333333rem;
  height: calc(57.08333333rem - 16 * 0.10416667rem);
  background-color: #effaff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.83333333rem;
  padding: 0.83333333rem 1.66666667rem;
  border-radius: 0.83333333rem 0 0 0.83333333rem;
}
.board-lessons .quick-access-content .sidebar-menu .title {
  margin: 1.25rem 0;
  font-size: 2.08333333rem;
  font-weight: 500;
  font-family: var(--font-family-header);
  color: #2a3541;
}
.board-lessons .quick-access-content .sidebar-menu .sidebar-category {
  width: 19.16666667rem;
  min-height: 2.08333333rem;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  color: #556474;
  font-size: 1.25rem;
  transition: all 0.15s ease;
  padding: 0.83333333rem;
}
.board-lessons .quick-access-content .sidebar-menu .sidebar-category:hover {
  cursor: pointer;
  background-color: #ffffff;
  border-radius: 0.625rem;
}
.board-lessons .quick-access-content .sidebar-menu .sidebar-category.selected {
  background-color: #d4eefc;
  border-radius: 0.83333333rem;
  font-weight: 600;
  color: #1f5e7f;
}
.board-lessons .quick-access-content .sidebar-menu .sidebar-category.selected:hover {
  background-color: #d4eefc;
  border-radius: 0.83333333rem;
  font-weight: 600;
  color: #1f5e7f;
}
.board-lessons .quick-access-content .sidebar-menu .sidebar-category .category-title {
  width: 100%;
}
.board-lessons .quick-access-content .sidebar-menu .sidebar-category .category-icon {
  width: 2.29166667rem;
  height: 2.29166667rem;
}
.board-lessons .quick-access-content .quick-access-grid {
  display: grid;
  gap: 1.25rem 1.66666667rem;
  padding: 2.5rem 1.66666667rem 0 1.66666667rem;
  box-sizing: border-box;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
  height: 100%;
  overflow: auto;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0.83333333rem;
  font-size: 1.25rem;
  text-align: center;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container {
  width: 10.83333333rem;
  height: 5.83333333rem;
  border-radius: 1.25rem;
  padding: 0.83333333rem;
  box-sizing: content-box;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container img {
  width: 5rem;
  height: 5rem;
  transition: transform 0.3s ease;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container .new-label {
  position: absolute;
  top: -0.41666667rem;
  left: -0.41666667rem;
  background-color: #2b8fc5;
  color: #ffffff;
  font-size: 0.83333333rem;
  font-weight: 700;
  padding: 0.41666667rem;
  text-transform: uppercase;
  border: 1px solid #fff;
  border-radius: 360px;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container:hover {
  cursor: pointer;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container:hover img {
  transform: scale(1.22);
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-crimson {
  background-color: #fee7e7;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-crimson:active {
  background-color: #fdc9c9;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-pumpkin {
  background-color: #ffdebd;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-pumpkin:active {
  background-color: #ffcf9e;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-lemon {
  background-color: #fff4bd;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-lemon:active {
  background-color: #ffef9e;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-pear {
  background-color: #f0fad1;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-pear:active {
  background-color: #e6f6b6;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-mantis {
  background-color: #dcfbd5;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-mantis:active {
  background-color: #c4f8ba;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-emerald {
  background-color: #caf7e0;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-emerald:active {
  background-color: #aff3d1;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-caribbean {
  background-color: #d1fafa;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-caribbean:active {
  background-color: #b6f6f6;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-sky {
  background-color: #d4eefc;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-sky:active {
  background-color: #b7e3fa;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-indigo {
  background-color: #cad5f7;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-indigo:active {
  background-color: #afc0f3;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-lavender {
  background-color: #e8d5fb;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-lavender:active {
  background-color: #d9b9f8;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-fuchsia {
  background-color: #fbd5fb;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-fuchsia:active {
  background-color: #f8b9f8;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-cranberry {
  background-color: #fbd5e8;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .item-container.bg-cranberry:active {
  background-color: #f8bad9;
}
.board-lessons .quick-access-content .quick-access-grid .quick-access-item .tool-name {
  height: 3.75rem;
  width: 10.83333333rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
  cursor: pointer;
  color: #556474;
}
.board-lessons .support-content {
  min-width: 31.25rem;
  padding: 1.66666667rem;
}
.board-lessons .support-content .board-tour-menu {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.board-lessons .support-content .board-tour-menu .support-content-title {
  font-family: var(--font-family-header);
  font-size: 1.66666667rem;
  font-weight: 600;
  padding-bottom: 1.25rem;
}
.board-lessons .support-content .board-tour-menu .board-tour-items {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.board-lessons .support-content .board-tour-menu .board-tour-items .board-tour-items-container {
  max-height: 46.66666667rem;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.board-lessons .support-content .board-tour-menu .board-tour-items .board-tour-item {
  display: flex;
  height: 5.83333333rem;
  margin: 0.3125rem;
  padding: 0.3125rem;
  align-items: center;
  align-self: stretch;
  background-color: #effaff;
  border-radius: 0.41666667rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 1.66666667rem;
  cursor: pointer;
}
.board-lessons .support-content .board-tour-menu .board-tour-items .board-tour-item .item_icon {
  width: 5.20833333rem;
  height: 5.20833333rem;
  padding-left: 1.66666667rem;
  padding-right: 1.66666667rem;
}
.board-lessons .support-content .board-tour-menu .board-tour-items .support-buttons-container {
  margin-top: 0.83333333rem;
  display: flex;
  flex-direction: column;
  gap: 0.83333333rem;
  position: relative;
}
.board-lessons .support-content .board-tour-menu .board-tour-items .support-buttons-container .button__regular {
  width: 100%;
}
.board-lessons .support-content .board-tour-menu .board-tour-items .support-buttons-container .unread-count-badge {
  position: absolute;
  bottom: 1.04166667rem;
  right: 0.83333333rem;
  background-color: #fa830c;
  padding: 0 0.41666667rem;
  min-width: 1.25rem;
  height: 2.08333333rem;
  border-radius: 2.08333333rem;
  font-size: 1.04166667rem;
  font-weight: 600;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
.board-lessons .support-content .board-tour-selected-item {
  width: 31.25rem;
  display: flex;
  flex-direction: column;
}
.board-lessons .support-content .board-tour-selected-item .board-tour-selected-item-gif {
  display: flex;
  justify-content: center;
}
.board-lessons .support-content .board-tour-selected-item .board-tour-selected-item-gif img {
  width: 28.75rem;
  padding-top: 1.25rem;
}
.board-lessons .support-content .board-tour-selected-item .board-tour-selected-item-title {
  font-family: var(--font-family-header);
  font-size: 1.66666667rem;
  font-weight: 600;
  padding: 1.25rem 0;
}
.board-lessons .support-content .board-tour-selected-item .board-tour-selected-item-description,
.board-lessons .support-content .board-tour-selected-item .board-tour-selected-item-start-tour-description {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.66666667rem;
  padding-bottom: 1.25rem;
}
.board-lessons .divider-line.vertical {
  border-left: 1px solid #d1d3de;
  height: auto;
  margin: 0 1.66666667rem;
}
.board-lessons .divider-line.vertical.toolbar {
  height: 5.72916667rem;
  margin: 0 0.72916667rem;
}
.board-lessons .divider-line.horizontal {
  border-bottom: 1px solid #d1d3de;
  width: 100%;
  margin: 1.66666667rem 0;
}
.board-lessons .toolbar-view {
  position: fixed;
  border-top: 1px solid #ffffff;
  width: 100%;
  height: 7.29166667rem;
  background: #ffffff;
  box-shadow: 0 -0.3125rem 0.41666667rem 0 rgba(42, 53, 65, 0.1), 0 0 0.41666667rem 0.20833333rem rgba(42, 53, 65, 0.06);
  bottom: 0;
  display: grid;
  grid-template-columns: max-content 1fr max-content;
}
.board-lessons .toolbar-view.position-top {
  top: 0;
}
.board-lessons .toolbar-view *:not(input) {
  -webkit-user-select: none;
          user-select: none;
}
.board-lessons .toolbar-view .gynzy-button {
  margin-left: 1.25rem;
}
.board-lessons .toolbar-view .test-tool-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 1rem;
  padding-left: 1rem;
}
.board-lessons .toolbar-view .test-tool-button span {
  font-size: 0.7rem;
}
.board-lessons .toolbar-view .callout-menu.text .divider-line.vertical {
  height: 5.72916667rem;
  margin: 0 0.72916667rem;
}
.board-lessons .toolbar-view .buttons-left,
.board-lessons .toolbar-view .buttons-right {
  display: flex;
  align-items: center;
}
.board-lessons .toolbar-view .buttons-left.no-scribble,
.board-lessons .toolbar-view .buttons-right.no-scribble {
  padding-left: 0.83333333rem;
}
.board-lessons .toolbar-view .buttons-right {
  justify-content: flex-end;
}
.board-lessons .toolbar-view .toolbar-slider {
  position: absolute;
  width: 4.375rem;
  height: 0.41666667rem;
  bottom: 0.9375rem;
  left: 0;
  background-color: #277cd9;
  border-radius: 0.20833333rem;
  transition: 0.25s;
}
.board-lessons .toolbar-view .toolbar-slider.animation-disabled {
  transition: none;
}
.board-lessons .toolbar-view .recording-container {
  position: absolute;
  bottom: 9rem;
  right: 9rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  background-color: #6b7c8e;
  border-radius: 1rem;
  cursor: pointer;
}
.board-lessons .toolbar-view .recording-container:hover {
  background-color: #3f4c5a;
}
.board-lessons .toolbar-view .recording-container .recording-circle {
  background-color: red;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  animation: ease record-pulse 2s infinite;
  margin-right: 1rem;
}
@keyframes record-pulse {
  0% {
    background-color: red;
  }
  50% {
    background-color: #f06c6c;
  }
  100% {
    background-color: red;
  }
}
.board-lessons .toolbar-view .recording-container .recording-text {
  font-family: 'Open Sans', sans-serif;
  font-size: 2rem;
  color: white;
  display: flex;
  align-items: center;
}
.board-lessons .toolbar-view .recording-container .recording-text .microphone-indicator {
  display: flex;
  align-items: center;
  margin-left: 1rem;
  color: white;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 50%;
  transition: background-color 0.2s ease;
  background-color: #8c99a8;
}
.board-lessons .toolbar-view .recording-container .recording-text .microphone-indicator:hover {
  background-color: #6b7c8e;
}
.board-lessons .toolbar-view .recording-container .recording-text .microphone-indicator .svg__icon {
  width: 1.5625rem;
  height: 1.5625rem;
}
.board-lessons .toolbar-view .recording-container .recording-text .microphone-indicator .svg__icon img {
  filter: invert(1) brightness(2);
}
.board-lessons .simple-dropdown {
  position: relative;
  width: 16.66666667rem;
  height: 3.125rem;
  box-sizing: border-box;
  font-size: 1.45833333rem;
}
.board-lessons .simple-dropdown.compact {
  width: 7.29166667rem;
  margin: 0.52083333rem 0;
}
.board-lessons .simple-dropdown.compact .trigger {
  border-radius: 0;
  border-right: none;
}
.board-lessons .simple-dropdown.center .trigger {
  text-align: center;
  padding: 0;
}
.board-lessons .simple-dropdown button {
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  line-height: 1;
  cursor: pointer;
  outline: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
}
.board-lessons .simple-dropdown button:active span,
.board-lessons .simple-dropdown button:focus span {
  position: relative;
}
.board-lessons .simple-dropdown .trigger {
  border: 1px solid #d1d3de;
  width: 100%;
  height: 100%;
  padding: 0 0 0 1.04166667rem;
  border-radius: 0.52083333rem;
  box-sizing: border-box;
  text-align: left;
  cursor: pointer;
}
.board-lessons .simple-dropdown .trigger .textformat-button {
  border-left: 1px solid #d1d3de;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
.board-lessons .simple-dropdown .trigger .textformat-button .styleguide.flat__icon {
  width: 1.66666667rem;
  height: 1.66666667rem;
}
.board-lessons .simple-dropdown.is-open ul {
  border: 1px solid #d1d3de;
  position: absolute;
  bottom: 3.64583333rem;
  display: inline-block;
  width: 100%;
  border-radius: 0.52083333rem;
  overflow: hidden;
  box-sizing: border-box;
}
.board-lessons .simple-dropdown ul {
  list-style: none;
  display: none;
  margin: 0;
  padding: 0;
}
.board-lessons .simple-dropdown ul li {
  border-top: 1px solid #d1d3de;
  margin: 0;
  padding: 0 0.52083333rem 0 2.60416667rem;
  height: 3.125rem;
  line-height: 3.125rem;
  background: #ffffff;
}
.board-lessons .simple-dropdown ul li button {
  width: 100%;
  height: 100%;
  text-align: left;
}
.board-lessons .simple-dropdown ul li:first-child {
  border-top: 0;
}
.board-lessons .simple-dropdown ul li.selected button {
  color: #277cd9;
  font-weight: 700;
}
.board-lessons .simple-dropdown .item {
  font-size: 1.35416667rem;
}
.board-lessons .simple-dropdown .item.arial {
  font-family: 'Arimo', 'Arial';
}
.board-lessons .simple-dropdown .item.comicsans {
  font-family: 'Comic Sans MS';
}
.board-lessons .simple-dropdown .item.timesnewroman {
  font-family: 'Times New Roman';
}
.board-lessons .simple-dropdown .item.school {
  font-family: 'Mulish';
}
.board-lessons .simple-dropdown .item.dyslexie {
  font-family: 'Dyslexie';
}
.board-lessons .simple-dropdown .item.lexend-deca {
  font-family: 'Lexend Deca';
}
.board-lessons .simple-dropdown .item.grundschrift {
  font-family: 'Grundschrift';
}
.board-lessons .simple-dropdown .item.vereinfachte-ausgangsschrift {
  font-family: 'Vereinfachte Ausgangsschrift';
}
.board-lessons .simple-dropdown .item.corsivo-primaria {
  font-family: 'Corsivo Primaria';
}
.board-lessons .simple-dropdown .item.edu-nsw-act-foundation {
  font-family: 'Edu NSW ACT Foundation';
}
.board-lessons .simple-dropdown .item.dancing-script {
  font-family: 'Dancing Script';
}
.board-lessons .simple-dropdown .item.grandstander {
  font-family: 'Grandstander';
}
.board-lessons .simple-dropdown .item.finger-paint {
  font-family: 'Finger Paint';
}
.board-lessons .simple-dropdown .item.cabin-sketch {
  font-family: 'Cabin Sketch';
}
.board-lessons .simple-dropdown .item.amatic-sc {
  font-family: 'Amatic SC';
}
.board-lessons .simple-dropdown .item.sigmar-one {
  font-family: 'Sigmar One';
}
.board-lessons .simple-dropdown .item.playwrite-nl {
  font-family: 'Playwrite NL';
  font-variant-ligatures: normal;
}
.board-lessons .simple-dropdown .item.playwrite-be-vlg {
  font-family: 'Playwrite BE VLG';
  font-variant-ligatures: normal;
}
.board-lessons .simple-dropdown .item.dch-basisschrift {
  font-family: 'Deutschschweizer Basisschrift';
}
.board-lessons .ember-settings-view {
  position: fixed;
  width: 100%;
  height: 100%;
  animation: 0.3s ease-in both greyBackground;
}
.board-lessons .ember-settings-view .container {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  background: #ffffff;
  animation: 0.3s ease-in both slideInFromBottom;
}
.board-lessons .ember-settings-view.isClosing {
  animation: 0.3s ease-in both removeGreyBackground;
}
.board-lessons .ember-settings-view.isClosing .container {
  animation: 0.3s ease-in both slideOutToBottom;
}
.board-lessons .ember-settings-view .top {
  border-bottom: 1px solid #d1d3de;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5rem;
}
.board-lessons .ember-settings-view .top .styleguide.flat__icon {
  width: 1.45833333rem;
  height: 1.45833333rem;
}
.board-lessons .ember-settings-view .top .styleguide.flat__icon .icon--graphics {
  fill: #6b7c8e;
}
.board-lessons .ember-settings-view .top p {
  margin: 0 0 0 0.52083333rem;
  font-size: 1.66666667rem;
  color: #6b7c8e;
}
.board-lessons .ember-settings-view .middle {
  display: flex;
  justify-content: center;
}
.board-lessons .ember-settings-view .middle label {
  margin-bottom: 0.52083333rem;
  font-size: 1.5625rem;
  font-weight: 600;
  color: #3f4c5a;
  word-break: break-word;
}
.board-lessons .ember-settings-view .middle .setting-wrapper {
  flex: 0.5;
  display: flex;
  flex-direction: column;
  padding: 1.5625rem;
}
.board-lessons .ember-settings-view .middle .setting-wrapper.single-column {
  flex: 1;
}
.board-lessons .ember-settings-view .middle .setting-wrapper [class^='setting-'] {
  display: flex;
  flex-direction: column;
  padding: 1.5625rem 0;
}
.board-lessons .ember-settings-view .bottom {
  border-top: 1px solid #d1d3de;
  display: flex;
  justify-content: space-between;
}
.board-lessons .ember-settings-view .bottom > div {
  margin: 2.08333333rem;
}
.board-lessons .ember-settings-view .bottom > div > button:not(:last-child) {
  margin-right: 1.04166667rem;
}
.board-lessons .ember-settings-view .bottom > div button {
  width: 15.9375rem;
}
.board-lessons .ember-settings-view .bottom > div button.width--auto {
  width: auto;
}
.board-lessons .ember-settings-view .bottom > div .list-edit-button {
  width: 100%;
}
.board-lessons .ember-settings-view .divider-line.vertical {
  margin: 3.33333333rem 1.66666667rem;
}
@keyframes slideInFromBottom {
  from {
    bottom: -100%;
  }
  to {
    bottom: 0;
  }
}
@keyframes greyBackground {
  from {
    background-color: rgba(0, 0, 0, 0);
  }
  to {
    background-color: rgba(0, 0, 0, 0.25);
  }
}
@keyframes slideOutToBottom {
  from {
    bottom: 0;
  }
  to {
    bottom: -100%;
  }
}
@keyframes removeGreyBackground {
  from {
    background-color: rgba(0, 0, 0, 0.25);
  }
  to {
    background-color: rgba(0, 0, 0, 0);
  }
}
.board-lessons .webcomponents-settings-view {
  position: fixed;
  width: 100%;
  height: 100%;
  animation: 0.3s ease-in both greyBackground;
}
.board-lessons .webcomponents-settings-view .container {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  background: #ffffff;
  animation: 0.3s ease-in both slideInFromBottom;
}
.board-lessons .webcomponents-settings-view.isClosing {
  animation: 0.3s ease-in both removeGreyBackground;
}
.board-lessons .webcomponents-settings-view.isClosing .container {
  animation: 0.3s ease-in both slideOutToBottom;
}
.board-lessons .webcomponents-settings-view .top {
  border-bottom: 1px solid #d1d3de;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5rem;
}
.board-lessons .webcomponents-settings-view .top .styleguide.flat__icon {
  width: 1.45833333rem;
  height: 1.45833333rem;
}
.board-lessons .webcomponents-settings-view .top .styleguide.flat__icon .icon--graphics {
  fill: #6b7c8e;
}
.board-lessons .webcomponents-settings-view .top p {
  margin: 0 0 0 0.52083333rem;
  font-size: 1.66666667rem;
  color: #6b7c8e;
}
.board-lessons .webcomponents-settings-view .middle {
  display: flex;
  justify-content: center;
}
.board-lessons .webcomponents-settings-view .middle label {
  margin-bottom: 0.52083333rem;
  font-size: 1.5625rem;
  font-weight: 600;
  color: #3f4c5a;
  word-break: break-word;
}
.board-lessons .webcomponents-settings-view .middle .setting-wrapper {
  flex: 0.5;
  display: flex;
  flex-direction: column;
  padding: 1.5625rem;
}
.board-lessons .webcomponents-settings-view .middle .setting-wrapper.single-column {
  flex: 1;
}
.board-lessons .webcomponents-settings-view .middle .setting-wrapper [class^='setting-'] {
  display: flex;
  flex-direction: column;
  padding: 1.5625rem 0;
}
.board-lessons .webcomponents-settings-view .bottom {
  border-top: 1px solid #d1d3de;
  display: flex;
  justify-content: space-between;
}
.board-lessons .webcomponents-settings-view .bottom > div {
  margin: 2.08333333rem;
}
.board-lessons .webcomponents-settings-view .bottom > div > button:not(:last-child) {
  margin-right: 1.04166667rem;
}
.board-lessons .webcomponents-settings-view .bottom > div button {
  width: 15.9375rem;
}
.board-lessons .webcomponents-settings-view .bottom > div button.width--auto {
  width: auto;
}
.board-lessons .webcomponents-settings-view .divider-line.vertical {
  margin: 3.33333333rem 1.66666667rem;
}
@keyframes slideInFromBottom {
  from {
    bottom: -100%;
  }
  to {
    bottom: 0;
  }
}
@keyframes greyBackground {
  from {
    background-color: rgba(0, 0, 0, 0);
  }
  to {
    background-color: rgba(0, 0, 0, 0.25);
  }
}
@keyframes slideOutToBottom {
  from {
    bottom: 0;
  }
  to {
    bottom: -100%;
  }
}
@keyframes removeGreyBackground {
  from {
    background-color: rgba(0, 0, 0, 0.25);
  }
  to {
    background-color: rgba(0, 0, 0, 0);
  }
}
.board-lessons .settings-chapter {
  max-width: 50%;
}
.board-lessons .settings-chapter .title-container {
  display: flex;
}
.board-lessons .settings-chapter .title-container label:nth-child(1) {
  flex: 1;
}
.board-lessons .settings-chapter .title-container label:nth-child(2) {
  flex: 1;
}
.board-lessons .settings-chapter .title-container label:nth-child(3) {
  flex: 1;
}
.board-lessons .settings-chapter .chapter-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1.04166667rem;
}
.board-lessons .settings-chapter .chapter-wrapper:last-child {
  margin: 0;
}
.board-lessons .settings-chapter .chapter-wrapper p {
  flex: 1;
  margin: 0;
  font-size: 1.45833333rem;
}
.board-lessons .settings-chapter .chapter-wrapper .input-wrapper {
  flex: 1;
}
.board-lessons .settings-chapter .chapter-wrapper .input-wrapper input {
  width: 40%;
  text-align: center;
}
.board-lessons .settings-chapter .chapter-wrapper .input__checkbox {
  flex: 1;
}
.board-lessons .settings-checkbox-money div[class^='checkbox-container'] {
  display: flex;
  flex-flow: row wrap;
}
.board-lessons .settings-checkbox-money div[class^='checkbox-container']:last-child {
  margin-top: 2.60416667rem;
}
.board-lessons .settings-checkbox-money div[class^='checkbox-container']:last-child .checkbox-wrapper:last-child {
  flex-basis: 100%;
}
.board-lessons .settings-checkbox-money div[class^='checkbox-container'] .checkbox-wrapper {
  width: 33%;
  padding: 0.52083333rem;
  box-sizing: border-box;
}
.board-lessons .settings-checkbox .checkbox-container {
  display: flex;
  flex-direction: column;
}
.board-lessons .settings-checkbox .checkbox-container.horizontal {
  flex-flow: row wrap;
  flex-direction: row;
}
.board-lessons .settings-checkbox .checkbox-container.horizontal .checkbox-wrapper {
  margin-right: 1.45833333rem;
}
.board-lessons .settings-checkbox .checkbox-container .checkbox-wrapper {
  margin: 0.52083333rem;
}
.board-lessons .settings-checkbox .checkbox-container:nth-of-type(2) {
  margin-top: 1.04166667rem;
}
.board-lessons .settings-checkbox .input--label {
  text-align: left;
}
.board-lessons .settings-color-buttons .item-grid-container {
  justify-content: flex-start;
}
.board-lessons .settings-icon-buttons .icon-buttons--grid {
  display: grid;
  gap: 1.66666667rem;
  grid-template-columns: repeat(auto-fill, 2.5rem);
}
.board-lessons .settings-icon-buttons .icon-buttons--grid button.button__icon {
  width: 2.5rem;
  height: 2.5rem;
}
.board-lessons .settings-content-list {
  height: 52.08333333rem;
  width: 65vw;
}
.board-lessons .settings-content-list .content-list__list-selection,
.board-lessons .settings-content-list .content-list__list-preview {
  padding: 1.5625rem 0 1.5625rem 1.5625rem;
  display: flex;
  flex-direction: column;
}
.board-lessons .settings-content-list .list-selection {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.board-lessons .settings-content-list .list-selection.list-selection--empty {
  justify-content: space-between;
}
.board-lessons .settings-content-list .list-selection .no-lists {
  color: #8c99a8;
  font-size: 1.25rem;
  line-height: 1.51041667rem;
}
.board-lessons .settings-content-list .list-selection .dropdown__basic {
  width: 42.1875rem;
  margin-right: 2.08333333rem;
}
.board-lessons .settings-content-list .list-selection--unsaved-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.board-lessons .settings-content-list .list-selection--unsaved-list .list-selection__list-info .unsaved-list {
  color: #8c99a8;
  font-size: 1.25rem;
  line-height: 1.25rem;
  padding-top: 0.52083333rem;
}
.board-lessons .settings-content-list .list-selection--unsaved-list .list-selection__buttons {
  display: flex;
  flex-direction: row;
}
.board-lessons .settings-content-list .list-selection--unsaved-list .list-selection__buttons .save-button {
  margin-right: 1.04166667rem;
}
.board-lessons .settings-content-list .list-preview__list-container {
  height: 36.97916667rem;
  overflow-x: hidden;
  overflow-x: none;
}
.board-lessons .settings-content-list .list-preview__list-container ul {
  list-style-type: none;
  font-size: 1.5625rem;
  color: #556474;
  margin: 0;
  display: flex;
  flex-flow: row wrap;
}
.board-lessons .settings-content-list .list-preview__list-container ul li {
  font-size: 1.25rem;
  background-color: #f5f5f8;
  padding: 1.04166667rem;
  border-radius: 0.52083333rem;
  font-weight: 600;
  margin: 1.04166667rem 1.04166667rem 0 0;
  display: flex;
  align-content: center;
}
.board-lessons .settings-content-list .list-preview__list-container ul li .styleguide__tooltip {
  width: 18.75rem;
}
.board-lessons .settings-content-list .list-preview__list-container ul li.list-item__single-text {
  min-width: 21.875rem;
  height: 3.125rem;
}
.board-lessons .settings-content-list .list-preview__list-container ul li.list-item__single-text .list-item {
  display: flex;
  align-items: center;
  flex-direction: row;
  position: relative;
  justify-content: center;
  height: 100%;
  width: 100%;
  border-radius: 0.52083333rem;
  border: 1px solid #d1d3de;
  background-color: #fff;
}
.board-lessons .settings-content-list .list-preview__list-container ul li.list-item__single-text .list-item span {
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 1.04166667rem;
  line-height: 3.125rem;
}
.board-lessons .settings-content-list .list-preview__list-container ul li.list-item__single-text .list-item.incalculable {
  padding: 0 3rem;
}
.board-lessons .settings-content-list .list-preview__list-container ul li.list-item__single-text .list-item .flat__icon {
  position: absolute;
  left: 0.52083333rem;
}
.board-lessons .settings-content-list .list-preview__list-container ul li.list-item__single-text .list-item .flat__icon .icon--graphics {
  fill: #e57102;
}
.board-lessons .settings-content-list .list-preview__list-container ul li.list-item__text-text {
  min-width: 21.875rem;
  height: 3.125rem;
  align-items: center;
}
.board-lessons .settings-content-list .list-preview__list-container ul li.list-item__text-text .list-item {
  display: flex;
  align-items: center;
  flex-direction: row;
  position: relative;
  justify-content: center;
  height: 100%;
  min-width: 9.27083333rem;
  border-radius: 0.52083333rem;
  border: 1px solid #d1d3de;
  background-color: #fff;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 1.04166667rem;
  white-space: nowrap;
  line-height: 3.125rem;
}
.board-lessons .settings-content-list .list-preview__list-container ul li.list-item__text-text span {
  color: #3f4c5a;
  margin: 0 0.625rem;
}
.board-lessons .settings-content-list .list-preview__list-container ul li.list-item__media-media {
  font-size: 1.25rem;
  width: 27.39583333rem;
  background-color: #f5f5f8;
  display: flex;
  place-content: center space-between;
  align-items: center;
}
.board-lessons .settings-content-list .list-preview__list-container ul li.list-item__media-media span {
  color: #3f4c5a;
}
.board-lessons .settings-content-list .list-preview__list-container ul li.list-item__text-media {
  min-width: 27.39583333rem;
  font-size: 1.25rem;
  width: 27.39583333rem;
  background-color: #f5f5f8;
  display: flex;
  place-content: center space-between;
  align-items: center;
}
.board-lessons .settings-content-list .list-preview__list-container ul li.list-item__text-media .list-item-text {
  display: flex;
  align-items: center;
  flex-direction: row;
  position: relative;
  justify-content: center;
  height: 3.125rem;
  width: 100%;
  border-radius: 0.52083333rem;
  border: 1px solid #d1d3de;
  background-color: #fff;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 1.04166667rem;
  white-space: nowrap;
  line-height: 3.125rem;
}
.board-lessons .settings-content-list .list-preview__list-container ul li.list-item__text-media span {
  color: #3f4c5a;
  margin: 0 0.625rem;
}
.board-lessons .settings-content-list .loader__component {
  margin: 26.04166667rem auto;
}
.board-lessons .settings-digit-float .digit-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0.52083333rem;
}
.board-lessons .settings-digit-float .digit-container .float-sep {
  margin: 0.25rem;
}
.board-lessons .settings-digit-multiple .digit-container {
  display: flex;
  justify-content: flex-start;
}
.board-lessons .settings-digit .digit-container {
  display: flex;
  justify-content: flex-start;
}
.board-lessons .settings-dropdown .wrapper {
  display: flex;
  align-items: center;
}
.board-lessons .settings-dropdown .wrapper .dropdown-container {
  position: relative;
  width: 80%;
  height: 4.17rem;
}
.board-lessons .settings-dropdown .wrapper .button-wrapper {
  margin-left: 1.5625rem;
}
.board-lessons .settings-page-link .current-selected-page {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #556474;
  font-size: 1.66666667rem;
  padding: 0.88541667rem 1.66666667rem;
  background-color: #f5f5f8;
  border: 1px solid #aeb7c2;
  border-radius: 0.41666667rem;
}
.board-lessons .settings-page-link .current-selected-page .flat__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.board-lessons .settings-page-link .current-selected-page .flat__icon .icon--graphics {
  fill: #556474;
}
.board-lessons .settings-page-link .current-selected-page.not-found {
  background-color: #fef1f1;
  border: 1px solid #ed1c24;
  color: #ed1c24;
}
.board-lessons .settings-page-link .current-selected-page.not-found .flat__icon .icon--graphics {
  fill: #ed1c24;
}
.board-lessons .settings-page-link .modal__component .modal__dialog-yield {
  padding: 0;
}
.board-lessons .settings-page-link .modal__component .modal__dialog-yield .title-container {
  padding: 2.5rem;
  border-bottom: 1px solid #aeb7c2;
  font-family: var(--font-family-header);
}
.board-lessons .settings-page-link .modal__component .modal__dialog-yield .title-container label {
  font-size: 2.5rem;
}
.board-lessons .settings-page-link .modal__component .modal__dialog-yield .pages-container {
  min-height: 10vh;
  max-height: 60vh;
  padding: 3.33333333rem;
  padding-bottom: 0;
  overflow: auto;
}
.board-lessons .settings-page-link .modal__component .modal__dialog-yield .pages-container .pages-grid-wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.83333333rem 1.66666667rem;
}
.board-lessons .settings-page-link .modal__component .modal__dialog-yield .buttons-container {
  display: flex;
  justify-content: flex-end;
  padding: 2.5rem;
  border-top: 1px solid #aeb7c2;
}
.board-lessons .settings-page-link .modal__component .modal__dialog-yield .buttons-container button {
  width: 16.66666667rem;
  margin-left: 1.25rem;
}
.board-lessons .settings-pie {
  height: 100%;
}
.board-lessons .settings-pie .pie-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.board-lessons .settings-pie .input-wrapper {
  display: flex;
}
.board-lessons .settings-pie .input-wrapper p {
  margin: 0;
  font-size: 1.45833333rem;
  line-height: 4.16666667rem;
}
.board-lessons .settings-pie .input-wrapper input:nth-child(even) {
  flex: 2;
  margin: 0 2.08333333rem;
}
.board-lessons .settings-pie .input-wrapper input:nth-child(odd) {
  flex: 8;
}
.board-lessons .settings-radio-buttons .radio-container {
  display: flex;
  flex-direction: column;
}
.board-lessons .settings-radio-buttons .radio-container.horizontal {
  flex-direction: row;
}
.board-lessons .settings-radio-buttons .radio-container.horizontal .separator {
  width: 1px;
  height: inherit;
  background-color: #aeb7c2;
  margin: 0.20833333rem 1.04166667rem;
}
.board-lessons .settings-radio-buttons .radio-container .radio-wrapper {
  margin: 0.52083333rem;
}
.board-lessons .settings-radio-buttons.currency {
  height: 100%;
}
.board-lessons .settings-radio-buttons.currency .radio-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
  grid-auto-rows: max-content;
  height: 100%;
}
.board-lessons .settings-sound .dropdown-container {
  display: flex;
  align-items: center;
}
.board-lessons .settings-sound .dropdown-container button {
  overflow: visible;
  margin-left: 1.5625rem;
}
.board-lessons .settings-students-selection {
  width: 60vw;
  display: flex;
  flex-direction: column;
  padding: 1.66666667rem;
  padding-right: 0;
}
.board-lessons .settings-students-selection .group-selection-wrapper {
  width: 25rem;
  padding-bottom: 1.5rem;
}
.board-lessons .settings-students-selection .group-selection-wrapper .title {
  font-size: 1.5625rem;
  line-height: 1.5625rem;
  font-weight: 600;
  padding-bottom: 1.04166667rem;
}
.board-lessons .settings-students-selection .group-selection-wrapper .title.has-subtitle {
  padding-bottom: 0.52083333rem;
}
.board-lessons .settings-students-selection .group-selection-wrapper .subtitle {
  color: #8c99a8;
  font-size: 1.25rem;
  line-height: 1.51041667rem;
  margin-bottom: 0.41666667rem;
}
.board-lessons .settings-students-selection .group-selection-wrapper .group-selection {
  position: relative;
  display: inline-block;
}
.board-lessons .settings-students-selection .grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: max-content;
  gap: 0.83333333rem 1.66666667rem;
  align-items: start;
  overflow: auto;
  height: 13.33333333rem;
  background: #f5f5f8;
  border: 1px solid #aeb7c2;
  border-radius: 4px;
  padding: 1.66666667rem;
}
.board-lessons .settings-students-selection .grid-container .grid-item {
  white-space: nowrap;
  overflow: hidden;
}
.board-lessons .settings-students-selection .grid-container .grid-item .input--label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.board-lessons .settings-students-selection .no-students-message,
.board-lessons .settings-students-selection .no-students-button {
  margin: 1rem;
}
.board-lessons .settings-students-selection .max-students {
  color: #8c99a8;
  font-weight: 400;
}
.board-lessons .settings-text-multi .wrapper {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.board-lessons .settings-text-multi .wrapper div {
  display: flex;
  align-items: center;
  width: 75%;
}
.board-lessons .settings-text-multi .wrapper div p {
  font-family: 'Open Sans', sans-serif;
  color: #556474;
  font-size: 1.66666667rem;
  margin: 0;
}
.board-lessons .settings-text-multi .wrapper div input {
  margin: 0.5rem;
  margin-left: 1rem;
}
.board-lessons .settings-text .wrapper {
  display: flex;
  align-items: center;
}
.board-lessons .settings-time .button__square {
  width: auto;
}
.board-lessons .settings-clock-instruction-tool {
  display: flex;
  justify-content: center;
  flex-direction: row;
  width: 100%;
}
.board-lessons .settings-clock-instruction-tool .setting-wrapper:first-of-type {
  flex: 1;
  flex-direction: row;
}
.board-lessons .settings-clock-instruction-tool .setting-wrapper:first-of-type .clock-setting {
  flex: 1;
  padding: 1.5625rem;
}
.board-lessons .settings-clock-instruction-tool .setting-wrapper:first-of-type .clock-setting .dropdown__basic:first-of-type {
  margin-top: 0.52083333rem;
}
.board-lessons .settings-clock-instruction-tool .setting-wrapper:first-of-type .divider-line {
  margin: 1.66666667rem;
}
.board-lessons .settings-clock-instruction-tool .setting-wrapper:first-of-type .clockInstructionTool.watchFace .radio-container {
  max-height: 7.29166667rem;
  flex-wrap: wrap;
}
.board-lessons .settings-clock-instruction-tool .setting-wrapper:first-of-type .clockInstructionTool.visibleHands .checkbox-container {
  max-height: 7.29166667rem;
  flex-wrap: wrap;
}
.board-lessons .settings-clock-instruction-tool .setting-wrapper:last-of-type .clockInstructionTool.timeStep .radio-container {
  max-height: 10.41666667rem;
  flex-wrap: wrap;
}
.board-lessons .settings-flash-tool {
  display: flex;
  justify-content: center;
  flex-direction: row;
  width: 100%;
}
.board-lessons .settings-flash-tool .settings-content-list {
  width: 60vw;
}
.board-lessons .settings-flash-tool .settings-radio-buttons.fontType .radio-container .radio-wrapper:first-child .input--label {
  font-family: 'Mulish', sans-serif;
}
.board-lessons .settings-letter-generator {
  display: flex;
  justify-content: center;
  flex-direction: row;
  width: 100%;
}
.board-lessons .settings-letter-generator .setting-wrapper:first-of-type {
  flex-grow: 0.7;
}
.board-lessons .settings-letter-generator .setting-wrapper:first-of-type .setting-checkbox:first-of-type .checkbox-container:first-of-type .checkbox-wrapper {
  width: 5rem;
}
.board-lessons .settings-letter-generator .setting-wrapper:first-of-type .setting-checkbox:nth-of-type(2) .checkbox-container:first-of-type .checkbox-wrapper {
  width: 6rem;
}
.board-lessons .settings-letter-generator .setting-wrapper:only-of-type {
  flex-grow: 1;
}
.board-lessons .settings-letter-generator .setting-wrapper:not(:only-of-type):last-of-type {
  flex-grow: 0.3;
}
.board-lessons .settings-letter-generator .setting-wrapper:not(:only-of-type):last-of-type .setting-radio-buttons:last-of-type .radio-wrapper:last-of-type .input--label {
  font-family: 'Mulish', 'Arial', 'Helvetica', sans-serif;
  font-size: 1.6rem;
}
.board-lessons .settings-number-line-tool {
  display: flex;
  justify-content: center;
  flex-direction: row;
  width: 100%;
}
.board-lessons .student-list-selector-component {
  width: 60vw;
}
.board-lessons .student-list-selector-component.full-width {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 4.16666667rem;
  padding-bottom: 0.83333333rem;
}
.board-lessons .student-list-selector-component.full-width .student-input-textarea-component {
  width: 100%;
}
.board-lessons .student-list-selector-component.full-width .placeholder {
  margin-bottom: 4.16666667rem;
}
.board-lessons .student-list-selector-component.full-width .placeholder .placeholder-image {
  width: 50%;
  height: 100%;
}
.board-lessons .student-list-selector-component.full-width .placeholder .placeholder-image img {
  width: auto;
  height: 100%;
}
.board-lessons .student-list-selector-component .student-list-container {
  border-radius: 0.83333333rem;
  border: 1px solid #d1d3de;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  height: 54vh;
}
.board-lessons .student-list-selector-component .student-list-container .student-list-view {
  min-width: 15vw;
  max-width: 15vw;
  border-right: 1px solid #d1d3de;
  border-radius: 0.83333333rem 0 0 0.83333333rem;
  height: 100%;
  overflow: hidden auto;
}
.board-lessons .student-list-selector-component .student-list-container .student-list-view .student-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.66666667rem;
  flex-shrink: 0;
  font-weight: 600;
  font-size: 1.66666667rem;
  color: #556474;
  transition: background-color 0.3s ease-in-out;
  height: 3.33333333rem;
}
.board-lessons .student-list-selector-component .student-list-container .student-list-view .student-list:hover {
  background: rgba(233, 246, 253, 0.5);
  cursor: pointer;
}
.board-lessons .student-list-selector-component .student-list-container .student-list-view .student-list:active {
  background-color: #d4eefc;
}
.board-lessons .student-list-selector-component .student-list-container .student-list-view .student-list.selected-list {
  background-color: #e9f6fd;
  border-right: 0.20833333rem solid #7ac7f0;
  color: #2a3541;
}
.board-lessons .student-list-selector-component .student-list-container .student-list-view .student-list span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  min-width: 75%;
  max-width: 75%;
}
.board-lessons .student-list-selector-component .student-list-container .student-list-view .student-list .options-icon {
  border-radius: 50%;
  background-color: transparent;
  transition: background-color 0.3s ease-in-out;
  padding: 0.83333333rem;
  margin-right: -0.83333333rem;
  box-sizing: content-box;
}
.board-lessons .student-list-selector-component .student-list-container .student-list-view .student-list .options-icon:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
.board-lessons .student-list-selector-component .student-list-container .student-list-view .list-edit-callout {
  padding: 0;
  background-color: #ffffff;
  border-radius: 8px;
  position: absolute;
  z-index: 1000;
  min-width: 20.83333333rem;
  width: -moz-fit-content;
  width: fit-content;
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  /* prevent hover state of buttons from overflowing border radius */
  overflow: hidden;
  transition: background-color 0.3s ease-in-out;
}
.board-lessons .student-list-selector-component .student-list-container .student-list-view .list-edit-callout .icon-label-button {
  display: flex;
  gap: 1.25rem;
  padding: 1.66666667rem 1.25rem;
  height: 2.5rem;
}
.board-lessons .student-list-selector-component .student-list-container .student-list-view .list-edit-callout .icon-label-button .svg__icon {
  width: 2.5rem;
  height: 2.5rem;
}
.board-lessons .student-list-selector-component .student-list-container .student-list-view .list-edit-callout .icon-label-button p {
  font-size: 1.66666667rem;
  color: #2a3541;
}
.board-lessons .student-list-selector-component .student-list-container .student-list-view .list-edit-callout .icon-label-button:hover {
  background-color: #e9f6fd;
}
.board-lessons .student-list-selector-component .student-list-container .student-list-view .list-edit-callout .icon-label-button:active {
  background-color: #b7e3fa;
}
.board-lessons .student-list-selector-component .student-list-container .student-list-view .list-edit-callout .tooltip-arrow {
  display: none;
}
.board-lessons .student-list-selector-component .student-list-container .student-list-students-view {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 1.66666667rem 2.5rem;
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  gap: 1.66666667rem;
}
.board-lessons .student-list-selector-component .student-list-container .student-list-students-view .student-list-student {
  display: flex;
  height: 3.33333333rem;
  max-width: 90%;
  padding: 0.3125rem 1.5625rem;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4.58333333rem;
  color: #2477a3;
  font-weight: 600;
  font-size: 1.66666667rem;
  background: white;
  border: 1px solid #2477a3;
  cursor: pointer;
}
.board-lessons .student-list-selector-component .student-list-container .student-list-students-view .student-list-student span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.board-lessons .student-list-selector-component .student-list-container .student-list-students-view .student-list-student.selected {
  background: #d4eefc;
  border: 1px solid #d4eefc;
}
.board-lessons .student-list-selector-component .bottom-container {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
  height: 5rem;
  margin-top: 0.83333333rem;
}
.board-lessons .student-list-selector-component .bottom-container .add-list-container {
  display: flex;
  align-items: center;
  color: #2477a3;
  cursor: pointer;
  font-size: 1.66666667rem;
  min-width: 15vw;
  max-width: 15vw;
  transition: 0.15s;
}
.board-lessons .student-list-selector-component .bottom-container .add-list-container:hover {
  color: #38a4de;
}
.board-lessons .student-list-selector-component .bottom-container .add-list-container:hover .icon--graphics {
  transition: 0.15s;
  fill: #38a4de;
}
.board-lessons .student-list-selector-component .bottom-container .add-list-container:active {
  color: #1a455b;
}
.board-lessons .student-list-selector-component .bottom-container .add-list-container:active .icon--graphics {
  transition: 0.15s;
  fill: #1a455b;
}
.board-lessons .student-list-selector-component .bottom-container .add-list-container .button__icon {
  margin: 0 0.83333333rem;
}
.board-lessons .student-list-selector-component .bottom-container .student-list-count-indicator {
  color: #556474;
  font-size: 1.25rem;
  grid-area: indicator;
}
.board-lessons .student-list-selector-component .placeholder {
  display: flex;
  gap: 10%;
  align-items: center;
  justify-content: space-between;
  height: 54vh;
  padding: 0 5%;
  box-sizing: content-box;
}
.board-lessons .student-list-selector-component .placeholder .placeholder-text {
  width: 30%;
}
.board-lessons .student-list-selector-component .placeholder .placeholder-text h1 {
  color: #2a3541;
  font-size: 2.08333333rem;
  font-weight: 600;
  font-family: var(--font-family-header);
}
.board-lessons .student-list-selector-component .placeholder .placeholder-text p {
  margin-top: 1.66666667rem;
  margin-bottom: 2.5rem;
  font-size: 1.66666667rem;
  color: #556474;
}
.board-lessons .student-list-selector-component .placeholder .placeholder-image {
  width: 50%;
  display: flex;
  justify-content: center;
}
.board-lessons .student-list-selector-component .placeholder .placeholder-image img {
  width: 100%;
}
.board-lessons .student-list-selector-component .students-label {
  color: #2a3541;
  font-weight: 600;
}
.board-lessons .student-list-selector-component .students-info-label {
  color: #556474;
  font-weight: 400;
  padding-bottom: 0.83333333rem;
  font-size: 1.25rem;
}
.board-lessons .delete-list-modal {
  width: 100%;
}
.board-lessons .delete-list-modal .modal__dialog-content .modal__dialog-buttons {
  border-top: none;
  padding-top: 0;
}
.board-lessons .delete-list-modal .delete-list-modal-content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 46.66666667rem;
  text-align: center;
  gap: 1.66666667rem;
  margin-bottom: 1.25rem;
}
.board-lessons .delete-list-modal .delete-list-modal-content h1 {
  color: #2a3541;
  font-size: 2.5rem;
  font-weight: 600;
  font-family: var(--font-family-header);
  width: 100%;
}
.board-lessons .delete-list-modal .delete-list-modal-content p {
  color: #556474;
  font-size: 1.66666667rem;
  font-weight: 400;
}
.board-lessons .delete-list-modal .delete-list-modal-content .image-container {
  width: 100%;
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: center;
}
.board-lessons .delete-list-modal .delete-list-modal-content .image-container .styleguide.svg__icon {
  width: 8.33333333rem;
  height: 8.33333333rem;
}
.board-lessons .create-edit-list-modal-wrapper .modal__component .modal__dialog-content .modal__component-header {
  color: #2a3541;
}
.board-lessons .create-edit-list-modal-wrapper .modal__component .modal__dialog-content .modal__dialog-buttons {
  border-top: none;
  padding-top: 0;
}
.board-lessons .create-edit-list-modal-wrapper .student-manager-global__create-edit-list-modal {
  min-width: 50vw;
}
.board-lessons .create-edit-list-modal-wrapper .student-manager-global__create-edit-list-modal .name-input {
  width: 50%;
  position: relative;
  margin-bottom: 2.5rem;
}
.board-lessons .create-edit-list-modal-wrapper .student-manager-global__create-edit-list-modal .name-input .character-count {
  position: absolute;
  right: 0.83333333rem;
  bottom: 0.83333333rem;
  font-size: 1.25rem;
  color: #556474;
  width: 1.66666667rem;
  height: 2.5rem;
  padding-left: 1.66666667rem;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.board-lessons .create-edit-list-modal-wrapper .student-manager-global__create-edit-list-modal .student-input-textarea-component {
  margin-top: 1.66666667rem;
}
.board-lessons .create-edit-list-modal-wrapper .student-manager-global__create-edit-list-modal .name-label,
.board-lessons .create-edit-list-modal-wrapper .student-manager-global__create-edit-list-modal .students-label,
.board-lessons .create-edit-list-modal-wrapper .student-manager-global__create-edit-list-modal .students-info-label {
  font-weight: 400;
  margin-bottom: 0.41666667rem;
}
.board-lessons .create-edit-list-modal-wrapper .student-manager-global__create-edit-list-modal .name-label,
.board-lessons .create-edit-list-modal-wrapper .student-manager-global__create-edit-list-modal .students-label {
  font-size: 1.66666667rem;
  color: #2a3541;
}
.board-lessons .create-edit-list-modal-wrapper .student-manager-global__create-edit-list-modal .students-info-label {
  font-size: 1.25rem;
  color: shuttle-gray;
}
.board-lessons .create-edit-list-modal-wrapper .student-manager-global__create-edit-list-modal .student-count {
  font-size: 1.25rem;
  color: #556474;
  width: 100%;
  margin-top: 0.83333333rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.board-lessons .create-edit-list-modal-wrapper .student-manager-global__create-edit-list-modal .student-count span {
  text-transform: lowercase;
}
.board-lessons .student-manager-global {
  position: fixed;
  width: 100%;
  height: 100%;
  animation: 0.3s ease-in both greyBackground;
}
.board-lessons .student-manager-global .container {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  background: #ffffff;
  animation: 0.3s ease-in both slideInFromBottom;
}
.board-lessons .student-manager-global.isClosing {
  animation: 0.3s ease-in both removeGreyBackground;
}
.board-lessons .student-manager-global.isClosing .container {
  animation: 0.3s ease-in both slideOutToBottom;
}
.board-lessons .student-manager-global .top {
  border-bottom: 1px solid #d1d3de;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  height: 6.66666667rem;
}
.board-lessons .student-manager-global .top .styleguide.svg__icon {
  width: 2.5rem;
  height: 2.5rem;
}
.board-lessons .student-manager-global .top p {
  margin: 0 0 0 0.52083333rem;
  font-size: 2.5rem;
  color: #2a3541;
}
.board-lessons .student-manager-global .middle {
  display: flex;
  justify-content: center;
}
.board-lessons .student-manager-global .middle label {
  margin-bottom: 0.52083333rem;
  font-size: 1.5625rem;
  font-weight: 600;
  color: #3f4c5a;
  word-break: break-word;
}
.board-lessons .student-manager-global .middle .setting-wrapper {
  flex: 0.5;
  display: flex;
  flex-direction: column;
  padding: 1.5625rem;
}
.board-lessons .student-manager-global .middle .setting-wrapper.single-column {
  flex: 1;
}
.board-lessons .student-manager-global .middle .setting-wrapper [class^='setting-'] {
  display: flex;
  flex-direction: column;
  padding: 1.5625rem 0;
}
.board-lessons .student-manager-global .bottom {
  border-top: none;
  display: flex;
  justify-content: space-between;
}
.board-lessons .student-manager-global .bottom > div {
  margin: 2.08333333rem;
  margin-top: 0;
}
.board-lessons .student-manager-global .bottom > div > button:not(:last-child) {
  margin-right: 1.04166667rem;
}
.board-lessons .student-manager-global .bottom > div button {
  width: 15.9375rem;
}
.board-lessons .student-manager-global .bottom > div button.width--auto {
  width: auto;
}
.board-lessons .student-manager-global .divider-line.vertical {
  margin: 3.33333333rem 1.66666667rem;
}
@keyframes slideInFromBottom {
  from {
    bottom: -100%;
  }
  to {
    bottom: 0;
  }
}
@keyframes greyBackground {
  from {
    background-color: rgba(0, 0, 0, 0);
  }
  to {
    background-color: rgba(0, 0, 0, 0.25);
  }
}
@keyframes slideOutToBottom {
  from {
    bottom: 0;
  }
  to {
    bottom: -100%;
  }
}
@keyframes removeGreyBackground {
  from {
    background-color: rgba(0, 0, 0, 0.25);
  }
  to {
    background-color: rgba(0, 0, 0, 0);
  }
}
.board-lessons .float-controls .previous-arrow,
.board-lessons .float-controls .next-arrow {
  z-index: 1000;
}
.board-lessons .float-controls .previous-arrow .styleguide.button__round,
.board-lessons .float-controls .next-arrow .styleguide.button__round {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
}
.board-lessons .float-controls .previous-arrow .styleguide.button__round.color--light,
.board-lessons .float-controls .next-arrow .styleguide.button__round.color--light {
  background-color: #ffffff;
  border: 1px solid #ffffff;
}
.board-lessons .float-controls .previous-arrow .styleguide.button__round .icon--graphics,
.board-lessons .float-controls .next-arrow .styleguide.button__round .icon--graphics {
  fill: #556474;
}
.board-lessons .float-controls .previous-arrow .styleguide.button__round:hover:enabled.color--light,
.board-lessons .float-controls .next-arrow .styleguide.button__round:hover:enabled.color--light,
.board-lessons .float-controls .previous-arrow .styleguide.button__round:active:enabled.color--light,
.board-lessons .float-controls .next-arrow .styleguide.button__round:active:enabled.color--light {
  background-color: #f6f6f6;
  border: 1px solid #f6f6f6;
}
.board-lessons .float-controls .previous-arrow .styleguide.button__round:hover:enabled .icon--graphics,
.board-lessons .float-controls .next-arrow .styleguide.button__round:hover:enabled .icon--graphics,
.board-lessons .float-controls .previous-arrow .styleguide.button__round:active:enabled .icon--graphics,
.board-lessons .float-controls .next-arrow .styleguide.button__round:active:enabled .icon--graphics {
  fill: #3f4c5a;
}
.board-lessons .float-controls .live-lesson-container {
  z-index: 1;
}
.board-lessons .float-controls .live-lesson-container .svg__icon {
  width: 4.16666667rem;
  height: 4.16666667rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
.board-lessons .float-controls .live-lesson-container .svg__icon:hover {
  filter: brightness(1.05);
}
.board-lessons .float-controls .live-lesson-container .svg__icon:hover.icon--graphics {
  filter: brightness(1.05);
}
.board-lessons .float-controls .live-lesson-container .svg__icon:active {
  filter: brightness(0.95);
}
.board-lessons .float-controls .live-lesson-container .svg__icon:active.icon--graphics {
  filter: brightness(0.95);
}
.board-lessons .float-controls .live-lesson-container .badge {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1.66666667rem;
  height: 1.66666667rem;
}
.board-lessons .float-controls .live-lesson-container .badge .svg__icon {
  width: 1.66666667rem;
  height: 1.66666667rem;
}
.board-lessons .float-control {
  position: fixed;
  padding: 1.5625rem;
  /* Used for zoom indicator */
}
.board-lessons .float-control.bottom {
  bottom: 7.29166667rem;
}
.board-lessons .float-control.top {
  top: 7.29166667rem;
}
.board-lessons .float-control.left {
  left: 0;
}
.board-lessons .float-control.left .styleguide__tooltip {
  white-space: nowrap;
}
.board-lessons .float-control.left-offset {
  left: 4.16666667rem;
}
.board-lessons .float-control.right-offset {
  right: 4.16666667rem;
}
.board-lessons .float-control.right-offset-large {
  right: 7.08333333rem;
}
.board-lessons .float-control.middle {
  top: calc(50% - 7.29166667rem / 2);
  transform: translateY(-50%);
}
.board-lessons .float-control.right {
  right: 0;
}
.board-lessons .float-control.right .styleguide__tooltip {
  white-space: nowrap;
}
.board-lessons .float-control.offset {
  bottom: 17.70833333rem;
}
.board-lessons .float-control.offset-large {
  bottom: 28.125rem;
}
.board-lessons .float-control.icon-button-left {
  left: 0.625rem;
}
.board-lessons .float-control.bottom-right-controls,
.board-lessons .float-control.top-right-controls {
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 1.66666667rem;
}
.board-lessons .float-control.bottom-right-controls .styleguide__tooltip,
.board-lessons .float-control.top-right-controls .styleguide__tooltip {
  white-space: nowrap;
}
.board-lessons .float-control.bottom-right-controls .live-lesson-container,
.board-lessons .float-control.top-right-controls .live-lesson-container {
  position: relative;
}
.board-lessons .float-control.bottom-right-controls {
  bottom: 7.29166667rem;
}
.board-lessons .float-control.top-right-controls {
  top: 7.29166667rem;
}
.board-lessons .zoom-indicator {
  width: -moz-fit-content;
  width: fit-content;
  height: 2.5rem;
  padding: 0.83333333rem;
  border-radius: 0.83333333rem;
  justify-content: space-between;
  align-items: center;
  gap: 1.66666667rem;
  background: #ffffff;
  box-shadow: 0rem 0.10416667rem 0.20833333rem 0rem rgba(42, 53, 65, 0.3), 0rem 0.10416667rem 0.3125rem 0.10416667rem rgba(42, 53, 65, 0.15);
  display: flex;
  pointer-events: none;
}
.board-lessons .zoom-indicator.hidden {
  display: none;
}
.board-lessons .zoom-indicator .zoom-controls {
  display: flex;
  gap: 0.83333333rem;
  align-items: center;
  justify-content: space-between;
  pointer-events: all;
}
.board-lessons .zoom-indicator .zoom-controls .zoom-level-container {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 5rem;
  color: #556474;
  font-size: 1.66666667rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.board-lessons .zoom-indicator .reset-zoom-container {
  pointer-events: all;
}
.board-lessons .live-lesson-info {
  position: absolute;
  right: -10rem;
  width: 35.83333333rem;
  min-height: 44.375rem;
  padding: 3.33333333rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 1.66666667rem;
  border-radius: 1.66666667rem;
  background: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
  z-index: -1;
}
.board-lessons .live-lesson-info.bottom {
  bottom: -3.33333333rem;
  top: initial;
}
.board-lessons .live-lesson-info.bottom.expanded {
  animation: expandToLeftTop 0.3s ease-in-out forwards;
}
.board-lessons .live-lesson-info.bottom.collapsed {
  animation: collapseToRightBottom 0.3s ease-in-out forwards;
}
.board-lessons .live-lesson-info.top {
  top: -3.33333333rem;
  bottom: initial;
}
.board-lessons .live-lesson-info.top.expanded {
  animation: expandToLeftBottom 0.3s ease-in-out forwards;
}
.board-lessons .live-lesson-info.top.collapsed {
  animation: collapseToRightTop 0.3s ease-in-out forwards;
}
.board-lessons .live-lesson-info.hidden {
  visibility: hidden;
}
.board-lessons .live-lesson-info .text-container {
  display: flex;
  flex-direction: column;
  gap: 0.83333333rem;
  width: 80%;
  text-align: left;
}
.board-lessons .live-lesson-info .text-container h3 {
  width: 100%;
  font-family: var(--font-family-header);
  font-weight: 500;
  font-size: 2.08333333rem;
  color: #2a3541;
}
.board-lessons .live-lesson-info .text-container p {
  width: 100%;
  font-size: 1.66666667rem;
  color: #556474;
}
.board-lessons .live-lesson-info .edit-mode-container {
  width: 100%;
  display: flex;
  justify-content: flex-center;
  position: relative;
}
.board-lessons .live-lesson-info .edit-mode-container .svg__icon {
  width: 21.25rem;
  height: 21.25rem;
  cursor: default;
  animation: inherit;
}
.board-lessons .live-lesson-info .edit-mode-container .svg__icon:hover,
.board-lessons .live-lesson-info .edit-mode-container .svg__icon:active {
  filter: brightness(1);
}
.board-lessons .live-lesson-info .edit-mode-container .state-switcher-container {
  min-width: 17.5rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 1.875rem;
  height: 5.83333333rem;
  border-radius: 5rem;
  background: #ffffff;
  box-shadow: 0 0 0.20833333rem 0 rgba(42, 53, 65, 0.08), 0 0.20833333rem 0.41666667rem 0 rgba(42, 53, 65, 0.16);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  position: absolute;
  bottom: 0;
  right: 7.08333333rem;
  font-size: 1.66666667rem;
  color: #556474;
}
.board-lessons .live-lesson-info .edit-mode-container .state-switcher-container .edit-mode-label {
  color: #556474;
}
.board-lessons .live-lesson-info .edit-mode-container .state-switcher-container .edit-mode-label.disabled {
  color: #8c99a8;
}
.board-lessons .live-lesson-info .display-students {
  margin: 1.66666667rem 0 2.5rem 0;
}
.board-lessons .live-lesson-info .live-lesson-options {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2.5rem;
}
.board-lessons .live-lesson-info .live-lesson-options a {
  color: #556474;
  font-size: 1.66666667rem;
  font-weight: 600;
  width: -moz-fit-content;
  width: fit-content;
  height: 4.16666667rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.board-lessons .live-lesson-info .live-lesson-options a.end {
  color: #e64545;
}
@keyframes expandToLeftTop {
  0% {
    transform: scale(0.1);
    transform-origin: right bottom;
    visibility: hidden;
  }
  100% {
    transform: scale(1);
    transform-origin: right bottom;
    visibility: visible;
  }
}
@keyframes collapseToRightBottom {
  0% {
    transform: scale(1);
    opacity: 1;
    transform-origin: right bottom;
    visibility: visible;
  }
  100% {
    transform: scale(0.1);
    opacity: 0;
    transform-origin: right bottom;
    visibility: hidden;
  }
}
@keyframes expandToLeftBottom {
  0% {
    transform: scale(0.1);
    transform-origin: right top;
    visibility: hidden;
  }
  100% {
    transform: scale(1);
    transform-origin: right top;
    visibility: visible;
  }
}
@keyframes collapseToRightTop {
  0% {
    transform: scale(1);
    opacity: 1;
    transform-origin: right top;
    visibility: visible;
  }
  100% {
    transform: scale(0.1);
    opacity: 0;
    transform-origin: right top;
    visibility: hidden;
  }
}
.board-lessons .button-group {
  display: inline-flex;
  flex-direction: column;
}
.board-lessons .button-group.horizontal {
  flex-direction: row;
}
.board-lessons .button-group:not(.horizontal) > button:not(:last-child) {
  border-bottom: none;
}
.board-lessons .button-group.horizontal > button:not(:last-child) {
  border-right: none;
}
.board-lessons .button-image-checkbox {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.66666667rem;
  border-radius: 0.83333333rem;
  background: #ffffff;
  cursor: pointer;
  transition: all 0.25s ease;
  width: 50%;
  padding: 0.83333333rem;
  box-sizing: border-box;
}
.board-lessons .button-image-checkbox:hover:not(.active) {
  background: #effaff;
}
.board-lessons .button-image-checkbox:active:not(.active) {
  background: #effaff;
}
.board-lessons .button-image-checkbox:active:not(.active) .image-container img {
  border-color: #28759f;
}
.board-lessons .button-image-checkbox.active .image-container img {
  border-color: #28759f;
}
.board-lessons .button-image-checkbox .image-container {
  width: 100%;
  display: flex;
  justify-content: center;
  border-radius: 0.41666667rem;
}
.board-lessons .button-image-checkbox .image-container img {
  width: 100%;
  border-radius: 0.41666667rem;
  border: 0.20833333rem solid #d1d3de;
}
.board-lessons .button-image-checkbox .content-container {
  width: 100%;
  text-align: center;
}
.board-lessons .button-image-checkbox .content-container .title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.83333333rem;
  margin-bottom: 0.83333333rem;
  text-align: left;
}
.board-lessons .button-image-checkbox .content-container .title-row .option-title {
  font-size: 1.66666667rem;
  font-weight: 600;
  font-family: var(--font-family-base);
  color: #556474;
  line-height: 1.5;
}
.board-lessons .button-image-checkbox .content-container .title-row .checkbox-wrapper {
  flex-shrink: 0;
}
.board-lessons .button-image-checkbox .content-container .title-row .checkbox-wrapper .styleguide.input__checkbox {
  width: 2.08333333rem;
  height: 2.08333333rem;
}
.board-lessons .button-image-checkbox .content-container .option-description {
  margin: 0;
  font-size: 1.45833333rem;
  color: #556474;
  line-height: 1.4;
  text-align: left;
}
.board-lessons .button-group .colored-icon-button {
  border-radius: inherit;
}
.board-lessons .colored-icon-button {
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  line-height: 1;
  cursor: pointer;
  outline: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  transition: all 0.15s;
}
.board-lessons .colored-icon-button:active span,
.board-lessons .colored-icon-button:focus span {
  position: relative;
}
.board-lessons .colored-icon-button:first-child {
  margin-left: 0;
}
.board-lessons .colored-icon-button .styleguide.flat__icon,
.board-lessons .colored-icon-button .styleguide.svg__icon {
  display: flex;
  width: 20px;
  height: 20px;
}
.board-lessons .colored-icon-button .styleguide.flat__icon .icon--graphics,
.board-lessons .colored-icon-button .styleguide.svg__icon .icon--graphics {
  fill: #556474;
}
.board-lessons .colored-icon-button:hover:not(:disabled):not(.active) {
  background-color: #f5f5f8;
}
.board-lessons .colored-icon-button:active:not(:disabled):not(.active) {
  background-color: #e9eaef;
}
.board-lessons .colored-icon-button.active {
  background-color: #bed8f4;
}
.board-lessons .colored-icon-button.active .styleguide.flat__icon .icon--graphics {
  fill: #277cd9;
}
.board-lessons .colored-icon-button:disabled {
  cursor: default;
  opacity: 0.5;
}
.board-lessons .element-link-button {
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 1;
  cursor: pointer;
}
.board-lessons .element-link-button img {
  width: 30px;
  height: 30px;
}
.board-lessons .element-link-button svg {
  pointer-events: auto;
}
.board-lessons .button-file-input {
  display: block;
}
.board-lessons .button-file-input .file--input {
  display: none;
}
.board-lessons .button-file-input label {
  display: block;
}
.board-lessons .handle {
  pointer-events: all;
  display: flex;
}
.board-lessons .handle.absolute {
  position: absolute;
}
.board-lessons .handle.middle {
  top: calc(50% - 14px);
}
.board-lessons .handle.center-horizontal {
  left: calc(50% - 14px);
}
.board-lessons .handle.center-vertical {
  top: calc(50% - 14px);
}
.board-lessons .handle.left {
  left: -17px;
}
.board-lessons .handle.right {
  right: -17px;
}
.board-lessons .handle.bottom {
  bottom: -17px;
}
.board-lessons .handle.top {
  top: -17px;
}
.board-lessons .icon-label-button {
  margin: 0;
  padding: 0 2.5rem;
  cursor: pointer;
  align-items: center;
  transition: 0.25s;
  position: relative;
}
.board-lessons .icon-label-button p {
  margin: 0;
  font-size: 1.66666667rem;
  line-height: 150%;
  color: #556474;
}
.board-lessons .icon-label-button img {
  width: 1.66666667rem;
  height: 1.66666667rem;
}
.board-lessons .icon-label-button:hover {
  background: rgba(39, 124, 217, 0.12);
}
.board-lessons .icon-label-button:active {
  background: rgba(39, 124, 217, 0.2);
}
.board-lessons .icon-label-button.bold p {
  font-weight: 600;
}
.board-lessons .icon-label-button .beta {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  color: #556474;
  margin: 0;
  font-size: 0.83333333rem;
  margin-left: 0.41666667rem;
}
.board-lessons .icon-label-button.widget,
.board-lessons .icon-label-button.instruction {
  width: 8.33333333rem;
  margin: 0.83333333rem;
  border-radius: 0.41666667rem;
  padding: 0.83333333rem;
  box-sizing: border-box;
  text-align: center;
}
.board-lessons .icon-label-button.widget img,
.board-lessons .icon-label-button.instruction img {
  width: 2.70833333rem;
  height: 2.70833333rem;
}
.board-lessons .icon-label-button.widget p,
.board-lessons .icon-label-button.instruction p {
  font-size: 1.25rem;
  margin-top: 0.83333333rem;
}
.board-lessons .icon-label-button.option {
  height: 40px;
  padding: 0 24px;
}
.board-lessons .icon-label-button.option img {
  width: 16px;
  height: 16px;
}
.board-lessons .icon-label-button.option p {
  width: auto;
  padding-left: 8px;
  font-size: 16px;
  white-space: nowrap;
}
.board-lessons .icon-label-button.toolbar {
  height: 4.16666667rem;
  display: flex;
  align-items: center;
  text-align: left;
}
.board-lessons .icon-label-button.toolbar p {
  padding-left: 0.83333333rem;
  white-space: nowrap;
}
.board-lessons .icon-label-button.instruction,
.board-lessons .icon-label-button.col {
  display: flex;
  flex-direction: column;
}
.board-lessons .icon-label-button.widget,
.board-lessons .icon-label-button.col {
  display: flex;
  flex-direction: column;
}
.board-lessons .icon-label-button.option,
.board-lessons .icon-label-button.row {
  display: flex;
  flex-direction: row;
}
.board-lessons .icon-label-button.sidebar-menu-item {
  height: 4.16666667rem;
  display: flex;
  flex-direction: row;
  white-space: nowrap;
}
.board-lessons .icon-label-button.sidebar-menu-item .styleguide.svg__icon {
  min-width: 20px;
  min-height: 20px;
  width: 2.08333333rem;
  height: 2.08333333rem;
}
.board-lessons .icon-label-button.sidebar-menu-item .styleguide.svg__icon img {
  min-width: inherit;
  min-height: inherit;
  width: inherit;
  height: inherit;
}
.board-lessons .icon-label-button.sidebar-menu-item p {
  padding-left: 0.83333333rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 22ch;
}
.board-lessons .icon-label-button.sidebar-menu-item:hover {
  background: #f5f5f8;
}
.board-lessons .icon-label-button.sidebar-menu-item:active {
  background: #e9eaef;
}
.board-lessons .icon-label-button.sidebar-menu-item.active {
  background: rgba(39, 124, 217, 0.2);
}
.board-lessons .icon-label-button.sidebar-menu-item.active p {
  font-weight: 600;
}
.board-lessons .icon-label-button.link-menu {
  height: 4.16666667rem;
}
.board-lessons .icon-label-button.link-menu p {
  padding-left: 0.83333333rem;
}
.board-lessons .icon-label-button.disabled {
  opacity: 0.5;
  pointer-events: none;
  filter: grayscale(1);
  cursor: default;
}
.board-lessons .icon-label-button.hidden {
  display: none;
}
.board-lessons .icon-label-button .alert-badge {
  width: 1.66666667rem;
  min-height: 1.66666667rem;
  border-radius: 2.08333333rem;
  position: absolute;
  right: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e64545;
  margin-right: 0.625rem;
}
.board-lessons .icon-label-button .alert-badge span {
  font-size: 1.04166667rem;
  font-weight: bold;
  color: #ffffff;
}
.board-lessons .link-element-button {
  --circle-size: 10px;
  --circle-padding: 5px;
  --button-margin: 3px;
  position: absolute;
  display: flex;
}
.board-lessons .link-element-button.top,
.board-lessons .link-element-button.bottom {
  width: 100%;
  justify-content: center;
}
.board-lessons .link-element-button.top {
  bottom: 100%;
  margin-bottom: calc(var(--scale) * var(--button-margin));
}
.board-lessons .link-element-button.bottom {
  top: 100%;
  margin-top: calc(var(--scale) * var(--button-margin));
}
.board-lessons .link-element-button.left,
.board-lessons .link-element-button.right {
  height: 100%;
  align-items: center;
}
.board-lessons .link-element-button.left {
  right: 100%;
  margin-right: calc(var(--scale) * var(--button-margin));
}
.board-lessons .link-element-button.right {
  left: 100%;
  margin-left: calc(var(--scale) * var(--button-margin));
}
.board-lessons .link-element-button .link-element-button__container {
  pointer-events: all;
  cursor: pointer;
  padding: calc(var(--scale) * var(--circle-padding));
}
.board-lessons .link-element-button .link-element-button__container .link-element-button__circle {
  width: calc(var(--scale) * var(--circle-size));
  height: calc(var(--scale) * var(--circle-size));
  border-radius: 50%;
  background-color: #97d4f5;
  transition: background-color 0.15s ease;
}
.board-lessons .link-element-button .link-element-button__container:hover .link-element-button__circle,
.board-lessons .link-element-button .link-element-button__container:active .link-element-button__circle {
  background-color: #38a4de;
}
.board-lessons .media-audio-button {
  position: relative;
  display: grid;
  grid-template-columns: 13.33333333rem;
  grid-template-rows: 9.16666667rem min-content;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  grid-template-areas: 'thumbnail' 'label';
}
.board-lessons .media-audio-button .audio-preview {
  position: relative;
  grid-area: thumbnail;
  background-color: #3f4c5a;
  border-radius: 0.41666667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.board-lessons .media-audio-button .audio-preview img {
  width: 4.16666667rem;
}
.board-lessons .media-audio-button .audio-preview .seek-indicator {
  position: absolute;
  background-color: #fff;
  left: 0;
  top: 0;
  bottom: 0;
  opacity: 0.25;
}
.board-lessons .media-audio-button .play-button {
  grid-area: thumbnail;
  padding: 0.83333333rem;
  z-index: 1;
  place-self: end start;
}
.board-lessons .media-audio-button .play-button .flat__icon .icon--graphics {
  fill: #fff;
}
.board-lessons .media-audio-button .duration-text {
  grid-area: thumbnail;
  padding: 0.83333333rem;
  z-index: 1;
  place-self: end end;
  color: #fff;
  font-size: 1.25rem;
}
.board-lessons .media-audio-button .duration-text .flat__icon .icon--graphics {
  fill: #fff;
}
.board-lessons .media-audio-button .label {
  grid-area: label;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  color: #556474;
  margin: 0;
  margin: 1.04166667rem 0 0 0;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.5;
}
.board-lessons .media-audio-button .delete-button {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(0, -50%);
}
.board-lessons .media-audio-button .error-state {
  position: relative;
  grid-area: thumbnail;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fef1f1;
  border: 1px solid #ed1c24;
  border-radius: 0.41666667rem;
  color: #ed1c24;
  font-size: 1.25rem;
}
.board-lessons .media-audio-button .error-state .flat__icon {
  width: 1.66666667rem;
  height: 1.66666667rem;
}
.board-lessons .media-audio-button .error-state .flat__icon .icon--graphics {
  fill: #ed1c24;
}
.board-lessons .media-video-button {
  position: relative;
  width: 26.66666667rem;
}
.board-lessons .media-video-button .styleguide.plyr__video {
  overflow: hidden;
}
.board-lessons .media-video-button .styleguide.plyr__video .plyr__controls {
  display: none;
}
.board-lessons .media-video-button .video-preview-wrapper {
  background-color: #d4eefc;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 12.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.25rem;
  transition: background-image 0.2s ease-in-out;
}
.board-lessons .media-video-button .video-preview-wrapper .video-processing-state,
.board-lessons .media-video-button .video-preview-wrapper .video-failed-state {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #000000;
  border-radius: 1.25rem;
}
.board-lessons .media-video-button .video-preview-wrapper .video-processing-state .video-processing-spinner,
.board-lessons .media-video-button .video-preview-wrapper .video-failed-state .video-processing-spinner,
.board-lessons .media-video-button .video-preview-wrapper .video-processing-state .video-failed-icon,
.board-lessons .media-video-button .video-preview-wrapper .video-failed-state .video-failed-icon {
  font-size: 20px;
  margin-bottom: 8px;
}
.board-lessons .media-video-button .video-preview-wrapper .video-processing-state .video-processing-status-text,
.board-lessons .media-video-button .video-preview-wrapper .video-failed-state .video-processing-status-text,
.board-lessons .media-video-button .video-preview-wrapper .video-processing-state .video-processing-failed-text,
.board-lessons .media-video-button .video-preview-wrapper .video-failed-state .video-processing-failed-text {
  color: #ffffff;
  font-size: 12px;
  margin: 0;
  text-align: center;
}
.board-lessons .media-video-button .video-preview-wrapper .dummy-play-button {
  height: 2.08333333rem;
  width: 2.08333333rem;
  background-color: #7ac7f0;
  border-radius: 100%;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.2s ease-in-out;
}
.board-lessons .media-video-button .video-preview-wrapper .dummy-play-button:hover {
  background-color: #59b6e8;
}
.board-lessons .media-video-button .video-preview-wrapper .dummy-play-button svg {
  width: 75%;
  height: 75%;
}
.board-lessons .media-video-button .label {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  color: #556474;
  margin: 0;
  margin: 1.04166667rem 0 0 0;
  text-align: center;
  overflow: hidden;
  line-height: 1.5;
}
.board-lessons .media-video-button .media-video-button-overlay {
  position: absolute;
  inset: 0;
  cursor: pointer;
}
.board-lessons .media-video-button .media-video-button-overlay .delete-button {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(0, -50%);
}
.board-lessons .navigation-buttons {
  display: flex;
  flex-direction: column;
}
.board-lessons .navigation-buttons .column {
  display: flex;
  justify-content: center;
}
.board-lessons .navigation-buttons .column:first-child button {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}
.board-lessons .navigation-buttons .column:nth-child(2) button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.board-lessons .navigation-buttons .column:nth-child(2) button:nth-child(2) {
  border-radius: 0;
}
.board-lessons .navigation-buttons .column:nth-child(2) button:nth-child(3) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.board-lessons .rectangle-button {
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.board-lessons .rectangle-button.background-rectangle-button .button {
  border-radius: 0.41666667rem;
  overflow: hidden;
}
.board-lessons .rectangle-button.media-rectangle-button {
  max-width: 100%;
}
.board-lessons .rectangle-button.media-rectangle-button .button {
  border-radius: 0.41666667rem;
  max-width: 100%;
}
.board-lessons .rectangle-button.media-rectangle-button img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.board-lessons .rectangle-button .button {
  border: 1px solid #d1d3de;
  position: relative;
  box-sizing: content-box;
}
.board-lessons .rectangle-button.disabled {
  pointer-events: none;
  cursor: default;
}
.board-lessons .rectangle-button.disabled > div {
  border-color: transparent;
}
.board-lessons .rectangle-button .video-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  color: #556474;
  margin: 0;
  margin: 1.04166667rem 0 0 0;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.5;
}
.board-lessons .rectangle-button.selected > .content {
  border: 1px solid #277cd9;
}
.board-lessons .rectangle-button.selected .video-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  color: #556474;
  margin: 0;
  margin: 1.04166667rem 0 0 0;
  font-weight: 600;
  color: #2465ab;
}
.board-lessons .shape-button {
  position: relative;
  padding: 0.83333333rem;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.board-lessons .shape-button div.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.16666667rem;
  height: 4.16666667rem;
}
.board-lessons .shape-button div.icon .styleguide.svg__icon {
  display: flex;
  width: 3.33333333rem;
  height: 3.33333333rem;
}
.board-lessons .shape-button:hover {
  background: #effaff;
  border-radius: 8px;
}
.board-lessons .shape-button:active {
  background: #b7e3fa;
  border-radius: 8px;
}
.board-lessons .shape-button.stroke {
  padding: 0;
}
.board-lessons .shape-button.selected {
  background: #d4eefc;
  border-radius: 8px;
}
.board-lessons a.text-button {
  cursor: pointer;
  color: #1f5e7f;
  font-size: 1.66666667rem;
  font-weight: 600;
  line-height: 2.5rem;
  -webkit-user-select: none;
          user-select: none;
  padding: 0.89rem 1.25rem;
  border-radius: 0.83333333rem;
}
.board-lessons a.text-button:hover {
  background-color: #d4eefc;
}
.board-lessons a.text-button:active {
  background-color: #b7e3fa;
}
.board-lessons .section__title {
  color: #3f4c5a;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.875rem;
  font-weight: 600;
  padding-bottom: 3.125rem;
}
.board-lessons .description {
  color: #556474;
  font-size: 1.66666667rem;
  font-weight: 400;
  margin-bottom: 3.33333333rem;
}
.board-lessons .app-preferences-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.29166667rem;
}
.board-lessons .app-preferences-container .app-preference {
  width: 100%;
  height: 100%;
  min-height: 4.79166667rem;
  display: flex;
  flex-flow: row wrap;
  gap: 1.25rem;
}
.board-lessons .app-preferences-container .app-preference .preference-info-container {
  display: flex;
  flex-direction: column;
  gap: 0.41666667rem;
  width: 60.83333333rem;
}
.board-lessons .app-preferences-container .app-preference .preference-info-container .preference-info-title {
  font-size: 1.66666667rem;
  color: #556474;
  font-weight: 400;
}
.board-lessons .app-preferences-container .app-preference .preference-info-container .preference-info-description {
  font-size: 1.25rem;
  color: #556474;
  font-weight: 400;
}
.board-lessons .app-preferences-container .app-preference .recalibrate {
  color: #38a4de;
  cursor: pointer;
  font-weight: 600;
  font-size: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.board-lessons .app-preferences-container .app-preference .recalibrate:hover {
  color: #2f9ad4;
}
.board-lessons .app-preferences-container .app-preference .recalibrate:active {
  color: #59b6e8;
}
.board-lessons .app-preferences-container .app-preference-title {
  color: #3f4c5a;
  font-size: 1.66666667rem;
  font-weight: 600;
  line-height: 3;
  width: 100%;
}
.board-lessons .app-preferences-container .app-preference-title span {
  display: block;
  color: #556474;
  font-weight: 400;
  margin-bottom: 2.08333333rem;
  font-size: 1.66666667rem;
  line-height: 1.66666667rem;
}
.board-lessons .content-lists-component {
  position: fixed;
  width: 100%;
  height: 100%;
}
.board-lessons .content-lists-component .container {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ffffff;
}
.board-lessons .content-lists-component .top {
  border-bottom: 1px solid #d1d3de;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5rem;
}
.board-lessons .content-lists-component .top .styleguide.flat__icon {
  width: 1.45833333rem;
  height: 1.45833333rem;
}
.board-lessons .content-lists-component .top .styleguide.flat__icon .icon--graphics {
  fill: #6b7c8e;
}
.board-lessons .content-lists-component .top p {
  margin: 0 0 0 0.52083333rem;
  font-size: 1.66666667rem;
  color: #6b7c8e;
}
.board-lessons .content-lists-component .middle {
  display: flex;
  justify-content: flex-start;
  height: 100%;
}
.board-lessons .content-lists-component .middle [class^='content-lists__'] {
  padding: 1.5625rem;
}
.board-lessons .content-lists-component .middle label {
  margin-bottom: 0.52083333rem;
  font-size: 1.5625rem;
  line-height: 3rem;
  font-weight: 600;
  color: #3f4c5a;
  word-break: break-word;
}
.board-lessons .content-lists-component .middle .content-lists__container {
  position: relative;
  flex: 0.4;
}
.board-lessons .content-lists-component .middle .content-lists__container .content-lists__add-list {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  margin-right: 0.52083333rem;
}
.board-lessons .content-lists-component .middle .content-lists__container .loader__component {
  position: absolute;
  top: 50%;
  left: 50%;
}
.board-lessons .content-lists-component .middle .content-lists__container .scroll-container {
  height: 81%;
  margin: 1.5625rem 0;
}
.board-lessons .content-lists-component .bottom {
  padding: 0 3.125rem;
  border-top: 1px solid #d1d3de;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.board-lessons .content-lists-component .bottom button {
  margin: 2.08333333rem 0;
}
.board-lessons .content-lists-component .divider-line.vertical {
  margin: 3.33333333rem 1.66666667rem;
}
.board-lessons .content-lists-component .unsaved-properties {
  width: 100%;
}
.board-lessons .content-lists-component .unsaved-properties .unsaved-properties-container {
  width: 53.33333333rem;
  line-height: 1.5;
}
.board-lessons .content-list-media-input {
  width: 11.77083333rem;
  height: 7.70833333rem;
  border: 1px solid #d1d3de;
  background-color: white;
  border-radius: 0.52083333rem;
  padding: 0.41666667rem;
}
.board-lessons .content-list-media-input img {
  border-radius: 0.20833333rem;
}
.board-lessons .content-list-media-input img.media-item {
  width: 100%;
  height: 100%;
}
.board-lessons .content-list-media-input button.media-button {
  cursor: pointer;
  font-family: 'Open Sans';
  background-color: white;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  border-radius: 5px;
}
.board-lessons .content-list-media-input button.media-button.media-button--disabled {
  cursor: default;
}
.board-lessons .content-list-media-input button.media-button img.media-button-image {
  height: 1.77083333rem;
  width: 1.77083333rem;
}
.board-lessons .content-list-media-input button.media-button .media-link {
  color: #277cd9;
  text-decoration: underline;
  font-size: 1.56rem;
  line-height: 2.08rem;
}
.board-lessons .content-list-media-input .media-browser .modal__dialog-yield {
  padding: 0;
}
.board-lessons .content-list-media-input .media-browser .media-browser__content {
  width: 75vw;
  max-width: 104.16666667rem;
}
.board-lessons .content-list-media-input .media-browser .media-browser__content .flex__wrapper {
  display: flex;
}
.board-lessons .content-list-media-input .media-browser .media-browser__content .flex__wrapper .side-menu {
  border-right: 1px solid #d1d3de;
}
.board-lessons .content-list-media-input .media-browser .media-browser__content .flex__wrapper > :first-child {
  flex: 1;
}
.board-lessons .content-list-media-input .media-browser .media-browser__content .flex__wrapper [class*='media-content'] {
  flex: 3;
}
.board-lessons .content-list-sets {
  height: calc(100% - (7.29166667rem + (1.5625rem * 2)));
  display: flex;
  flex-direction: column;
}
.board-lessons .content-list-sets .list-content {
  height: calc(100% - 30 * 0.10416667rem);
}
.board-lessons .content-list-sets .sets {
  display: flex;
  flex-flow: row wrap;
}
.board-lessons .content-list-sets .set {
  background-color: #f5f5f8;
  width: 33.02083333rem;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem;
  margin: 1.25rem 1.25rem 0 0;
}
.board-lessons .content-list-sets .set .input__field__default {
  width: 13.125rem;
  color: #2a3541;
  background-color: white;
}
.board-lessons .content-list-sets .set .text {
  color: #3f4c5a;
}
.board-lessons .content-list-sets .set .delete-button {
  margin-left: 1.25rem;
}
.board-lessons .content-list-sets .add-set {
  width: 33.02083333rem;
  height: 8.33333333rem;
  cursor: pointer;
  margin: 1.25rem 1.25rem 0 0;
  padding: 1.25rem;
  font-size: 1.56rem;
  border-radius: 5px;
  display: flex;
  border: 0.20833333rem dashed #d1d3de;
  background: white;
}
.board-lessons .content-list-sets .add-set.words {
  height: 4rem;
}
.board-lessons .content-list-sets .add-set button {
  width: 100%;
  height: 100%;
  background: white;
  color: #277cd9;
  cursor: pointer;
  font-weight: 600;
}
.board-lessons .content-list-sets .subtitle {
  color: #8c99a8;
  font-size: 1.25rem;
  line-height: 1.51041667rem;
  margin-bottom: 0.41666667rem;
}
.board-lessons .content-list-sets label.label {
  margin-bottom: 1.25rem;
  font-size: 1.5625rem;
  font-weight: 600;
  color: #3f4c5a;
  word-break: break-word;
}
.board-lessons .content-list-sets .error-message {
  font-size: 1.25rem;
  line-height: 1.25rem;
  margin-top: -1.25rem;
  color: red;
  word-break: break-word;
}
.board-lessons .content-list-sets .media-browser__content .upload__wrapper label {
  line-height: normal;
}
.board-lessons .content-lists__text-area .incalculable__container {
  text-align: right;
  color: #e57102;
  font-size: 1.25rem;
  line-height: 1.25rem;
  margin-top: 0.41666667rem;
}
.board-lessons .content-lists-edit {
  flex: 0.6;
  padding: 1.5625rem;
}
.board-lessons .content-lists-edit .content-lists-edit__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  height: 7.29166667rem;
  padding: 1.5625rem 0;
}
.board-lessons .content-lists-edit .incalculable__container {
  text-align: right;
  color: #e57102;
  font-size: 1.25rem;
  line-height: 1.25rem;
  margin-top: 0.41666667rem;
}
.board-lessons .content-lists-edit .edit-name {
  width: 50%;
}
.board-lessons .content-lists-edit .type-name {
  width: 30%;
}
.board-lessons .content-lists-edit .save-button {
  width: 15%;
}
.board-lessons .content-lists-menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.52083333rem;
  padding: 0 1.45833333rem;
  height: 5.20833333rem;
  border-radius: 0.41666667rem;
  background-color: #f5f5f8;
}
.board-lessons .content-lists-menu-item p {
  max-width: 23.33333333rem;
  margin-bottom: 1.5625rem;
}
.board-lessons .content-lists-menu-item .callout__button--cancel {
  margin-right: 1.04166667rem;
}
.board-lessons .content-lists-menu {
  flex-direction: column;
  padding: 0 1.5625rem;
  margin-right: 0.52083333rem;
}
.board-lessons .item-grid-container {
  display: flex;
  place-content: flex-start space-between;
  flex-wrap: wrap;
  white-space: normal;
  z-index: 1;
}
.board-lessons .item-grid-container.instruction {
  max-width: 60rem;
  justify-content: flex-start;
}
.board-lessons .item-grid-container.widgets {
  max-width: 50rem;
  justify-content: flex-start;
}
.board-lessons .item-grid-container.media {
  padding: 0 3.33333333rem;
  max-width: 100%;
  overflow: hidden;
}
.board-lessons .item-grid-container.media.own_video {
  justify-content: start;
  gap: 2.5rem;
}
.board-lessons .item-grid-container.media img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.board-lessons .item-grid-container.background {
  padding: 1.25rem 2.08333333rem;
}
.board-lessons .selection-layer {
  background: none;
  z-index: 10000;
  pointer-events: none;
}
.board-lessons .selection-layer.transparent-select-rect:not(.show-element-option-menu) {
  z-index: 100;
}
.board-lessons .selection-layer .inner {
  position: absolute;
}
.board-lessons .selection-layer.is-dragging {
  pointer-events: all;
  will-change: transform;
}
.board-lessons .selection-layer .width-handle {
  position: absolute;
  top: calc(50% - 15px);
  right: 15px;
}
.board-lessons .selection-layer .width-handle .icon--graphics {
  fill: #277cd9;
}
.board-lessons .selection-layer .height-handle {
  position: absolute;
  bottom: 15px;
  left: calc(50% - 15px);
}
.board-lessons .selection-layer .height-handle .icon--graphics {
  fill: #277cd9;
}
.board-lessons .selection-layer .guidelines {
  width: 100%;
  height: 100%;
  transition: all 0.2s ease-in-out;
}
.board-lessons .selection-layer .guidelines line {
  stroke: #8c99a8;
  stroke-width: 1;
  stroke-dasharray: 3;
  opacity: 0.7;
  transition: all 0.2s ease-in-out;
}
.board-lessons .selection-layer .guidelines line.x,
.board-lessons .selection-layer .guidelines line.y {
  stroke: #e9eaef;
}
.board-lessons .selection-layer .guidelines line.snap-highlight {
  stroke: #38a4de;
  stroke-width: 1.5px;
  stroke-dasharray: none;
  opacity: 0.9;
  animation: snap-pulse 0.6s ease-in-out infinite alternate;
}
@keyframes snap-pulse {
  from {
    opacity: 0.7;
    stroke-width: 1.5px;
  }
  to {
    opacity: 0.9;
    stroke-width: 1.75px;
  }
}
@media print {
  .board-lessons .selection-layer {
    display: none;
  }
}
.board-lessons .custom-handle {
  position: absolute;
}
.board-lessons .element-options-view {
  position: absolute;
}
.board-lessons .element-options-view .inner {
  border: 1px solid #d1d3de;
  position: absolute;
  min-width: 200px;
  background: #ffffff;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
  transform-origin: 0 0;
  pointer-events: all;
  height: auto;
}
.board-lessons .element-options-view .inner.determining-position {
  visibility: hidden;
}
.board-lessons .element-options-view .inner.top .callout-arrow {
  bottom: 0;
}
.board-lessons .element-options-view .inner.bottom .callout-arrow {
  top: 0;
}
.board-lessons .element-options-view .top-left {
  position: absolute;
  top: -17px;
  left: -17px;
}
.board-lessons .element-options-view .top-left button {
  pointer-events: all;
}
.board-lessons .link-to-page {
  max-width: 62.5rem;
}
.board-lessons .link-to-page .pages-menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 3.33333333rem;
  margin-bottom: 0;
}
.board-lessons .link-to-page .pages-menu label {
  margin-bottom: 2.08333333rem;
  font-size: 1.5625rem;
  font-weight: 600;
  color: #3f4c5a;
}
.board-lessons .link-to-page .pages-menu .button-wrapper:first-child {
  margin: 0 2.60416667rem 0 0;
}
.board-lessons .link-to-page .pages-menu .button-wrapper:last-child {
  margin: 0 0 0 2.60416667rem;
}
.board-lessons .link-to-page .buttons--container {
  border-top: 1px solid #d1d3de;
  display: flex;
  justify-content: center;
  padding: 2.5rem 1.25rem 1.25rem 1.25rem;
}
.board-lessons .link-to-page .buttons--container button + button {
  margin-left: 1.25rem;
}
.board-lessons .link-to-page .callout-arrow {
  position: absolute;
  left: 50%;
}
.board-lessons .link-to-website {
  min-width: 41.66666667rem;
}
.board-lessons .link-to-website .input-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 3.33333333rem;
}
.board-lessons .link-to-website .input-wrapper label {
  margin-bottom: 2.08333333rem;
  font-size: 1.5625rem;
  font-weight: 600;
  color: #3f4c5a;
}
.board-lessons .link-to-website .buttons--container {
  border-top: 1px solid #d1d3de;
  display: flex;
  justify-content: center;
  padding: 2.5rem 1.25rem 1.25rem 1.25rem;
}
.board-lessons .link-to-website .buttons--container button + button {
  margin-left: 1.25rem;
}
.board-lessons .link-to-website .callout-arrow {
  position: absolute;
  left: 50%;
}
.board-lessons .options-menu .options-container {
  padding: 12px 0;
  overflow-y: auto;
  box-sizing: border-box;
}
.board-lessons .options-menu .options-container .callout-arrow {
  position: absolute;
  left: 50%;
}
.board-lessons .options-menu .arrow {
  position: absolute;
  transform: translateX(-50%);
}
.board-lessons .options-menu .arrow .flat__icon {
  width: 12px;
  height: 12px;
}
.board-lessons .options-menu .arrow .flat__icon .icon--graphics {
  fill: #8c99a8;
}
.board-lessons .options-menu .arrow.arrow--above {
  top: 0;
  left: 50%;
  display: none;
}
.board-lessons .options-menu .arrow.arrow--below {
  bottom: 0;
  left: 50%;
  display: none;
}
.board-lessons .options-menu .arrow.arrow--visible {
  display: block;
}
.board-lessons .selection-element {
  border: 1px solid #d1d3de;
  box-sizing: border-box;
  position: absolute;
}
.board-lessons .selection-element .inner {
  position: relative;
  height: 100%;
}
.board-lessons .element-styling-options {
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 40px;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(42, 53, 65, 0.3), 0 1px 3px 1px rgba(42, 53, 65, 0.15);
  background: #ffffff;
  z-index: 1;
}
.board-lessons .element-styling-options.determining-position {
  visibility: hidden;
}
.board-lessons .element-styling-options .element-styling-button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 40px;
  height: 100%;
  transition: all 0.2s ease-in-out;
}
.board-lessons .element-styling-options .element-styling-button .styleguide.svg__icon {
  width: 16px;
  height: 16px;
}
.board-lessons .element-styling-options .element-styling-button:first-child {
  border-radius: 8px 0 0 8px;
}
.board-lessons .element-styling-options .element-styling-button:last-child {
  border-radius: 0 8px 8px 0;
}
.board-lessons .element-styling-options .element-styling-button:hover {
  background: #effaff;
}
.board-lessons .element-styling-options .element-styling-button:active {
  background: #d4eefc;
}
.board-lessons .element-styling-options .element-styling-button .target {
  position: absolute;
  inset: 0;
}
.board-lessons .element-styling-options .element-styling-button button.button__icon {
  width: 100%;
  height: 100%;
  padding: 12px;
  max-width: inherit;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  transition: all 0.2s ease-in-out;
}
.board-lessons .element-styling-popover {
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(42, 53, 65, 0.3), 0 1px 3px 1px rgba(42, 53, 65, 0.15);
  background: #ffffff;
  padding: 4px 6px;
  border: none;
}
.board-lessons .element-styling-popover.styling-type-shadow,
.board-lessons .element-styling-popover.styling-type-radius {
  padding: 12px;
}
.board-lessons .element-styling-popover .ember-popover-arrow,
.board-lessons .element-styling-popover .popover-arrow {
  display: none;
}
.board-lessons .element-styling-popover .border {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.board-lessons .element-styling-popover .border .pen-widths {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.board-lessons .element-styling-popover .border .pen-widths .shape-button {
  height: 30px;
}
.board-lessons .element-styling-popover .border .pen-widths .shape-button .icon {
  width: 40px;
  height: 100%;
}
.board-lessons .element-styling-popover .border .pen-widths .shape-button .icon .flat__icon {
  width: 100%;
  height: 100%;
}
.board-lessons .element-styling-popover .effects {
  width: 180px;
}
.board-lessons .element-styling-popover .effects .section-header {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  color: #556474;
  font-size: 12px;
  margin-bottom: 8px;
}
.board-lessons .element-styling-popover .effects .section-header.disabled {
  opacity: 0.5;
}
.board-lessons .element-styling-popover .effects .section-header:not(:first-child) {
  margin-top: 24px;
}
.board-lessons .board__timetable {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  pointer-events: none;
}
.board-lessons .board__timetable.show__settings {
  height: 100%;
}
.board-lessons .board__timetable.timetable--hidden {
  display: none;
}
.board-lessons .timetable-activity-browser {
  display: flex;
  margin: 0 1.25rem 0 3.33333333rem;
  flex-grow: 1;
  flex-direction: column;
}
.board-lessons .timetable-activity-browser .browser__card__container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 0 0 -0.83333333rem;
}
.board-lessons .timetable-activity-browser .overlay__scrollbars {
  z-index: 0;
}
.board-lessons .timetable-activity-browser .os-host:not(.os-host-scrollbar-vertical-hidden) .browser__card__container {
  margin-right: 2.70833333rem;
}
.board-lessons .timetable-activity-browser .browser__loader__container {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.board-lessons .timetable-activity-browser .browser__search {
  margin-right: 3.33333333rem;
  margin-bottom: 3.33333333rem;
}
.board-lessons .timetable-activity-browser .browser__no__results {
  margin-left: 1.66666667rem;
  font-size: 1.66666667rem;
}
.board-lessons .timetable-activity-card {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 0.83333333rem 1.66666667rem;
}
.board-lessons .timetable-activity-card .card__image {
  border: 1px solid #aeb7c2;
  border-radius: 0.83333333rem;
  width: 10.10416667rem;
  height: 10.10416667rem;
  margin-bottom: 0.83333333rem;
  background-color: #ffffff;
  touch-action: none;
}
.board-lessons .timetable-activity-card .card__image img {
  display: block;
  width: inherit;
  height: inherit;
  pointer-events: none;
}
.board-lessons .timetable-activity-card p {
  align-items: center;
  max-width: 10.10416667rem;
  -webkit-user-select: none;
          user-select: none;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  color: #556474;
  text-align: center;
  margin-bottom: 0;
}
.board-lessons .timetable-activity-card.card--ghost {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.board-lessons .timetable-activity-card.card--hidden {
  display: none;
}
.board-lessons .timetable-clear-schedule .clear-schedule-button {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  color: #277cd9;
  font-size: 1.66666667rem;
  cursor: pointer;
}
.board-lessons .timetable-clear-schedule .clear-schedule-button:hover {
  color: #4e92ff;
}
.board-lessons .timetable-clear-schedule .clear-schedule-button:active {
  color: #bed8f4;
}
.board-lessons .timetable-clear-schedule .clear-schedule-button:disabled {
  pointer-events: none;
  opacity: 0.5;
  filter: grayscale(1);
}
.board-lessons .timetable-clear-schedule .clear-schedule-modal {
  width: 100%;
}
.board-lessons .timetable-clear-schedule .clear-schedule-modal .clear-schedule-modal-container {
  width: 53.33333333rem;
}
.board-lessons .timetable-clear-schedule .clear-schedule-modal .clear-schedule-modal-container .clear-schedule-header {
  text-align: left;
}
.board-lessons .timetable-clear-schedule .clear-schedule-modal .clear-schedule-modal-container .clear-schedule-body {
  text-align: left;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.board-lessons .timetable-duration-handle .handle-button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateX(50%) translateY(-50%);
}
.board-lessons .timetable-option-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.33333333rem;
  height: 3.33333333rem;
  border: 1px solid #aeb7c2;
  border-radius: 0 0 0.41666667rem 0.41666667rem;
  background-color: #f5f5f8;
  border-top-style: none;
  cursor: pointer;
}
.board-lessons .timetable-option-button .styleguide.flat__icon {
  display: flex;
  width: 1.45833333rem;
  height: 1.45833333rem;
}
.board-lessons .timetable-option-button .styleguide.flat__icon .icon--graphics {
  fill: #277cd9;
}
.board-lessons .timetable-option-button:hover {
  background-color: #ffffff;
}
.board-lessons .timetable-option-button:hover .styleguide.flat__icon .icon--graphics {
  fill: #277cd9;
}
.board-lessons .timetable-option-button:active {
  background-color: #e9eaef;
}
.board-lessons .timetable-option-button:active .styleguide.flat__icon .icon--graphics {
  fill: #277cd9;
}
.board-lessons .timetable-option-buttons {
  display: flex;
  margin: 0 2.08333333rem 0 0;
  align-self: flex-end;
  pointer-events: auto;
}
.board-lessons .timetable-option-buttons button {
  margin: 0 0.41666667rem;
}
.board-lessons .timetable-schedule {
  position: relative;
  background-color: #e9eaef;
  border-bottom: 1px solid #aeb7c2;
  border-top: 1px solid #aeb7c2;
  height: 7.70833333rem;
}
.board-lessons .timetable-schedule.multiple-schedules {
  height: 6.66666667rem;
}
.board-lessons .timetable-schedule.loading {
  animation-name: color;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
@keyframes color {
  0% {
    background-color: #e9eaef;
  }
  50% {
    background-color: #aeb7c2;
  }
  100% {
    background-color: #e9eaef;
  }
}
.board-lessons .timetable-schedule.schedule--item-selected {
  z-index: 1;
}
.board-lessons .timetable-schedule .drag-hint {
  height: 100%;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  float: right;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
}
.board-lessons .timetable-schedule .drag-hint p {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.66666667rem;
  color: #8c99a8;
  margin-bottom: 0;
}
.board-lessons .timetable-schedule .drag-hint img {
  margin: 0 1.66666667rem 0 0;
  width: 3.33333333rem;
  height: 3.33333333rem;
}
.board-lessons .timetable-scheduled-activity-item {
  position: absolute;
  top: 0;
  outline: solid #aeb7c2 1px;
  height: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
}
.board-lessons .timetable-scheduled-activity-item.item--drop-preview.item--base-color-mariner {
  background-image: linear-gradient(rgba(39, 124, 217, 0.2), rgba(39, 124, 217, 0.2));
  outline: solid #277cd9 1px;
  border: solid #277cd9 1px;
}
.board-lessons .timetable-scheduled-activity-item.item--drop-preview.item--base-color-tree-poppy {
  background-image: linear-gradient(rgba(253, 139, 29, 0.2), rgba(253, 139, 29, 0.2));
  outline: solid #fd8b1d 1px;
  border: solid #fd8b1d 1px;
}
.board-lessons .timetable-scheduled-activity-item.item--ghost {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.board-lessons .timetable-scheduled-activity-item.item--no-pointer-events {
  pointer-events: none;
}
.board-lessons .timetable-scheduled-activity-item.item--is-dragging {
  opacity: 0.5;
}
.board-lessons .timetable-scheduled-activity-item.item--is-active.item--base-color-mariner {
  background-image: linear-gradient(rgba(39, 124, 217, 0.3), rgba(39, 124, 217, 0.3));
}
.board-lessons .timetable-scheduled-activity-item.item--is-active.item--base-color-tree-poppy {
  background-image: linear-gradient(rgba(253, 139, 29, 0.3), rgba(253, 139, 29, 0.3));
}
.board-lessons .timetable-scheduled-activity-item.item--is-selected {
  z-index: 1;
}
.board-lessons .timetable-scheduled-activity-item.item--is-selected.item--base-color-mariner {
  background-image: linear-gradient(rgba(39, 124, 217, 0.2), rgba(39, 124, 217, 0.2));
  outline: solid #277cd9 1px;
}
.board-lessons .timetable-scheduled-activity-item.item--is-selected.item--base-color-tree-poppy {
  background-image: linear-gradient(rgba(253, 139, 29, 0.2), rgba(253, 139, 29, 0.2));
  outline: solid #fd8b1d 1px;
}
.board-lessons .timetable-scheduled-activity-item .item__image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: inherit;
  width: inherit;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
}
.board-lessons .timetable-scheduled-activity-item .item__image:only-child {
  margin: 0 auto;
}
.board-lessons .timetable-scheduled-activity-item .item__image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.board-lessons .timetable-scheduled-activity-item .item__title {
  position: absolute;
  bottom: 0.41666667rem;
  left: 50%;
  transform: translate(-50%, 0%);
  max-width: 100%;
}
.board-lessons .timetable-scheduled-activity-item .item__title p {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 2.08333333rem;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #3f4c5a;
  border-radius: 0.41666667rem;
  padding: 0 0.41666667rem;
  margin: 0 0.41666667rem;
  -webkit-user-select: none;
          user-select: none;
  box-shadow: 0 -0.20833333rem 0 0 rgba(255, 255, 255, 0.6);
}
.board-lessons .timetable-scheduled-activity-item.item--duration-5 .item__image img {
  max-width: 175%;
}
.board-lessons .timetable-scheduled-activity-item.item--duration-5 .item__title {
  display: none;
}
.board-lessons .timetable-scheduled-activity-item.item--duration-10 .item__image img {
  max-width: 120%;
}
.board-lessons .timetable-scheduled-activity-options .callout-button {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateX(-50%) translateY(-50%);
}
.board-lessons .timetable-scheduled-activity-options .icon-buttons hr {
  margin: 0;
}
.board-lessons .timetable-scheduled-activity-options .icon-buttons > *:not(:last-child) {
  margin-bottom: 1.66666667rem;
}
.board-lessons .timetable-scheduled-activity-options .edit-title {
  margin: -1.66666667rem;
}
.board-lessons .timetable-scheduled-activity-options .edit-title__input {
  margin: 2.60416667rem 3.4375rem;
}
.board-lessons .timetable-scheduled-activity-options .edit-title__buttons {
  padding: 2.60416667rem 3.4375rem;
  border-top: 1px solid #d1d3de;
}
.board-lessons .timetable-scheduled-activity-options .edit-title__buttons button:first-child {
  margin-right: 1.25rem;
}
.board-lessons .timetable-scheduled-activity-options .edit-title__buttons button {
  min-width: 13.33333333rem;
}
.board-lessons .timetable-scroll-button {
  width: 2.5rem;
  height: 5rem;
  background-color: #277cd9;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  visibility: visible;
  opacity: 1;
  transition: visibility 0s linear 0s,
		opacity 500ms;
}
.board-lessons .timetable-scroll-button .styleguide.flat__icon {
  display: flex;
  width: 1.45833333rem;
  height: 1.45833333rem;
}
.board-lessons .timetable-scroll-button .styleguide.flat__icon .icon--graphics {
  fill: #ffffff;
}
.board-lessons .timetable-scroll-button:hover {
  background-color: #4e92ff;
}
.board-lessons .timetable-scroll-button:active {
  background-color: #2465ab;
}
.board-lessons .timetable-scroll-button:active .styleguide.flat__icon .icon--graphics {
  opacity: 0.7;
}
.board-lessons .timetable-scroll-button.button--disabled {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 500ms,
			opacity 500ms;
}
.board-lessons .timetable-scroll-button.button--no-pointer-events {
  pointer-events: none;
}
.board-lessons .timetable-scroll-button.button--direction-left {
  left: 0;
  border-bottom-right-radius: 90px;
  border-top-right-radius: 90px;
}
.board-lessons .timetable-scroll-button.button--direction-left .styleguide.flat__icon {
  margin-right: 0.625rem;
}
.board-lessons .timetable-scroll-button.button--direction-right {
  right: 0;
  border-bottom-left-radius: 90px;
  border-top-left-radius: 90px;
}
.board-lessons .timetable-scroll-button.button--direction-right .styleguide.flat__icon {
  margin-left: 0.625rem;
}
.board-lessons .timetable-scroll-container {
  position: relative;
  z-index: 1;
  pointer-events: auto;
}
.board-lessons .timetable-scroll-container .scroll__inner {
  width: 100%;
  transform: translateX(0);
}
.board-lessons .timetable-settings-container {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex-grow: 1;
  background-color: #ffffff;
  pointer-events: auto;
}
.board-lessons .timetable-settings-container label {
  margin-bottom: 0.52083333rem;
  font-size: 1.5625rem;
  font-weight: 600;
  color: #3f4c5a;
  word-break: break-word;
}
.board-lessons .timetable-settings-container .settings__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 5.83333333rem;
  padding: 0 3.33333333rem;
  border-bottom: 1px solid #d1d3de;
}
.board-lessons .timetable-settings-container .settings__body {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  min-height: 0;
  padding: 3.33333333rem 0;
}
.board-lessons .timetable-settings-container .settings__misc {
  display: flex;
  flex-direction: column;
  border-left: 1px solid #d1d3de;
  min-width: 38rem;
}
.board-lessons .timetable-settings-container .settings__misc > div {
  margin: 0 0 2.5rem 3.33333333rem;
}
.board-lessons .timetable-settings-container .settings__bottom {
  border-top: 1px solid #d1d3de;
  display: flex;
  justify-content: flex-end;
}
.board-lessons .timetable-settings-container .settings__bottom > div {
  margin: 2.08333333rem;
}
.board-lessons .timetable-settings-container .settings__bottom > div > button:first-child {
  margin-right: 1.04166667rem;
}
.board-lessons .timetable-settings-container .settings__bottom > div button {
  width: 15.9375rem;
}
.board-lessons .timetable-time-indicator {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  transform: translateX(-50%);
  z-index: 2;
  width: 1.45833333rem;
}
.board-lessons .timetable-time-indicator > svg {
  display: block;
  height: 100%;
  width: 100%;
}
.board-lessons .timetable-timeline {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #ffffff;
  height: 3.33333333rem;
  -webkit-user-select: none;
          user-select: none;
}
.board-lessons .timetable-timeline.timeline--scroll-e {
  cursor: e-resize;
}
.board-lessons .timetable-timeline.timeline--scroll-w {
  cursor: w-resize;
}
.board-lessons .timetable-timeline.timeline--scroll-ew {
  cursor: ew-resize;
}
.board-lessons .timetable-timeline .timeline__hour {
  display: flex;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  width: 26.25rem;
  height: inherit;
  text-indent: 1rem;
  left: -0.10416667rem;
  background: url('images/timetable-interface/hour-marking-460bba506a2cb6b2688164c8f1bfb902.svg');
  background-size: 100%;
}
.board-lessons .timetable-timeline .timeline__hour p {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.45833333rem;
  color: #3f4c5a;
  margin-bottom: 0;
}
.board-lessons .timetable-timeline.bottom-line {
  border-bottom: 1px solid #aeb7c2;
}
.board-lessons .session-client {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  line-height: 1.5;
  position: relative;
  color: #556474;
}
.board-lessons .session-client.pointer-enabled {
  cursor: pointer;
}
.board-lessons .session-client.pointer-enabled:hover .username {
  color: #6b7c8e;
  text-decoration: underline;
}
.board-lessons .session-client .username {
  height: 2.5rem;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.66666667rem;
  margin-top: 0.83333333rem;
}
.board-lessons .session-client.selected .user-portrait__initials {
  opacity: 0.7;
}
.board-lessons .session-client.selected .username {
  text-decoration: underline;
  color: #3f4c5a;
}
.board-lessons .session-client.size-medium {
  height: 10rem;
}
.board-lessons .session-client.size-medium .user-portrait-container {
  width: 100%;
  display: flex;
  justify-content: center;
  height: 6.66666667rem;
}
.board-lessons .session-client.size-medium .user-portrait-container .user-portrait__container {
  width: 6.66666667rem;
  height: 6.66666667rem;
}
.board-lessons .session-client.size-medium .user-portrait-container .user-portrait__container .user-portrait__initials {
  font-size: 2.91666667rem;
  font-weight: 600;
}
.board-lessons .session-client.size-small {
  height: 8.125rem;
}
.board-lessons .session-client.size-small .user-portrait-container {
  width: 100%;
  display: flex;
  justify-content: center;
  height: 5rem;
}
.board-lessons .session-client.size-small .user-portrait-container .user-portrait__container {
  width: 5rem;
  height: 5rem;
}
.board-lessons .session-client.size-small .user-portrait-container .user-portrait__container .user-portrait__initials {
  font-size: 2.08333333rem;
  font-weight: 600;
}
.board-lessons .styleguide.button__icon.audience--teacher.type--self-contained.size--large.handwriting-button {
  pointer-events: all;
  padding: 0.83333333rem;
  position: relative;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
  border-radius: 0.41666667rem;
  display: block;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  background-color: white;
}
.board-lessons .styleguide.button__icon.audience--teacher.type--self-contained.size--large.handwriting-button .flat__icon {
  width: 1.66666667rem;
  height: 1.66666667rem;
}
.board-lessons .blur-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  background: rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.board-lessons .board-layer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  transform-origin: top left;
  transition: transform 0.25s;
}
.board-lessons .board-layer .is-animating-in,
.board-lessons .board-layer .is-animating-out {
  pointer-events: none;
  animation-duration: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
}
.board-lessons .board-layer .is-animating-in .animation-border-left,
.board-lessons .board-layer .is-animating-out .animation-border-left,
.board-lessons .board-layer .is-animating-in .animation-border-right,
.board-lessons .board-layer .is-animating-out .animation-border-right {
  position: absolute;
  width: 1.04166667rem;
  background-color: #e9eaef;
  height: 100%;
}
.board-lessons .board-layer .is-animating-in .animation-border-left,
.board-lessons .board-layer .is-animating-out .animation-border-left {
  left: 0;
}
.board-lessons .board-layer .is-animating-in .animation-border-right,
.board-lessons .board-layer .is-animating-out .animation-border-right {
  right: 0;
}
.board-lessons .board-layer .is-animating-in.animation-left {
  animation-name: animatePageSlideInLeft;
}
.board-lessons .board-layer .is-animating-in.animation-right {
  animation-name: animatePageSlideInRight;
}
.board-lessons .board-layer .is-animating-out.animation-left {
  animation-name: animatePageSlideOutLeft;
}
.board-lessons .board-layer .is-animating-out.animation-right {
  animation-name: animatePageSlideOutRight;
}
@keyframes animatePageSlideInLeft {
  from {
    left: -100vw;
  }
  to {
    left: 0;
  }
}
@keyframes animatePageSlideInRight {
  from {
    left: 100vw;
  }
  to {
    left: 0;
  }
}
@keyframes animatePageSlideOutLeft {
  from {
    left: 0;
  }
  to {
    left: 100vw;
  }
}
@keyframes animatePageSlideOutRight {
  from {
    left: 0;
  }
  to {
    left: -100vw;
  }
}
.board-lessons canvas {
  display: block;
}
.board-lessons *:not(button) {
  box-sizing: content-box;
}
.board-lessons #board-modal-wormhole .media-browser .modal__dialog-yield {
  padding: 0;
}
.board-lessons #board-modal-wormhole .media-browser .media-browser__content {
  width: 75vw;
  max-width: 104.16666667rem;
}
.board-lessons #board-modal-wormhole .media-browser .media-browser__content .flex__wrapper {
  display: flex;
}
.board-lessons #board-modal-wormhole .media-browser .media-browser__content .flex__wrapper .side-menu {
  border-right: 1px solid #d1d3de;
}
.board-lessons #board-modal-wormhole .media-browser .media-browser__content .flex__wrapper > :first-child {
  flex: 1;
}
.board-lessons #board-modal-wormhole .media-browser .media-browser__content .flex__wrapper .media-content-view {
  flex: 3;
}
#ember-basic-dropdown-wormhole {
  position: fixed;
  z-index: 99999;
  font-family: 'Open Sans', sans-serif;
}
.picker-dialog {
  z-index: 100001 !important;
}
.picker-dialog-bg {
  z-index: 100000 !important;
}

/* arimo-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/arimo/arimo-v29-all-regular-1e3a0e94ba2bc8dcb88dd8a4d7e4cd08.woff2') format('woff2');
}
/* lexend-deca-regular - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-regular-5dc449bf89c8996180f0bf586f6370e7.woff2') format('woff2');
}
/* lexend-deca-500 - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 500;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-500-86663f8e4c24f0f64ebbcf94016b651a.woff2') format('woff2');
}
/* lexend-deca-600 - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 600;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-600-f70f8f823d24acc577ce02d800e1dd23.woff2') format('woff2');
}
/* mulish-regular - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-regular-c8802cd4edbbc28ae7c85e4374d3f924.woff2') format('woff2');
}
/* mulish-italic - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-italic-1db4ee7c71dfc060681293c00828e521.woff2') format('woff2');
}
/* mulish-700 - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-700-639ec8157b44583ea8ed7fad3d8dfeb0.woff2') format('woff2');
}
/* mulish-700italic - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-700italic-c5a3347dc8754ff8fda86531e03797a6.woff2') format('woff2');
}
/* open-sans-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-regular-c07cd0d1a063582245c8193d978f799b.woff2') format('woff2');
}
/* open-sans-italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-italic-d4e5cf548d6dedbed35fa9fd65b37ef0.woff2') format('woff2');
}
/* open-sans-600 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-600-b94f001b27f8c83057b118dff8d859cc.woff2') format('woff2');
}
/* open-sans-700 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-700-d03f336b3845249375499d014fa49b55.woff2') format('woff2');
}
/* open-sans-700italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-700italic-e6888e94f2367285f7776ed161bdb8ce.woff2') format('woff2');
}
/* open-sans-800 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-800-18f82823a9df95dec46891f281b3df46.woff2') format('woff2');
}
@font-face {
  font-family: 'ds-digi';
  src: url('../gynzy-styleguide/assets/fonts/ds-digi/ds-digi-839cd00f56360147c956a354753eaa07.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
.font-arial-bold {
  font-family: 'Arial';
  font-style: normal;
  font-weight: bold;
}
.font-open-sans {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
}
.font-open-sans-italic {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
}
.font-open-sans-semibold {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
}
.font-open-sans-bold {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
}
.font-open-sans-bold-italic {
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  font-weight: 700;
}
/* Group Colors */
/* ParnasSys */
/* Folders */
.logout-indicator {
  font-size: 5rem;
}
.teacher-register-login.flex.column.between {
  width: 53.33333333rem;
  height: 25rem;
  text-align: left;
  align-items: flex-start;
}
.teacher-register-login.flex.column.between .max-width {
  width: 100%;
}
.teacher-register-login.flex.column.between h2 {
  font-size: 2.8rem;
  font-family: var(--font-family-header);
}
.teacher-register-login.flex.column.between h2,
.teacher-register-login.flex.column.between p {
  text-align: left;
}
.teacher-register-login.flex.column.between button {
  width: 100%;
}
.teacher-register-login.flex.column.between a {
  text-decoration: underline;
  cursor: pointer;
  color: #555;
}
.teacher-register-login.flex.column.between a:hover {
  color: black;
}
.teacher-register-login.flex.column.between p {
  margin: 0;
  line-height: 2.8rem;
  font-size: 1.7rem;
}
.teacher-register-login.flex.column.between hr {
  width: 100%;
  margin: 0;
  height: 0.1rem;
  border-style: solid;
  border-color: #e9eaef;
  border-image: initial;
  border-width: 1px 0 0;
}

.scale-to-fit-mixin {
  transform-origin: top left;
  position: absolute;
  top: 0;
  left: 0;
}

.board__paragraph-style {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  color: #556474;
  margin: 0;
}
.board__header-style {
  font-family: 'Open Sans', sans-serif;
  font-size: 2.1875rem;
  font-weight: 600;
  color: #3f4c5a;
  margin: 1.5625rem 0;
}
/* arimo-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/arimo/arimo-v29-all-regular-1e3a0e94ba2bc8dcb88dd8a4d7e4cd08.woff2') format('woff2');
}
/* lexend-deca-regular - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-regular-5dc449bf89c8996180f0bf586f6370e7.woff2') format('woff2');
}
/* lexend-deca-500 - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 500;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-500-86663f8e4c24f0f64ebbcf94016b651a.woff2') format('woff2');
}
/* lexend-deca-600 - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 600;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-600-f70f8f823d24acc577ce02d800e1dd23.woff2') format('woff2');
}
/* mulish-regular - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-regular-c8802cd4edbbc28ae7c85e4374d3f924.woff2') format('woff2');
}
/* mulish-italic - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-italic-1db4ee7c71dfc060681293c00828e521.woff2') format('woff2');
}
/* mulish-700 - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-700-639ec8157b44583ea8ed7fad3d8dfeb0.woff2') format('woff2');
}
/* mulish-700italic - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-700italic-c5a3347dc8754ff8fda86531e03797a6.woff2') format('woff2');
}
/* open-sans-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-regular-c07cd0d1a063582245c8193d978f799b.woff2') format('woff2');
}
/* open-sans-italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-italic-d4e5cf548d6dedbed35fa9fd65b37ef0.woff2') format('woff2');
}
/* open-sans-600 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-600-b94f001b27f8c83057b118dff8d859cc.woff2') format('woff2');
}
/* open-sans-700 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-700-d03f336b3845249375499d014fa49b55.woff2') format('woff2');
}
/* open-sans-700italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-700italic-e6888e94f2367285f7776ed161bdb8ce.woff2') format('woff2');
}
/* open-sans-800 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-800-18f82823a9df95dec46891f281b3df46.woff2') format('woff2');
}
@font-face {
  font-family: 'ds-digi';
  src: url('../gynzy-styleguide/assets/fonts/ds-digi/ds-digi-839cd00f56360147c956a354753eaa07.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
.font-arial-bold {
  font-family: 'Arial';
  font-style: normal;
  font-weight: bold;
}
.font-open-sans {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
}
.font-open-sans-italic {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
}
.font-open-sans-semibold {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
}
.font-open-sans-bold {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
}
.font-open-sans-bold-italic {
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  font-weight: 700;
}
/* Group Colors */
/* ParnasSys */
/* Folders */
.lesson-overview-style {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.lesson-overview-style .lesson-overview-navigation {
  flex-grow: 0;
}
.lesson-overview-style .top {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 6.25rem;
  box-sizing: border-box;
  background: #ffffff;
}
.lesson-overview-style .middle {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.lesson-overview-style .middle .snackbar--wrapper {
  position: fixed;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.5625rem;
}
.paragraph-style {
  font-size: 1.66666667rem;
  color: #556474;
  margin: 0;
}
.lesson-overview {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.lesson-overview .lesson-overview-navigation {
  flex-grow: 0;
}
.lesson-overview .top {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 6.25rem;
  box-sizing: border-box;
  background: #ffffff;
}
.lesson-overview .middle {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.lesson-overview .middle .snackbar--wrapper {
  position: fixed;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.5625rem;
}
.lesson-overview .navigation__container {
  height: 6.25rem;
  display: flex;
  justify-content: space-between;
}
.lesson-overview .navigation__container .button-right-container {
  display: flex;
  align-items: center;
  height: 100%;
  margin-right: 0.83333333rem;
}
.action-bar {
  width: 100%;
  padding: 2.08333333rem 5rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.action-bar .action--top {
  display: flex;
  gap: 1.875rem;
  justify-content: space-between;
  margin: 1.04166667rem 0 3.125rem 0;
}
.action-bar .action--top .search--wrapper {
  width: 100%;
}
.action-bar .action--top .search--wrapper input {
  background: #ffffff;
}
.action-bar .action--top .dropdown--wrapper {
  display: flex;
  align-items: center;
}
.action-bar .action--top .dropdown--wrapper p {
  font-size: 1.66666667rem;
  color: #556474;
  margin: 0;
  margin-right: 2.08333333rem;
  white-space: nowrap;
}
.action-bar .action--top .dropdown--wrapper .dropdown__basic {
  width: 29.16666667rem;
}
.action-bar .action--bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.91666667rem;
  min-width: 0;
  gap: 1.66666667rem;
}
.action-bar .action--bottom p.search {
  font-size: 1.66666667rem;
  color: #556474;
  margin: 0;
  display: flex;
  align-items: center;
}
.action-bar .action--bottom p.search span {
  margin-right: 2.5rem;
}
.action-bar .action--bottom .button__icon__label .actionable-link {
  text-decoration: none;
  font-weight: 600;
  transition: all 0.15s ease;
}
.action-bar .action--bottom > *:first-child,
.action-bar .action--bottom .molecule-breadcrumbs {
  min-width: 0;
  flex: 0 1 auto;
}
.action-bar .action--bottom .right-buttons {
  width: -moz-fit-content;
  width: fit-content;
  align-self: flex-end;
  display: flex;
  gap: 2.08333333rem;
  flex-shrink: 0;
}
.item-button {
  position: relative;
  box-sizing: border-box;
  transition: all 0.15s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0;
}
.item-button:hover {
  background-color: #f5f5f8;
  border-radius: 0.41666667rem;
}
.item-button:active {
  background-color: #e9eaef;
  border-radius: 0.41666667rem;
}
.item-button.selected {
  border-radius: 0.41666667rem;
  background-color: #effaff;
  box-shadow: inset 0 0 0 1px #38a4de;
}
.item-button.selected.renaming {
  border-radius: 0;
}
.item-button.selected:active {
  background-color: rgba(234, 242, 251, 0.5);
}
.item-button.disabled {
  pointer-events: none;
  cursor: default;
  visibility: hidden;
}
.item-button .callout-button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) translateX(50%);
}
.item-button .callout-button .flat__icon {
  pointer-events: none;
}
.item-button.in-shared-view {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.04166667rem 2.08333333rem;
  margin: 0 5.20833333rem;
}
.item-button.in-shared-view .wrapper {
  flex-direction: column;
  height: unset;
}
.item-button.in-shared-view .wrapper .folder .svg__wrapper {
  position: relative;
  width: 8.33333333rem;
  height: 8.33333333rem;
}
.item-button.in-shared-view .wrapper .folder .svg__wrapper .folder__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: scale(2) translate(-25%, -25%);
  opacity: 0.2;
}
.item-button.in-shared-view .wrapper .folder .svg__wrapper .share__ribbon {
  position: absolute;
  width: 2.91666667rem;
  height: 1.66666667rem;
  background: #fd8b1d;
  left: -0.20833333rem;
  bottom: 2.08333333rem;
  border-radius: 0.10416667rem;
}
.item-button.in-shared-view .wrapper .folder .svg__wrapper .share__ribbon::after {
  position: absolute;
  content: '';
  width: 1.66666667rem;
  height: 1.66666667rem;
  background: #59b6e8;
  top: 0;
  right: -1.04166667rem;
  border-radius: 0.10416667rem;
  transform: rotate(45deg);
}
.item-button.in-shared-view .wrapper .folder .svg__wrapper .share__ribbon .flat__icon {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0.20833333rem 0 0 0.52083333rem;
}
.item-button.in-shared-view .wrapper .folder .svg__wrapper .share__ribbon .flat__icon .icon--graphics {
  fill: #ffffff;
}
.item-button.in-shared-view .wrapper .description {
  margin: 0;
  text-align: center;
  max-width: unset;
}
.item-button .wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.83333333rem;
  width: 25.83333333rem;
  padding: 1.25rem 3.02083333rem;
  height: 18.75rem;
}
.item-button .wrapper:hover {
  cursor: pointer;
}
.item-button .wrapper .svg__icon {
  width: 7.92rem;
  height: 7.92rem;
}
.item-button .wrapper .item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.item-button .wrapper .item.folder {
  width: 100%;
  height: 13.33333333rem;
  border-radius: 0.41666667rem;
  pointer-events: none;
}
.item-button .wrapper .item.folder .svg__wrapper {
  position: relative;
}
.item-button .wrapper .item.folder .svg__wrapper img {
  width: 8.33333333rem;
  height: 8.33333333rem;
}
.item-button .wrapper .item.folder .svg__wrapper .folder__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: scale(2) translate(-25%, -25%);
  opacity: 0.3;
}
.item-button .wrapper .item.folder .svg__wrapper .folder__icon .folder-custom-icon {
  width: 1.45833333rem;
  height: 1.45833333rem;
  margin-top: 0.20833333rem;
}
.item-button .wrapper .item.folder.crimson {
  background-color: #fdf4f4;
  border: 1px solid #fee7e7;
}
.item-button .wrapper .item.folder.pumpkin {
  background-color: #fff4eb;
  border: 1px solid #ffdebd;
}
.item-button .wrapper .item.folder.lemon {
  background-color: #fffae5;
  border: 1px solid #fff4bd;
}
.item-button .wrapper .item.folder.pear {
  background-color: #f7fce8;
  border: 1px solid #f0fad1;
}
.item-button .wrapper .item.folder.mantis {
  background-color: #f0ffec;
  border: 1px solid #dcfbd5;
}
.item-button .wrapper .item.folder.emerald {
  background-color: #ecfdf4;
  border: 1px solid #caf7e0;
}
.item-button .wrapper .item.folder.caribbean {
  background-color: #ecfffe;
  border: 1px solid #d1fafa;
}
.item-button .wrapper .item.folder.sky {
  background-color: #effaff;
  border: 1px solid #d4eefc;
}
.item-button .wrapper .item.folder.indigo {
  background-color: #e4eafb;
  border: 1px solid #cad5f7;
}
.item-button .wrapper .item.folder.lavender {
  background-color: #f5ecff;
  border: 1px solid #e8d5fb;
}
.item-button .wrapper .item.folder.fuchsia {
  background-color: #feecff;
  border: 1px solid #fbd5fb;
}
.item-button .wrapper .item.folder.cranberry {
  background-color: #ffecf7;
  border: 1px solid #fbd5e8;
}
.item-button .wrapper .item.lesson {
  pointer-events: none;
  border: 1px solid #d1d3de;
  box-sizing: content-box;
  border-radius: 0.83333333rem;
}
.item-button .wrapper .item.lesson .thumbnail-image,
.item-button .wrapper .item.lesson .placeholder {
  width: 100%;
  position: relative;
  border-radius: 0.75rem;
  margin-top: 0;
  -webkit-user-select: none;
          user-select: none;
  object-fit: cover;
  background: #ffffff;
}
.item-button .wrapper .item.lesson .placeholder {
  height: 9.79166667rem;
}
.item-button .wrapper .item.lesson .thumbnail-image {
  height: 100%;
}
.item-button .wrapper .item.active .wrapper .svg__icon img {
  filter: var(--color-filter-tree-poppy);
}
.item-button .wrapper .item.active .lesson {
  border-radius: 0.41666667rem;
  border: 6px solid #fa830c;
  box-sizing: border-box;
}
.item-button .wrapper .item.active .lesson .thumbnail-image,
.item-button .wrapper .item.active .lesson .placeholder {
  border-radius: 0;
}
.item-button .wrapper .description {
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 18.75rem;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
  overflow: visible;
  text-overflow: ellipsis;
  margin-left: 0;
  height: 6.875rem;
}
.item-button .wrapper .description h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 2.1875rem;
  color: #3f4c5a;
  margin: 1.5625rem 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 1.66666667rem;
  font-weight: 600;
}
.item-button .wrapper .description p {
  font-family: 'Open Sans', sans-serif;
  color: #556474;
  margin: 0;
  max-width: 22.39583333rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 2.5rem;
  color: #8c99a8;
  font-size: 1.25rem;
  font-weight: 400;
}
.item-button .wrapper .description p:last-child {
  text-transform: lowercase;
}
.item-button.folder-disabled {
  opacity: 0.5;
}
.lesson-overview-navigation-buttons {
  display: flex;
  width: 100%;
  height: 6.25rem;
  border-bottom: 1px solid #aeb7c2;
}
.lesson-overview-navigation-buttons .tabs-selection-component {
  width: 100%;
}
.lesson-overview-navigation-buttons .folder-icon-wrapper,
.lesson-overview-navigation-buttons .navigation-folder-icon-wrapper {
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
}
.lesson-overview-navigation-buttons .folder-icon-wrapper .folder.item,
.lesson-overview-navigation-buttons .navigation-folder-icon-wrapper .folder.item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 2.91666667rem;
}
.lesson-overview-navigation-buttons .folder-icon-wrapper .folder.item .svg__wrapper,
.lesson-overview-navigation-buttons .navigation-folder-icon-wrapper .folder.item .svg__wrapper {
  position: relative;
  width: 2.91666667rem;
  height: 2.91666667rem;
}
.lesson-overview-navigation-buttons .folder-icon-wrapper .folder.item .svg__wrapper img,
.lesson-overview-navigation-buttons .navigation-folder-icon-wrapper .folder.item .svg__wrapper img {
  width: 2.91666667rem;
  height: 2.91666667rem;
}
.lesson-overview-navigation-buttons .folder-icon-wrapper .folder.item .svg__wrapper .folder__icon,
.lesson-overview-navigation-buttons .navigation-folder-icon-wrapper .folder.item .svg__wrapper .folder__icon {
  position: absolute;
  margin-top: 0.14583333rem;
  top: 0;
  left: 0;
  width: 2.91666667rem;
  height: 2.91666667rem;
  opacity: 0.3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lesson-overview-navigation-buttons .folder-icon-wrapper .folder.item .svg__wrapper .folder__icon .folder-custom-icon,
.lesson-overview-navigation-buttons .navigation-folder-icon-wrapper .folder.item .svg__wrapper .folder__icon .folder-custom-icon {
  width: 1.02083333rem;
  height: 1.02083333rem;
}
.lesson-overview-navigation-buttons .styleguide-page-header {
  display: flex;
  align-items: center;
}
.lesson-overview-navigation-buttons .styleguide-page-header h1 {
  display: inline-flex;
}
.bin-content .bin-content-buttons button[class*='button__icon__label'] {
  margin: 1.5625rem 0;
}
.bin-content .bin-content-buttons button[class*='button__icon__label']:first-child {
  margin-top: 0;
}
.bin-content .bin-content-buttons button[class*='button__icon__label']:last-child {
  margin-bottom: 0;
}
.bin-content .bin-content-buttons button[class*='button__icon__label'] a {
  text-decoration: none;
}
.customize-container {
  margin: 0.83333333rem 0;
}
.customize-container .customize-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.customize-container .customize-header .preview {
  width: 1.66666667rem;
  height: 1.66666667rem;
  margin-left: 0.83333333rem;
}
.customize-container .customize-header .colors-preview {
  border-radius: 0.20833333rem;
}
.customize-container .customize-header .icons-preview {
  display: flex;
}
.customize-container .customize-header .icons-preview img {
  filter: var(--color-filter-midnight);
}
.customize-container .customize-header .customize-title {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 1.45833333rem;
  padding-left: 0.83333333rem;
}
.customize-container .color-square,
.customize-container .icon-square {
  min-width: 3.33333333rem;
  height: 3.33333333rem;
  margin-left: 0.83333333rem;
  margin-right: 0.83333333rem;
  margin-top: 2.08333333rem;
  cursor: pointer;
}
.customize-container .color-square .svg__icon,
.customize-container .icon-square .svg__icon {
  width: 3.33333333rem;
  height: 3.33333333rem;
}
.customize-container .customize-colors-selection .colors-container {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  width: 30rem;
}
.customize-container .customize-colors-selection .colors-container .color-square {
  border-radius: 0.41666667rem;
  box-sizing: border-box;
  border: 0.20833333rem #ffffff;
  border-style: solid;
}
.customize-container .customize-colors-selection .colors-container .color-square.selected {
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* for IE, Firefox, Opera, Chrome */
  box-shadow: 0 0 0 0.20833333rem #277cd9;
  border-radius: 0.41666667rem;
}
.customize-container .customize-icons-selection {
  margin-top: 2.08333333rem;
}
.customize-container .customize-icons-selection .icons-container {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  width: 30rem;
}
.customize-container .customize-icons-selection .icons-container .icon-square {
  filter: var(--color-filter-heather);
}
.customize-container .customize-icons-selection .icons-container .icon-square.selected {
  filter: var(--color-filter-mariner);
}
.customize-container .crimson {
  background-color: #ee6868;
}
.customize-container .pumpkin {
  background-color: #ff962e;
}
.customize-container .lemon {
  background-color: #ffdc2e;
}
.customize-container .pear {
  background-color: #bfdf5d;
}
.customize-container .mantis {
  background-color: #75e260;
}
.customize-container .emerald {
  background-color: #5ad899;
}
.customize-container .caribbean {
  background-color: #5ddfdf;
}
.customize-container .sky {
  background-color: #59b6e8;
}
.customize-container .indigo {
  background-color: #5a79d8;
}
.customize-container .lavender {
  background-color: #a05fe3;
}
.customize-container .fuchsia {
  background-color: #e35fe3;
}
.customize-container .cranberry {
  background-color: #e260a0;
}
.move-content {
  width: 31.25rem;
  margin: -1.66666667rem;
}
.move-content .overlay__scrollbars {
  max-height: 26.04166667rem;
}
.move-content .overlay__scrollbars:not(.os-host-scrollbar-vertical-hidden) .os-scrollbar-vertical {
  margin-right: 1.04166667rem;
}
.move-content .overlay__scrollbars:not(.os-host-scrollbar-vertical-hidden) .callout--middle {
  padding-right: 4.16666667rem;
}
.move-content a.button__multi-level.has--ancestors .flat__icon {
  margin-right: 0;
}
.move-content .callout--top {
  min-height: 5.20833333rem;
  border-bottom: 1px solid #d1d3de;
  box-sizing: border-box;
}
.move-content .callout--top a.button__multi-level {
  background: transparent;
  border: none;
}
.move-content .callout--top a.button__multi-level.is--active {
  background: unset;
}
.move-content .callout--top a.button__multi-level.size--large {
  padding: 1.02rem 2.04rem;
}
.move-content .callout--top a.button__multi-level.size--large .flat__icon {
  transform: scale(0.7);
}
.move-content .callout--top a.button__multi-level.size--large .svg__icon {
  transform: scale(0.8);
}
.move-content .callout--middle {
  min-height: 26.04166667rem;
}
.move-content .callout--bottom {
  padding: 1.25rem;
  border-top: 1px solid #d1d3de;
  display: flex;
  justify-content: flex-end;
}
.move-shared-content {
  width: 46.875rem;
  display: flex;
  flex-direction: column;
}
.move-shared-content p {
  font-size: 1.5625rem;
  line-height: 2.5rem;
  color: #3f4c5a;
  margin: 0;
}
.move-shared-content p:first-child {
  font-weight: 600;
}
.move-shared-content p:nth-child(2) {
  margin-top: 15px;
}
.move-shared-content .buttonWrapper {
  margin-top: 1.5625rem;
  display: flex;
  justify-content: flex-end;
}
.move-shared-content .buttonWrapper .button__regular {
  margin-left: 1.04166667rem;
}
.options-content .options-content-buttons button[class*='button__icon__label'] {
  margin: 1.5625rem 0;
}
.options-content .options-content-buttons button[class*='button__icon__label']:first-child {
  margin-top: 0;
}
.options-content .options-content-buttons button[class*='button__icon__label']:last-child {
  margin-bottom: 0;
}
.options-content .options-content-buttons button[class*='button__icon__label'] a {
  text-decoration: none;
}
.remove-content {
  width: 46.875rem;
  display: flex;
  flex-direction: column;
}
.remove-content .textWrapper p {
  font-size: 1.5625rem;
  line-height: 1.5;
  color: #3f4c5a;
  margin: 0;
}
.remove-content .textWrapper p:first-child {
  font-weight: 600;
}
.remove-content .textWrapper p:nth-child(2) {
  margin-top: 15px;
}
.remove-content .buttonWrapper {
  margin-top: 1.5625rem;
  display: flex;
  justify-content: flex-end;
}
.remove-content .buttonWrapper .button__regular {
  margin-left: 1.04166667rem;
}
.item-rename-field {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 6.875rem;
}
.item-rename-field .inputWrapper {
  padding-left: 0;
  width: 65%;
  height: 100%;
  display: flex;
  align-items: center;
}
.item-rename-field .inputWrapper input {
  background: #ffffff;
}
.item-rename-field .buttonWrapper {
  display: flex;
  align-items: center;
  gap: 1.66666667rem;
  transform: scale(0.8);
  height: 100%;
}
.lesson-overview-modal {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  position: fixed;
  background-color: #ffffff;
  border-bottom: 1px solid #aeb7c2;
}
.lesson-overview-modal .lesson-overview-navigation {
  flex-grow: 0;
}
.lesson-overview-modal .top {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 6.25rem;
  box-sizing: border-box;
  background: #ffffff;
}
.lesson-overview-modal .middle {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.lesson-overview-modal .middle .snackbar--wrapper {
  position: fixed;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.5625rem;
}
.lesson-overview-modal .top .button-wrapper {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
}
.lesson-overview-modal .top .button-wrapper .button__square.lesson-overview-bin-button {
  box-shadow: none;
}
.lesson-overview-modal .top .button-wrapper .button__square.lesson-overview-bin-button.color--light {
  border: none;
}
.lesson-overview-modal .top .button-wrapper .button__square.lesson-overview-bin-button.color--solitude {
  pointer-events: none;
}
.lesson-view {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.lesson-view.empty-view {
  grid-template-rows: 1fr;
}
.lesson-view.my-lessons .content--wrapper,
.lesson-view.my-lessons .folder-loading {
  display: grid;
  grid-area: content-wrapper;
  place-content: flex-start space-between;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 2.91666667rem 5rem 5.83333333rem 5rem;
  gap: 4.16666667rem 0.20833333rem;
  grid-template-columns: repeat(auto-fill, minmax(27.08333333rem, 0fr));
}
.lesson-view.my-lessons .content--wrapper .create-new-lesson-button,
.lesson-view.my-lessons .folder-loading .create-new-lesson-button {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.83333333rem;
  border-radius: 0.83333333rem;
  width: 25.83333333rem;
  height: 18.75rem;
  padding: 1.25rem 3.02083333rem;
}
.lesson-view.my-lessons .content--wrapper .create-new-lesson-button:hover,
.lesson-view.my-lessons .folder-loading .create-new-lesson-button:hover {
  background-color: #f5f5f8;
}
.lesson-view.my-lessons .content--wrapper .create-new-lesson-button:active,
.lesson-view.my-lessons .folder-loading .create-new-lesson-button:active {
  background-color: #e9eaef;
}
.lesson-view.my-lessons .content--wrapper .create-new-lesson-button .thumbnail,
.lesson-view.my-lessons .folder-loading .create-new-lesson-button .thumbnail {
  width: 100%;
  height: 10.41666667rem;
  background-color: #effaff;
  border-radius: 0.83333333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d4eefc;
}
.lesson-view.my-lessons .content--wrapper .create-new-lesson-button .thumbnail .styleguide.flat__icon,
.lesson-view.my-lessons .folder-loading .create-new-lesson-button .thumbnail .styleguide.flat__icon {
  width: 3.33333333rem;
  height: 3.33333333rem;
}
.lesson-view.my-lessons .content--wrapper .create-new-lesson-button .thumbnail .styleguide.flat__icon .icon--graphics,
.lesson-view.my-lessons .folder-loading .create-new-lesson-button .thumbnail .styleguide.flat__icon .icon--graphics {
  fill: #38a4de;
}
.lesson-view.my-lessons .content--wrapper .create-new-lesson-button h3,
.lesson-view.my-lessons .folder-loading .create-new-lesson-button h3 {
  color: #2a3541;
  font-size: 1.66666667rem;
  font-weight: 600;
  align-self: flex-start;
}
.lesson-view.my-lessons .content--wrapper .tool-shortcut-wrapper,
.lesson-view.my-lessons .folder-loading .tool-shortcut-wrapper {
  cursor: pointer;
  border-radius: 0.83333333rem;
  padding: 1.25rem 3.02083333rem;
  display: flex;
  flex-direction: column;
  gap: 0.83333333rem;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 25.83333333rem;
  height: 18.75rem;
  transition: all 0.5s ease;
}
.lesson-view.my-lessons .content--wrapper .tool-shortcut-wrapper:hover,
.lesson-view.my-lessons .folder-loading .tool-shortcut-wrapper:hover {
  background-color: #f5f5f8;
}
.lesson-view.my-lessons .content--wrapper .tool-shortcut-wrapper:active,
.lesson-view.my-lessons .folder-loading .tool-shortcut-wrapper:active {
  background-color: #e9eaef;
}
.lesson-view.my-lessons .content--wrapper .tool-shortcut-wrapper .thumbnail,
.lesson-view.my-lessons .folder-loading .tool-shortcut-wrapper .thumbnail {
  width: 100%;
  height: 10.41666667rem;
  background-color: #effaff;
  border-radius: 0.83333333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d4eefc;
}
.lesson-view.my-lessons .content--wrapper .tool-shortcut-wrapper .thumbnail.classroom-seating-chart,
.lesson-view.my-lessons .folder-loading .tool-shortcut-wrapper .thumbnail.classroom-seating-chart {
  background-color: #fff4eb;
  border: 1px solid #ffdebd;
}
.lesson-view.my-lessons .content--wrapper .tool-shortcut-wrapper .thumbnail .tool-shortcut-image,
.lesson-view.my-lessons .folder-loading .tool-shortcut-wrapper .thumbnail .tool-shortcut-image {
  flex-shrink: 0;
  width: 8.33333333rem;
  position: relative;
}
.lesson-view.my-lessons .content--wrapper .tool-shortcut-wrapper .tool-shortcut-text,
.lesson-view.my-lessons .folder-loading .tool-shortcut-wrapper .tool-shortcut-text {
  display: flex;
  flex-direction: column;
  gap: 1.66666667rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  font-weight: 600;
}
.lesson-view.my-lessons .content--wrapper .tool-shortcut-wrapper .tool-shortcut-text .classroom-seating-chart,
.lesson-view.my-lessons .folder-loading .tool-shortcut-wrapper .tool-shortcut-text .classroom-seating-chart {
  color: #2a3541;
  text-align: center;
  font-size: 1.66666667rem;
  line-height: 2.5rem;
  position: relative;
}
.lesson-view.shared-lessons .content--wrapper {
  grid-area: content-wrapper;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  padding: 2.08333333rem 0;
  box-sizing: border-box;
}
.lesson-view.shared-lessons .content--wrapper .styleguide__draggable-dropzone {
  width: initial;
  height: initial;
}
.lesson-view.school-connect-view,
.lesson-view.offline-view {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.lesson-view.school-connect-view .info-container,
.lesson-view.offline-view .info-container {
  width: 80%;
  height: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lesson-view.school-connect-view .info-container .info,
.lesson-view.offline-view .info-container .info {
  width: 50%;
  height: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2.5rem;
}
.lesson-view.school-connect-view .info-container .info .info-text,
.lesson-view.offline-view .info-container .info .info-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1.66666667rem;
}
.lesson-view.school-connect-view .info-container .info .info-text h3,
.lesson-view.offline-view .info-container .info .info-text h3 {
  font-family: var(--font-family-header);
}
.lesson-view.school-connect-view .info-container .info .info-text p,
.lesson-view.offline-view .info-container .info .info-text p {
  font-size: 1.66666667rem;
  margin-bottom: 0.83333333rem;
}
.lesson-view.school-connect-view .info-container .visual,
.lesson-view.offline-view .info-container .visual {
  width: 50%;
  height: 50%;
  display: flex;
  align-items: center;
}
.lesson-view.school-connect-view .info-container .visual img,
.lesson-view.offline-view .info-container .visual img {
  width: 100%;
}
.lesson-view .empty {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.lesson-view .empty p {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  color: #556474;
  margin: 0;
  font-size: 1.875rem;
  color: #8c99a8;
  -webkit-user-select: none;
          user-select: none;
}
.lesson-view .empty .bin-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  -webkit-user-select: none;
          user-select: none;
}
.lesson-view .empty .bin-empty-state .icon-circle {
  width: 9.16666667rem;
  height: 9.16666667rem;
  border-radius: 50%;
  background-color: #fee7e7;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lesson-view .empty .bin-empty-state .icon-circle .svg__icon {
  width: 4.16666667rem;
  height: 4.16666667rem;
}
.lesson-view .empty .bin-empty-state .icon-circle .svg__icon > img {
  width: inherit;
  height: inherit;
}
.lesson-view .empty .bin-empty-state h3 {
  margin-top: 2.5rem;
  font-family: var(--font-family-header);
  font-weight: 500;
  font-size: 2.08333333rem;
  line-height: 3.33333333rem;
  letter-spacing: 0.02083333rem;
  color: #2a3541;
}
.lesson-view .empty .bin-empty-state p {
  margin-top: 0.83333333rem;
  font-size: 1.66666667rem;
  line-height: 2.5rem;
  color: #556474;
}
.lesson-view .snackbar--wrapper {
  position: fixed;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.5625rem;
}
.lesson-view .content--wrapper .styleguide__draggable-item .draggable-item {
  overflow: visible;
}
.lesson-view .content--wrapper .draggable-dropzone.draggable-over .item-button {
  border-radius: 0.41666667rem;
  background-color: #effaff;
  box-shadow: inset 0 0 0 1px #38a4de;
}
.lesson-view .content--wrapper .item-button .callout-button .styleguide.button__round {
  cursor: pointer;
}
.lesson-view .content--wrapper .item-button .callout {
  cursor: default;
}
.lesson-view .content--wrapper .item-button .callout * {
  cursor: pointer;
}
.lesson-view .info-bar {
  margin: 2.5rem 5rem;
  background-color: var(--color-sky-02);
  border-radius: 0.83333333rem;
}
.lesson-view .info-bar p {
  margin: 1.66666667rem;
  padding: 0;
  color: var(--color-sky-12);
  line-height: 1.875rem;
  font-size: 1.25rem;
  letter-spacing: 0;
  font-family: 'Open Sans';
}
.lesson-view .bin-root-dropdown--wrapper {
  margin: 0 5rem;
}
.lesson-view .bin-root-dropdown--wrapper .bin-root-dropdown--header {
  margin-bottom: 0.41666667rem;
  color: var(--text-paragraph);
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: 0;
  font-weight: 600;
  font-family: 'Open Sans';
}
.lesson-view .bin-root-dropdown--wrapper .bin-root-dropdown.gynzy.dropdown__basic {
  width: 21.66666667rem;
}
.lesson-save-field {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 10.83333333rem;
  padding: 3.33333333rem 0;
  background-color: #ffffff;
  border-top: 1px solid #aeb7c2;
}
.lesson-save-field .inputWrapper {
  width: 60%;
  margin-right: 1.04166667rem;
}
.lesson-save-field .buttonWrapper {
  display: flex;
}
.lesson-save-field .buttonWrapper button:first-child {
  margin-right: 1.04166667rem;
}
.board-lessons .gynzy-lesson-overview-wrapper * {
  box-sizing: border-box;
}

/* stylelint-disable no-duplicate-selectors */
html,
body {
  border: 0;
  font-family: 'Helvetica-Neue', 'Helvetica', 'Arial', sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label,
input,
textarea,
select,
button {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
a img {
  border: 0;
}
:focus {
  outline: 0;
}
/* arimo-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/arimo/arimo-v29-all-regular-1e3a0e94ba2bc8dcb88dd8a4d7e4cd08.woff2') format('woff2');
}
/* lexend-deca-regular - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-regular-5dc449bf89c8996180f0bf586f6370e7.woff2') format('woff2');
}
/* lexend-deca-500 - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 500;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-500-86663f8e4c24f0f64ebbcf94016b651a.woff2') format('woff2');
}
/* lexend-deca-600 - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 600;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-600-f70f8f823d24acc577ce02d800e1dd23.woff2') format('woff2');
}
/* mulish-regular - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-regular-c8802cd4edbbc28ae7c85e4374d3f924.woff2') format('woff2');
}
/* mulish-italic - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-italic-1db4ee7c71dfc060681293c00828e521.woff2') format('woff2');
}
/* mulish-700 - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-700-639ec8157b44583ea8ed7fad3d8dfeb0.woff2') format('woff2');
}
/* mulish-700italic - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-700italic-c5a3347dc8754ff8fda86531e03797a6.woff2') format('woff2');
}
/* open-sans-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-regular-c07cd0d1a063582245c8193d978f799b.woff2') format('woff2');
}
/* open-sans-italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-italic-d4e5cf548d6dedbed35fa9fd65b37ef0.woff2') format('woff2');
}
/* open-sans-600 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-600-b94f001b27f8c83057b118dff8d859cc.woff2') format('woff2');
}
/* open-sans-700 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-700-d03f336b3845249375499d014fa49b55.woff2') format('woff2');
}
/* open-sans-700italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-700italic-e6888e94f2367285f7776ed161bdb8ce.woff2') format('woff2');
}
/* open-sans-800 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-800-18f82823a9df95dec46891f281b3df46.woff2') format('woff2');
}
@font-face {
  font-family: 'ds-digi';
  src: url('../gynzy-styleguide/assets/fonts/ds-digi/ds-digi-839cd00f56360147c956a354753eaa07.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
.font-arial-bold {
  font-family: 'Arial';
  font-style: normal;
  font-weight: bold;
}
.font-open-sans {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
}
.font-open-sans-italic {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
}
.font-open-sans-semibold {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
}
.font-open-sans-bold {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
}
.font-open-sans-bold-italic {
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  font-weight: 700;
}
/* Group Colors */
/* ParnasSys */
/* Folders */
html,
body {
  font-family: 'Open Sans', sans-serif;
}
.library__content-card__card-content {
  padding: 3rem;
  font-family: 'Open Sans', sans-serif;
  display: flex;
  flex-direction: column;
  line-height: 1.5;
}
.library__content-card__card-content .content-card__placeholder {
  font-size: 2.08333333rem;
  text-align: center;
  width: 100%;
}
.library__content-card__card-content .content-card__placeholder p {
  font-size: 1.66666667rem;
  color: #8c99a8;
}
.library__content-card__card-content .content-item-documents .styleguide.gynzy.show-hide-container .show-hide-container__title {
  text-transform: inherit;
}
.library__content-card__card-content .content-item-documents .documents-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
}
.library__content-card__card-header {
  padding: 2rem 3rem 0;
  font-family: 'Open Sans', sans-serif;
  display: flex;
}
.library__content-card__card-header .card-header__info-wrapper {
  display: flex;
}
.library__content-card__card-header .card-header__info-wrapper .card-header__thumbnail {
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #d1d3de;
  min-width: 8.54166667rem;
  max-height: 6.45833333rem;
  margin-right: 1rem;
  background: #ffffff;
  border-radius: 0.83333333rem;
}
.library__content-card__card-header .card-header__info-wrapper .card-header__thumbnail img {
  height: 6.45833333rem;
  width: auto;
  cursor: default;
}
.library__content-card__card-header .card-header__info-wrapper .card-header__info .card-header__name {
  color: #2a3541;
  line-height: 2.39583333rem;
  font-size: 2.5rem;
  padding-top: 0.52083333rem;
  padding-right: 1.04166667rem;
  font-weight: bold;
}
.library__content-card__card-header .card-header__info-wrapper .card-header__info .card-header__typename {
  font-size: 1.875rem;
}
.library__content-card__card-header .card-header__info-wrapper .card-header__info .card-header__grades {
  display: flex;
  font-size: 1.5625rem;
  color: #aeb7c2;
}
.library__content-card__card-header .card-header__info-wrapper .card-header__info .card-header__grades .flat__icon {
  margin: 0.3125rem 0.3125rem 0 0;
  width: 1.25rem;
  height: 1.25rem;
}
.library__content-card__card-header .card-header__info-wrapper .card-header__info .card-header__grades .flat__icon .icon--graphics {
  fill: #aeb7c2;
}
.library__content-card__card-header .card-header__info-wrapper .card-header__info > * {
  font: inherit;
  padding: 0.83333333rem 0;
}
.library__content-card__card-header .card-header__library-item--open {
  display: flex;
  flex-direction: column;
}
.library__content-card__card-header .card-header__library-item--open button {
  margin-bottom: 1rem;
}
.library__content-card__card-header .card-header__library-item--open a {
  padding: 0.89rem 2.04rem;
  font-size: 1.66rem;
  min-height: 2.17rem;
  max-height: 2.17rem;
  border-radius: 0.63rem;
  color: #fff;
  background-color: #fd8b1d;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.15);
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  cursor: pointer;
  line-height: normal;
  box-sizing: content-box;
  text-align: center;
  white-space: nowrap;
}
.library__content-card__card-header .card-header__library-item--open a:hover {
  background-color: #fda045;
}
.library__content-card__card-header .card-header__library-item--open a:active {
  background-color: #e57102;
  color: rgba(255, 255, 255, 0.7);
}
.library__gynzy-favorites__favorites-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  /**
	* isFavorite styling when the item is already a favorite
	*/
  /**
	* Hover styling when the item is not a favorite yet.
	* @media disables hovers on touch devices.
	*/
}
.library__gynzy-favorites__favorites-button svg {
  width: auto;
  height: 1.875rem;
}
.library__gynzy-favorites__favorites-button svg #box {
  fill-opacity: 0;
  transition: 0.2s;
}
.library__gynzy-favorites__favorites-button svg #base {
  transition: 0.2s;
}
.library__gynzy-favorites__favorites-button.gold-heart svg #box {
  fill: #fff;
}
.library__gynzy-favorites__favorites-button.sky-heart svg #box {
  fill: #d4eefc;
}
.library__gynzy-favorites__favorites-button.pumpkin-heart svg #box {
  fill: #ffdebd;
}
.library__gynzy-favorites__favorites-button.isFavorite svg #box {
  fill-opacity: 1;
  opacity: 1;
}
.library__gynzy-favorites__favorites-button.isFavorite svg #inside-border-black {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: drawLine 2s ease;
  animation-fill-mode: forwards;
  stroke-width: 3;
  stroke-opacity: 1;
}
@keyframes drawLine {
  to {
    stroke-dashoffset: 0;
  }
}
.library__gynzy-favorites__favorites-button.isFavorite.gold-heart {
  /**
			* Prevents animation on page render
			*/
}
.library__gynzy-favorites__favorites-button.isFavorite.gold-heart svg #inside-border-black {
  stroke: #ffc34d;
}
.library__gynzy-favorites__favorites-button.isFavorite.gold-heart svg #base {
  fill: #fff;
  fill-opacity: 1;
  opacity: 1;
  animation: fillHeartGold 0.2s ease;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
}
.library__gynzy-favorites__favorites-button.isFavorite.gold-heart.stopAnimation #base {
  fill: #ffc34d;
  fill-opacity: 1;
}
.library__gynzy-favorites__favorites-button.isFavorite.sky-heart {
  /**
			* Prevents animation on page render
			*/
}
.library__gynzy-favorites__favorites-button.isFavorite.sky-heart svg #inside-border-black {
  stroke: #38a4de;
}
.library__gynzy-favorites__favorites-button.isFavorite.sky-heart svg #base {
  fill-opacity: 1;
  opacity: 1;
  animation: fillHeartBlue 0.2s ease;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
}
.library__gynzy-favorites__favorites-button.isFavorite.sky-heart.stopAnimation #base {
  fill: #38a4de;
  fill-opacity: 1;
}
.library__gynzy-favorites__favorites-button.isFavorite.pumpkin-heart {
  /**
			* Prevents animation on page render
			*/
}
.library__gynzy-favorites__favorites-button.isFavorite.pumpkin-heart svg #inside-border-black {
  stroke: #fa830c;
}
.library__gynzy-favorites__favorites-button.isFavorite.pumpkin-heart svg #base {
  fill-opacity: 1;
  opacity: 1;
  animation: fillHeartOrange 0.2s ease;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
}
.library__gynzy-favorites__favorites-button.isFavorite.pumpkin-heart.stopAnimation #base {
  fill: #fa830c;
  fill-opacity: 1;
}
@keyframes fillHeartGold {
  to {
    fill-opacity: 1;
    opacity: 1;
    fill: #ffc34d;
  }
}
@keyframes fillHeartBlue {
  to {
    fill-opacity: 1;
    opacity: 1;
    fill: #38a4de;
  }
}
@keyframes fillHeartOrange {
  to {
    fill-opacity: 1;
    opacity: 1;
    fill: #fa830c;
  }
}
@media (hover: hover) and (pointer: fine) {
  .library__gynzy-favorites__favorites-button {
    cursor: pointer;
  }
  .library__gynzy-favorites__favorites-button:hover:not(.isFavorite).gold-heart #base {
    fill: #ffe5b3;
  }
  .library__gynzy-favorites__favorites-button:hover:not(.isFavorite).gold-heart #inside-border-black {
    stroke: #ffc34d;
    stroke-opacity: 0.25;
  }
  .library__gynzy-favorites__favorites-button:hover:not(.isFavorite).sky-heart #base {
    fill: #b7e3fa;
  }
  .library__gynzy-favorites__favorites-button:hover:not(.isFavorite).sky-heart #inside-border-black {
    stroke: #38a4de;
  }
  .library__gynzy-favorites__favorites-button:hover:not(.isFavorite).pumpkin-heart #base {
    fill: #ffcf9e;
  }
  .library__gynzy-favorites__favorites-button:hover:not(.isFavorite).pumpkin-heart #inside-border-black {
    stroke: #fa830c;
  }
  .library__gynzy-favorites__favorites-button:hover:not(.isFavorite) #base {
    fill-opacity: 1;
    opacity: 1;
  }
}
.library__gynzy-favorites__favorites-tile .favorites-container {
  box-sizing: border-box;
  border: 1px solid #ccc;
  height: 8.33333333rem;
  width: 8.33333333rem;
  border-radius: 0.83333333rem;
  background: white;
  text-align: center;
  cursor: pointer;
}
.library__gynzy-favorites__favorites-tile .favorites-container .favorite__image {
  height: 6.04166667rem;
  width: 100%;
  pointer-events: none;
}
.library__gynzy-favorites__favorites-tile .favorites-container .favorite__image img {
  border-radius: 0.83333333rem 0.83333333rem 0 0;
  width: 100%;
  height: 100%;
}
.library__gynzy-favorites__favorites-tile .favorites-container .favorite__image img.generic-img {
  width: 6.04166667rem;
  height: 6.04166667rem;
}
.library__gynzy-favorites__favorites-tile .favorites-container .favorite-type {
  height: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  font-size: 1.04166667rem;
  line-height: 0.9375rem;
  font-weight: 600;
  border: 1px solid;
  border-radius: 0 0 0.83333333rem 0.83333333rem;
  box-sizing: border-box;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
}
.library__gynzy-favorites__favorites-tile .favorites-container .favorite-type.type--tool {
  color: #45521e;
  border-color: #98bb30;
  background-color: #e6f6b6;
}
.library__gynzy-favorites__favorites-tile .favorites-container .favorite-type.type--instruction_lesson {
  color: #3a1d58;
  border-color: #a05fe3;
  background-color: #d9b9f8;
}
.library__gynzy-favorites__favorites-tile .favorites-container .favorite-type.type--presentation {
  color: #571e3a;
  border-color: #e260a0;
  background-color: #f8bad9;
}
.library__gynzy-favorites__favorites-tile .favorites-container .favorite-type.type--activity {
  color: #1a455b;
  border-color: #59b6e8;
  background-color: #b7e3fa;
}
.library__gynzy-favorites__favorites-tile .favorites-container .favorite-type.type--template {
  color: #574a0a;
  border-color: #d3b109;
  background-color: #ffef9e;
}
.library__gynzy-favorites__favorites-tile .favorites-container .favorite-type.type--practice_serie {
  color: #1e2848;
  border-color: #5a79d8;
  background-color: #afc0f3;
}
.library__gynzy-favorites__favorites-tile .favorites-container .favorite-type.type--interactive_question {
  color: #1e4833;
  border-color: #34ad70;
  background-color: #aff3d1;
}
.library__gynzy-favorites {
  display: flex;
  justify-content: center;
  font-family: 'Open Sans', sans-serif;
}
.library__gynzy-favorites .favorite-button--toggle {
  display: flex;
  align-self: flex-end;
}
.library__gynzy-favorites .favorite-button--delete.styleguide.button__round {
  position: absolute;
  z-index: 1;
  cursor: pointer;
  pointer-events: auto;
  top: -0.83333333rem;
  right: -0.83333333rem;
}
.library__gynzy-favorites .empty-placeholder {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.library__gynzy-favorites .empty-placeholder .empty-placeholder-centered {
  width: 43.22916667rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.library__gynzy-favorites .empty-placeholder .empty-placeholder-centered img {
  margin-bottom: 4.16666667rem;
  width: 25rem;
}
.library__gynzy-favorites .empty-placeholder .empty-placeholder-centered .empty-placeholder__text {
  text-align: center;
  font-size: 1.875rem;
  line-height: 2.5rem;
}
.library__gynzy-favorites .grid__container {
  margin: 2.08333333rem 2.08333333rem;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.library__gynzy-favorites .grid__container .grid {
  display: grid;
  gap: 1.04166667rem 1.04166667rem;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: 6;
  margin: 2.08333333rem auto 0rem auto;
  padding: 0;
}
.library__gynzy-favorites .grid__container .grid .grid__placeholder {
  height: 8.33333333rem;
  width: 8.33333333rem;
  border-radius: 0.83333333rem;
  background-color: #fff;
  list-style: none;
}
.library__gynzy-favorites .grid__container .grid .grid__placeholder .grid__draggable {
  cursor: grab;
}
.library__gynzy-favorites .grid__container .grid .grid__placeholder.grid__dropzone {
  position: relative;
}
.library__gynzy-favorites .grid__container .grid .grid__placeholder.grid__dropzone.grid__dropzone--dragover:not(.dragging)::before {
  content: '';
  position: absolute;
  height: 8.33333333rem;
  width: 8.33333333rem;
  border-radius: 0.83333333rem;
  background: rgba(39, 124, 217, 0.1);
  border: 4px solid #277cd9;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.library__gynzy-favorites .grid__container .grid .grid__placeholder.grid__dropzone.dragging .grid__draggable {
  opacity: 0.5;
}
.library__gynzy-library__active-filters {
  display: flex;
  align-items: center;
  padding: 1.04166667rem 0;
}
.library__gynzy-library__active-filters span {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25rem;
  color: #556474;
}
.library__gynzy-library__active-filters span.invalid {
  color: #f04248;
}
.library__gynzy-library__active-filters div.middle {
  display: flex;
  flex-wrap: wrap;
  margin: 0 1.04166667rem;
}
.library__gynzy-library__active-filters div.right {
  display: flex;
  align-items: center;
  margin-left: auto;
  cursor: pointer;
  white-space: nowrap;
}
.library__gynzy-library__active-filters div.right span {
  font-weight: 600;
  color: #277cd9;
}
.library__gynzy-library__active-filters div.left {
  white-space: nowrap;
}
.library__gynzy-library__featured-content__featured-item {
  display: flex;
  justify-content: center;
  width: 39.79166667rem;
  height: 14.375rem;
  box-sizing: border-box;
  color: #556474;
  background-color: #ffffff;
  border-radius: 0.83333333rem;
  border: 1px solid #d1d3de;
  flex-shrink: 0;
  order: var(--item-order, 0);
  cursor: pointer;
}
.library__gynzy-library__featured-content__featured-item .fc-thumbnail,
.library__gynzy-library__featured-content__featured-item .fc-content {
  width: 50%;
  box-sizing: border-box;
}
.library__gynzy-library__featured-content__featured-item .fc-thumbnail {
  position: relative;
  height: 100%;
  border-radius: 0.83333333rem 0 0 0.83333333rem;
}
.library__gynzy-library__featured-content__featured-item .fc-thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.83333333rem 0 0 0.83333333rem;
}
.library__gynzy-library__featured-content__featured-item .fc-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: 14.375rem;
  box-sizing: border-box;
  text-align: left;
  border-radius: 0 0.83333333rem 0.83333333rem 0;
  border-left: 1px solid #d1d3de;
}
.library__gynzy-library__featured-content__featured-item .fc-content .fc-text {
  box-sizing: border-box;
  padding: 0.83333333rem 1.66666667rem;
  max-height: 11.04166667rem;
  overflow: hidden;
}
.library__gynzy-library__featured-content__featured-item .fc-content .fc-text.fc-text-measuring .fc-header,
.library__gynzy-library__featured-content__featured-item .fc-content .fc-text.fc-text-measuring .fc-desc {
  /* using visibility causes issues with clamping in Safari */
  opacity: 0;
}
.library__gynzy-library__featured-content__featured-item .fc-content .fc-text .fc-header {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 1.66666667rem;
  font-weight: bold;
  line-height: 2.5rem;
  letter-spacing: 0;
  margin-bottom: 0.41666667rem;
  color: #2a3541;
}
.library__gynzy-library__featured-content__featured-item .fc-content .fc-text .fc-desc {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  font-size: 1.25rem;
  line-height: 1.875rem;
}
.library__gynzy-library__featured-content__featured-item .fc-content .fc-text.fc-description-max-lines-0 .fc-desc {
  display: none;
}
.library__gynzy-library__featured-content__featured-item .fc-content .fc-text.fc-description-max-lines-1 .fc-desc {
  -webkit-line-clamp: 1;
}
.library__gynzy-library__featured-content__featured-item .fc-content .fc-text.fc-description-max-lines-2 .fc-desc {
  -webkit-line-clamp: 2;
}
.library__gynzy-library__featured-content__featured-item .fc-content .fc-text.fc-description-max-lines-3 .fc-desc {
  -webkit-line-clamp: 3;
}
.library__gynzy-library__featured-content__featured-item .fc-content .fc-content-buttons {
  display: flex;
  flex-direction: row;
  height: 3.33333333rem;
  border-top: 1px solid #d1d3de;
  flex-shrink: 0;
}
.library__gynzy-library__featured-content__featured-item .fc-content .fc-content-buttons .fc-info,
.library__gynzy-library__featured-content__featured-item .fc-content .fc-content-buttons .fc-favorite {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
}
.library__gynzy-library__featured-content__featured-item .fc-content .fc-content-buttons .fc-favorite {
  background-color: transparent;
  border-left: 1px solid #d1d3de;
}
.library__gynzy-library__featured-content__featured-item .fc-content .fc-content-buttons a.card__button,
.library__gynzy-library__featured-content__featured-item .fc-content .fc-content-buttons button.card__button {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
}
.library__gynzy-library__featured-content__featured-item .fc-content .fc-content-buttons a.card__button .flat__icon .icon--graphics,
.library__gynzy-library__featured-content__featured-item .fc-content .fc-content-buttons button.card__button .flat__icon .icon--graphics {
  fill: #277cd9;
}
.library__gynzy-library__featured-content__featured-item .fc-content .fc-content-buttons a.card__button:hover .flat__icon .icon--graphics,
.library__gynzy-library__featured-content__featured-item .fc-content .fc-content-buttons button.card__button:hover .flat__icon .icon--graphics {
  fill: #4e92ff;
}
.library__gynzy-library__featured-content__featured-item .fc-content .fc-content-buttons a.card__button:active,
.library__gynzy-library__featured-content__featured-item .fc-content .fc-content-buttons button.card__button:active {
  background: #f5f5f8;
}
.library__gynzy-library__featured-content__featured-item .fc-content .fc-content-buttons a.card__button:active .flat__icon .icon--graphics,
.library__gynzy-library__featured-content__featured-item .fc-content .fc-content-buttons button.card__button:active .flat__icon .icon--graphics {
  fill: #2465ab;
}
.library__gynzy-library__featured-content__featured-item .card__type {
  position: absolute;
  margin: 0.83333333rem;
  padding: 0.3125rem 0.625rem;
  background: #ffffff;
  border: 1px solid #d1d3de;
  border-radius: 0.41666667rem;
  font-weight: 700;
  color: #3f4c5a;
  border-color: #aeb7c2;
  background-color: #e9eaef;
}
.library__gynzy-library__featured-content__featured-item .card__type.type--tool {
  color: #45521e;
  border-color: #98bb30;
  background-color: #e6f6b6;
}
.library__gynzy-library__featured-content__featured-item .card__type.type--instruction_lesson {
  color: #3a1d58;
  border-color: #a05fe3;
  background-color: #d9b9f8;
}
.library__gynzy-library__featured-content__featured-item .card__type.type--presentation {
  color: #571e3a;
  border-color: #e260a0;
  background-color: #f8bad9;
}
.library__gynzy-library__featured-content__featured-item .card__type.type--activity {
  color: #1a455b;
  border-color: #59b6e8;
  background-color: #b7e3fa;
}
.library__gynzy-library__featured-content__featured-item .card__type.type--template {
  color: #574a0a;
  border-color: #d3b109;
  background-color: #ffef9e;
}
.library__gynzy-library__featured-content__featured-item .card__type.type--practice_serie {
  color: #1e2848;
  border-color: #5a79d8;
  background-color: #afc0f3;
}
.library__gynzy-library__featured-content__featured-item .card__type.type--interactive_question {
  color: #1e4833;
  border-color: #34ad70;
  background-color: #aff3d1;
}
.library__gynzy-library__featured-content {
  display: flex;
  justify-content: space-between;
  height: 24.79166667rem;
  width: 100%;
  background: linear-gradient(45deg, #2465ab, #277cd9);
  border-radius: 0.83333333rem;
  margin-top: 1.66666667rem;
  touch-action: pan-y;
}
.library__gynzy-library__featured-content .fc-wrapper {
  height: 24.79166667rem;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.library__gynzy-library__featured-content .fc-wrapper .fc-loading {
  display: flex;
  justify-content: center;
  height: 14.375rem;
}
.library__gynzy-library__featured-content .fc-wrapper .fc-loading .skeleton-featured {
  margin: 0 0.83333333rem;
}
.library__gynzy-library__featured-content .fc-wrapper .fc-items-outer {
  height: 14.375rem;
  overflow: hidden;
  position: relative;
  width: calc(var(--items-visible, 2) * 41.458333333333336rem);
}
.library__gynzy-library__featured-content .fc-wrapper .fc-items-outer .fc-items {
  display: flex;
  justify-content: center;
  height: 14.375rem;
  position: absolute;
  top: 0;
  left: 0;
}
.library__gynzy-library__featured-content .fc-wrapper .fc-items-outer .fc-items > .fc-item {
  margin: 0 0.83333333rem;
}
.library__gynzy-library__featured-content .fc-wrapper .fc-items-outer .fc-items > .fc-item:last-child {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: calc((var(--items-additional, 0) * 41.458333333333336rem / 2) + 0.8333333333333334rem);
  margin-right: calc((var(--items-additional, 0) * 41.458333333333336rem / 2) + 0.8333333333333334rem);
}
.library__gynzy-library__featured-content .fc-wrapper .fc-items-outer.fc-items-browsable-left .fc-items {
  left: calc(var(--items-visible, 2) * -41.458333333333336rem);
}
.library__gynzy-library__featured-content .fc-wrapper .fc-items-outer.fc-items-transition .fc-items {
  transition-property: transform;
  transition-duration: 1s;
}
@media (prefers-reduced-motion: reduce) {
  .library__gynzy-library__featured-content .fc-wrapper .fc-items-outer.fc-items-transition .fc-items {
    transition: none;
  }
}
.library__gynzy-library__featured-content .fc-wrapper .fc-items-outer.fc-no-pointer-events .fc-items .fc-item {
  pointer-events: none;
}
.library__gynzy-library__featured-content .fc-spotlight {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.41666667px;
}
.library__gynzy-library__featured-content .fc-spotlight h1 {
  margin-left: 0.83333333rem;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.875rem;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
  letter-spacing: 0;
}
.library__gynzy-library__featured-content .fc-spotlight .styleguide.svg__icon img {
  width: 1.875rem;
  height: 1.875rem;
}
.library__gynzy-library__featured-content .fc-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 5.83333333rem;
  background-color: transparent;
  opacity: 0.75;
  transition: opacity 0.15s;
}
.library__gynzy-library__featured-content .fc-arrow:hover {
  opacity: 1;
}
.library__gynzy-library__featured-content .fc-arrow .styleguide.svg__icon img {
  width: 2.5rem;
  height: 2.5rem;
}
.library__gynzy-library__featured-content .fc-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.library__gynzy-library__featured-content .fc-dots .fc-dot {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.5;
  cursor: pointer;
  color: white;
  width: 1.45833333rem;
  height: 1.45833333rem;
  font-size: 0.83333333rem;
  transition: opacity 0.15s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.library__gynzy-library__featured-content .fc-dots .fc-dot:hover {
  opacity: 0.75;
}
.library__gynzy-library__featured-content .fc-dots .fc-dot-selected {
  opacity: 1;
}
.library__gynzy-library__featured-content .fc-dots .fc-dot-selected:hover {
  opacity: 1;
}
.library__gynzy-library__featured-content .fc-disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.library__gynzy-library__filter-collection {
  padding: 2.08333333rem;
  background: #ffffff;
}
.library__gynzy-library__filter-collection.button-style {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.83333333rem;
  padding-bottom: 3.33333333rem;
  padding-right: 1.25rem;
}
.library__gynzy-library__filter-collection .age-filter {
  display: flex;
  width: 2.91666667rem;
  height: 2.91666667rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.41666667rem;
  color: #2477a3;
  font-weight: 600;
  font-size: 1.25rem;
  background: white;
  border: 1px solid #2477a3;
  cursor: pointer;
}
.library__gynzy-library__filter-collection .age-filter span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.library__gynzy-library__filter-collection .age-filter.selected {
  background: #d4eefc;
  border: 1px solid #d4eefc;
}
.library__gynzy-library__filter-collection span {
  font-weight: 700;
  color: #3f4c5a;
}
.library__gynzy-library__filter-collection span.filter-title {
  width: 100%;
}
.library__gynzy-library__filter-collection .input__checkbox {
  margin: 1.25rem 0;
}
.library__gynzy-library__filter-label {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid;
  box-sizing: border-box;
  margin: 0.3125rem;
  padding: 0.20833333rem 0.9375rem;
  border-radius: 0.41666667rem;
  cursor: pointer;
  color: #3f4c5a;
  border-color: #aeb7c2;
  background-color: #e9eaef;
}
.library__gynzy-library__filter-label button {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: inherit;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
  background-color: transparent;
  line-height: inherit;
}
.library__gynzy-library__filter-label button span {
  color: inherit;
}
.library__gynzy-library__filter-label button .flat__icon {
  height: 0.83333333rem;
  width: 0.83333333rem;
  margin-left: 0.9375rem;
}
.library__gynzy-library__filter-label button .flat__icon svg .icon--graphics {
  fill: #3f4c5a;
}
.library__gynzy-library__filter-label.type--tool {
  color: #45521e;
  border-color: #98bb30;
  background-color: #e6f6b6;
}
.library__gynzy-library__filter-label.type--tool .flat__icon .icon--graphics {
  fill: #45521e;
}
.library__gynzy-library__filter-label.type--instruction_lesson {
  color: #3a1d58;
  border-color: #a05fe3;
  background-color: #d9b9f8;
}
.library__gynzy-library__filter-label.type--instruction_lesson .flat__icon .icon--graphics {
  fill: #3a1d58;
}
.library__gynzy-library__filter-label.type--presentation {
  color: #571e3a;
  border-color: #e260a0;
  background-color: #f8bad9;
}
.library__gynzy-library__filter-label.type--presentation .flat__icon .icon--graphics {
  fill: #571e3a;
}
.library__gynzy-library__filter-label.type--activity {
  color: #1a455b;
  border-color: #59b6e8;
  background-color: #b7e3fa;
}
.library__gynzy-library__filter-label.type--activity .flat__icon .icon--graphics {
  fill: #1a455b;
}
.library__gynzy-library__filter-label.type--template {
  color: #574a0a;
  border-color: #d3b109;
  background-color: #ffef9e;
}
.library__gynzy-library__filter-label.type--template .flat__icon .icon--graphics {
  fill: #574a0a;
}
.library__gynzy-library__filter-label.type--practice_serie {
  color: #1e2848;
  border-color: #5a79d8;
  background-color: #afc0f3;
}
.library__gynzy-library__filter-label.type--practice_serie .flat__icon .icon--graphics {
  fill: #1e2848;
}
.library__gynzy-library__filter-label.type--interactive_question {
  color: #1e4833;
  border-color: #34ad70;
  background-color: #aff3d1;
}
.library__gynzy-library__filter-label.type--interactive_question .flat__icon .icon--graphics {
  fill: #1e4833;
}
.library__gynzy-library__filter-label.type--grade {
  color: #57300a;
  border-color: #ff962e;
  background-color: #ffcf9e;
}
.library__gynzy-library__filter-label.type--grade .flat__icon .icon--graphics {
  fill: #57300a;
}
.library__gynzy-library__filter-label.global-filter.type--tool {
  background-color: #d4eefc;
  color: #2477a3;
  border: none;
}
.library__gynzy-library__filter-label.global-filter.type--tool .flat__icon .icon--graphics {
  fill: #2477a3;
}
.library__gynzy-library__filter-label.global-filter.type--instruction_lesson,
.library__gynzy-library__filter-label.global-filter.type--presentation,
.library__gynzy-library__filter-label.global-filter.type--activity,
.library__gynzy-library__filter-label.global-filter.type--template,
.library__gynzy-library__filter-label.global-filter.type--practice_serie,
.library__gynzy-library__filter-label.global-filter.type--interactive_question {
  background-color: #ffdebd;
  color: #a8590b;
  border: none;
}
.library__gynzy-library__filter-label.global-filter.type--instruction_lesson .flat__icon .icon--graphics,
.library__gynzy-library__filter-label.global-filter.type--presentation .flat__icon .icon--graphics,
.library__gynzy-library__filter-label.global-filter.type--activity .flat__icon .icon--graphics,
.library__gynzy-library__filter-label.global-filter.type--template .flat__icon .icon--graphics,
.library__gynzy-library__filter-label.global-filter.type--practice_serie .flat__icon .icon--graphics,
.library__gynzy-library__filter-label.global-filter.type--interactive_question .flat__icon .icon--graphics {
  fill: #a8590b;
}
.library__gynzy-library__filter-label.global-filter.type--grade,
.library__gynzy-library__filter-label.global-filter.type--age {
  color: #28759f;
  border-color: #59b6e8;
  background-color: #d4eefc;
}
.library__gynzy-library__filter-label.global-filter.type--grade .flat__icon .icon--graphics,
.library__gynzy-library__filter-label.global-filter.type--age .flat__icon .icon--graphics {
  fill: #28759f;
}
.library__gynzy-library__library-item {
  content-visibility: auto;
  contain-intrinsic-size: 26.5625rem;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 26.5625rem;
  border: 1px solid #d1d3de;
  box-sizing: border-box;
  border-radius: 0.83333333rem;
  background: #ffffff;
}
.library__gynzy-library__library-item .card__wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 22.39583333rem;
  background: #ffffff;
  border-radius: 0.83333333rem 0.83333333rem 0 0;
  box-sizing: border-box;
  cursor: pointer;
}
.library__gynzy-library__library-item .card__wrapper .card__type {
  position: absolute;
  margin: 0.83333333rem;
  padding: 0.20833333rem 0.9375rem;
  border: 1px solid;
  border-radius: 0.41666667rem;
  font-weight: 600;
  color: #3f4c5a;
  border-color: #aeb7c2;
  background-color: #e9eaef;
}
.library__gynzy-library__library-item .card__wrapper .card__type.type--tool {
  color: #45521e;
  border-color: #98bb30;
  background-color: #e6f6b6;
}
.library__gynzy-library__library-item .card__wrapper .card__type.type--instruction_lesson {
  color: #3a1d58;
  border-color: #a05fe3;
  background-color: #d9b9f8;
}
.library__gynzy-library__library-item .card__wrapper .card__type.type--presentation {
  color: #571e3a;
  border-color: #e260a0;
  background-color: #f8bad9;
}
.library__gynzy-library__library-item .card__wrapper .card__type.type--activity {
  color: #1a455b;
  border-color: #59b6e8;
  background-color: #b7e3fa;
}
.library__gynzy-library__library-item .card__wrapper .card__type.type--template {
  color: #574a0a;
  border-color: #d3b109;
  background-color: #ffef9e;
}
.library__gynzy-library__library-item .card__wrapper .card__type.type--practice_serie {
  color: #1e2848;
  border-color: #5a79d8;
  background-color: #afc0f3;
}
.library__gynzy-library__library-item .card__wrapper .card__type.type--interactive_question {
  color: #1e4833;
  border-color: #34ad70;
  background-color: #aff3d1;
}
.library__gynzy-library__library-item .card__wrapper .card__thumbnail {
  height: 13.4375rem;
}
.library__gynzy-library__library-item .card__wrapper .card__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.83333333rem 0.83333333rem 0 0;
}
.library__gynzy-library__library-item .card__wrapper .card__text {
  height: 8.95833333rem;
  padding: 1.04166667rem;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  border-top: 1px solid #d1d3de;
  border-bottom: 1px solid #d1d3de;
  overflow: hidden;
}
.library__gynzy-library__library-item .card__wrapper .card__text .card--title {
  font-size: 1.35416667rem;
  text-align: center;
  font-weight: 700;
  color: #3f4c5a;
}
.library__gynzy-library__library-item .button__wrapper {
  display: flex;
  flex-direction: row;
  height: 4.16666667rem;
}
.library__gynzy-library__library-item .button__wrapper .button--like {
  border-bottom-right-radius: 0.83333333rem;
}
.library__gynzy-library__library-item a.card__button,
.library__gynzy-library__library-item button.card__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #ffffff;
  cursor: pointer;
}
.library__gynzy-library__library-item a.card__button .flat__icon .icon--graphics,
.library__gynzy-library__library-item button.card__button .flat__icon .icon--graphics {
  fill: #277cd9;
}
.library__gynzy-library__library-item a.card__button:hover .flat__icon .icon--graphics,
.library__gynzy-library__library-item button.card__button:hover .flat__icon .icon--graphics {
  fill: #4e92ff;
}
.library__gynzy-library__library-item a.card__button:active,
.library__gynzy-library__library-item button.card__button:active {
  background: #f5f5f8;
}
.library__gynzy-library__library-item a.card__button:active .flat__icon .icon--graphics,
.library__gynzy-library__library-item button.card__button:active .flat__icon .icon--graphics {
  fill: #2465ab;
}
.library__gynzy-library__library-item a.card__button {
  border-right: 1px solid #d1d3de;
  border-bottom-left-radius: 0.83333333rem;
}
.library__gynzy-library__public-library-item {
  content-visibility: auto;
  contain-intrinsic-size: 27.8125rem;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: auto;
  border: none;
  box-sizing: border-box;
  border-radius: 1.66666667rem;
  padding: 1.25rem 1.25rem 1.66666667rem 1.25rem;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.library__gynzy-library__public-library-item:hover {
  transform: scale(1.1);
}
.library__gynzy-library__public-library-item.tool-card {
  background: #d4eefc;
}
.library__gynzy-library__public-library-item.activity-card {
  background: #ffdebd;
}
.library__gynzy-library__public-library-item .card__wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  background: none;
  width: 100%;
  height: auto;
  border-radius: 0.52083333rem 0.52083333rem 0 0;
  box-sizing: border-box;
}
.library__gynzy-library__public-library-item .card__wrapper .card__thumbnail {
  height: 15.10416667rem;
  border: 2px solid #ffffff;
  border-radius: 0.52083333rem;
}
.library__gynzy-library__public-library-item .card__wrapper .card__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.3125rem;
}
.library__gynzy-library__public-library-item .card__wrapper .card__data {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2.70833333rem;
  margin-top: 0.83333333rem;
}
.library__gynzy-library__public-library-item .card__wrapper .card__data .card__type {
  position: relative;
  margin-left: -1.25rem;
  height: auto;
  padding: 0.20833333rem 0.9375rem;
  border-radius: 0 0.41666667rem 0.41666667rem 0;
  border: none;
  font-weight: 600;
  font-size: 1.25rem;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #3f4c5a;
  color: #ffffff;
}
.library__gynzy-library__public-library-item .card__wrapper .card__data .card__type.type--tool {
  background-color: #38a4de;
  color: #ffffff;
}
.library__gynzy-library__public-library-item .card__wrapper .card__data .card__type.type--instruction_lesson,
.library__gynzy-library__public-library-item .card__wrapper .card__data .card__type.type--presentation,
.library__gynzy-library__public-library-item .card__wrapper .card__data .card__type.type--activity,
.library__gynzy-library__public-library-item .card__wrapper .card__data .card__type.type--template,
.library__gynzy-library__public-library-item .card__wrapper .card__data .card__type.type--practice_serie,
.library__gynzy-library__public-library-item .card__wrapper .card__data .card__type.type--interactive_question {
  background-color: #fa830c;
  color: #ffffff;
}
.library__gynzy-library__public-library-item .card__wrapper .card__data .button__wrapper {
  display: flex;
  justify-content: flex-end;
}
.library__gynzy-library__public-library-item .card__wrapper .card__data .button__wrapper .card__button {
  background: none;
}
.library__gynzy-library__public-library-item .card__wrapper .card__data .button__wrapper .card__button .library__gynzy-favorites__favorites-button {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.library__gynzy-library__public-library-item .card__wrapper .card__text {
  padding-top: 1.25rem;
  height: 6.66666667rem;
  box-sizing: border-box;
  border: none;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.library__gynzy-library__public-library-item .card__wrapper .card__text .card--title {
  font-size: 1.66666667rem;
  text-align: left;
  font-weight: 700;
  color: #3f4c5a;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.native-dropdown-container {
  width: 100%;
}
.native-dropdown-container .native-dropdown-label {
  display: flex;
  font-weight: 600;
  font-size: 1.25rem;
  height: 1.66666667rem;
  color: #3f4c5a;
  margin-bottom: 1.66666667rem;
}
.native-dropdown-container .native-dropdown-wrap {
  width: inherit;
  position: relative;
  height: 3.13rem;
}
.native-dropdown-container .native-dropdown-wrap .native-dropdown-arrow {
  position: absolute;
  right: 5%;
  top: 25%;
  width: 1rem;
  cursor: pointer;
}
.native-dropdown-container .native-dropdown-wrap .native-dropdown-arrow .icon--container .icon--graphics {
  fill: #8c99a8;
}
.native-dropdown-container .native-dropdown-wrap .native-dropdown {
  width: 100%;
  height: 100%;
  border-radius: 0.42rem;
  padding: 0 0.94rem;
  border: 1px solid #d1d3de;
  font-family: 'Open Sans', sans-serif;
  color: #3f4c5a;
  background-color: white;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}
.library__gynzy-library__search-results .container {
  display: grid;
  grid-template-columns: repeat(auto-fit, 17.70833333rem);
  gap: 1.66666667rem;
  margin-top: 1.66666667rem;
}
.library__gynzy-library__search-results.global-public-library .container {
  grid-template-columns: repeat(auto-fit, 23.33333333rem);
  gap: 4.16666667rem;
}
.library__gynzy-library__search-results.global-public-library .container .library__gynzy-library__public-library-item {
  box-sizing: border-box;
}
.gynzy-library {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 1.25rem;
}
.gynzy-library hr {
  margin: 0;
  border-top: 1px solid #d1d3de;
}
.gynzy-library .error__modal .modal__dialog-content {
  text-align: left;
  width: 53.33333333rem;
}
.gynzy-library .error__modal .modal__dialog-content .modal__dialog-yield p {
  line-height: 1.5;
}
.gynzy-library .error__modal .modal__dialog-content .modal__component-header {
  font-weight: bold;
}
.gynzy-library nav p,
.gynzy-library main p {
  font-size: inherit;
  margin-bottom: initial;
  line-height: initial;
}
.gynzy-library .library__side-menu {
  width: 25rem;
  height: 100%;
  border-right: 1px solid #d1d3de;
  overflow-y: auto;
  background: #ffffff;
}
.gynzy-library .library__side-menu .filters > div:not(:first-child) {
  padding-top: 0;
}
.gynzy-library .library__side-menu .types-loading,
.gynzy-library .library__side-menu .grades-loading {
  padding: 2.08333333rem;
}
.gynzy-library .library__side-menu .show-results {
  display: none;
  width: 100%;
  padding: 0 2.08333333rem 2.08333333rem 2.08333333rem;
  background: #ffffff;
  position: fixed;
  bottom: 0;
  box-sizing: border-box;
}
.gynzy-library .library__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  padding: 3.33333333rem 3.33333333rem 0;
  background: #effaff;
  box-sizing: border-box;
}
.gynzy-library .library__content.public-board-library {
  background: #ffffff;
}
.gynzy-library .library__content .library__top-menu {
  margin-bottom: 1.66666667rem;
}
.gynzy-library .library__content .library__top-menu .breadcrumbs-searchbar-container {
  width: 100%;
}
.gynzy-library .library__content .library__top-menu .breadcrumbs-searchbar-container .breadcrumbs__language__container a {
  text-decoration: none;
  height: 1.66666667rem;
}
.gynzy-library .library__content .library__top-menu .breadcrumbs-searchbar-container .content-search-container .searchbar__container {
  width: 100%;
}
.gynzy-library .library__content .library__top-menu .language-select-container {
  width: 20%;
  margin-left: 1.66666667rem;
  text-align: left;
}
.gynzy-library .library__content .dropdown-label {
  font-weight: 600;
  font-size: 1.25rem;
  padding: 0.625rem;
  color: #3f4c5a;
}
.gynzy-library .library__content .library__content-container {
  height: inherit;
  display: flex;
  flex-direction: column;
}
.gynzy-library .library__content .content {
  padding-left: 1.25rem;
  padding-bottom: 3.33333333rem;
}
.gynzy-library .library__content .content:not(.loading) {
  overflow: auto;
  flex: 1;
}
.gynzy-library .library__content .content .content-loading {
  display: grid;
  grid-template-columns: repeat(auto-fit, 17.70833333rem);
  gap: 1.66666667rem;
  margin-top: 1.66666667rem;
}
.gynzy-library .library__content .content .content-loading.margin-top {
  margin-top: 8.75rem;
}
.gynzy-library .library__content .content .global-content-loading {
  display: grid;
  grid-template-columns: repeat(auto-fit, 23.33333333rem);
  gap: 4.16666667rem;
  margin-top: 1.66666667rem;
}
.gynzy-library .library__content .content .global-content-loading.margin-top {
  margin-top: 8.75rem;
}
.gynzy-library .library__content .content .no-favorites-container {
  width: 79.16666667rem;
  height: 31.97916667rem;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
.gynzy-library .library__content .content .no-favorites-container .explanation-card {
  width: 100%;
  height: 25rem;
  background-color: #fff5eb;
  border-radius: 1.66666667rem;
  padding: 4.16666667rem 5rem;
  position: relative;
}
.gynzy-library .library__content .content .no-favorites-container .explanation-card .explanation-text {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1.66666667rem;
  line-height: 1.5;
}
.gynzy-library .library__content .content .no-favorites-container .explanation-card .explanation-text h1 {
  font-weight: 700;
  font-size: 2.08333333rem;
}
.gynzy-library .library__content .content .no-favorites-container .explanation-card .explanation-text p {
  font-size: 1.66666667rem;
}
.gynzy-library .library__content .content .no-favorites-container .explanation-card .explanation-text .back-to-all-content-button {
  min-width: 16.66666667rem;
  max-width: 100%;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0.83333333rem;
}
.gynzy-library .library__content .content .no-favorites-container .explanation-card .card-image {
  width: 25.625rem;
  height: 27.8125rem;
  right: 5rem;
  bottom: 4.16666667rem;
  position: absolute;
}
.gynzy-library .library__content .content .no-favorites-container .explanation-card .card-image img {
  width: 100%;
}
.gynzy-library .library__content .content a {
  color: #277cd9;
  text-decoration: underline;
}
.gynzy-library .library__content .content .content_header {
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.875rem;
  line-height: 28px;
  font-weight: 600;
  color: #3f4c5a;
  margin-top: 5rem;
}
.gynzy-library .library__content .content .content_header .result_count {
  font-weight: 400;
  color: #8c99a8;
}
.gynzy-library .library__content .content .content_text {
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.875rem;
  line-height: 28px;
  font-weight: 600;
  color: #3f4c5a;
  margin-top: 5rem;
  font-size: 1.25rem;
  line-height: 22px;
  color: #556474;
  font-weight: 400;
  margin-top: 1.66666667rem;
}
.gynzy-library .library__content .content .content_text .result_count {
  font-weight: 400;
  color: #8c99a8;
}
.gynzy-library .state-switcher-container {
  padding-left: 2.08333333rem;
  padding-bottom: 3.33333333rem;
  display: flex;
  justify-content: flex-start;
  gap: 1.25rem;
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  .gynzy-library .library__content {
    overflow: visible;
  }
}

@charset "UTF-8";
/* arimo-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/arimo/arimo-v29-all-regular-1e3a0e94ba2bc8dcb88dd8a4d7e4cd08.woff2') format('woff2');
}
/* lexend-deca-regular - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-regular-5dc449bf89c8996180f0bf586f6370e7.woff2') format('woff2');
}
/* lexend-deca-500 - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 500;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-500-86663f8e4c24f0f64ebbcf94016b651a.woff2') format('woff2');
}
/* lexend-deca-600 - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 600;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-600-f70f8f823d24acc577ce02d800e1dd23.woff2') format('woff2');
}
/* mulish-regular - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-regular-c8802cd4edbbc28ae7c85e4374d3f924.woff2') format('woff2');
}
/* mulish-italic - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-italic-1db4ee7c71dfc060681293c00828e521.woff2') format('woff2');
}
/* mulish-700 - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-700-639ec8157b44583ea8ed7fad3d8dfeb0.woff2') format('woff2');
}
/* mulish-700italic - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-700italic-c5a3347dc8754ff8fda86531e03797a6.woff2') format('woff2');
}
/* open-sans-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-regular-c07cd0d1a063582245c8193d978f799b.woff2') format('woff2');
}
/* open-sans-italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-italic-d4e5cf548d6dedbed35fa9fd65b37ef0.woff2') format('woff2');
}
/* open-sans-600 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-600-b94f001b27f8c83057b118dff8d859cc.woff2') format('woff2');
}
/* open-sans-700 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-700-d03f336b3845249375499d014fa49b55.woff2') format('woff2');
}
/* open-sans-700italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-700italic-e6888e94f2367285f7776ed161bdb8ce.woff2') format('woff2');
}
/* open-sans-800 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-800-18f82823a9df95dec46891f281b3df46.woff2') format('woff2');
}
@font-face {
  font-family: 'ds-digi';
  src: url('../gynzy-styleguide/assets/fonts/ds-digi/ds-digi-839cd00f56360147c956a354753eaa07.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
.font-arial-bold {
  font-family: 'Arial';
  font-style: normal;
  font-weight: bold;
}
.font-open-sans {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
}
.font-open-sans-italic {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
}
.font-open-sans-semibold {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
}
.font-open-sans-bold {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
}
.font-open-sans-bold-italic {
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  font-weight: 700;
}
/* Group Colors */
/* ParnasSys */
/* Folders */
/* stylelint-disable keyframe-block-no-duplicate-selectors */
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes rubberBand {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  animation-name: rubberBand;
}
@keyframes shake {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}
.shakeDelay {
  animation-name: shake;
  animation-delay: 1s;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  0% {
    transform: translate3d(0, 0, 0);
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.wobble {
  animation-name: wobble;
}
@keyframes jello {
  0%,
  11.1%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.3);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1);
  }
}
.heartBeat {
  animation-name: heartBeat;
  animation-duration: 1.3s;
  animation-timing-function: ease-in-out;
}
@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  animation-duration: 0.75s;
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  animation-duration: 0.75s;
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes flip {
  0% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-duration: 0.75s;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedIn {
  0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  animation-duration: 2s;
  animation-name: hinge;
}
@keyframes jackInTheBox {
  0% {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.jackInTheBox {
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.rollIn {
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  animation-name: zoomOutUp;
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.animated.delay-1s {
  animation-delay: 1s;
}
.animated.delay-2s {
  animation-delay: 2s;
}
.animated.delay-3s {
  animation-delay: 3s;
}
.animated.delay-4s {
  animation-delay: 4s;
}
.animated.delay-5s {
  animation-delay: 5s;
}
.animated.fast {
  animation-duration: 800ms;
}
.animated.faster {
  animation-duration: 500ms;
}
.animated.slow {
  animation-duration: 2s;
}
.animated.slower {
  animation-duration: 3s;
}
@media (prefers-reduced-motion) {
  .animated {
    animation: unset !important;
    transition: none !important;
  }
}
@keyframes flipDown {
  0% {
    transform: rotateX(0deg);
  }
  100% {
    transform: rotateX(90deg);
  }
}
.flipDown {
  animation-name: flipDown;
  animation-duration: 0.35s;
  perspective: 1000px;
  transform-style: preserve-3d;
}
@keyframes flipUp {
  0% {
    transform: rotateX(270deg);
  }
  100% {
    transform: rotateX(360deg);
  }
}
.flipUp {
  animation-name: flipUp;
  animation-duration: 0.35s;
  transform-style: preserve-3d;
  perspective: 1000px;
}
.student-background-crimson {
  background-color: #fee7e7;
}
.student-background-pumpkin {
  background-color: #ffdebd;
}
.student-background-lemon {
  background-color: #fff4bd;
}
.student-background-pear {
  background-color: #f0fad1;
}
.student-background-mantis {
  background-color: #dcfbd5;
}
.student-background-emerald {
  background-color: #caf7e0;
}
.student-background-caribbean {
  background-color: #d1fafa;
}
.student-background-sky {
  background-color: #d4eefc;
}
.student-background-indigo {
  background-color: #cad5f7;
}
.student-background-lavender {
  background-color: #e8d5fb;
}
.student-background-fuchsia {
  background-color: #fbd5fb;
}
.student-background-cranberry {
  background-color: #fbd5e8;
}
.student-background-container {
  background-color: #fee7e7;
  height: 100%;
  width: 100%;
  color: #0a0000;
  overflow: hidden;
}
.student-background-container.spelling,
.student-background-container.nederlands {
  background-color: #dcfbd5;
}
.student-background-container.spelling .island-border,
.student-background-container.nederlands .island-border {
  stroke: #c4f8ba;
}
.student-background-container.spelling .line,
.student-background-container.nederlands .line {
  background-color: #c4f8ba;
}
.student-background-container.zill_math,
.student-background-container.ovsg_math,
.student-background-container.go_math,
.student-background-container.go-ijsberg_math,
.student-background-container.rekenen,
.student-background-container.wiskunde {
  background-color: #d4eefc;
}
.student-background-container.zill_math .island-border,
.student-background-container.ovsg_math .island-border,
.student-background-container.go_math .island-border,
.student-background-container.go-ijsberg_math .island-border,
.student-background-container.rekenen .island-border,
.student-background-container.wiskunde .island-border {
  stroke: #b7e3fa;
}
.student-background-container.zill_math .line,
.student-background-container.ovsg_math .line,
.student-background-container.go_math .line,
.student-background-container.go-ijsberg_math .line,
.student-background-container.rekenen .line,
.student-background-container.wiskunde .line {
  background-color: #b7e3fa;
}
.student-background-container.woordenschat {
  background-color: #ffdebd;
}
.student-background-container.woordenschat .island-border {
  stroke: #ffcf9e;
}
.student-background-container.woordenschat .line {
  background-color: #ffcf9e;
}
.student-background-container.mammoth {
  background-color: #fbd5fb;
}
.student-background-container.mammoth .island-border {
  stroke: #f8b9f8;
}
.student-background-container.mammoth .line {
  background-color: #f8b9f8;
}
.student-background-container.grammatica {
  background-color: #fbd5e8;
}
.student-background-container.grammatica .island-border {
  stroke: #f8bad9;
}
.student-background-container.grammatica .line {
  background-color: #f8bad9;
}
.student-background-container.wereldorientatie {
  background-color: #d1fafa;
}
.student-background-container.wereldorientatie .island-border {
  stroke: #b6f6f6;
}
.student-background-container.wereldorientatie .line {
  background-color: #b6f6f6;
}
.student-background-container.digitale_geletterdheid {
  background-color: #fbd5fb;
}
.student-background-container.digitale_geletterdheid .island-border {
  stroke: #f8b9f8;
}
.student-background-container.digitale_geletterdheid .line {
  background-color: #f8b9f8;
}
.student-background-container.cijfers_en_letters,
.student-background-container.kleuters {
  background-color: #caf7e0;
}
.student-background-container.cijfers_en_letters .island-border,
.student-background-container.kleuters .island-border {
  stroke: #aff3d1;
}
.student-background-container.cijfers_en_letters .line,
.student-background-container.kleuters .line {
  background-color: #aff3d1;
}
.student-background-container.zill_numbers,
.student-background-container.ovsg_numbers,
.student-background-container.go_numbers,
.student-background-container.go-ijsberg_numbers,
.student-background-container.cijfers {
  background-color: #d1fafa;
}
.student-background-container.zill_numbers .island-border,
.student-background-container.ovsg_numbers .island-border,
.student-background-container.go_numbers .island-border,
.student-background-container.go-ijsberg_numbers .island-border,
.student-background-container.cijfers .island-border {
  stroke: #b6f6f6;
}
.student-background-container.zill_numbers .line,
.student-background-container.ovsg_numbers .line,
.student-background-container.go_numbers .line,
.student-background-container.go-ijsberg_numbers .line,
.student-background-container.cijfers .line {
  background-color: #b6f6f6;
}
.student-background-container.zill_letters,
.student-background-container.ovsg_letters,
.student-background-container.go_letters,
.student-background-container.letters {
  background-color: #caf7e0;
}
.student-background-container.zill_letters .island-border,
.student-background-container.ovsg_letters .island-border,
.student-background-container.go_letters .island-border,
.student-background-container.letters .island-border {
  stroke: #aff3d1;
}
.student-background-container.zill_letters .line,
.student-background-container.ovsg_letters .line,
.student-background-container.go_letters .line,
.student-background-container.letters .line {
  background-color: #aff3d1;
}
.student-background-container.engels {
  background-color: #e8d5fb;
}
.student-background-container.engels .island-border {
  stroke: #d9b9f8;
}
.student-background-container.engels .line {
  background-color: #d9b9f8;
}
.student-background-container.topografie {
  background-color: #f0fad1;
}
.student-background-container.topografie .island-border {
  stroke: #e6f6b6;
}
.student-background-container.topografie .line {
  background-color: #e6f6b6;
}
.student-background-container.taalontdekkers {
  background-color: #fff4bd;
}
.student-background-container.taalontdekkers .island-border {
  stroke: #ffef9e;
}
.student-background-container.taalontdekkers .line {
  background-color: #ffef9e;
}
.student-background-container.frans {
  background-color: #cad5f7;
}
.student-background-container.frans .island-border {
  stroke: #afc0f3;
}
.student-background-container.frans .line {
  background-color: #afc0f3;
}
.student-background-container.practiceseries {
  background-color: #fee7e7;
}
#attachment-table {
  background-color: white;
  padding: 2rem;
  border-radius: 1rem;
  color: black;
}
#attachment-table.attachment-table--scaled {
  transform: scale(0.65);
}
#attachment-table .attachment-table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1.5rem;
  margin-bottom: 0;
  max-width: 100%;
}
#attachment-table .attachment-table.attachment-table__normal {
  border: 2px solid black;
}
#attachment-table .attachment-table.attachment-table__normal td {
  border: 1px solid black;
}
#attachment-table .attachment-table.attachment-table__split {
  border: none;
}
#attachment-table .attachment-table.attachment-table__split tr:first-child td {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 2.4rem;
  text-align: center;
  border-bottom: 2px solid #000;
}
#attachment-table .attachment-table.attachment-table__split tr td {
  border-right: 2px solid #000;
  border-bottom: 1px solid #ccc;
}
#attachment-table .attachment-table.attachment-table__split tr td:last-child {
  border-right: none;
}
#attachment-table .attachment-table.attachment-table__split tr:last-child td {
  border-bottom: none;
}
#attachment-table .attachment-table td {
  padding: 1rem;
  line-height: 1.5rem;
}
#attachment-table .attachment-table td.attachment-table-cell--small {
  font-size: 1rem;
  line-height: 1rem;
}
#attachment-table .attachment-table td.attachment-table-cell--text span {
  display: block;
  text-align: left;
}
#attachment-table .attachment-table td.attachment-table-cell--text span .nowrap {
  display: inline;
}
#attachment-table .attachment-table td.attachment-table-cell--number span {
  display: block;
  text-align: right;
}
.attachment-text-wrapper {
  overflow: auto;
}
.attachment-text-wrapper .os-host:not(.os-host-scrollbar-vertical-hidden) .text {
  margin-right: 1.75rem;
}
.attachment-text-wrapper .attachment-text-paragraph {
  padding-bottom: 2rem;
  width: 100%;
}
.custom-subtitle-component .custom-subtitle-absolute-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding-bottom: 2.5rem;
  pointer-events: none;
}
.custom-subtitle-component .custom-subtitle-container {
  margin: 2rem;
  padding: 1rem 0;
}
.custom-subtitle-component .custom-subtitle-container.invisible {
  visibility: hidden;
}
.custom-subtitle-component .custom-subtitle-container .custom-subtitle {
  font-weight: normal;
}
.custom-subtitle-component .custom-subtitle-container .custom-subtitle.subtitle-black {
  color: black;
}
.custom-subtitle-component .custom-subtitle-container .custom-subtitle.subtitle-white {
  color: white;
}
.custom-subtitle-component .custom-subtitle-container .custom-subtitle.subtitle-big {
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.custom-subtitle-component .custom-subtitle-container .custom-subtitle.subtitle-normal {
  font-size: 1.8rem;
  line-height: 1.8rem;
}
.custom-subtitle-component .custom-subtitle-container .custom-subtitle.no-background {
  margin: 1rem;
  max-width: 66.66%;
}
.custom-subtitle-component .custom-subtitle-container .custom-subtitle.white-background {
  background-color: white;
  padding: 1.6rem;
  border: 1px solid black;
  border-radius: 0.75rem;
  margin: 1rem;
  max-width: 66.66%;
}
.custom-subtitle-component .custom-subtitle-container .custom-subtitle.tag-background {
  background: transparent;
}
.custom-subtitle-component .custom-subtitle-container .custom-subtitle.tag-background .tag-trapezoid {
  border-right: 1rem solid #b4996b;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
  height: 7rem;
}
.custom-subtitle-component .custom-subtitle-container .custom-subtitle.tag-background .tag-block {
  height: 7rem;
  background: #b4996b;
  font-size: 2.5rem;
  color: black;
  padding: 1.6rem;
}
.custom-subtitle-component .custom-subtitle-container .custom-subtitle.tag-background .tag-block .tag-circle {
  display: inline-block;
  border: 0.5rem solid #8e734d;
  border-radius: 2.5rem;
  background-color: #4f3417;
  margin: auto 1.6rem auto -1.5rem;
  height: 2rem;
  width: 2rem;
}
.custom-subtitle-component .custom-subtitle-container .custom-subtitle.digital-background {
  background: linear-gradient(to bottom, #6b7064, #8d9b88);
  padding: 1rem;
  color: black;
  border-width: 5px;
  border-style: solid;
  border-radius: 5px;
  border-image: url('../gynzy-processing/assets/img/custom-subtitle/border-image-digital-11aa3b2608a8df1fd432bc3019a8bc17.png') 10 10 stretch;
}
.custom-subtitle-component .custom-subtitle-container .custom-subtitle.digital-background .amount {
  font: 5rem 'ds-digi';
  line-height: 5rem;
}
.custom-subtitle-component .custom-subtitle-container .custom-subtitle.digital-background .unit {
  font-size: 1.5rem;
}
.fraction-bar-spacing {
  width: 10%;
}
.fraction-bar-wrapper.big {
  height: 15rem;
}
.fraction-bar-wrapper .accolade-wrapper {
  position: relative;
}
.fraction-bar-wrapper .accolade-wrapper .accolade {
  position: absolute;
  height: 1.5rem;
  bottom: 0;
}
.fraction-bar-wrapper .accolade-wrapper .accolade .accolade-start {
  background-image: url('../gynzy-processing/assets/img/fraction-bar/accolade_left-0806cc15e843e921bcc284d4f5bbd5af.png');
  background-size: 100% 99%;
  background-repeat: no-repeat;
  width: 1.305rem;
  height: 1.5rem;
}
.fraction-bar-wrapper .accolade-wrapper .accolade .accolade-middle {
  position: relative;
  background-image: url('../gynzy-processing/assets/img/fraction-bar/accolade_center-033030df709d2887002b3bcee59062ef.png');
  background-size: 100% 99%;
  background-repeat: no-repeat;
  width: 2.3rem;
  height: 1.5rem;
}
.fraction-bar-wrapper .accolade-wrapper .accolade .accolade-middle .accolade-label {
  position: absolute;
  white-space: nowrap;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35);
  bottom: calc(100% + 0.5rem);
  left: 0;
  right: 0;
}
.fraction-bar-wrapper .accolade-wrapper .accolade .accolade-end {
  background-image: url('../gynzy-processing/assets/img/fraction-bar/accolade_right-6f9e9f319afc70a8799bd539d2409bc4.png');
  background-size: 100% 99%;
  background-repeat: no-repeat;
  width: 1.305rem;
  height: 1.5rem;
}
.fraction-bar-wrapper .accolade-wrapper .accolade .accolade-fill {
  background-image: url('../gynzy-processing/assets/img/fraction-bar/accolade_middle-cc5f4fbabecbab43ddc68f6189ab5d9d.png');
  background-size: 100% 99%;
  background-repeat: repeat;
  height: 1.5rem;
}
.fraction-bar-caption {
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35);
}
.attachment-circle {
  position: relative;
  width: 100%;
}
.attachment-circle .circle-wrapper {
  position: absolute;
  inset: 0;
}
.attachment-circle .fraction-circle-legend .color-box {
  height: 2rem;
  width: 2rem;
  margin: 1rem;
}
.number-line-component {
  position: relative;
}
.number-line-component > .svg-container {
  position: absolute;
  inset: 0;
}
.number-line-component > .svg-container > svg {
  overflow: hidden;
  background: #fff;
  border-radius: 2rem;
  padding: 1rem;
}
.attachment-line-jump {
  position: relative;
}
.attachment-line-jump .number-line-frame {
  position: relative;
  width: 100%;
  height: 30rem;
  overflow: hidden;
  background-color: #fff;
  border-radius: 2rem;
  padding: 4rem;
}
.attachment-line-jump .number-line-frame .horizontal-line {
  height: 0.5rem;
  background-color: #bfbfbf;
  width: 100%;
  border-radius: 0.5rem;
}
.attachment-line-jump .number-line-frame .start-line,
.attachment-line-jump .number-line-frame .end-line {
  height: 6rem;
  width: 0.5rem;
  background-color: #bfbfbf;
  border-radius: 0.5rem;
  position: absolute;
  top: calc(50% - 3rem);
}
.attachment-line-jump .number-line-frame .start-line .line__label,
.attachment-line-jump .number-line-frame .end-line .line__label {
  height: 6rem;
  color: #000;
  font-weight: bold;
  font-size: 3rem;
  white-space: nowrap;
  transform: translateY(8rem);
  font-family: var(--font-family-base);
}
.attachment-line-jump .number-line-frame .start-line .line__label.top,
.attachment-line-jump .number-line-frame .end-line .line__label.top {
  transform: translateY(-5.5rem);
  line-height: 6rem;
}
.attachment-line-jump .number-line-frame .start-line {
  left: 4rem;
}
.attachment-line-jump .number-line-frame .end-line {
  right: 4rem;
}
.attachment-line-jump .number-line-wrapper {
  position: absolute;
  inset: 0 0.5rem;
}
.attachment-line-jump .number-line-wrapper .attachment-line-jump__part {
  position: absolute;
}
.attachment-line-jump .number-line-wrapper .attachment-line-jump__part .jump {
  top: -4.2rem;
  width: 100%;
  position: absolute;
}
.attachment-line-jump .number-line-wrapper .attachment-line-jump__part .start {
  background: url('../gynzy-processing/assets/img/number-line-jump/jump-left-26c7095fab2d6d991b3479f05c9c8ed7.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position-y: 100%;
  width: 3.9rem;
  height: 2.9rem;
}
.attachment-line-jump .number-line-wrapper .attachment-line-jump__part .middle {
  background-image: url('../gynzy-processing/assets/img/number-line-jump/jump-middle-repeat-595f189303c9e05ac34dfa6bcb5d732b.png');
  background-size: contain;
  background-repeat: repeat-x;
  margin: 0 -2px;
  height: 2.91rem;
}
.attachment-line-jump .number-line-wrapper .attachment-line-jump__part .end {
  background: url('../gynzy-processing/assets/img/number-line-jump/arrow-right-80769ec371935859ae6dcc469b65dd20.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position-y: 100%;
  width: 3.9rem;
  height: 2.9rem;
}
.attachment-line-jump .number-line-wrapper .attachment-line-jump__part .jump-value {
  font-family: var(--font-family-base);
  position: absolute;
  color: #000;
  font-weight: bold;
  font-size: 2rem;
  white-space: nowrap;
  left: 0;
  right: 0;
  top: -2rem;
}
.attachment-line-jump .number-line-wrapper .attachment-line-jump__part .jump-answer__wrapper {
  position: absolute;
  bottom: -1.5rem;
  right: 0.5rem;
  width: 0;
}
.attachment-line-jump .number-line-wrapper .attachment-line-jump__part .jump-answer__wrapper .jump-answer__value {
  font-family: var(--font-family-base);
  height: 2.5rem;
  min-height: 2.5rem;
  border: 0.2rem solid #bfbfbf;
  background-color: #fff;
  color: #000;
  font-weight: bold;
  font-size: 1.5rem;
  white-space: nowrap;
  line-height: 2.5rem;
  display: inline-block;
  border-radius: 1rem;
  padding: 0 1rem;
}
.attachment-line-jump .number-line-wrapper .attachment-line-jump__part.reverse .jump {
  top: 1.8rem;
}
.attachment-line-jump .number-line-wrapper .attachment-line-jump__part.reverse .start,
.attachment-line-jump .number-line-wrapper .attachment-line-jump__part.reverse .middle,
.attachment-line-jump .number-line-wrapper .attachment-line-jump__part.reverse .end {
  transform: rotate(180deg);
}
.attachment-line-jump .number-line-wrapper .attachment-line-jump__part.reverse .jump-value {
  top: 4rem;
}
.attachment-line-jump .number-line-wrapper .attachment-line-jump__part.reverse .jump-answer__wrapper {
  left: 0;
}
.word-web-key-word {
  background: #fff;
  color: #000;
  font: bold 1.8rem 'Arial';
  width: 18rem;
  height: 12.4rem;
  line-height: 2rem;
  padding: 2rem;
  border-radius: 9rem / 6rem;
  box-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.2);
  z-index: 10;
  position: absolute;
  margin: auto;
  inset: 0;
}
.word-web-key-word .ember-view {
  height: auto;
}
.word-web-key-word .ember-view .read-button {
  margin: 0;
}
.word-web-key-word .word-relations-empty-word {
  height: 2rem;
}
.word-relations-empty-word {
  border-bottom: 1px solid #000;
}
.word-relations-word__small,
.word-relations-word__large {
  position: absolute;
  background: #fff;
  color: #000;
  font: bold 1.8rem 'Arial';
  width: 18rem;
  padding: 1.2rem;
  border-radius: 1rem;
  box-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.word-relations-word__small .ember-view,
.word-relations-word__large .ember-view {
  height: auto;
}
.word-relations-word__small .ember-view .read-button,
.word-relations-word__large .ember-view .read-button {
  margin: 0;
}
.word-relations-word__small {
  height: 4.4rem;
}
.word-relations-word__small .word-relations-empty-word {
  height: 2rem;
  width: 90%;
  margin: auto;
}
.word-relations-word__large {
  height: 12.4rem;
}
.word-relations-word__large .word-relations-empty-word {
  height: 7rem;
}
.word-relations-word__large .large-word-container__read-button {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.word-relations-word__large .large-word-container__read-button .large-word-content__read-button {
  padding: 1.8rem 0 0 1.8rem;
}
.word-relations-word__large .large-word-container__text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.word-relations-word__large .large-word-container__text .large-word-content__text {
  padding-bottom: 1.8rem;
}
.word-relations-word__large .large-word-container__text .large-word-content__text.large-word-text--black {
  color: #000;
}
.word-relations-word__large .large-word-container__text .large-word-content__text.large-word-text--white {
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}
.word-relations-word__large .ember-view {
  height: 100%;
}
.word-line {
  position: absolute;
  background-color: #fff;
  overflow: hidden;
  z-index: 1;
}
.word-relations-word-parachute {
  position: absolute;
  left: 0;
  right: 0;
}
.word-relations-word-parachute .word-line {
  width: 2px;
}
.word-relations-word-parachute .word-parachute-key-word .word-relations-word__small {
  position: static;
  display: inline-flex;
  width: auto;
  min-width: 18rem;
}
.word-relations-word-parachute .word-parachute-key-word.word-parachute-key-word--absolute {
  position: absolute;
  left: 50%;
  z-index: 100;
}
.word-relations-word-parachute .word-parachute-key-word.word-parachute-key-word--absolute .word-relations-word__small {
  position: relative;
  left: -50%;
  width: auto;
}
.word-relations-word-parachute .word-relations-word-parachute__three {
  width: 58.4rem;
}
.word-relations-word-parachute .word-relations-word-parachute__three .word-parachute-image-3x {
  margin-top: 1rem;
}
.word-relations-word-parachute .word-relations-word-parachute__three .word-parachute-image-3x img {
  width: 40.7rem;
}
.word-relations-word-parachute .word-relations-word-parachute__four {
  width: 75rem;
}
.word-relations-word-parachute .word-relations-word-parachute__four .word-parachute-image-4x {
  margin-top: 1rem;
}
.word-relations-word-parachute .word-relations-word-parachute__four .word-parachute-image-4x img {
  width: 57.2rem;
}
.word-relations-word-parachute .word-relations-word-parachute__five {
  width: 58.4rem;
}
.word-relations-word-parachute .word-relations-word-parachute__five .word-parachute-image-5x {
  margin-top: 1rem;
}
.word-relations-word-parachute .word-relations-word-parachute__five .word-parachute-image-5x img {
  width: 40.5rem;
}
.word-relations-word-parachute .word-relations-word-parachute__six {
  width: 68.5rem;
}
.word-relations-word-parachute .word-relations-word-parachute__six .word-parachute-image-6x {
  margin-top: 1rem;
}
.word-relations-word-parachute .word-relations-word-parachute__six .word-parachute-image-6x img {
  width: 50.7rem;
}
.word-relations-word-parachute .word-relations-word-parachute__seven {
  width: 75rem;
}
.word-relations-word-parachute .word-relations-word-parachute__seven .word-parachute-image-7x {
  margin-top: 1rem;
}
.word-relations-word-parachute .word-relations-word-parachute__seven .word-parachute-image-7x img {
  width: 57.2rem;
}
.word-relations-word-parachute .word-relations-word-parachute__three .word-container.word-container--small,
.word-relations-word-parachute .word-relations-word-parachute__four .word-container.word-container--small {
  height: 6.6rem;
}
.word-relations-word-parachute .word-relations-word-parachute__three .word-container.word-container--large,
.word-relations-word-parachute .word-relations-word-parachute__four .word-container.word-container--large {
  height: 14.6rem;
}
.word-relations-word-parachute .word-relations-word-parachute__three .word-container .word-relations-word__small,
.word-relations-word-parachute .word-relations-word-parachute__four .word-container .word-relations-word__small,
.word-relations-word-parachute .word-relations-word-parachute__three .word-container .word-relations-word__large,
.word-relations-word-parachute .word-relations-word-parachute__four .word-container .word-relations-word__large {
  position: absolute;
  top: 2.2rem;
}
.word-relations-word-parachute .word-relations-word-parachute__three .word-container .word-line,
.word-relations-word-parachute .word-relations-word-parachute__four .word-container .word-line {
  height: 2.2rem;
}
.word-relations-word-parachute .word-relations-word-parachute__five .word-container.word-container--small,
.word-relations-word-parachute .word-relations-word-parachute__six .word-container.word-container--small,
.word-relations-word-parachute .word-relations-word-parachute__seven .word-container.word-container--small {
  height: 5.6rem;
}
.word-relations-word-parachute .word-relations-word-parachute__five .word-container.word-container--large,
.word-relations-word-parachute .word-relations-word-parachute__six .word-container.word-container--large,
.word-relations-word-parachute .word-relations-word-parachute__seven .word-container.word-container--large {
  height: 13.6rem;
}
.word-relations-word-parachute .word-relations-word-parachute__five .word-container.word-container--bottom.word-container--small .word-line,
.word-relations-word-parachute .word-relations-word-parachute__six .word-container.word-container--bottom.word-container--small .word-line,
.word-relations-word-parachute .word-relations-word-parachute__seven .word-container.word-container--bottom.word-container--small .word-line {
  height: 7.8rem;
  top: -5.6rem;
}
.word-relations-word-parachute .word-relations-word-parachute__five .word-container.word-container--bottom.word-container--large .word-line,
.word-relations-word-parachute .word-relations-word-parachute__six .word-container.word-container--bottom.word-container--large .word-line,
.word-relations-word-parachute .word-relations-word-parachute__seven .word-container.word-container--bottom.word-container--large .word-line {
  height: 14.8rem;
  top: -13.6rem;
}
.word-relations-word-parachute .word-relations-word-parachute__five .word-container .word-relations-word__small,
.word-relations-word-parachute .word-relations-word-parachute__six .word-container .word-relations-word__small,
.word-relations-word-parachute .word-relations-word-parachute__seven .word-container .word-relations-word__small,
.word-relations-word-parachute .word-relations-word-parachute__five .word-container .word-relations-word__large,
.word-relations-word-parachute .word-relations-word-parachute__six .word-container .word-relations-word__large,
.word-relations-word-parachute .word-relations-word-parachute__seven .word-container .word-relations-word__large {
  position: absolute;
  top: 1.2rem;
}
.word-relations-word-parachute .word-relations-word-parachute__five .word-container .word-line,
.word-relations-word-parachute .word-relations-word-parachute__six .word-container .word-line,
.word-relations-word-parachute .word-relations-word-parachute__seven .word-container .word-line {
  height: 1.2rem;
}
.word-stairs {
  overflow: hidden;
  padding: 0.4rem 0;
}
.word-step-container {
  height: 5.6rem;
}
.word-step-container.step-0 {
  margin-right: 0.8rem;
}
.word-step-container.step-1 {
  margin-right: 7.2rem;
}
.word-step-container.step-2 {
  margin-right: 12.6rem;
}
.word-step-container.step-3 {
  margin-right: 18rem;
}
.word-step-container.step-4 {
  margin-right: 23.5rem;
}
.word-step-container.step-5 {
  margin-right: 29rem;
}
.word-step-container .word-relations-word__small {
  position: relative;
  height: 4.4rem;
  width: 100%;
  min-width: 18rem;
}
.word-step-container .word-relations-word__small .read-button img {
  width: 1.8rem;
}
.word-step-container .word-relations-word__small .word-relations-empty-word {
  height: 1.8rem;
}
.small .word-step-container.step-0 {
  margin-right: 0.8rem;
}
.small .word-step-container.step-1 {
  margin-right: 5.2rem;
}
.small .word-step-container.step-2 {
  margin-right: 9.4rem;
}
.small .word-step-container.step-3 {
  margin-right: 13.6rem;
}
.small .word-step-container.step-4 {
  margin-right: 17.8rem;
}
.small .word-step-container.step-5 {
  margin-right: 22rem;
}
.small .word-step-container .word-relations-word__small .word-relations-empty-word {
  height: 1rem;
}
.descending .word-step-container {
  margin-right: 0;
}
.descending .word-step-container.step-0 {
  margin-left: 0.8rem;
}
.descending .word-step-container.step-1 {
  margin-left: 7.2rem;
}
.descending .word-step-container.step-2 {
  margin-left: 12.6rem;
}
.descending .word-step-container.step-3 {
  margin-left: 18rem;
}
.descending .word-step-container.step-4 {
  margin-left: 23.5rem;
}
.descending .word-step-container.step-5 {
  margin-left: 29rem;
}
.descending.small .word-step-container {
  margin-right: 0;
}
.descending.small .word-step-container.step-0 {
  margin-left: 0.8rem;
}
.descending.small .word-step-container.step-1 {
  margin-left: 5.2rem;
}
.descending.small .word-step-container.step-2 {
  margin-left: 9.4rem;
}
.descending.small .word-step-container.step-3 {
  margin-left: 13.6rem;
}
.descending.small .word-step-container.step-4 {
  margin-left: 17.8rem;
}
.descending.small .word-step-container.step-5 {
  margin-left: 22rem;
}
.descending .absolute-stairs {
  left: 0;
  right: auto;
}
.absolute-stairs {
  position: absolute;
  right: 0;
}
.klok-analoog-html-component {
  width: 25rem;
  height: 25rem;
}
.klok-analoog-html-component .klok-analoog-html {
  position: relative;
  width: 22.75rem;
  height: 22.75rem;
  background: url(../gynzy-processing/assets/img/clocks/analog-bg-faeedbfe5435c419b9d935ceb1daf6d2.png) center no-repeat;
  background-size: 130%;
}
.klok-analoog-html-component .klok-analoog-html .pointer-hours,
.klok-analoog-html-component .klok-analoog-html .pointer-minutes {
  position: absolute;
  background-color: #000;
  transform-origin: top center;
  top: calc(50% - 0.25rem);
  left: calc(50% - 0.1875rem);
}
.klok-analoog-html-component .klok-analoog-html .pointer-hours .pointer-arrow,
.klok-analoog-html-component .klok-analoog-html .pointer-minutes .pointer-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 0.7rem solid transparent;
  border-right: 0.7rem solid transparent;
  border-top: 1.3rem solid #000;
  bottom: -0.5rem;
  left: -0.55rem;
}
.klok-analoog-html-component .klok-analoog-html .pointer-hours.clock-pointer-glow,
.klok-analoog-html-component .klok-analoog-html .pointer-minutes.clock-pointer-glow {
  cursor: pointer;
  box-shadow: 0 0 10px 2px rgba(0, 0, 255, 0.75);
}
.klok-analoog-html-component .klok-analoog-html .pointer-hours {
  width: 0.375rem;
  height: 4.5rem;
}
.klok-analoog-html-component .klok-analoog-html .pointer-minutes {
  width: 0.375rem;
  height: 7rem;
}
.klok-analoog-html-component .klok-analoog-html .klok-center {
  position: absolute;
  background-color: #000;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  top: calc(50% - 0.75rem);
  left: calc(50% - 0.5rem);
}
.klok-analoog-html-component .klok-analoog-html .selected-overlay {
  position: absolute;
  background-color: #005aff;
  width: 22rem;
  height: 22rem;
  left: 0.5rem;
  opacity: 0.4;
  border-radius: 50%;
}
.klok-analoog-html-component .klok-analoog-html .selected-overlay.isCorrect {
  background-color: #209914;
}
.klok-analoog-html-component .klok-analoog-html .selected-overlay.isWrong {
  background-color: #ed1c24;
}
.klok-analoog-html-component .klok-analoog-html .selected-overlay.showCorrect {
  background-color: rgba(0, 0, 0, 0);
}
.clock-digital-component {
  width: 50rem;
}
.clock-digital-component .klok-digitaal.hour12 .digitaal-klok .digitaal-tijdtekst {
  font-size: 13rem;
  margin-left: -6.2rem;
}
.clock-digital-component .klok-digitaal.hour12 .digitaal-klok .digitaal-tijdtekst .mono {
  width: 6.2rem;
}
.clock-digital-component .klok-digitaal.hour12 .digitaal-klok .digitaal-tijdtekst .mono.period {
  font-size: 10rem;
}
.clock-digital-component .klok-digitaal .digitaal-klok {
  background: url(../gynzy-processing/assets/img/clocks/digitaal-klok-49546ae463513c8d48a0eabf959e6395.png) center no-repeat;
  background-size: contain;
  position: relative;
  line-height: 23rem;
  text-align: center;
  width: 50rem;
  height: 23rem;
}
.clock-digital-component .klok-digitaal .digitaal-klok .digitaal-tijdtekst {
  font-family: 'ds-digi';
  font-size: 16rem;
  color: #000;
  word-spacing: -4rem;
  display: inline-block;
  white-space: nowrap;
}
.clock-digital-component .klok-digitaal .digitaal-klok .digitaal-tijdtekst .mono {
  display: inline-block;
  text-align: right;
  width: 8.2rem;
}
.clock-digital-component .klok-digitaal .digitaal-klok .digitaal-tijdtekst .digi-klok-puntjes {
  line-height: 21.3rem;
  vertical-align: top;
}
.clock-digital-component .klok-digitaal .digitaal-plank {
  background: url(../gynzy-processing/assets/img/clocks/digitaal-plank-3fc7ef4a68bd9eaaddf02d817c8073f6.png) center no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -4.75rem;
  left: 0;
  width: 50rem;
  height: 5.9rem;
}
.clock-digital-component .klok-digitaal .digitaal-instellen {
  margin-top: 6rem;
}
.clock-digital-component .klok-digitaal .digitaal-instellen a {
  padding: 0.75rem 0;
  min-width: 5.2rem;
  height: 5.2rem;
}
.clock-digital-component .klok-digitaal .digitaal-instellen a img {
  cursor: pointer;
  height: 100%;
  width: auto;
  padding: 0.7rem;
}
.clock-digital-component .klok-digitaal .digitaal-instellen a:nth-child(2) {
  margin-right: 4.1rem;
}
.clock-digital-component .klok-digitaal .digitaal-instellen a:nth-child(3) {
  margin-left: 4.1rem;
}
.clock-digital-component .klok-digitaal .digitaal-instellen.digitaal-hele-uren a:nth-child(2) {
  margin-right: 0;
}
.fraction-inputs.bar {
  margin-left: 3rem;
}
.fraction-inputs.bar.showFeedback {
  position: relative;
  top: left;
  margin-left: 3rem;
}
.fraction-inputs .fraction-input-container {
  width: 9rem;
}
.fraction-inputs .fraction-input-container input.fraction-input {
  margin: 1rem 0.5rem;
  width: 9rem;
  height: 5.4rem;
  font-size: 3rem;
  text-align: center;
}
.fraction-inputs .fraction-strike {
  border-top: 2px solid #000;
  width: 10.5rem;
}
.fraction-inputs.showFeedback .fraction-input-icon,
.fraction-inputs.showCorrect .fraction-input-icon {
  position: absolute;
  bottom: -12%;
  left: 42%;
}
.fraction-inputs.showFeedback .fraction-input-icon.is-hidden,
.fraction-inputs.showCorrect .fraction-input-icon.is-hidden {
  display: none;
}
.fraction-inputs.showFeedback .fraction-input-icon.numerator,
.fraction-inputs.showCorrect .fraction-input-icon.numerator {
  top: -12%;
  left: 42%;
}
.fraction-inputs.showFeedback .fraction-input-icon .flat__icon,
.fraction-inputs.showCorrect .fraction-input-icon .flat__icon {
  font-size: 2.5rem;
}
.fraction-inputs.showFeedback .fraction-input-icon .flat__icon.icon__checkmark .icon--graphics,
.fraction-inputs.showCorrect .fraction-input-icon .flat__icon.icon__checkmark .icon--graphics {
  fill: #25cf14;
}
.fraction-inputs.showFeedback .fraction-input-icon .flat__icon.icon__incorrect .icon--graphics,
.fraction-inputs.showCorrect .fraction-input-icon .flat__icon.icon__incorrect .icon--graphics {
  fill: #ed1c24;
}
.fraction-inputs.showFeedback input,
.fraction-inputs.showCorrect input {
  transition: none;
}
.fraction-inputs.showFeedback input.isCorrect,
.fraction-inputs.showCorrect input.isCorrect {
  border: 0.3rem solid #25cf14;
  background-color: rgba(37, 207, 20, 0.05);
  background-image: none;
}
.fraction-inputs.showFeedback input.isWrong,
.fraction-inputs.showCorrect input.isWrong {
  border: 0.3rem solid #ed1c24;
  background-color: rgba(237, 28, 36, 0.05);
  background-image: none;
}
.fraction-inputs.showCorrect .fraction-input-icon .flat__icon.icon__checkmark .icon--graphics {
  fill: #8c41d9;
}
.fraction-inputs.showCorrect input.showCorrect {
  border: 0.3rem solid #8c41d9;
  background-color: rgba(140, 65, 217, 0.25);
  background-image: none;
}
#it-invulvraag .input .input-container input {
  display: inline-block;
  height: 4rem;
  padding: 0 0.5rem;
  font-size: 1.7rem;
  margin: 0;
  flex: 1;
}
#it-invulvraag .answer-line {
  position: relative;
  line-height: 3.8rem;
  font-size: 2.1rem;
  padding-left: 3rem;
}
#it-invulvraag .answer-line .text-left {
  padding-left: 1rem;
}
#it-invulvraag .answer-line .button__speech {
  position: absolute;
  left: 1rem;
}
#it-invulvraag .answer-line.is-preview {
  font-size: 1.9rem;
}
#it-invulvraag .answer-line .size-S,
#it-invulvraag .answer-line .size-S input {
  width: 9rem;
  min-width: 9rem;
}
#it-invulvraag .answer-line .size-S.numeric,
#it-invulvraag .answer-line .size-S.numeric input {
  width: 7rem;
  min-width: 7rem;
}
#it-invulvraag .answer-line .size-M,
#it-invulvraag .answer-line .size-M input {
  width: 20rem;
  min-width: 20rem;
}
#it-invulvraag .answer-line .size-M.numeric,
#it-invulvraag .answer-line .size-M.numeric input {
  width: 14.5rem;
  min-width: 14.5rem;
}
#it-invulvraag .answer-line .size-L,
#it-invulvraag .answer-line .size-L input {
  width: 40rem;
  min-width: 40rem;
}
#it-invulvraag .answer-line .size-L.numeric,
#it-invulvraag .answer-line .size-L.numeric input {
  width: 30rem;
  min-width: 30rem;
}
#it-invulvraag .answer-line .size-XL,
#it-invulvraag .answer-line .size-XL input {
  width: 100%;
}
#it-invulvraag .answer-line .input-container {
  margin: 1rem;
}
#it-invulvraag .answer-line.one-line.small {
  line-height: 3.6rem;
  font-size: 3.6rem;
}
#it-invulvraag .answer-line.one-line.small.is-preview {
  line-height: 3.24rem;
  font-size: 3.24rem;
}
#it-invulvraag .answer-line.one-line.small input {
  font-size: 2.5rem;
  padding: 0 0.7rem;
  height: 5.5rem;
}
#it-invulvraag .answer-line.one-line.medium {
  line-height: 3.2rem;
  font-size: 3.2rem;
}
#it-invulvraag .answer-line.one-line.medium.is-preview {
  line-height: 2.88rem;
  font-size: 2.88rem;
}
#it-invulvraag .answer-line.one-line.medium input {
  font-size: 2.5rem;
  padding: 0 0.7rem;
  height: 5rem;
}
#it-invulvraag .answer-line.two-lines.small {
  line-height: 3.5rem;
  font-size: 3.5rem;
}
#it-invulvraag .answer-line.two-lines.small.is-preview {
  line-height: 3.14rem;
  font-size: 3.14rem;
}
#it-invulvraag .answer-line.two-lines.small input {
  font-size: 2.4rem;
  padding: 0 0.7rem;
  height: 5.4rem;
}
#it-invulvraag .answer-line.two-lines.medium {
  line-height: 3.1rem;
  font-size: 3.1rem;
}
#it-invulvraag .answer-line.two-lines.medium.is-preview {
  line-height: 2.78rem;
  font-size: 2.78rem;
}
#it-invulvraag .answer-line.two-lines.medium input {
  font-size: 2.4rem;
  padding: 0 0.7rem;
  height: 4.8rem;
}
#it-invulvraag .answer-line.three-lines.small {
  line-height: 3.4rem;
  font-size: 3.4rem;
}
#it-invulvraag .answer-line.three-lines.small.is-preview {
  line-height: 3.04rem;
  font-size: 3.04rem;
}
#it-invulvraag .answer-line.three-lines.small input {
  font-size: 2.2rem;
  padding: 0 0.7rem;
  height: 5.3rem;
}
#it-invulvraag .answer-line.three-lines.medium {
  line-height: 3rem;
  font-size: 3rem;
}
#it-invulvraag .answer-line.three-lines.medium.is-preview {
  line-height: 2.68rem;
  font-size: 2.68rem;
}
#it-invulvraag .answer-line.three-lines.medium input {
  font-size: 2.3rem;
  padding: 0 0.7rem;
  height: 4.6rem;
}
#it-invulvraag .answer-line.four-lines.small {
  line-height: 3.3rem;
  font-size: 3.3rem;
}
#it-invulvraag .answer-line.four-lines.small.is-preview {
  line-height: 2.94rem;
  font-size: 2.94rem;
}
#it-invulvraag .answer-line.four-lines.small input {
  font-size: 2.4rem;
  height: 5.3rem;
}
#it-invulvraag .answer-line.four-lines.medium {
  line-height: 2.9rem;
  font-size: 2.9rem;
}
#it-invulvraag .answer-line.four-lines.medium.is-preview {
  line-height: 2.58rem;
  font-size: 2.58rem;
}
#it-invulvraag .answer-line.four-lines.medium input {
  font-size: 2.2rem;
  padding: 0 0.7rem;
  height: 4.4rem;
}
#it-invulvraag .showFeedback .icon.isCorrect {
  background-image: url('../gynzy-styleguide/assets/svg/checkmark-be3e838d1b679a63e7c9ca8d4b4fd794.svg');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  width: 2rem;
  height: 2rem;
  position: relative;
  left: 0.5rem;
}
#it-invulvraag .showFeedback .icon.isWrong {
  background-image: url('../gynzy-styleguide/assets/svg/checkmark-be3e838d1b679a63e7c9ca8d4b4fd794.svg');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  width: 2rem;
  height: 2rem;
  position: relative;
  left: 0.5rem;
  background-image: url('../gynzy-styleguide/assets/svg/incorrect-cbc6ef8230aff6fc0cc8809441ef9498.svg');
}
#it-invulvraag .showFeedback input.isCorrect {
  flex: 1;
  color: rgba(0, 0, 0, 0.5);
  border: 0.3rem solid #1eaa10;
  background-color: rgba(30, 170, 16, 0.05);
  background-image: none;
}
#it-invulvraag .showFeedback input.isWrong {
  flex: 1;
  color: rgba(0, 0, 0, 0.5);
  border: 0.3rem solid #ed1c24;
  background-color: rgba(237, 28, 36, 0.05);
  background-image: none;
}
#it-invulvraag .showFeedback .input-big-narrow {
  width: 22rem;
}
#it-invulvraag .icon.showCorrect {
  background-image: url('../gynzy-styleguide/assets/svg/checkmark-purple-6618202eedacecabf01ff2d24bd7b136.svg');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  width: 2rem;
  height: 2rem;
  position: relative;
  left: 0.5rem;
}
#it-invulvraag .showCorrect.input-big-narrow {
  width: 22rem;
}
#it-invulvraag .showCorrect input {
  flex: 1;
  border: 0.3rem solid #8c41d9;
  background-color: rgba(140, 65, 217, 0.05);
  background-image: none;
}
#it-line-jump {
  height: 20rem;
}
#it-line-jump .options {
  width: 42rem;
}
#it-line-jump .options button {
  margin: 1.5rem 0.75rem 0;
  font-size: 2rem;
}
#it-line-jump .linejump__settings button {
  font-size: 1.5rem;
  margin: 1.5rem 0.75rem 0;
}
#it-line-jump .back-to-jumps {
  position: absolute;
  right: 0;
  bottom: 0;
}
#it-line-jump .student-answer {
  position: absolute;
  inset: 0;
}
#it-line-jump .student-answer .student-answer-input-wrapper {
  width: 20rem;
}
#it-line-jump img {
  width: 7.7rem;
  height: 3.2rem;
}
#it-line-jump .side-bar {
  height: 20rem;
}
#it-line-jump .side-bar .button-square,
#it-line-jump .side-bar .next-button,
#it-line-jump .side-bar .verify-button {
  margin-top: 1rem;
  font-size: 1.8rem;
}
#it-line-jump .side-bar .back-button {
  margin-bottom: 0.7rem;
}
#it-line-jump .side-bar .button-white .fa-undo {
  padding-right: 0;
}
#it-line-jump .fadeIn {
  z-index: 10;
  opacity: 1;
}
#it-line-jump .fadeOut {
  z-index: 5;
  opacity: 0;
}
#it-line-jump .fadeOut * {
  pointer-events: none;
}
#it-line-jump .v-divider {
  height: 20rem;
  width: 1px;
  background-color: #ccc;
}
#it-line-jump.showFeedback input.isCorrect {
  flex: 1;
  border: 0.3rem solid #209914;
  background-color: rgba(32, 153, 20, 0.05);
  background-image: none;
}
#it-line-jump.showFeedback input.isWrong {
  flex: 1;
  border: 0.3rem solid #ed1c24;
  background-color: rgba(237, 28, 36, 0.05);
  background-image: none;
}
#it-line-jump.showCorrect input {
  flex: 1;
  border: 0.3rem solid #662ed0;
  background-color: rgba(102, 46, 208, 0.05);
  background-image: none;
}
#it-line-jump .flat__icon.icon__undo {
  width: 2.5rem;
  height: 2.5rem;
}
#it-line-jump .flat__icon.icon__undo .icon--graphics {
  fill: white;
}
#it-line-jump-question {
  position: absolute;
  padding-top: 2rem;
  padding-bottom: 4rem;
  width: 100%;
  height: 100%;
}
#it-line-jump-question .line-jumps-container {
  font-family: var(--font-family-base);
  background-color: #fff;
  color: #000;
  overflow: auto;
  border-radius: 1rem;
}
#it-line-jump-question .line-jumps-container .line-jumps-wrapper {
  width: 80%;
}
#it-line-jump-question .line-jumps-container .jumpLine {
  position: relative;
  height: 0.5rem;
  background: #bfbfbf;
  border-radius: 0.5rem;
}
#it-line-jump-question .line-jumps-container .jumpLine .horizontal-line {
  position: absolute;
  height: 5rem;
  width: 0.5rem;
  background: #bfbfbf;
  border-radius: 0.5rem;
  top: -2.3rem;
}
#it-line-jump-question .line-jumps-container .jumpLine .horizontal-line.showLeft {
  left: 2rem;
}
#it-line-jump-question .line-jumps-container .jumpLine .horizontal-line.showRight {
  right: 2rem;
}
#it-line-jump-question .line-jumps-container .jumpLine .starting-number {
  position: absolute;
  color: #000;
  top: 6.5rem;
  font-size: 3rem;
  width: 4.5rem;
}
#it-line-jump-question .line-jumps-container .jumpLine .starting-number.showLeft {
  left: 0;
}
#it-line-jump-question .line-jumps-container .jumpLine .starting-number.showRight {
  right: 0;
}
#it-line-jump-question .line-jumps-container .step {
  position: absolute;
  background-image: url('../gynzy-processing/assets/img/line-jumps/jump-middle-repeat-e53b4ab6be3f124d07d0ba2fdce95325.png');
  background-size: contain;
  background-repeat: repeat-x;
  height: 2.9rem;
  margin-left: 3.9rem;
  margin-right: 3.9rem;
  bottom: 0.5rem;
}
#it-line-jump-question .line-jumps-container .step::before {
  content: ' ';
  background: url('../gynzy-processing/assets/img/line-jumps/jump-left-e5bd364778220875475a43fb80e9577e.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 3.9rem;
  height: 2.9rem;
  position: absolute;
  left: -3.9rem;
}
#it-line-jump-question .line-jumps-container .step::after {
  content: ' ';
  background: url('../gynzy-processing/assets/img/line-jumps/arrow-right-6c03bf2481a1da60305205ca6082502f.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 3.9rem;
  height: 2.9rem;
  position: absolute;
  right: -3.9rem;
}
#it-line-jump-question .line-jumps-container .step.minus {
  transform: rotate(180deg);
  top: 0.5rem;
}
#it-line-jump-question .line-jumps-container .step .step-number {
  position: absolute;
  top: -2rem;
  left: 0;
  right: 0;
}
#it-line-jump-question .line-jumps-container .step .step-number.minus {
  transform: rotate(180deg);
}
#it-line-jump-question .line-jumps-container .small-step {
  position: absolute;
  background-image: url('../gynzy-processing/assets/img/line-jumps/arrow-small-right-full-2593d74e9f9b55baeea86ee528d51b38.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 100%;
  height: 2.9rem;
  width: 3rem;
  bottom: 0.5rem;
}
#it-line-jump-question .line-jumps-container .small-step.minus {
  transform: rotate(180deg);
  top: 0.5rem;
}
#it-line-jump-question .line-jumps-container .small-step .step-number {
  position: absolute;
  top: -2rem;
  left: 0;
  right: 0;
}
#it-line-jump-question .line-jumps-container .small-step .step-number.minus {
  transform: rotate(180deg);
}
#it-line-jump-question .line-jumps-container .plus-jumps {
  height: 4rem;
  padding-left: 2rem;
  position: relative;
}
#it-line-jump-question .line-jumps-container .minus-jumps {
  position: relative;
  height: 4rem;
}
#it-line-jump-question.showFeedback.isCorrect .step {
  background-image: url('../gynzy-processing/assets/img/line-jumps/jump-middle-repeat-green-70fa705b9fbeafff47ebf18c4b93efc7.png');
  background-size: contain;
  background-repeat: repeat-x;
}
#it-line-jump-question.showFeedback.isCorrect .step::before {
  background: url('../gynzy-processing/assets/img/line-jumps/jump-left-green-1bbb682348f352384bf29f6dcde6c789.png');
  background-size: contain;
  background-repeat: no-repeat;
}
#it-line-jump-question.showFeedback.isCorrect .step::after {
  background: url('../gynzy-processing/assets/img/line-jumps/arrow-right-green-0e1e7a76a8a718b7aab70a92f6e62f4e.png');
  background-size: contain;
  background-repeat: no-repeat;
}
#it-line-jump-question.showFeedback.isCorrect .small-step {
  background-image: url('../gynzy-processing/assets/img/line-jumps/arrow-small-right-green-full-3b0dcb1c50c27102e077ec0e2535c40e.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 100%;
}
#it-line-jump-question.showFeedback.isWrong .step {
  background-image: url('../gynzy-processing/assets/img/line-jumps/jump-middle-repeat-red-23e7ca85c0a6900044d3650c00ae76ee.png');
  background-size: contain;
  background-repeat: repeat-x;
}
#it-line-jump-question.showFeedback.isWrong .step::before {
  background: url('../gynzy-processing/assets/img/line-jumps/jump-left-red-1a067112fdb74d39d03ebf3fde8201c3.png');
  background-size: contain;
  background-repeat: no-repeat;
}
#it-line-jump-question.showFeedback.isWrong .step::after {
  background: url('../gynzy-processing/assets/img/line-jumps/arrow-right-red-522b699d8e15922c6b7c8e6eff23a323.png');
  background-size: contain;
  background-repeat: no-repeat;
}
#it-line-jump-question.showFeedback.isWrong .small-step {
  background-image: url('../gynzy-processing/assets/img/line-jumps/arrow-small-right-red-full-75809d34397bbcad26694e3f333c0785.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 100%;
}
#it-line-jump-question.showCorrect .step {
  background-image: url('../gynzy-processing/assets/img/line-jumps/jump-middle-repeat-purple-a4c49791b4cfca42c9e912afa95bb4ad.png');
  background-size: contain;
  background-repeat: repeat-x;
}
#it-line-jump-question.showCorrect .step::before {
  background: url('../gynzy-processing/assets/img/line-jumps/jump-left-purple-0b6209743fe4fd14cba2ac6b722a96c7.png');
  background-size: contain;
  background-repeat: no-repeat;
}
#it-line-jump-question.showCorrect .step::after {
  background: url('../gynzy-processing/assets/img/line-jumps/arrow-right-purple-2140a1cb6d5827398a077fa9db26cb23.png');
  background-size: contain;
  background-repeat: no-repeat;
}
#it-line-jump-question.showCorrect .small-step {
  background-image: url('../gynzy-processing/assets/img/line-jumps/arrow-small-right-purple-full-a5db0bde051cb6bdfa052b0e4c04197e.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 100%;
}
.exercises-for-practiceseries-component {
  width: 1686px;
  height: 789px;
}
.exercises-for-practiceseries-component .exercises-component-container {
  width: 82.5%;
  height: 100%;
  flex-wrap: nowrap;
  border-radius: 7px;
  margin-right: 0.5rem;
  padding-top: 2rem;
}
.exercises-for-practiceseries-component .exercise-controls-practiceseries-container {
  /**
 This styling is in PX so the scaling works well for practice-series.
 */
  position: relative;
  width: 17.5%;
  height: 100%;
  flex-wrap: nowrap;
  border-radius: 7px;
  margin-left: 4.8px;
  background-color: #fff;
}
.exercises-for-practiceseries-component .exercise-controls-practiceseries-container .exercise-controls__counter {
  font-size: 24px;
  margin: 0 auto;
  line-height: 30.72px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  padding-bottom: 28.8px;
  color: #3f4c5a;
}
.exercises-for-practiceseries-component .exercise-controls-practiceseries-container .exercise-controls__buttons .button__previous,
.exercises-for-practiceseries-component .exercise-controls-practiceseries-container .exercise-controls__buttons .button__next {
  margin: 0 7.2px 0 7.2px;
}
.exercises-for-practiceseries-component .exercise-controls-practiceseries-container .exercise-controls__buttons .button__answer {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  padding-bottom: 34.08px;
}
.exercises-for-component {
  width: 1686px;
  height: 789px;
}
.exercises-for-component .exercises-component-container {
  width: 82.5%;
  height: 100%;
  flex-wrap: nowrap;
  border-radius: 7px;
  margin-right: 0.75rem;
  padding-top: 2rem;
}
.exercises-for-component .exercise-controls-goal-container {
  position: relative;
  width: 17.5%;
  height: 100%;
  flex-wrap: nowrap;
  border-radius: 7px;
  margin-left: 0.75rem;
  background-color: #fff;
}
.exercises-for-component .exercise-controls-goal-container .exercise-controls__counter {
  font-size: 2.5rem;
  margin: 0 auto;
  line-height: 3.2rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  padding-bottom: 3rem;
  color: #3f4c5a;
}
.exercises-for-component .exercise-controls-goal-container .exercise-controls__buttons .button__previous,
.exercises-for-component .exercise-controls-goal-container .exercise-controls__buttons .button__next {
  margin: 0 0.75rem;
}
.exercises-for-component .exercise-controls-goal-container .exercise-controls__buttons .button__answer {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  padding-bottom: 3.55rem;
}
.fraction-bar {
  border: 0.4rem solid #0f4370;
  border-right: 0;
}
.fraction-bar .part {
  position: relative;
  height: 5rem;
  border-right: 0.4rem solid transparent;
}
.fraction-bar .part:last-child,
.fraction-bar .part.showLine {
  border-right: 0.4rem solid #0f4370;
}
.fraction-bar .part .surtitle,
.fraction-bar .part .subtitle {
  position: absolute;
  right: calc(-2.5rem - 2px);
  bottom: 5.4rem;
}
.fraction-bar .part .surtitle .title-wrapper,
.fraction-bar .part .subtitle .title-wrapper {
  width: 5rem;
}
.fraction-bar .part .surtitle .title-wrapper .title-text,
.fraction-bar .part .subtitle .title-wrapper .title-text {
  background: #fff;
  color: #000;
  padding: 1rem;
  border: 1px solid black;
  white-space: nowrap;
}
.fraction-bar .part .surtitle .title-wrapper .line,
.fraction-bar .part .subtitle .title-wrapper .line {
  height: 1rem;
  width: 2px;
  background-color: #000;
}
.fraction-bar .part .subtitle {
  bottom: 0;
  top: 5.4rem;
}
.fraction-circle svg text {
  font-size: 2rem;
}
.fraction-circle .circle-feedback-icon {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  height: 10px;
}
.fraction-circle .circle-feedback-icon .flat__icon {
  width: 5rem;
  height: 5rem;
}
.fraction-circle .circle-feedback-icon .flat__icon .icon--graphics {
  fill: #fff;
}
.fraction-circle .circle-feedback-icon.isCorrect .icon--graphics {
  fill: #209914;
}
.fraction-circle .circle-feedback-icon.isWrong .icon--graphics {
  fill: #ed1c24;
}
.fraction-circle .circle-feedback-icon.showCorrect .icon--graphics {
  fill: #662ed0;
}
.fraction-circle .circle-overlay {
  position: absolute;
  top: 0;
  left: 0;
}
.fraction-circle .circle-overlay.hidden {
  display: none;
}
.goal-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}
.goal-indicator.goal-worksheet {
  background-color: #d1d3de;
}
.goal-indicator.goal-worksheet .styleguide.flat__icon .icon--graphics {
  fill: #8c99a8;
}
.goal-indicator.goal-success {
  background-color: #59d640;
}
.goal-indicator.goal-fail {
  background-color: #e64545;
}
.goal-indicator.goal-neutral {
  background-color: transparent;
  border: 2px solid #d1d3de;
}
.goal-indicator .styleguide.flat__icon {
  width: 1.45833333rem;
  height: 1.45833333rem;
}
.goal-indicator .styleguide.flat__icon .icon--graphics {
  fill: #ffffff;
}
.goal-indicator.disabled {
  opacity: 0.5;
}
.goal-indicator-text {
  margin-left: 1.25rem;
}
.group-proficiency-progress-bar-container .group-info {
  margin-bottom: 0.83333333rem;
}
.group-proficiency-progress-bar-container .group-info .goal-indicator {
  width: 1.66666667rem;
  height: 1.66666667rem;
  margin-right: 0.83333333rem;
}
.group-proficiency-progress-bar-container .group-info .goal-indicator .styleguide.flat__icon {
  width: 1.04166667rem;
  height: 1.04166667rem;
}
.group-proficiency-progress-bar-container .group-info .group-label {
  font-size: 1.25rem;
  color: #1a455b;
  text-align: left;
}
.group-proficiency-progress-bar-container .group-progress-bar {
  position: relative;
  background-color: #3f4c5a;
  border-radius: 0.625rem;
  height: 1.25rem;
}
.group-proficiency-progress-bar-container .group-progress-bar.worksheet-goal {
  opacity: 0.5;
}
.group-proficiency-progress-bar-container .group-progress-bar .progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #75e260;
  border-top-left-radius: 0.625rem;
  border-bottom-left-radius: 0.625rem;
}
.group-proficiency-progress-bar-container .group-progress-bar .progress.full {
  border-top-right-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
}
.answer-button {
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  width: 100%;
  height: 4rem;
  margin: 1rem;
  border-radius: 0.5rem;
  box-shadow: 0 0 1px #000;
  font-family: 'arial';
  font-weight: bold;
  font-size: 1.8rem;
  color: #005aff;
}
.answer-button:hover {
  background: #ffffff;
  background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%);
}
.answer-button:hover.disabled,
.answer-button:hover.inactive {
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  cursor: default;
}
.answer-button.selected {
  background: linear-gradient(to bottom, #0e5fd8 0%, #3c83f3 100%);
  box-shadow: inset 1px 1px 5px #000;
  border: 1px solid #005aff;
  color: #fff;
}
.draggable-answer-image .image-gradient-overlay,
.answer-image .image-gradient-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, #e5e5e5 100%);
  border-radius: 1rem;
  pointer-events: none;
}
#it-multidrag-answer .hidden {
  visibility: hidden;
}
#it-multidrag-answer .answer-button {
  font-size: 2rem;
  font-weight: normal;
  width: 20rem;
  color: #000;
  margin: 0;
}
#it-multidrag-answer .question-wrapper,
#it-multidrag-question .question-wrapper {
  font-size: 2.3rem;
  line-height: 2.3rem;
}
#it-multidrag-answer .dropzone-wrapper,
#it-multidrag-question .dropzone-wrapper {
  height: calc(100% - 2rem);
  width: 100%;
}
#it-multidrag-answer .draggable-item,
#it-multidrag-question .draggable-item {
  padding: 0;
  margin: 0;
  box-shadow: none;
  overflow: inherit;
  background: none;
}
#it-multidrag-answer .draggable-item.is-dragging,
#it-multidrag-question .draggable-item.is-dragging {
  opacity: 0.5;
}
#it-multidrag-answer .image-wrapper,
#it-multidrag-question .image-wrapper {
  position: absolute;
  inset: 0;
  pointer-events: none;
  border: 2px solid transparent;
}
#it-multidrag-answer .image-wrapper.selected-image,
#it-multidrag-question .image-wrapper.selected-image {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 1rem;
  border: 2px solid #005aff;
}
#it-multidrag-answer .image-wrapper .image-text,
#it-multidrag-question .image-wrapper .image-text {
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  padding-bottom: 1rem;
  font-size: 1.8rem;
  font-weight: bold;
}
#it-multidrag-answer .image-wrapper.disabled,
#it-multidrag-question .image-wrapper.disabled,
#it-multidrag-answer .image-wrapper.inactive,
#it-multidrag-question .image-wrapper.inactive {
  background-image: none;
  cursor: default;
}
#it-multidrag-answer .image-wrapper.disabled img,
#it-multidrag-question .image-wrapper.disabled img,
#it-multidrag-answer .image-wrapper.inactive img,
#it-multidrag-question .image-wrapper.inactive img {
  cursor: default;
}
#it-multidrag-answer .draggable-image-wrapper,
#it-multidrag-question .draggable-image-wrapper {
  border-radius: 1rem;
  background-color: #fff;
}
#it-multidrag-answer .draggable-image-wrapper .draggable-answer-image,
#it-multidrag-question .draggable-image-wrapper .draggable-answer-image {
  box-shadow: 0 0 1px #ccc;
  border-radius: 1rem;
  height: 12rem;
  width: 17rem;
}
#it-multidrag-answer .draggable-image-wrapper .draggable-answer-image .image-wrapper.selected-image,
#it-multidrag-question .draggable-image-wrapper .draggable-answer-image .image-wrapper.selected-image {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 1rem;
  border: 2px solid #005aff;
}
#it-multidrag-answer .draggable-image-wrapper .answer-image,
#it-multidrag-question .draggable-image-wrapper .answer-image,
#it-multidrag-answer .draggable-image-wrapper .draggable-answer-image,
#it-multidrag-question .draggable-image-wrapper .draggable-answer-image {
  position: relative;
  border-radius: 1rem;
}
#it-multidrag-answer .draggable-image-wrapper .responsive-image img,
#it-multidrag-question .draggable-image-wrapper .responsive-image img {
  padding: 0.5rem;
  cursor: inherit;
}
#it-multidrag-answer .draggable-image-wrapper.image-overlay,
#it-multidrag-question .draggable-image-wrapper.image-overlay {
  background: #fff;
  border-radius: 1rem;
}
#it-multidrag-answer .draggable-image-wrapper.size-one .draggable-answer-image,
#it-multidrag-question .draggable-image-wrapper.size-one .draggable-answer-image,
#it-multidrag-answer .draggable-image-wrapper.size-three .draggable-answer-image,
#it-multidrag-question .draggable-image-wrapper.size-three .draggable-answer-image,
#it-multidrag-answer .draggable-image-wrapper.size-two .draggable-answer-image,
#it-multidrag-question .draggable-image-wrapper.size-two .draggable-answer-image {
  height: 15rem;
  width: 21rem;
}
#it-multidrag-answer .draggable-ghost,
#it-multidrag-question .draggable-ghost {
  z-index: 100;
  opacity: 0.5;
  position: fixed;
  pointer-events: none;
}
#it-multidrag-answer .answer-spoken-word-button,
#it-multidrag-question .answer-spoken-word-button {
  width: 20rem;
  height: 13rem;
}
#it-multidrag-answer .answer-spoken-word-button .read-button-big,
#it-multidrag-question .answer-spoken-word-button .read-button-big {
  width: 7rem;
  height: 7rem;
}
#it-multidrag-answer .answer-spoken-word-button .read-button-big i.fa,
#it-multidrag-question .answer-spoken-word-button .read-button-big i.fa {
  font-size: 5rem;
  line-height: 7rem;
}
#it-multidrag-answer .answer-spoken-word-button .read-button-big-snail,
#it-multidrag-question .answer-spoken-word-button .read-button-big-snail {
  width: 5rem;
  height: 5rem;
}
#it-multidrag-answer .answer-spoken-word-button .read-button-big-snail i.fa,
#it-multidrag-question .answer-spoken-word-button .read-button-big-snail i.fa {
  line-height: 5rem;
}
#it-multidrag-question {
  position: absolute;
  padding-top: 2rem;
  width: 100%;
  height: 100%;
}
#it-multidrag-question .dropzone {
  margin: 1rem;
  height: calc(100% - 2rem);
}
#it-multidrag-question .dropzone .answer-button {
  font-size: 2rem;
  font-weight: normal;
  width: 100%;
  color: #000;
  margin: 0;
}
#it-multidrag-question .dropzone .draggable-ghost .answer-button {
  width: 20rem;
}
#it-multidrag-question .dropzone .droppedImage {
  width: 9rem;
  height: 7rem;
}
#it-multidrag-question .dropzone .answer-spoken-word-button {
  position: relative;
  height: 7rem;
  width: 9rem;
  color: #000;
  font-size: 1rem;
}
#it-multidrag-question .dropzone .answer-spoken-word-button .read-button-big {
  width: 4rem;
  height: 4rem;
}
#it-multidrag-question .dropzone .answer-spoken-word-button .read-button-big i.fa {
  font-size: 4rem;
  line-height: 4rem;
}
#it-multidrag-question .dropzone .answer-spoken-word-button .read-button-big-snail {
  width: 3rem;
  height: 3rem;
}
#it-multidrag-question .dropzone .answer-spoken-word-button .read-button-big-snail i.fa {
  font-size: 2rem;
  line-height: 3rem;
}
#it-multidrag-question .dropzone .answer-spoken-word-button .spoken-word-feedback {
  position: absolute;
  inset: 0;
  border-radius: 0.5rem;
  margin: 0;
  pointer-events: none;
}
#it-multidrag-question .dropzone .showFeedback .answer-image .isCorrect,
#it-multidrag-question .dropzone .showFeedback .answer-image .isWrong {
  background-repeat: no-repeat;
  background-position: 50%;
  height: 100%;
  width: 100%;
  border-radius: 1rem;
  box-shadow: 0 0 0 2px #fff;
}
#it-multidrag-question .dropzone .showFeedback .answer-button {
  color: #fff;
}
#it-multidrag-question .dropzone .showFeedback .answer-image .isCorrect {
  border: 5px solid #209914 !important;
  background-color: rgba(32, 153, 20, 0.25) !important;
  background-image: url('../gynzy-processing/assets/img/icon_check_outline-917def7b90a5a1cc23ad1f94128315ae.png');
}
#it-multidrag-question .dropzone .showFeedback .answer-image .isWrong {
  border: 5px solid #ed1c24 !important;
  background-color: rgba(237, 28, 36, 0.25) !important;
  background-image: url('../gynzy-processing/assets/img/Icon_cross_outline.png');
}
#it-multidrag-question .dropzone .showFeedback .answer-button.isCorrect {
  border: 2px solid #209914 !important;
  background-color: #209914;
  background-image: url('../gynzy-processing/assets/img/icon_check_outline-917def7b90a5a1cc23ad1f94128315ae.png');
  background-repeat: no-repeat;
  background-position: 1rem 50%;
}
#it-multidrag-question .dropzone .showFeedback .answer-button.isWrong {
  border: 2px solid #ed1c24 !important;
  background-color: #ed1c24;
  background-image: url('../gynzy-processing/assets/img/Icon_cross_outline.png');
  background-repeat: no-repeat;
  background-position: 1rem 50%;
}
#it-multidrag-question .showFeedback .isCorrect {
  margin-bottom: 0.2rem;
  background-color: #209914;
  background-image: url('../gynzy-processing/assets/img/icon_check_outline-917def7b90a5a1cc23ad1f94128315ae.png');
  background-repeat: no-repeat;
  background-position: 1rem 50%;
  box-shadow: none;
}
#it-multidrag-question .showFeedback .isWrong {
  margin-bottom: 0.2rem;
  background-color: #ed1c24;
  background-image: url('../gynzy-processing/assets/img/Icon_cross_outline.png');
  background-repeat: no-repeat;
  background-position: 1rem 50%;
  box-shadow: none;
}
#it-multidrag-question .showFeedback .spoken-word-feedback.isCorrect {
  border: 2px solid #209914 !important;
  background: rgba(0, 90, 255, 0.1);
  background-color: rgba(32, 153, 20, 0.25) !important;
  background-image: url('../gynzy-processing/assets/img/icon_check_outline-917def7b90a5a1cc23ad1f94128315ae.png');
  background-repeat: no-repeat !important;
  background-position: 50% 60% !important;
}
#it-multidrag-question .showFeedback .spoken-word-feedback.isWrong {
  border: 2px solid #ed1c24 !important;
  background-color: rgba(237, 28, 36, 0.25) !important;
  background-image: url('../gynzy-processing/assets/img/Icon_cross_outline.png');
  background-repeat: no-repeat !important;
  background-position: 50% 60% !important;
}
#it-multidrag-question .answer-button.showCorrect {
  color: #fff;
  margin-bottom: 0.2rem;
  background-color: #662ed0;
  background-image: url('../gynzy-processing/assets/img/icon_check_purple_outline-d51ff074db43a31c6a48e4bcf1d21c89.png');
  background-repeat: no-repeat;
  background-position: 1rem 50%;
  box-shadow: none;
  cursor: default;
}
#it-multidrag-question .answer-image .showCorrect {
  border: 5px solid #662ed0 !important;
  background-color: rgba(102, 46, 208, 0.25) !important;
  background-image: url('../gynzy-processing/assets/img/icon_check_purple_outline-d51ff074db43a31c6a48e4bcf1d21c89.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 1rem;
  cursor: default;
}
#it-multidrag-question .spoken-word-feedback.showCorrect {
  border: 2px solid #662ed0 !important;
  background-color: rgba(102, 46, 208, 0.25) !important;
  background-image: url('../gynzy-processing/assets/img/icon_check_purple_outline-d51ff074db43a31c6a48e4bcf1d21c89.png');
  background-repeat: no-repeat !important;
  background-position: 50% 60% !important;
}
.exercise-component .it-multiselect-sentence-answer .selectable-text {
  margin: 0.2em;
}
.exercise-component .it-multiselect-sentence-punctuation-answer .punctuation-buttons-container {
  margin-top: 3rem;
}
.exercise-component .it-multiselect-sentence-punctuation-answer .punctuation-buttons-container .punctuation-mark-button {
  margin: 0 0.4rem;
}
.exercise-component .it-multiselect-tekst .multiselect-tekst-answer {
  font-size: 6rem;
  font-weight: bold;
  line-height: 5rem;
}
.exercise-component .it-multiselect-tekst .multiselect-tekst-answer .part-spacing {
  padding: 1.5rem 0;
}
.exercise-component .it-multiselect-tekst .multiselect-tekst-answer .part-spacing.selected {
  background-color: rgba(60, 131, 243, 0.3);
  background-image: none;
  padding: 1.5rem 0;
  box-shadow: inset 0 0 0 0.4rem #0e5fd8;
  border-radius: 1rem;
  letter-spacing: 1.15rem;
  text-indent: 1.15rem;
  margin: 0 0.1rem;
}
.exercise-component .it-multiselect-tekst .multiselect-tekst-answer .part-spacing.selected .word-part:first-child {
  text-indent: 1.1rem;
}
.exercise-component .it-multiselect-tekst .multiselect-tekst-answer .part-spacing.selected .word-part:last-child {
  letter-spacing: 1.1rem;
}
.exercise-component .it-multiselect-tekst .multiselect-tekst-answer .word-part {
  height: 100%;
  letter-spacing: 1.2rem;
  text-indent: 1.2rem;
}
.exercise-component .it-multiselect-tekst .multiselect-tekst-answer .word-part.between {
  letter-spacing: 0;
  text-indent: 0;
  padding: 0;
  border: none;
}
.exercise-component .it-multiselect-tekst .multiselect-tekst-answer .between-word-part {
  height: 6rem;
  width: 2.3rem;
}
.exercise-component .it-multiselect-tekst .multiselect-tekst-answer .between-word-part.selected .selection {
  cursor: pointer;
  background-color: #0e5fd8;
  border: 0.4rem solid #0e5fd8;
  border-radius: 0.4rem;
  height: 100%;
}
.exercise-component .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .selected {
  margin-bottom: 0;
}
.exercise-component .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .selected.isCorrect {
  box-shadow: inset 0 0 0 0.4rem #209914;
  background-color: rgba(32, 153, 20, 0.2);
}
.exercise-component .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .selected.isWrong {
  box-shadow: inset 0 0 0 0.4rem #ed1c24;
  background-color: rgba(237, 28, 36, 0.2);
}
.exercise-component .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .between-word-part.selected .icon-container {
  height: auto;
}
.exercise-component .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .between-word-part.selected .selection.isCorrect {
  border: 0.4rem solid #209914;
  background-color: rgba(32, 153, 20, 0.2);
}
.exercise-component .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .between-word-part.selected .selection.isWrong {
  border: 0.4rem solid #ed1c24;
  background-color: rgba(237, 28, 36, 0.2);
}
.exercise-component .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .icon.isCorrect {
  background-image: url('../gynzy-processing/assets/img/icon_check-96c566330ff38737ae826ed36f0cbdf4.png');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
}
.exercise-component .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .icon.isWrong {
  background-image: url('../gynzy-processing/assets/img/icon_check-96c566330ff38737ae826ed36f0cbdf4.png');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url('../gynzy-processing/assets/img/icon_cross-ad01a8bc1a71b1b447e31704c783196d.png');
}
.exercise-component .it-multiselect-tekst .multiselect-tekst-answer .icon.showCorrect {
  background-image: url('../gynzy-processing/assets/img/icon_check_purple-6ff3cd06bd97dd79a685f8409411e747.png');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
}
.exercise-component .it-multiselect-tekst .multiselect-tekst-answer .selected.showCorrect {
  box-shadow: inset 0 0 0 0.4rem #662ed0;
  background-color: rgba(102, 46, 208, 0.2);
}
.exercise-component .it-multiselect-tekst .multiselect-tekst-answer .between-word-part.selected.showCorrect {
  box-shadow: none;
  background: none;
}
.exercise-component .it-multiselect-tekst .multiselect-tekst-answer .between-word-part.selected.showCorrect .selection.isCorrect {
  border: 0.4rem solid #662ed0;
  background-color: rgba(102, 46, 208, 0.2);
}
.exercise-component .it-multiselect-tekst .multiselect-tekst-answer .part-container {
  position: relative;
  height: 100%;
}
.exercise-component .it-multiselect-tekst .multiselect-tekst-answer .icon-container {
  position: absolute;
  bottom: -2rem;
  left: 0;
}
.selectable-text .container .text {
  /**
			 * Give padding in em.
			 * rem = relative to the font-size in the root elment (html element). for gynzy, 1rem is defined as 16px.
			 * en = relative to the font-size of the element (in this case, relative to fontSizeInRem)
			 * Suppose fontSizeInRem = 2rem, it means font-size is 2 * 16px = 32px.
			 * When margin is 1em, it means that it is 1 times the current font-size given in fontSizeInRem.
			 * this will be 32px.
			 * When margin is 2em, it means that it is 2 times the current font-size given in fontSizeInRem.
			 * this will be 64px.
			 * To be sure the margin of the text class is in same ratio for every font-size, we use em values for margin.
			 * in this case, 0.2em to the rem value in fontSizeInRem.
			 */
  padding: 0.2em;
  position: relative;
}
.selectable-text .container .text.bold-text {
  font-weight: bold;
}
.selectable-text .container .text.default {
  background-image: none;
  border-radius: 1rem;
  border: 0.2rem solid #fff;
}
.selectable-text .container .text.default .icon {
  position: absolute;
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position: 50%;
  inset: 0;
}
.selectable-text .container .text.selected {
  background-image: none;
  border-radius: 1rem;
  border: 0.2rem solid #fff;
  border-color: #0e5fd8;
  background-color: rgba(14, 95, 216, 0.2);
  box-shadow: inset 0 0 0 0.2rem #0e5fd8;
}
.selectable-text .container .text.selected .icon {
  position: absolute;
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position: 50%;
  inset: 0;
}
.selectable-text .container .text.improved {
  background-image: none;
  border-radius: 1rem;
  border: 0.2rem solid #fff;
  border-color: #662ed0;
  background-color: rgba(102, 46, 208, 0.2);
  box-shadow: inset 0 0 0 0.2rem #662ed0;
}
.selectable-text .container .text.improved .icon {
  position: absolute;
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position: 50%;
  inset: 0;
}
.selectable-text .container .text.correct {
  background-image: none;
  border-radius: 1rem;
  border: 0.2rem solid #fff;
  border-color: #209914;
  background-color: rgba(32, 153, 20, 0.2);
  box-shadow: inset 0 0 0 0.2rem #209914;
}
.selectable-text .container .text.correct .icon {
  position: absolute;
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position: 50%;
  inset: 0;
}
.selectable-text .container .text.correct .icon-correct {
  position: absolute;
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position: 50%;
  inset: 0;
  background-image: url('../gynzy-processing/assets/img/icon_check_outline-917def7b90a5a1cc23ad1f94128315ae.png');
}
.selectable-text .container .text.wrong {
  background-image: none;
  border-radius: 1rem;
  border: 0.2rem solid #fff;
  border-color: #ed1c24;
  background-color: rgba(237, 28, 36, 0.2);
  box-shadow: inset 0 0 0 0.2rem #ed1c24;
}
.selectable-text .container .text.wrong .icon {
  position: absolute;
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position: 50%;
  inset: 0;
}
.selectable-text .container .text.wrong .icon-wrong {
  position: absolute;
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position: 50%;
  inset: 0;
  background-image: url('../gynzy-processing/assets/img/icon_cross_outline-bbec2fb2cdf36fd2ae20659482350064.png');
}
.punctuation-word {
  height: 5.2rem;
  margin-top: 1rem;
  font-size: 5rem;
  line-height: 4.5rem;
  font-weight: bold;
}
.punctuation-mark {
  width: 3.6rem;
  height: 100%;
}
.punctuation-mark.default {
  color: #000;
}
.punctuation-mark.selected {
  color: #0e5fd8;
  cursor: pointer;
}
.punctuation-mark.correct {
  color: #209914;
  cursor: pointer;
}
.punctuation-mark.wrong {
  color: #ed1c24;
  cursor: pointer;
}
.punctuation-mark.improved {
  color: #662ed0;
  cursor: pointer;
}
.punctuation-mark-button .container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6.5rem;
  height: 6.5rem;
  border: 1px solid #0e3174;
  border-radius: 0.5rem;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 4rem;
}
.punctuation-mark-button .container.default-blue {
  color: #fff;
  background-color: #0f60d8;
  background-image: linear-gradient(to bottom, #3d84f4, #0f60d8);
}
.punctuation-mark-button .container.selected-blue {
  color: #fff;
  background-color: #0f60d8;
  background-image: linear-gradient(to bottom, #3d84f4, #0f60d8);
  box-shadow: inset 2.5px 2.5px 7.5px 1px rgba(0, 0, 0, 0.75);
}
.punctuation-mark-button .container.default-white {
  width: auto;
  padding: 0 2rem;
  font-weight: bold;
  font-size: 2.8rem;
  color: #0f60d8;
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff, #ffffff);
}
.punctuation-mark-button .container.selected-white {
  width: auto;
  padding: 0 2rem;
  font-weight: bold;
  font-size: 2.8rem;
  color: #0f60d8;
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff, #ffffff);
  box-shadow: inset 2.5px 2.5px 7.5px 1px rgba(0, 0, 0, 0.75);
}
.exercise-component .it-klok {
  height: 30rem;
}
.exercise-component .it-klok .clock {
  height: 22rem;
  position: relative;
  width: 100%;
}
.exercise-component .it-klok .digitaal-instellen {
  margin-top: 2rem;
}
.exercise-component .it-klok .settings {
  margin: 0 2rem;
}
.exercise-component .it-klok .settings button {
  margin: 0 0.5rem;
}
.exercise-component .it-klok .button-normal-white-flex {
  margin: 0 2rem;
}
.exercise-component .it-klok .button-normal-white-flex .icon--graphics {
  fill: #005aff;
}
.dollar-bill-size {
  height: 13rem;
}
.dollar-bill-size img {
  position: absolute;
  width: 30.33333333rem;
  height: 13rem;
  left: 0;
}
.dollar-bill-size.last {
  width: 30.33333333rem;
}
.exercise-component .it-money-question {
  position: absolute;
  width: 100%;
  height: 100%;
}
.exercise-component .it-money-question .dropzone {
  margin: 1rem;
  position: relative;
  height: calc(100% - 2rem);
}
.exercise-component .it-money-question .dropzone .draggable-dropzone {
  overflow: hidden;
  padding: 0;
}
.exercise-component .it-money-question .dropped-amount__label {
  position: absolute;
  font-weight: 900;
  font-size: 2.08333333rem;
  color: #3f4c5a;
  background-color: white;
  border-radius: 0.83333333rem;
  padding: 1.04166667rem;
  right: 1.04166667rem;
  bottom: 1.04166667rem;
}
.exercise-component .it-money-answer .answer-coins {
  height: 15rem;
}
.exercise-component .it-money-answer .answer-coins .draggable-item {
  padding: 0 0.5rem;
}
.exercise-component .it-money-answer .answer-paper {
  position: relative;
  width: 100%;
  height: 15rem;
}
.exercise-component .it-money-answer .answer-paper .disabled-option {
  pointer-events: none;
}
.exercise-component .it-money-answer .draggable-item,
.exercise-component .it-money-question .draggable-item {
  padding: 0;
  margin: 0;
  box-shadow: none;
  overflow: inherit;
  background: none;
}
.exercise-component .it-money-answer .draggable-item img,
.exercise-component .it-money-question .draggable-item img {
  max-width: none;
}
.exercise-component .it-money-answer .draggable-item.is-dragging,
.exercise-component .it-money-question .draggable-item.is-dragging {
  opacity: 1;
}
.exercise-component .it-money-answer .is-paper,
.exercise-component .it-money-question .is-paper {
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.15);
}
.exercise-component .it-money-answer .option-1,
.exercise-component .it-money-question .option-1 {
  position: relative;
}
.exercise-component .it-money-answer .option-1.EUR,
.exercise-component .it-money-question .option-1.EUR,
.exercise-component .it-money-answer .option-1.USD,
.exercise-component .it-money-question .option-1.USD {
  height: 4.7rem;
}
.exercise-component .it-money-answer .option-1.EUR img,
.exercise-component .it-money-question .option-1.EUR img,
.exercise-component .it-money-answer .option-1.USD img,
.exercise-component .it-money-question .option-1.USD img {
  height: 4.7rem;
  width: 4.7rem;
}
.exercise-component .it-money-answer .option-2,
.exercise-component .it-money-question .option-2 {
  position: relative;
}
.exercise-component .it-money-answer .option-2.EUR,
.exercise-component .it-money-question .option-2.EUR {
  height: 5.4rem;
}
.exercise-component .it-money-answer .option-2.EUR img,
.exercise-component .it-money-question .option-2.EUR img {
  height: 5.4rem;
  width: 5.4rem;
}
.exercise-component .it-money-answer .option-5,
.exercise-component .it-money-question .option-5 {
  position: relative;
}
.exercise-component .it-money-answer .option-5.EUR,
.exercise-component .it-money-question .option-5.EUR,
.exercise-component .it-money-answer .option-5.USD,
.exercise-component .it-money-question .option-5.USD {
  height: 6.4rem;
}
.exercise-component .it-money-answer .option-5.EUR img,
.exercise-component .it-money-question .option-5.EUR img,
.exercise-component .it-money-answer .option-5.USD img,
.exercise-component .it-money-question .option-5.USD img {
  height: 6.4rem;
  width: 6.4rem;
}
.exercise-component .it-money-answer .option-10,
.exercise-component .it-money-question .option-10 {
  position: relative;
}
.exercise-component .it-money-answer .option-10.EUR,
.exercise-component .it-money-question .option-10.EUR,
.exercise-component .it-money-answer .option-10.USD,
.exercise-component .it-money-question .option-10.USD {
  height: 5.8rem;
}
.exercise-component .it-money-answer .option-10.EUR img,
.exercise-component .it-money-question .option-10.EUR img,
.exercise-component .it-money-answer .option-10.USD img,
.exercise-component .it-money-question .option-10.USD img {
  height: 5.8rem;
  width: 5.8rem;
}
.exercise-component .it-money-answer .option-20,
.exercise-component .it-money-question .option-20 {
  position: relative;
}
.exercise-component .it-money-answer .option-20.EUR,
.exercise-component .it-money-question .option-20.EUR {
  height: 6.8rem;
}
.exercise-component .it-money-answer .option-20.EUR img,
.exercise-component .it-money-question .option-20.EUR img {
  height: 6.8rem;
  width: 6.8rem;
}
.exercise-component .it-money-answer .option-25,
.exercise-component .it-money-question .option-25 {
  position: relative;
}
.exercise-component .it-money-answer .option-25.USD,
.exercise-component .it-money-question .option-25.USD {
  height: 6.8rem;
}
.exercise-component .it-money-answer .option-25.USD img,
.exercise-component .it-money-question .option-25.USD img {
  height: 6.8rem;
  width: 6.8rem;
}
.exercise-component .it-money-answer .option-50,
.exercise-component .it-money-question .option-50 {
  position: relative;
}
.exercise-component .it-money-answer .option-50.EUR,
.exercise-component .it-money-question .option-50.EUR,
.exercise-component .it-money-answer .option-50.USD,
.exercise-component .it-money-question .option-50.USD {
  height: 7.4rem;
}
.exercise-component .it-money-answer .option-50.EUR img,
.exercise-component .it-money-question .option-50.EUR img,
.exercise-component .it-money-answer .option-50.USD img,
.exercise-component .it-money-question .option-50.USD img {
  height: 7.4rem;
  width: 7.4rem;
}
.exercise-component .it-money-answer .option-100,
.exercise-component .it-money-question .option-100 {
  position: relative;
}
.exercise-component .it-money-answer .option-100.EUR,
.exercise-component .it-money-question .option-100.EUR {
  height: 7rem;
}
.exercise-component .it-money-answer .option-100.EUR img,
.exercise-component .it-money-question .option-100.EUR img {
  height: 7rem;
  width: 7rem;
}
.exercise-component .it-money-answer .option-100.USD,
.exercise-component .it-money-question .option-100.USD {
  height: 13rem;
}
.exercise-component .it-money-answer .option-100.USD img,
.exercise-component .it-money-question .option-100.USD img {
  position: absolute;
  width: 30.33333333rem;
  height: 13rem;
  left: 0;
}
.exercise-component .it-money-answer .option-100.USD.last,
.exercise-component .it-money-question .option-100.USD.last {
  width: 30.33333333rem;
}
.exercise-component .it-money-answer .option-200,
.exercise-component .it-money-question .option-200 {
  position: relative;
}
.exercise-component .it-money-answer .option-200.EUR,
.exercise-component .it-money-question .option-200.EUR {
  height: 7.9rem;
}
.exercise-component .it-money-answer .option-200.EUR img,
.exercise-component .it-money-question .option-200.EUR img {
  height: 7.9rem;
  width: 7.9rem;
}
.exercise-component .it-money-answer .option-200.USD,
.exercise-component .it-money-question .option-200.USD {
  height: 13rem;
}
.exercise-component .it-money-answer .option-200.USD img,
.exercise-component .it-money-question .option-200.USD img {
  position: absolute;
  width: 30.33333333rem;
  height: 13rem;
  left: 0;
}
.exercise-component .it-money-answer .option-200.USD.last,
.exercise-component .it-money-question .option-200.USD.last {
  width: 30.33333333rem;
}
.exercise-component .it-money-answer .option-500,
.exercise-component .it-money-question .option-500 {
  position: relative;
}
.exercise-component .it-money-answer .option-500.EUR,
.exercise-component .it-money-question .option-500.EUR {
  height: 9.4rem;
}
.exercise-component .it-money-answer .option-500.EUR img,
.exercise-component .it-money-question .option-500.EUR img {
  position: absolute;
  height: 9.4rem;
  width: 19.5rem;
  left: 0;
}
.exercise-component .it-money-answer .option-500.EUR.last,
.exercise-component .it-money-question .option-500.EUR.last {
  width: 19.5rem;
}
.exercise-component .it-money-answer .option-500.USD,
.exercise-component .it-money-question .option-500.USD {
  height: 13rem;
}
.exercise-component .it-money-answer .option-500.USD img,
.exercise-component .it-money-question .option-500.USD img {
  position: absolute;
  width: 30.33333333rem;
  height: 13rem;
  left: 0;
}
.exercise-component .it-money-answer .option-500.USD.last,
.exercise-component .it-money-question .option-500.USD.last {
  width: 30.33333333rem;
}
.exercise-component .it-money-answer .option-1000,
.exercise-component .it-money-question .option-1000 {
  position: relative;
}
.exercise-component .it-money-answer .option-1000.EUR,
.exercise-component .it-money-question .option-1000.EUR {
  height: 10rem;
}
.exercise-component .it-money-answer .option-1000.EUR img,
.exercise-component .it-money-question .option-1000.EUR img {
  position: absolute;
  height: 10rem;
  width: 20.5rem;
  left: 0;
}
.exercise-component .it-money-answer .option-1000.EUR.last,
.exercise-component .it-money-question .option-1000.EUR.last {
  width: 20.5rem;
}
.exercise-component .it-money-answer .option-1000.USD,
.exercise-component .it-money-question .option-1000.USD {
  height: 13rem;
}
.exercise-component .it-money-answer .option-1000.USD img,
.exercise-component .it-money-question .option-1000.USD img {
  position: absolute;
  width: 30.33333333rem;
  height: 13rem;
  left: 0;
}
.exercise-component .it-money-answer .option-1000.USD.last,
.exercise-component .it-money-question .option-1000.USD.last {
  width: 30.33333333rem;
}
.exercise-component .it-money-answer .option-2000,
.exercise-component .it-money-question .option-2000 {
  position: relative;
}
.exercise-component .it-money-answer .option-2000.EUR,
.exercise-component .it-money-question .option-2000.EUR {
  height: 11.3rem;
}
.exercise-component .it-money-answer .option-2000.EUR img,
.exercise-component .it-money-question .option-2000.EUR img {
  position: absolute;
  height: 11.3rem;
  width: 22rem;
  left: 0;
}
.exercise-component .it-money-answer .option-2000.EUR.last,
.exercise-component .it-money-question .option-2000.EUR.last {
  width: 22rem;
}
.exercise-component .it-money-answer .option-2000.USD,
.exercise-component .it-money-question .option-2000.USD {
  height: 13rem;
}
.exercise-component .it-money-answer .option-2000.USD img,
.exercise-component .it-money-question .option-2000.USD img {
  position: absolute;
  width: 30.33333333rem;
  height: 13rem;
  left: 0;
}
.exercise-component .it-money-answer .option-2000.USD.last,
.exercise-component .it-money-question .option-2000.USD.last {
  width: 30.33333333rem;
}
.exercise-component .it-money-answer .option-5000,
.exercise-component .it-money-question .option-5000 {
  position: relative;
}
.exercise-component .it-money-answer .option-5000.EUR,
.exercise-component .it-money-question .option-5000.EUR {
  height: 12.2rem;
}
.exercise-component .it-money-answer .option-5000.EUR img,
.exercise-component .it-money-question .option-5000.EUR img {
  position: absolute;
  height: 12.2rem;
  width: 23rem;
  left: 0;
}
.exercise-component .it-money-answer .option-5000.EUR.last,
.exercise-component .it-money-question .option-5000.EUR.last {
  width: 23rem;
}
.exercise-component .it-money-answer .option-5000.USD,
.exercise-component .it-money-question .option-5000.USD {
  height: 13rem;
}
.exercise-component .it-money-answer .option-5000.USD img,
.exercise-component .it-money-question .option-5000.USD img {
  position: absolute;
  width: 30.33333333rem;
  height: 13rem;
  left: 0;
}
.exercise-component .it-money-answer .option-5000.USD.last,
.exercise-component .it-money-question .option-5000.USD.last {
  width: 30.33333333rem;
}
.exercise-component .it-money-answer .option-10000,
.exercise-component .it-money-question .option-10000 {
  position: relative;
}
.exercise-component .it-money-answer .option-10000.EUR,
.exercise-component .it-money-question .option-10000.EUR {
  height: 13rem;
}
.exercise-component .it-money-answer .option-10000.EUR img,
.exercise-component .it-money-question .option-10000.EUR img {
  position: absolute;
  height: 13rem;
  width: 24.3rem;
  left: 0;
}
.exercise-component .it-money-answer .option-10000.EUR.last,
.exercise-component .it-money-question .option-10000.EUR.last {
  width: 24.3rem;
}
.exercise-component .it-money-answer .option-10000.USD,
.exercise-component .it-money-question .option-10000.USD {
  height: 13rem;
}
.exercise-component .it-money-answer .option-10000.USD img,
.exercise-component .it-money-question .option-10000.USD img {
  position: absolute;
  width: 30.33333333rem;
  height: 13rem;
  left: 0;
}
.exercise-component .it-money-answer .option-10000.USD.last,
.exercise-component .it-money-question .option-10000.USD.last {
  width: 30.33333333rem;
}
.exercise-component .it-money-answer .option-20000,
.exercise-component .it-money-question .option-20000 {
  position: relative;
}
.exercise-component .it-money-answer .option-20000.EUR,
.exercise-component .it-money-question .option-20000.EUR {
  height: 13rem;
}
.exercise-component .it-money-answer .option-20000.EUR img,
.exercise-component .it-money-question .option-20000.EUR img {
  position: absolute;
  height: 13rem;
  width: 25.3rem;
  left: 0;
}
.exercise-component .it-money-answer .option-20000.EUR.last,
.exercise-component .it-money-question .option-20000.EUR.last {
  width: 25.3rem;
}
.exercise-component .it-money-answer .option-50000,
.exercise-component .it-money-question .option-50000 {
  position: relative;
}
.exercise-component .it-money-answer .option-50000.EUR,
.exercise-component .it-money-question .option-50000.EUR {
  height: 13rem;
}
.exercise-component .it-money-answer .option-50000.EUR img,
.exercise-component .it-money-question .option-50000.EUR img {
  position: absolute;
  height: 13rem;
  width: 26.2rem;
  left: 0;
}
.exercise-component .it-money-answer .option-50000.EUR.last,
.exercise-component .it-money-question .option-50000.EUR.last {
  width: 26.2rem;
}
.exercise-component .it-flitser-question {
  perspective: 1000px;
  position: absolute;
  padding: 2rem 0;
  width: 100%;
  height: 90%;
}
.exercise-component .it-flitser-answer {
  height: 6rem;
}
.exercise-component .it-flitser-answer .it-flitser-answer__input-container {
  margin: 0 2rem;
}
.exercise-component .it-flitser-answer button.verify-button {
  transition: opacity, 0.5s ease-in-out;
}
.exercise-component .it-flitser-answer button.verify-button.faded {
  opacity: 0;
}
.exercise-component .it-flitser-answer,
.exercise-component .it-flitser-question {
  color: #555;
}
.exercise-component .it-flitser-answer .flitser-question,
.exercise-component .it-flitser-question .flitser-question {
  cursor: pointer;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 1.5rem 1rem rgba(0, 0, 0, 0.15);
  font-weight: bold;
  font-size: 9rem;
  padding: 15px;
  position: relative;
}
.exercise-component .it-flitser-answer .flitser-question span,
.exercise-component .it-flitser-question .flitser-question span {
  line-height: 9rem;
}
.exercise-component .it-flitser-answer .flitser-question .flat__icon,
.exercise-component .it-flitser-question .flitser-question .flat__icon {
  width: 8rem;
  height: 8rem;
}
.exercise-component .it-flitser-answer .flitser-question .flat__icon .icon--graphics,
.exercise-component .it-flitser-question .flitser-question .flat__icon .icon--graphics {
  fill: #06c;
}
.exercise-component .it-flitser-answer .flitser-question .click-icon,
.exercise-component .it-flitser-question .flitser-question .click-icon {
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.exercise-component .it-flitser-answer .flitser-question .click-icon .styleguide.svg__icon,
.exercise-component .it-flitser-question .flitser-question .click-icon .styleguide.svg__icon {
  width: 8rem;
  height: 8rem;
}
.exercise-component .it-flitser-answer .flitser-question .long-word,
.exercise-component .it-flitser-question .flitser-question .long-word {
  font-size: 7rem;
}
.exercise-component .it-flitser-answer .showFeedback,
.exercise-component .it-flitser-question .showFeedback {
  position: relative;
}
.exercise-component .it-flitser-answer .showFeedback .icon.isCorrect,
.exercise-component .it-flitser-question .showFeedback .icon.isCorrect {
  background-image: url('../gynzy-processing/assets/img/icon_check-96c566330ff38737ae826ed36f0cbdf4.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
}
.exercise-component .it-flitser-answer .showFeedback .icon.isWrong,
.exercise-component .it-flitser-question .showFeedback .icon.isWrong {
  background-image: url('../gynzy-processing/assets/img/icon_check-96c566330ff38737ae826ed36f0cbdf4.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
  background-image: url('../gynzy-processing/assets/img/icon_cross-ad01a8bc1a71b1b447e31704c783196d.png');
}
.exercise-component .it-flitser-answer .showFeedback input,
.exercise-component .it-flitser-question .showFeedback input {
  transition: none;
}
.exercise-component .it-flitser-answer .showFeedback input.isCorrect,
.exercise-component .it-flitser-question .showFeedback input.isCorrect {
  flex: 1;
  border: 0.3rem solid #209914;
  background-color: rgba(32, 153, 20, 0.05);
  background-image: none;
}
.exercise-component .it-flitser-answer .showFeedback input.isWrong,
.exercise-component .it-flitser-question .showFeedback input.isWrong {
  flex: 1;
  border: 0.3rem solid #ed1c24;
  background-color: rgba(237, 28, 36, 0.05);
  background-image: none;
}
.exercise-component .it-flitser-answer .icon.showCorrect,
.exercise-component .it-flitser-question .icon.showCorrect {
  background-image: url('../gynzy-processing/assets/img/icon_check_purple-6ff3cd06bd97dd79a685f8409411e747.png');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
}
.exercise-component .it-flitser-answer .showCorrect input,
.exercise-component .it-flitser-question .showCorrect input {
  flex: 1;
  border: 0.3rem solid #662ed0;
  background-color: rgba(102, 46, 208, 0.05);
  background-image: none;
}
.exercise-component .it-flitser-answer input,
.exercise-component .it-flitser-question input {
  margin-bottom: 0.5rem;
}
.exercise-component .it-dictee-question {
  position: absolute;
  padding: 2rem 0;
  width: 100%;
  height: 100%;
}
.exercise-component .it-dictee-answer {
  margin: 0 2rem;
}
.exercise-component .it-dictee-answer input,
.exercise-component .it-dictee-question input {
  font-size: 2.5rem;
  padding: 0 0.8rem;
  height: 5.5rem;
  margin-bottom: 0.5rem;
}
.exercise-component .it-dictee-answer .dictee-question,
.exercise-component .it-dictee-question .dictee-question {
  box-shadow: 0 0 12px -4px #000;
  background-color: #fff;
  border-radius: 1rem;
  font-weight: bold;
  font-size: 9rem;
  color: #000;
}
.exercise-component .it-dictee-answer .showFeedback,
.exercise-component .it-dictee-question .showFeedback {
  position: relative;
}
.exercise-component .it-dictee-answer .showFeedback .icon.isCorrect,
.exercise-component .it-dictee-question .showFeedback .icon.isCorrect {
  background-image: url('../gynzy-processing/assets/img/icon_check-96c566330ff38737ae826ed36f0cbdf4.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
}
.exercise-component .it-dictee-answer .showFeedback .icon.isWrong,
.exercise-component .it-dictee-question .showFeedback .icon.isWrong {
  background-image: url('../gynzy-processing/assets/img/icon_check-96c566330ff38737ae826ed36f0cbdf4.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
  background-image: url('../gynzy-processing/assets/img/icon_cross-ad01a8bc1a71b1b447e31704c783196d.png');
}
.exercise-component .it-dictee-answer .showFeedback input,
.exercise-component .it-dictee-question .showFeedback input {
  transition: none;
}
.exercise-component .it-dictee-answer .showFeedback input.isCorrect,
.exercise-component .it-dictee-question .showFeedback input.isCorrect {
  flex: 1;
  border: 0.3rem solid #209914;
  background-color: rgba(32, 153, 20, 0.05);
  background-image: none;
}
.exercise-component .it-dictee-answer .showFeedback input.isWrong,
.exercise-component .it-dictee-question .showFeedback input.isWrong {
  flex: 1;
  border: 0.3rem solid #ed1c24;
  background-color: rgba(237, 28, 36, 0.05);
  background-image: none;
}
.exercise-component .it-dictee-answer .icon.showCorrect,
.exercise-component .it-dictee-question .icon.showCorrect {
  background-image: url('../gynzy-processing/assets/img/icon_check_purple-6ff3cd06bd97dd79a685f8409411e747.png');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
}
.exercise-component .it-dictee-answer .showCorrect input,
.exercise-component .it-dictee-question .showCorrect input {
  flex: 1;
  border: 0.3rem solid #662ed0;
  background-color: rgba(102, 46, 208, 0.05);
  background-image: none;
}
.it-fillable-chart .horizontal-divider {
  height: 0.2rem;
  width: 80%;
  margin: 1rem 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #cccccc 50%, rgba(0, 0, 0, 0) 100%);
}
.it-fillable-chart .dataTable {
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 0.5rem;
}
.it-fillable-chart .dataTable tr td {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  vertical-align: middle;
  height: 5rem;
  min-width: 8rem;
  text-align: center;
  font-size: 2rem;
}
.it-fillable-chart .dataTable tr td .student-answer {
  margin: 0;
  height: 5rem;
  border: 0.3rem transparent;
  max-width: 10rem;
  overflow: auto;
  box-shadow: inset 0 0 0 0.5px #9db3d1;
  background: linear-gradient(to bottom, #eee 0%, #fff 100%);
  background-color: #fafafa;
  padding: 0.5rem;
}
.it-fillable-chart .dataTable tr td .student-answer.long-answer {
  font-size: 1.5rem;
}
.it-fillable-chart .dataTable tr td .it-fillable-chart-cell__gray {
  color: #555;
}
.it-fillable-chart .dataTable tr td .align-right {
  color: blue;
}
.it-fillable-chart .dataTable tr td:last-child {
  border-right: none;
}
.it-fillable-chart .dataTable tr td:first-child {
  text-align: left;
}
.it-fillable-chart .dataTable tr td:first-child.given {
  padding: 0 1rem 0 2rem;
}
.it-fillable-chart .dataTable tr:last-child td {
  border-bottom: none;
}
.it-fillable-chart .dataTable.splitTable tr td {
  border-right: 2px solid #000;
}
.it-fillable-chart .dataTable.splitTable tr td:last-child {
  border-right: none;
}
.it-fillable-chart .dataTable.splitTable tr:last-child td {
  border-bottom: none;
}
.it-fillable-chart .dataTable.splitTable tr:first-child td {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  border-bottom: 2px solid #000;
}
.it-fillable-chart .dataTable .calculation-arrow {
  background-image: url('../gynzy-processing/assets/img/arrow-5653b601d23f41d4e59474bded6b8298.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.5rem;
  height: 4rem;
  position: absolute;
  transform: rotate(226deg);
  top: -2.4rem;
  left: -1rem;
}
.it-fillable-chart .dataTable.borderLeft tr td:first-child {
  border-left: 2px solid #ccc;
}
.it-fillable-chart .dataTable.borderTop tr:first-child td {
  border-top: 2px solid #ccc;
}
.it-fillable-chart .dataTable.borderRight tr td:last-child {
  border-right: 2px solid #ccc;
}
.it-fillable-chart .dataTable.borderBottom tr:last-child td {
  border-bottom: 2px solid #ccc;
}
.it-fillable-chart .showFeedback .student-answer.isCorrect {
  box-shadow: inset 0 0 0 0.3rem #209914;
  background-color: rgba(32, 153, 20, 0.05);
  background-image: none;
}
.it-fillable-chart .showFeedback .student-answer.isWrong {
  box-shadow: inset 0 0 0 0.3rem #ed1c24;
  background-color: rgba(237, 28, 36, 0.05);
  background-image: none;
}
.it-fillable-chart .showCorrect {
  border: 0.3rem solid #662ed0 !important;
  background-color: rgba(102, 46, 208, 0.05) !important;
  background-image: none;
}
.it-fillable-chart div:not(.showFeedback) .focused .student-answer {
  transition: none;
  border: 2px solid #51cbee !important;
  background: rgba(81, 203, 238, 0.1) !important;
}
.it-automate-height {
  height: 15rem;
}
.it-automate-answer-component {
  width: 100%;
}
.it-automate-answer-component .exercise-component-feedback-ribbon {
  top: -6rem !important;
}
.it-automate-question-component {
  position: absolute;
  padding-top: 2rem;
  padding-bottom: 4rem;
  width: 100%;
  height: 100%;
}
.it-automate-question-component .it-automate-progress-container {
  height: 15rem;
  width: 50rem;
}
.it-automate-question-component .it-automate-progress-container .it-automate-timer-container img {
  position: absolute;
  left: -3.5rem;
  top: 4.25rem;
  height: 2rem;
  width: 2rem;
}
.it-automate-question-component .it-automate-progress-container .it-automate-timer-container .it-automate-timer {
  height: 10rem;
}
.it-automate-question-component .it-automate-question-container {
  width: 50rem;
}
.it-automate-question-component .it-automate-question-container.showFeedback.isCorrect .student-answer {
  color: #209914;
}
.it-automate-question-component .it-automate-question-container.showFeedback.isWrong .student-answer {
  color: #ed1c24;
}
.it-automate-question-component .it-automate-question-container .it-automate-container {
  position: relative;
  z-index: 10;
  height: 22rem;
}
.it-automate-question-component .it-automate-question-container .it-automate-container .it-automate-stack::before {
  content: ' ';
  width: 50rem;
  background-color: #fff;
  position: absolute;
  height: 22rem;
  left: 0;
  top: 0;
  z-index: -1;
  border: 0.1rem solid rgba(0, 0, 0, 0.1);
}
.it-automate-question-component .it-automate-question-container .it-automate-container .it-automate-stack.first::before {
  transform: scale(0.98);
  top: 0.7rem;
}
.it-automate-question-component .it-automate-question-container .it-automate-container .it-automate-stack.second::before {
  transform: scale(0.95);
  top: 1.5rem;
}
.it-automate-question-component .it-automate-question-container .it-automate-container .it-automate-stack.third::before {
  transform: scale(0.93);
  top: 2.1rem;
}
.it-automate-question-component .it-automate-question-container .it-automate-container .it-automate-stack.fourth::before {
  transform: scale(0.9);
  top: 2.7rem;
}
.it-automate-question-component .it-automate-question-container .it-automate-container .it-automate-question-card {
  width: 50rem;
  height: 22rem;
  background-color: #fff;
  position: relative;
  border: 0.1rem solid rgba(0, 0, 0, 0.1);
}
.it-automate-question-component .it-automate-question-container .it-automate-container .it-automate-question-card.it-automate-overlay {
  position: absolute;
  left: 0;
  top: 0;
  background-clip: border-box;
  -vendor-animation-duration: 1s;
}
.it-automate-question-component .it-automate-question-container .it-automate-container .it-automate-question-card.it-automate-overlay.relative {
  position: relative;
}
.it-automate-question-component .it-automate-question-container .it-automate-container .it-automate-question-card .it-automate-question {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7rem;
  color: rgba(0, 0, 0, 0.8);
}
.it-automate-question-component .it-automate-question-container .it-automate-container .it-automate-question-card .it-automate-question .student-answer {
  padding: 0 2rem;
  min-width: 10rem;
}
.it-automate-question-component .it-automate-question-container .it-automate-container .it-automate-question-card .it-automate-end-screen {
  color: #000;
  font-size: 3.8rem;
}
.it-automate-question-component .it-automate-question-container .it-automate-container .it-automate-question-card .it-automate-end-screen .it-automate-times-wrapper {
  height: 10rem;
}
.it-automate-question-component .it-automate-question-container .it-automate-container .it-automate-question-card .it-automate-end-screen .it-automate-times-wrapper .target-time {
  color: #000;
}
.it-automate-question-component .it-automate-question-container .it-automate-container .it-automate-question-card .it-automate-end-screen .it-automate-times-wrapper .student-time .in-time {
  color: #209914;
}
.it-automate-question-component .it-automate-question-container .it-automate-container .it-automate-question-card .it-automate-end-screen .it-automate-times-wrapper .student-time .not-in-time {
  color: #ed1c24;
}
#fraction-circle {
  position: relative;
}
#fraction-circle svg {
  padding: 0.1rem;
}
#fraction-circle .circle-feedback-icon {
  position: absolute;
  top: 0;
}
#fraction-circle .circle-feedback-icon .flat__icon {
  width: 3rem;
  height: 3rem;
}
#fraction-circle .feedback-circle {
  position: absolute;
  top: 0;
  left: 0;
}
#fraction-circle .feedback-circle.hidden {
  display: none;
}
#fraction-circle.isCorrect .flat__icon .icon--graphics {
  stroke: #209914;
}
#fraction-circle.isWrong .flat__icon .icon--graphics {
  stroke: #ed1c24;
}
#fraction-bar {
  width: 34rem;
  border: 3px solid #0f4370;
  margin-bottom: 1.5rem;
}
#fraction-bar .part {
  display: inline-block;
  height: 5.6rem;
  border: 0;
}
#fraction-bar .part.selected {
  background-color: #256afd;
}
#fraction-bar .part.show-border {
  border-right: 3px solid #0f4370;
}
#fraction-bar .part.show-border:last-child {
  border: 0;
}
#fraction-bar.showFeedback .part.selected {
  background-color: #256afd;
}
#fraction-bar.showFeedback .feedback-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  height: 5.6rem;
}
#fraction-bar.showFeedback .feedback-overlay .flat__icon {
  position: absolute;
  top: calc(50% - 0.75rem);
  left: calc(50% - 0.75rem);
}
#fraction-bar.showFeedback.isCorrect {
  border-color: #209914;
}
#fraction-bar.showFeedback.isCorrect .feedback-overlay {
  background-color: rgba(32, 153, 20, 0.4);
}
#fraction-bar.showFeedback.isWrong {
  border-color: #ed1c24;
}
#fraction-bar.showFeedback.isWrong .feedback-overlay {
  background-color: rgba(237, 28, 36, 0.3);
}
#it-fraction .flat__icon .icon--graphics {
  fill: #fff;
}
#it-fraction .icon--container svg {
  width: 100%;
  height: 100%;
}
#it-fraction .hidden {
  display: none;
}
#it-fraction .fraction-bar-container.has-input-field {
  height: 19rem;
}
#it-fraction .fraction-bar-wrapper {
  width: 34rem;
  margin: 0 3rem;
}
#it-fraction .fraction-bar-input-wrapper {
  position: relative;
  top: -3.5rem;
}
#it-fraction .fraction-circle-wrapper {
  height: 32rem;
  width: 32rem;
  margin: 0 0.5rem;
}
#it-fraction .fraction-circle-reset-button {
  width: 15rem;
}
#it-fraction .fraction-circle-input-wrapper {
  height: 32rem;
  width: 15rem;
}
#it-fraction .fraction-controls .fixedDenom {
  visibility: hidden;
}
#it-fraction .fraction-controls .button-square {
  margin: 0 0.5rem;
}
#it-fraction .fraction-controls .reset {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
}
#it-fraction .fraction-controls.circle {
  position: absolute;
  bottom: 0;
  left: 0;
}
#it-fraction .fraction-controls.circle #plus-minus-buttons {
  margin: 0;
}
#it-fraction .fraction-controls #plus-minus-buttons {
  width: 15rem;
  margin-left: 5rem;
}
#it-fraction .input-control-wrapper {
  position: absolute;
  top: 3rem;
  bottom: 0;
  max-width: 10rem;
}
#it-fraction .input-control-wrapper .circle-input {
  height: 14rem;
}
.columnwise-operation-cell {
  width: 100%;
  height: 100%;
  border: 1px solid #dbdbdb;
}
.columnwise-operation-cell span {
  line-height: 4.4rem;
}
.columnwise-operation-cell.remember {
  color: #333;
  font-size: 2rem;
  width: 80%;
  height: 70%;
}
.columnwise-operation-cell.remember.active {
  border: 1px solid #dbdbdb;
  background: linear-gradient(to bottom, #eee 0%, #fff 100%);
  box-shadow: inset 0 0 0 1px rgba(147, 178, 210, 0.15);
}
.columnwise-operation-cell.active {
  border: 1px double #93b2d2;
  background: linear-gradient(to bottom, #eee 0%, #fff 100%);
  box-shadow: inset 0 0 0 1px rgba(147, 178, 210, 0.15);
}
.columnwise-operation-cell.selected {
  border: 1px solid #51cbee;
  box-shadow: inset 0 0 0 0.3rem #51cbee;
  background-color: rgba(81, 203, 238, 0.1);
}
.columnwise-operation-cell.correct {
  border: 1px solid #209914;
  box-shadow: inset 0 0 0 0.3rem #209914;
  background-color: rgba(32, 153, 20, 0.05);
}
.columnwise-operation-cell.wrong {
  border: 1px solid #ed1c24;
  box-shadow: inset 0 0 0 0.3rem #ed1c24;
  background-color: rgba(237, 28, 36, 0.05);
}
.columnwise-operation-cell.improved {
  border: 1px solid #662ed0;
  box-shadow: inset 0 0 0 0.3rem #662ed0;
  background-color: rgba(102, 46, 208, 0.05);
}
.columnwise-operation-cell.strikethrough span {
  height: 2.8rem;
  width: 2.8rem;
  line-height: 2.8rem;
  color: rgba(51, 51, 51, 0.35);
  background: linear-gradient(-45deg, #fff 42%, #777 47%, #777 53%, #fff 58%);
}
.columnwise-operation-cell.active.strikethrough span {
  height: 2.8rem;
  width: 2.8rem;
  line-height: 2.8rem;
  color: rgba(51, 51, 51, 0.35);
  border: 1px double rgba(147, 178, 210, 0.75);
  box-shadow: inset 0 0 0 3px rgba(147, 178, 210, 0.15);
  background: linear-gradient(-45deg, #fff 40%, #777 50%, #fff 60%);
}
.columnwise-operation-cell.math-sign {
  position: relative;
  top: 2.2rem;
  border: none;
}
.columnwise-operation-cell.last-row {
  border-bottom: 2px solid #000000;
}
.columnwise-operation-table {
  margin-left: 4.4rem;
  margin-bottom: 2rem;
  width: auto;
  border: none;
  border-collapse: collapse;
}
.columnwise-operation-table td.columnwise-table-cell {
  width: 4.4rem;
  height: 4.4rem;
  font-size: 3.6rem;
  border: none;
}
.columnwise-operation-table tr.operation-row td {
  border-top: 2px solid black;
  position: relative;
}
.columnwise-operation-table tr.operation-row td .operation-cell {
  position: absolute;
}
.columnwise-operation-table tr.operation-row td .operation-cell.operator-left {
  left: -2rem;
  bottom: 0;
}
.columnwise-operation-table tr.operation-row td .operation-cell.operator-right {
  right: -2rem;
}
.it-columnwise-operation {
  width: 100%;
}
.it-columnwise-operation .columwise-operation-divider {
  height: 0.2rem;
  width: 100%;
  margin: 1rem 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #cccccc 50%, rgba(0, 0, 0, 0) 100%);
}
.mk-fraction-answers .mk-fraction-answer .mk-fraction-circle-answer {
  padding: 0.2rem 1rem;
  cursor: pointer;
}
.fill-in-question {
  height: 25.5rem;
  padding: 0 3rem;
}
.fill-in-question .it-invulvraag-fraction-bar {
  min-height: 16rem;
  width: 21.5rem;
}
.fill-in-question .it-invulvraag-fraction-bar .fraction-inputs span {
  margin: 1.5rem 0;
}
.fill-in-question .it-invulvraag-fraction-bar .fraction-inputs .whole-number span {
  min-height: 8.8rem;
  margin: 3rem 2rem;
}
.fill-in-question .selection-buttons {
  height: 8.5rem;
}
.fill-in-question .selection-buttons .button-normal-white {
  font-size: 3.5rem;
  font-weight: bold;
  height: 6.5rem;
  width: 6.5rem;
}
.fill-in-question .selection-buttons .button-normal-white span {
  font-size: 1.8rem;
  line-height: 1.8rem;
}
.fill-in-question .selection-buttons .button-normal-white.button-normal-white-active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.it-invulvraag-fraction-part {
  height: 25.5rem;
  padding: 0 3rem;
}
.it-invulvraag-fraction-part .it-invulvraag-fraction-bar {
  min-height: 16rem;
  width: 21.5rem;
}
.it-invulvraag-fraction-part .it-invulvraag-fraction-bar .fraction-inputs span {
  margin: 1.5rem 0;
}
.it-invulvraag-fraction-part .it-invulvraag-fraction-bar .fraction-inputs .whole-number span {
  min-height: 8.8rem;
  margin: 3rem 2rem;
}
.it-invulvraag-fraction-part .selection-buttons {
  height: 8.5rem;
}
.it-invulvraag-fraction-part .selection-buttons .button-normal-white {
  font-size: 3.5rem;
  font-weight: bold;
  height: 6.5rem;
  width: 6.5rem;
}
.it-invulvraag-fraction-part .selection-buttons .button-normal-white span {
  font-size: 1.8rem;
  line-height: 1.8rem;
}
.it-invulvraag-fraction-part .selection-buttons .button-normal-white.button-normal-white-active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.footer .it-invulvraag-fraction-part {
  height: 25.5rem;
  padding: 0 3rem;
}
.footer .it-invulvraag-fraction-part .it-invulvraag-fraction-bar {
  min-height: 16rem;
  width: 21.5rem;
}
.footer .it-invulvraag-fraction-part .it-invulvraag-fraction-bar .fraction-inputs span {
  margin: 1.5rem 0;
}
.footer .it-invulvraag-fraction-part .it-invulvraag-fraction-bar .fraction-inputs .whole-number span {
  min-height: 8.8rem;
  margin: 3rem 2rem;
}
.footer .it-invulvraag-fraction-part .selection-buttons {
  height: 8.5rem;
}
.footer .it-invulvraag-fraction-part .selection-buttons .button-normal-white {
  font-size: 3.5rem;
  font-weight: bold;
  height: 6.5rem;
  width: 6.5rem;
}
.footer .it-invulvraag-fraction-part .selection-buttons .button-normal-white span {
  font-size: 1.8rem;
  line-height: 1.8rem;
}
.footer .it-invulvraag-fraction-part .selection-buttons .button-normal-white.button-normal-white-active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.method-component {
  cursor: pointer;
}
.method-component button {
  margin: 0 auto;
}
.method-component .methode {
  width: 17.1875rem;
  min-height: 16.5rem;
  max-height: 16.5rem;
  border-radius: 1.3rem;
}
.method-component .methode.spelling,
.method-component .methode.nederlands {
  background: url('../gynzy-processing/assets/img/methods/spelling-method-whitespace-5c8e56161df756dd74b5b53c6225fb68.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.wereldorientatie {
  background: url('../gynzy-processing/assets/img/universes/world_orientation-universe-f9316916c6f2943cffc9f533828e1538.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.rekenen {
  background: url('../gynzy-processing/assets/img/methods/math-method-whitespace-51cdffe9328ee5c7b78e9eadeccce3df.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.go-ijsberg_math {
  background: url('../gynzy-processing/assets/img/methods/flanders/math/method-ijsbergen-8efd806e61050ba16e34b751de3f814b.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.go_math {
  background: url('../gynzy-processing/assets/img/methods/flanders/math/method-go-272a9764286602ae26c1cedb20036dbe.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.zill_math {
  background: url('../gynzy-processing/assets/img/methods/flanders/math/method-zill-7dc8b131f18ed480b47587d5d7a3ff90.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.ovsg_math {
  background: url('../gynzy-processing/assets/img/methods/flanders/math/method-ovsg-0eb0416c313f7fb1f4b425aeb16ff6f4.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.mammoth {
  background: url('../gynzy-processing/assets/img/methods/mammoth-method-whitespace-b9fc7b5c0b39edc6320df902bf8f5f41.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.nwt {
  background: url('../gynzy-processing/assets/img/methods/nature_science_technique-29cd9a4931b18ac0130956ad24281394.png') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.woordenschat {
  background: url('../gynzy-processing/assets/img/methods/vocabulary-method-whitespace-d4ffc4ba1dea54a2094a65a732097880.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.grammatica {
  background: url('../gynzy-processing/assets/img/methods/grammar-method-whitespace-84dcb5638033c3c8dcce30c8079c9a64.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.spelling_grammatica {
  background: url('../gynzy-processing/assets/img/methods/spelling_grammatica-6e80a23a170b2a9bd61dad07b399a722.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.digitale_geletterdheid {
  background: url('../gynzy-processing/assets/img/methods/digital-literacy-method-7f8b71a587a37433262521eae630d1b5.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.taalontdekkers {
  background: url('../gynzy-processing/assets/img/methods/taalontdekkers-method-1f7d5d9b7676feb6c8dc7c60441f5a9b.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.frans {
  background: url('../gynzy-processing/assets/img/methods/french-method-c0f1bfea0f9bd48e49533ccabf487384.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.world {
  border-radius: 19rem;
}
.method-component .methode.world.rekenen {
  background: url('../gynzy-processing/assets/img/universes/math-universe-6f9021b53074982251091ec3e2c5b36d.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.world.spelling,
.method-component .methode.world.nederlands {
  background: url('../gynzy-processing/assets/img/universes/spelling-universe-6df969fde927bd1d30598010236daaee.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.world.woordenschat {
  background: url('../gynzy-processing/assets/img/universes/vocabulary-universe-001d1fa67bd90f313a717a2211d67782.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.world.grammatica {
  background: url('../gynzy-processing/assets/img/universes/grammar-universe-c16e6d6b64586899b11a9335e208f452.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.world.mammoth {
  background: url('../gynzy-processing/assets/img/universes/mammoth-universe-3b8531db943e3f6db22df61210834395.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.world.digitale_geletterdheid {
  background: url('../gynzy-processing/assets/img/universes/digital-literacy-universe-ec19e4dea4322418c4ab37f8ec0db3f8.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.world.cijfers_en_letters {
  background: url('../gynzy-processing/assets/img/universes/kleuter-universe-11c2fc9df2fd0d0243948769efa3066f.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.world.engels {
  background: url('../gynzy-processing/assets/img/methods/english-universe-45bd1eb050fc986033a02297f0e5e1a7.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.world.topografie {
  background: url('../gynzy-processing/assets/img/methods/topography-universe-c7b3d785298cc5974599c99ea8ba3840.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.world.zill_math {
  background: url('../gynzy-processing/assets/img/universes/flanders/math/world-zill-6c74be20aa0f0b418dad9d9d16b0dd5a.svg') 100% / contain;
  background-repeat: no-repeat;
  border-radius: 0;
}
.method-component .methode.world.go_math {
  background: url('../gynzy-processing/assets/img/universes/flanders/math/world-go-8523ae19694005f3b546fa2fe07e7b83.svg') 100% / contain;
  background-repeat: no-repeat;
  border-radius: 0;
}
.method-component .methode.world.ovsg_math {
  background: url('../gynzy-processing/assets/img/universes/flanders/math/world-ovsg-8acc04a7a7c880f1adc26a420dde844a.svg') 100% / contain;
  background-repeat: no-repeat;
  border-radius: 0;
}
.method-component .methode.world.go-ijsberg_math {
  background: url('../gynzy-processing/assets/img/universes/flanders/math/world-ijsbergen-db0e1081e30d00123dd045b36aee08be.svg') 100% / contain;
  background-repeat: no-repeat;
  border-radius: 0;
}
.method-component .methode.world.go_numbers {
  background: url('../gynzy-processing/assets/img/universes/flanders/numbers/world-go-de0e504b8e1edd0c14f2ed3bfda98059.svg') 100% / contain;
  background-repeat: no-repeat;
  border-radius: 0;
}
.method-component .methode.world.go-ijsberg_numbers {
  background: url('../gynzy-processing/assets/img/universes/flanders/numbers/world-ijsbergen-6822200a629ca5f3ce3b49ecd0e20bb0.svg') 100% / contain;
  background-repeat: no-repeat;
  border-radius: 0;
}
.method-component .methode.world.ovsg_numbers {
  background: url('../gynzy-processing/assets/img/universes/flanders/numbers/world-ovsg-05ad4d0439e97b797af70b11ba55e398.svg') 100% / contain;
  background-repeat: no-repeat;
  border-radius: 0;
}
.method-component .methode.world.zill_numbers {
  background: url('../gynzy-processing/assets/img/universes/flanders/numbers/world-zill-2b0c0c343082c5eb9c572137975b6587.svg') 100% / contain;
  background-repeat: no-repeat;
  border-radius: 0;
}
.method-component .methode.world.go_letters {
  background: url('../gynzy-processing/assets/img/universes/flanders/letters/world-go-d3ec06f8fc8115c46b2de6b191b95042.svg') 100% / contain;
  background-repeat: no-repeat;
  border-radius: 0;
}
.method-component .methode.world.ovsg_letters {
  background: url('../gynzy-processing/assets/img/universes/flanders/letters/world-ovsg-50c837760294abbe38b462274c152cbb.svg') 100% / contain;
  background-repeat: no-repeat;
  border-radius: 0;
}
.method-component .methode.world.zill_letters {
  background: url('../gynzy-processing/assets/img/universes/flanders/letters/world-zill-21a3a4a8a73dab9b5e9d88daf5cedf02.svg') 100% / contain;
  background-repeat: no-repeat;
  border-radius: 0;
}
.method-component .methode.world.taalontdekkers {
  background: url('../gynzy-processing/assets/img/universes/taalontdekkers-universe-5e7ef6e331d693c6c58982515e6d0c45.svg') 100% / contain;
  background-repeat: no-repeat;
  border-radius: 0;
}
.method-component .methode.world.frans {
  background: url('../gynzy-processing/assets/img/universes/french-universe-e18fedcf674e6543d631522f99fccc13.svg') 100% / contain;
  background-repeat: no-repeat;
  border-radius: 0;
}
.method-component .methode.arrangement.go_math,
.method-component .methode.arrangement.zill_math,
.method-component .methode.arrangement.ovsg_math,
.method-component .methode.arrangement.go-ijsberg_math,
.method-component .methode.arrangement.rekenen {
  background: url('../gynzy-processing/assets/img/arrangements/math-5aec07f6cf865aecb25d1e55d47060fc.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.arrangement.engels {
  background: url('../gynzy-processing/assets/img/arrangements/english-ac2410f7fd1e7d2116072c6aee9b2d84.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.arrangement.topografie {
  background: url('../gynzy-processing/assets/img/arrangements/topography-ce2c82dbd7b718f544710944963a84f5.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.arrangement.spelling,
.method-component .methode.arrangement.nederlands {
  background: url('../gynzy-processing/assets/img/arrangements/spelling-6c8ab5f179fb8bc440ae3e9411745812.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.arrangement.woordenschat {
  background: url('../gynzy-processing/assets/img/arrangements/vocabulary-f5a58f23d8b24fc8b4a324180badf8ae.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.arrangement.grammatica {
  background: url('../gynzy-processing/assets/img/arrangements/grammar-2db91a810320fdf7cec1df092f7d1196.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.arrangement.cijfers_en_letters {
  background: url('../gynzy-processing/assets/img/arrangements/numbers_letters-71870d58f1e3797168e6ac3f9cf6bf41.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.arrangement.zill_numbers,
.method-component .methode.arrangement.ovsg_numbers,
.method-component .methode.arrangement.go_numbers,
.method-component .methode.arrangement.go-ijsberg_numbers,
.method-component .methode.arrangement.cijfers {
  background: url('../gynzy-processing/assets/img/arrangements/numbers-3e98f9c1aa12886c0e5b3ab64b12b490.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.arrangement.zill_letters,
.method-component .methode.arrangement.ovsg_letters,
.method-component .methode.arrangement.go_letters,
.method-component .methode.arrangement.go-ijsberg_letters,
.method-component .methode.arrangement.letters {
  background: url('../gynzy-processing/assets/img/arrangements/letters-fdc5c56a4f223b2152260d22dfc84c25.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.arrangement.taalontdekkers {
  background: url('../gynzy-processing/assets/img/arrangements/taalontdekkers-875931c6a818e8d83e9bad769c5c5eb8.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.arrangement.frans {
  background: url('../gynzy-processing/assets/img/arrangements/french-95b52d92ba9cdd4f944396067dacd066.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .methode.arrangement.digitale_geletterdheid {
  background: url('../gynzy-processing/assets/img/arrangements/digital-literacy-d343136265df6cd92170d9ed4d5720f4.svg') 50% / contain;
  background-repeat: no-repeat;
}
.method-component .leergebied-naam {
  cursor: pointer;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 3.125rem;
  margin-top: 0.83333333rem;
  color: #2a3541;
  width: 17.1875rem;
}
.method-component .leerjaar-naam {
  cursor: pointer;
  font-weight: 600;
  font-size: 1.35rem;
  color: #8c99a8;
  line-height: 2.5rem;
  width: 17.1875rem;
}
.method-component .group-name {
  padding: 0.8rem 0;
  width: 17.1875rem;
}
.microgoal-attribute-grades .grade {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #ffffff;
  height: 1.66666667rem;
}
.microgoal-attribute-grades .rekenen,
.microgoal-attribute-grades .zill_math,
.microgoal-attribute-grades .go_math,
.microgoal-attribute-grades .go-ijsberg_math,
.microgoal-attribute-grades .ovsg_math {
  background-color: #2477a3;
}
.microgoal-attribute-grades .spelling,
.microgoal-attribute-grades .nederlands {
  background-color: #3e9c2b;
}
.microgoal-attribute-grades .grammatica {
  background-color: #9c2b63;
}
.microgoal-attribute-grades .woordenschat {
  background-color: #a8590b;
}
.microgoal-attribute-grades .cijfers_en_letters {
  background-color: #34ad70;
}
.microgoal-attribute-grades .zill_numbers,
.microgoal-attribute-grades .ovsg_numbers,
.microgoal-attribute-grades .go_numbers,
.microgoal-attribute-grades .go-ijsberg_numbers,
.microgoal-attribute-grades .cijfers {
  background-color: #1e5252;
}
.microgoal-attribute-grades .zill_letters,
.microgoal-attribute-grades .ovsg_letters,
.microgoal-attribute-grades .go_letters,
.microgoal-attribute-grades .letters {
  background-color: #34ad70;
}
.microgoal-attribute-grades .engels {
  background-color: #632a9d;
}
.microgoal-attribute-grades .topografie {
  background-color: #7c962c;
}
.microgoal-attribute-grades .taalontdekkers {
  background-color: #a88e0b;
}
.microgoal-attribute-grades .frans {
  background-color: #324786;
}
.microgoal-attribute-grades .digitale_geletterdheid {
  background-color: #992e99;
}
.microgoal-attribute-grades .single-grade {
  width: 1.66666667rem;
  border-radius: 50%;
}
.microgoal-attribute-grades .multiple-grades {
  border-radius: 1.04166667rem;
  padding: 0 0.83333333rem;
  white-space: nowrap;
}
.microgoal-attributes-container {
  display: flex;
  align-items: center;
}
.microgoal-attributes-container .item.large {
  display: flex;
  padding: 1.25rem 1.66666667rem;
  align-items: center;
  border-radius: 0.52083333rem;
  transition: all 0.15s;
  background-color: #f5f5f8;
}
.microgoal-attributes-container .item.large .svg__icon,
.microgoal-attributes-container .item.large .flat__icon,
.microgoal-attributes-container .item.large .grade {
  margin-right: 0.83333333rem;
}
.microgoal-attributes-container .item.large .text {
  font-size: 1.66666667rem;
  font-weight: 600;
}
.microgoal-attributes-container .item:not(:first-child) {
  margin-left: 0.83333333rem;
}
.microgoal-attributes-container .item .styleguide__tooltip {
  white-space: nowrap;
}
.microgoal-attributes-container .item .svg__icon,
.microgoal-attributes-container .item .flat__icon {
  width: 1.66666667rem;
  height: 1.66666667rem;
}
.microgoal-attributes-container .item .svg__icon #text,
.microgoal-attributes-container .item .flat__icon #text {
  fill-opacity: 0;
}
.microgoal-attributes-container .item .svg__icon #box,
.microgoal-attributes-container .item .flat__icon #box {
  fill: #ffffff;
}
.microgoal-attributes-container .item .svg__icon.opaque #text,
.microgoal-attributes-container .item .flat__icon.opaque #text {
  fill-opacity: 1;
  fill: #ffffff;
}
.microgoal-attributes-container .item .svg__icon.opaque.zill_math #box,
.microgoal-attributes-container .item .flat__icon.opaque.zill_math #box,
.microgoal-attributes-container .item .svg__icon.opaque.ovsg_math #box,
.microgoal-attributes-container .item .flat__icon.opaque.ovsg_math #box,
.microgoal-attributes-container .item .svg__icon.opaque.go_math #box,
.microgoal-attributes-container .item .flat__icon.opaque.go_math #box,
.microgoal-attributes-container .item .svg__icon.opaque.go-ijsberg_math #box,
.microgoal-attributes-container .item .flat__icon.opaque.go-ijsberg_math #box,
.microgoal-attributes-container .item .svg__icon.opaque.rekenen #box,
.microgoal-attributes-container .item .flat__icon.opaque.rekenen #box {
  fill: #2690c9;
}
.microgoal-attributes-container .item .svg__icon.opaque.spelling #box,
.microgoal-attributes-container .item .flat__icon.opaque.spelling #box,
.microgoal-attributes-container .item .svg__icon.opaque.nederlands #box,
.microgoal-attributes-container .item .flat__icon.opaque.nederlands #box {
  fill: #47c12f;
}
.microgoal-attributes-container .item .svg__icon.opaque.grammatica #box,
.microgoal-attributes-container .item .flat__icon.opaque.grammatica #box {
  fill: #c12f77;
}
.microgoal-attributes-container .item .svg__icon.opaque.woordenschat #box,
.microgoal-attributes-container .item .flat__icon.opaque.woordenschat #box {
  fill: #d36e09;
}
.microgoal-attributes-container .item .svg__icon.opaque.cijfers_en_letters #box,
.microgoal-attributes-container .item .flat__icon.opaque.cijfers_en_letters #box {
  fill: #34ad70;
}
.microgoal-attributes-container .item .svg__icon.opaque.zill_numbers #box,
.microgoal-attributes-container .item .flat__icon.opaque.zill_numbers #box,
.microgoal-attributes-container .item .svg__icon.opaque.ovsg_numbers #box,
.microgoal-attributes-container .item .flat__icon.opaque.ovsg_numbers #box,
.microgoal-attributes-container .item .svg__icon.opaque.go_numbers #box,
.microgoal-attributes-container .item .flat__icon.opaque.go_numbers #box,
.microgoal-attributes-container .item .svg__icon.opaque.go-ijsberg_numbers #box,
.microgoal-attributes-container .item .flat__icon.opaque.go-ijsberg_numbers #box,
.microgoal-attributes-container .item .svg__icon.opaque.cijfers #box,
.microgoal-attributes-container .item .flat__icon.opaque.cijfers #box {
  fill: #1e5252;
}
.microgoal-attributes-container .item .svg__icon.opaque.zill_letters #box,
.microgoal-attributes-container .item .flat__icon.opaque.zill_letters #box,
.microgoal-attributes-container .item .svg__icon.opaque.ovsg_letters #box,
.microgoal-attributes-container .item .flat__icon.opaque.ovsg_letters #box,
.microgoal-attributes-container .item .svg__icon.opaque.go_letters #box,
.microgoal-attributes-container .item .flat__icon.opaque.go_letters #box,
.microgoal-attributes-container .item .svg__icon.opaque.letters #box,
.microgoal-attributes-container .item .flat__icon.opaque.letters #box {
  fill: #34ad70;
}
.microgoal-attributes-container .item .svg__icon.opaque.engels #box,
.microgoal-attributes-container .item .flat__icon.opaque.engels #box {
  fill: #a05fe3;
}
.microgoal-attributes-container .item .svg__icon.opaque.topografie #box,
.microgoal-attributes-container .item .flat__icon.opaque.topografie #box {
  fill: #bfdf5d;
}
.microgoal-attributes-container .item .svg__icon.opaque.taalontdekkers #box,
.microgoal-attributes-container .item .flat__icon.opaque.taalontdekkers #box {
  fill: #ffdc2e;
}
.microgoal-attributes-container .item .svg__icon.opaque.frans #box,
.microgoal-attributes-container .item .flat__icon.opaque.frans #box {
  fill: #5a79d8;
}
.microgoal-attributes-container .item .svg__icon.opaque.digitale_geletterdheid #box,
.microgoal-attributes-container .item .flat__icon.opaque.digitale_geletterdheid #box {
  fill: #e35fe3;
}
.microgoal-type .styleguide.flat__icon {
  height: 1.66666667rem;
  width: 1.66666667rem;
}
.microgoal-type .styleguide.flat__icon .icon--graphics {
  fill: #556474;
}
.microgoal-type.icon--white .styleguide.flat__icon .icon--graphics {
  fill: #ffffff;
}
.component-toetsenbord-numeriek {
  width: auto;
}
.component-toetsenbord-numeriek .numeric-keyboard.hidden {
  visibility: hidden;
}
.component-toetsenbord-numeriek .wis {
  margin-right: 1.5rem;
}
.component-toetsenbord-numeriek .ok {
  margin-left: 1.5rem;
}
.component-toetsenbord-numeriek button.button__square {
  margin: 0.1rem;
}
.component-toetsenbord-numeriek .optional-buttons {
  margin-left: 1.5rem;
}
.proficiency-progress-bar-container {
  height: 4.375rem;
}
.proficiency-progress-bar-container .proficiency-diamonds {
  position: relative;
  height: 1.04166667rem;
  z-index: 1;
}
.proficiency-progress-bar-container .proficiency-diamonds .diamond-container {
  position: absolute;
  top: -0.52083333rem;
  margin-left: -0.52083333rem;
}
.proficiency-progress-bar-container .proficiency-diamonds .diamond-container .styleguide.svg__icon {
  height: 1.04166667rem;
  width: 1.04166667rem;
}
.proficiency-progress-bar-container .proficiency-diamonds .diamond-container .category-indicator {
  border: solid 0.10416667rem #ffffff;
  opacity: 0.5;
  height: 1.25rem;
  margin-top: 0.52083333rem;
  margin-bottom: 0.52083333rem;
}
.proficiency-progress-bar-container .proficiency-diamonds .diamond-container .checkmark-goal-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.04166667rem;
  height: 1.04166667rem;
  border-radius: 50%;
  background-color: #59d640;
}
.proficiency-progress-bar-container .proficiency-diamonds .diamond-container .checkmark-goal-icon .styleguide.flat__icon {
  width: 0.52083333rem;
  height: 0.52083333rem;
}
.proficiency-progress-bar-container .proficiency-diamonds .diamond-container .checkmark-goal-icon .styleguide.flat__icon .icon--graphics {
  fill: #ffffff;
}
.proficiency-progress-bar-container .proficiency-progress-bar {
  background-color: #3f4c5a;
  border-radius: 0.625rem;
  height: 1.25rem;
  width: 100%;
  position: relative;
  overflow-x: hidden;
}
.proficiency-progress-bar-container .proficiency-progress-bar.worksheet {
  opacity: 0.5;
}
.proficiency-progress-bar-container .proficiency-progress-bar .section {
  position: absolute;
  top: 0;
  bottom: 0;
}
.proficiency-progress-bar-container .proficiency-progress-bar .progress {
  left: 0;
  border-top-left-radius: 0.625rem;
  border-bottom-left-radius: 0.625rem;
  background-color: #59b6e8;
}
.proficiency-progress-bar-container .proficiency-progress-bar .progress.not-enough-answers {
  background-color: #8c99a8;
}
.proficiency-progress-bar-container .proficiency-progress-bar .growth {
  background-color: #7ac7f0;
}
.proficiency-progress-bar-container .proficiency-progress-bar .growth.not-enough-answers {
  background-color: #b8ac94;
}
#progress-bar {
  height: 1.2rem;
  position: relative;
  background: #000;
  border-radius: 0.6rem;
  padding: 0.2rem;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  top: 4.9rem;
}
#progress-bar > span {
  width: 0;
  display: block;
  height: 100%;
  border-radius: 0.6rem;
  background-color: white;
  position: relative;
  overflow: hidden;
  float: left;
}
#progress-bar.progress-bar-red > span {
  background-color: #ed1c24;
}
#progress-bar > span.block:first-of-type {
  border-radius: 6px 0 0 6px;
}
#progress-bar > span.block {
  border-radius: 0;
  transition: width 500ms linear;
  margin-top: 0.05rem;
}
#progress-bar > span.block.error {
  background-color: #ed1c24;
}
#progress-bar > span.block.animated {
  transition: none;
}
.read-buttons-big .button__speech.size--normal {
  margin-left: 1rem;
}
.proficiency-popover-container {
  border-radius: 0.41666667rem;
  box-shadow: 0 0 2px 0 rgba(42, 53, 65, 0.08), 0 2px 4px 0 rgba(42, 53, 65, 0.16);
  border: 1px solid #d1d3de;
  padding: 1.66666667rem;
  width: 26.04166667rem;
  top: -0.10416667rem !important;
}
.proficiency-popover-container .proficiency-popover-arrow.ember-popover-arrow {
  filter: drop-shadow(0 4px 2px rgba(42, 53, 65, 0.16));
  background-image: url('../gynzy-styleguide/assets/svg/callout-arrow-thick-border-59e94a8a9aa1c5147d9fb18e14cc4150.svg');
  background-size: contain;
  background-repeat: no-repeat;
  border: 0;
  width: 0.9375rem;
  height: 0.72916667rem;
  bottom: -0.69791667rem;
}
.proficiency-popover-container .student-header {
  color: #556474;
  font-size: 1.66666667rem;
  text-align: left;
  margin-bottom: 0.83333333rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.proficiency-popover-container .progress-container .proficiency-progress-bar-container {
  margin-right: 1.25rem;
  padding-top: 0.52083333rem;
}
.proficiency-popover-container .progress-container .proficiency-progress-bar {
  width: 18.75rem;
}
.subject-microgoal-proficiency-indicator-container {
  width: 100%;
}
.subject-microgoal-proficiency-indicator-container .diamonds .styleguide.svg__icon {
  width: 6.25rem;
  height: 1.875rem;
  margin-right: 1.66666667rem;
  margin-top: 0.83333333rem;
}
.subject-microgoal-proficiency-indicator-container .students .initial {
  font-size: 1.25rem;
  color: #ffffff;
  width: 2.60416667rem;
  height: 2.60416667rem;
  border-radius: 50%;
  box-sizing: border-box;
  margin-top: 0.41666667rem;
  margin-right: 0.41666667rem;
}
.subject-microgoal-proficiency-indicator-container .students .initial.very_low {
  background-color: #d36e09;
}
.subject-microgoal-proficiency-indicator-container .students .initial.very_low.not-enough-answers {
  border-color: #d36e09;
  color: #d36e09;
}
.subject-microgoal-proficiency-indicator-container .students .initial.very_low.not-enough-answers:hover {
  background-color: #ffdebd;
}
.subject-microgoal-proficiency-indicator-container .students .initial.very_low:hover {
  background-color: #fa830c;
}
.subject-microgoal-proficiency-indicator-container .students .initial.low {
  background-color: #d3b109;
}
.subject-microgoal-proficiency-indicator-container .students .initial.low.not-enough-answers {
  border-color: #d3b109;
  color: #d3b109;
}
.subject-microgoal-proficiency-indicator-container .students .initial.low.not-enough-answers:hover {
  background-color: #fff4bd;
}
.subject-microgoal-proficiency-indicator-container .students .initial.low:hover {
  background-color: #fad20c;
}
.subject-microgoal-proficiency-indicator-container .students .initial.medium {
  background-color: #98bb30;
}
.subject-microgoal-proficiency-indicator-container .students .initial.medium.not-enough-answers {
  border-color: #98bb30;
  color: #98bb30;
}
.subject-microgoal-proficiency-indicator-container .students .initial.medium.not-enough-answers:hover {
  background-color: #f0fad1;
}
.subject-microgoal-proficiency-indicator-container .students .initial.medium:hover {
  background-color: #afd441;
}
.subject-microgoal-proficiency-indicator-container .students .initial.high {
  background-color: #47c12f;
}
.subject-microgoal-proficiency-indicator-container .students .initial.high.not-enough-answers {
  border-color: #47c12f;
  color: #47c12f;
}
.subject-microgoal-proficiency-indicator-container .students .initial.high.not-enough-answers:hover {
  background-color: #dcfbd5;
}
.subject-microgoal-proficiency-indicator-container .students .initial.high:hover {
  background-color: #59d640;
}
.subject-microgoal-proficiency-indicator-container .students .initial.not-enough-answers {
  border-style: solid;
  border-width: 0.10416667rem;
  background-color: #ffffff;
}
.subject-microgoal-proficiency-container {
  width: 100%;
  text-align: left;
}
.subject-microgoal-proficiency-container .category {
  min-width: 0;
  width: 100%;
  background-color: #f5f5f8;
  border-radius: 0.83333333rem;
  padding: 1.25rem 1.25rem 1.875rem 1.25rem;
}
.subject-microgoal-proficiency-container .category:not(:last-child) {
  margin-right: 1.5625rem;
}
.subject-microgoal-proficiency-container .category h2.header {
  color: #2a3541 !important;
  font-size: 1.66666667rem !important;
  margin-bottom: 1.25rem !important;
  text-align: left;
}
.subject-microgoal-proficiency-container .category .subject-microgoal-proficiency-indicator-container {
  margin-left: 0.41666667rem;
  margin-right: 0.41666667rem;
  margin-bottom: 1.875rem;
}
.subject-microgoal-proficiency-container .category .subject-microgoal-proficiency-indicator-container:last-child {
  margin-bottom: 0.41666667rem;
}
.subject-microgoal-proficiency-container .worksheet-goal .grade-unavailable .styleguide.svg__icon {
  height: 2.5rem;
  width: 2.5rem;
  margin-right: 0.83333333rem;
}
.subject-microgoal-proficiency-container .proficiency-message {
  color: #556474;
  font-size: 1.66666667rem;
}
.subject-microgoal-proficiency-container .proficiency-message a {
  color: #277cd9;
  text-decoration: underline;
}
.user-settings-menu {
  position: relative;
}
.user-settings-menu .menu--open {
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #fff;
  border-radius: 1rem;
  left: -30rem;
  width: 30rem;
  padding: 1.6rem;
}
.user-settings-menu .menu--open .options-header {
  padding-bottom: 2rem;
}
.user-settings-menu .menu--open .options-header .options-title {
  color: #8c99a8;
  font-size: 2rem;
  line-height: 2rem;
}
.user-settings-menu .menu--open .options-header .flat__icon {
  width: 2rem;
  height: 2rem;
}
.user-settings-menu .menu--open .options-header .flat__icon .icon--graphics {
  fill: #8c99a8;
}
.user-settings-menu .menu--open .options-content {
  padding: 2rem 0;
  flex-wrap: wrap;
  font-size: 1.5rem;
}
.user-settings-menu .menu--open .options-content .options-content__switcher {
  width: 100%;
  padding-bottom: 0.5rem;
}
.user-settings-menu .menu--open .options-content .molecule-state-switcher {
  margin-right: 1rem;
}
.user-settings-menu .menu--open .options-content .options-content__info {
  text-align: left;
  padding-top: 1rem;
  color: #aeb7c2;
  line-height: 1.7rem;
}
.village-row-container {
  display: flex;
  width: 100%;
  height: 8.33333333rem;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 2.08333333rem 2.5rem;
  cursor: pointer;
  border-radius: 0.83333333rem;
  box-shadow: 0 0 0.20833333rem 0 rgba(42, 53, 65, 0.08), 0 0.20833333rem 0.41666667rem 0 rgba(42, 53, 65, 0.16);
  transition: all 0.2s ease-in-out;
}
@media (hover: hover) {
  .village-row-container:hover {
    background-color: #f5f5f8;
    transform: scale(1.1);
    box-shadow: 0 0 0.3125rem 0 rgba(42, 53, 65, 0.16), 0 0.625rem 0.41666667rem 0 rgba(42, 53, 65, 0.12);
  }
}
.village-row-container .village-icon-name-container {
  display: flex;
  align-items: center;
  flex: 1;
}
.village-row-container .village-icon-name-container .village-name {
  text-align: left;
  font-size: 1.66666667rem;
  color: #204060;
  line-height: 2.91666667rem;
  margin-left: 1.25rem;
}
.village-row-container .village-icon-name-container div.microgoal-alphabet {
  margin-right: 0;
}
.village-row-container .icon-wrapper {
  width: 12.5rem;
  margin-left: 2.5rem;
}
.village-row-container .village-progress-action-container {
  display: flex;
  align-items: center;
  margin-left: 2.5rem;
}
.village-row-container .village-progress-action-container .village-progress .proficiency-progress-bar-container {
  margin-top: 1.04166667rem;
}
.village-row-container .village-progress-action-container .village-actions {
  margin-left: 2.08333333rem;
}
.village-row-container .village-progress-action-container .village-actions .flat__icon.icon__arrow-next .icon--graphics {
  fill: #277cd9;
}
.village-row-container .village-progress-action-container .village-actions .flat__icon.icon__locked .icon--graphics {
  fill: #aeb7c2;
}
.village-conditionals-container .overlay {
  animation-name: fadeInOverlay;
  animation-duration: 0.5s;
  animation-timing-function: ease-in;
}
@keyframes fadeInOverlay {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}
.village-conditionals-container .village-conditionals-sidebar-container {
  width: 82.08333333rem;
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 20000;
  overflow-y: auto;
  animation-name: slideInLeft;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
}
@keyframes slideInLeft {
  from {
    transform: translateX(81.04166667rem);
  }
  to {
    transform: translateX(0);
  }
}
.village-conditionals-container .village-conditionals-sidebar-container .header {
  height: 12.5rem;
  padding: 2.5rem 3.33333333rem;
  background-color: #ffffff;
  box-shadow: 0 0 0.20833333rem 0 rgba(42, 53, 65, 0.08), 0 0.20833333rem 0.41666667rem 0 rgba(42, 53, 65, 0.16);
}
.village-conditionals-container .village-conditionals-sidebar-container .header .row {
  width: 100%;
}
.village-conditionals-container .village-conditionals-sidebar-container .header .village-details .microgoal-alphabet {
  height: 5rem;
  width: 5rem;
  margin-right: 1.66666667rem;
}
.village-conditionals-container .village-conditionals-sidebar-container .header .village-details .village-info .village-name {
  font-size: 2.5rem;
  color: #204060;
  margin-right: 0.83333333rem;
}
.village-conditionals-container .village-conditionals-sidebar-container .header .village-details .village-info .locked-icon .styleguide.svg__icon {
  width: 2.08333333rem;
  height: 2.08333333rem;
}
.village-conditionals-container .village-conditionals-sidebar-container .header .explanation {
  font-size: 1.66666667rem;
  color: #556474;
  text-align: left;
  padding-left: 6.66666667rem;
}
.village-conditionals-container .village-conditionals-sidebar-container .content {
  padding: 2.5rem;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block {
  background-color: #ffffff;
  border-radius: 0.83333333rem;
  padding: 2.5rem;
  box-shadow: 0 0 0.20833333rem 0 rgba(42, 53, 65, 0.08), 0 0.20833333rem 0.41666667rem 0 rgba(42, 53, 65, 0.16);
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block:not(:last-child) {
  margin-bottom: 1.66666667rem;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .island-details {
  margin-bottom: 1.25rem;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .island-details .icon-container {
  width: 5rem;
  height: 5rem;
  margin-right: 1.66666667rem;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .island-details .island-icon-locked {
  border-radius: 50%;
  background-color: #e9eaef;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .island-details .island-icon-locked .locked-icon .styleguide.svg__icon {
  width: 2.29166667rem;
  height: 2.29166667rem;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .island-details .island-icon {
  position: relative;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .island-details .island-icon .styleguide.gynzy.responsive-image img {
  z-index: 1;
  width: 4.16666667rem;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .island-details .island-icon svg.island-circle {
  top: 0;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .island-details .island-name {
  font-size: 1.66666667rem;
  color: #2a3541;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .island-details .island-locked {
  border-radius: 0.41666667rem;
  background-color: #ffdebd;
  padding: 0.3125rem 1.25rem;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .island-details .island-locked span {
  font-size: 1.25rem;
  color: #57300a;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .villages {
  height: 5.41666667rem;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .villages .village-details .icon-container {
  width: 5rem;
  margin-right: 1.66666667rem;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .villages .village-details .icon-container .microgoal-alphabet {
  height: 3.64583333rem;
  width: 3.64583333rem;
  margin-right: 0;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .villages .village-details .icon-container .microgoal-alphabet span {
  font-size: 1.66666667rem;
  line-height: 2.5rem;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .villages .village-details .village-name {
  font-size: 1.66666667rem;
  color: #556474;
  text-align: left;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .villages .village-details .village-name.goal-met {
  color: #aeb7c2;
  text-decoration: line-through;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .villages .village-insights .worksheet-icon .styleguide.svg__icon {
  width: 1.66666667rem;
  height: 1.66666667rem;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .villages .village-insights .proficiency-progress-bar-container {
  width: 23.75rem;
  margin-top: 1.04166667rem;
  margin-right: 2.5rem;
  margin-left: 2.5rem;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .villages .village-insights .action-marker .flat__icon {
  width: 1.66666667rem;
  height: 1.66666667rem;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .villages .village-insights .action-marker .flat__icon.icon__arrow-next {
  cursor: pointer;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .villages .village-insights .action-marker .flat__icon.icon__arrow-next .icon--graphics {
  fill: #277cd9;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .villages .village-insights .action-marker .flat__icon.icon__locked .icon--graphics {
  fill: #aeb7c2;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .villages .village-insights .action-marker .flat__icon.icon__checkmark {
  cursor: pointer;
}
.village-conditionals-container .village-conditionals-sidebar-container .content .conditional-block .villages .village-insights .action-marker .flat__icon.icon__checkmark .icon--graphics {
  fill: #277cd9;
  opacity: 0.5;
}
.gynzy-student-application-container,
.gynzy-teacher-application-container,
.unicorn-manager-application-wrapper {
  /* stylelint-disable no-duplicate-selectors */
}
.gynzy-student-application-container .tablero-state-switcher,
.gynzy-teacher-application-container .tablero-state-switcher,
.unicorn-manager-application-wrapper .tablero-state-switcher {
  height: 2.5rem !important;
  width: 5rem !important;
  position: relative;
  cursor: pointer !important;
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar {
  border-radius: 2.5rem;
  width: 5rem;
  height: 2.5rem;
  box-sizing: border-box;
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.state-on {
  background-color: #06c;
  transition: background-color 0.25s, border 0.25s;
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.state-off,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.state-off,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.state-off {
  background-color: #ddd;
  transition: background-color 0.25s, border 0.25s;
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.state-disabled,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.state-disabled,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.state-disabled {
  opacity: 0.5;
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-zill_math.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-zill_math.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-zill_math.state-on,
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-go_math.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-go_math.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-go_math.state-on,
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-ovsg_math.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-ovsg_math.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-ovsg_math.state-on,
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-go-ijsberg_math.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-go-ijsberg_math.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-go-ijsberg_math.state-on,
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-rekenen.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-rekenen.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-rekenen.state-on {
  background-color: #38a4de;
  transition: background-color 0.25s, border 0.25s;
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-spelling.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-spelling.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-spelling.state-on,
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-nederlands.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-nederlands.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-nederlands.state-on {
  background-color: #59d640;
  transition: background-color 0.25s, border 0.25s;
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-woordenschat.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-woordenschat.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-woordenschat.state-on {
  background-color: #fa830c;
  transition: background-color 0.25s, border 0.25s;
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-grammatica.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-grammatica.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-grammatica.state-on {
  background-color: #d7428c;
  transition: background-color 0.25s, border 0.25s;
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-mammoth.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-mammoth.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-mammoth.state-on {
  background-color: #d742ca;
  transition: background-color 0.25s, border 0.25s;
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-wereldorientatie.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-wereldorientatie.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-wereldorientatie.state-on {
  background-color: #3fd4d4;
  transition: background-color 0.25s, border 0.25s;
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-digitale_geletterdheid.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-digitale_geletterdheid.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-digitale_geletterdheid.state-on {
  background-color: #d941d9;
  transition: background-color 0.25s, border 0.25s;
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-cijfers_en_letters.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-cijfers_en_letters.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-cijfers_en_letters.state-on {
  background-color: #3dcc84;
  transition: background-color 0.25s, border 0.25s;
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-zill_numbers.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-zill_numbers.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-zill_numbers.state-on,
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-ovsg_numbers.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-ovsg_numbers.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-ovsg_numbers.state-on,
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-go_numbers.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-go_numbers.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-go_numbers.state-on,
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-go-ijsberg_numbers.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-go-ijsberg_numbers.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-go-ijsberg_numbers.state-on,
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-cijfers.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-cijfers.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-cijfers.state-on {
  background-color: #3fd4d4;
  transition: background-color 0.25s, border 0.25s;
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-zill_letters.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-zill_letters.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-zill_letters.state-on,
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-ovsg_letters.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-ovsg_letters.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-ovsg_letters.state-on,
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-go_letters.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-go_letters.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-go_letters.state-on,
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-letters.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-letters.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-letters.state-on {
  background-color: #3dcc84;
  transition: background-color 0.25s, border 0.25s;
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-engels.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-engels.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-engels.state-on {
  background-color: #8c41d9;
  transition: background-color 0.25s, border 0.25s;
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-topografie.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-topografie.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-topografie.state-on {
  background-color: #afd441;
  transition: background-color 0.25s, border 0.25s;
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-taalontdekkers.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-taalontdekkers.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-taalontdekkers.state-on {
  background-color: #fad20c;
  transition: background-color 0.25s, border 0.25s;
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-frans.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-frans.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-frans.state-on {
  background-color: #3d61cc;
  transition: background-color 0.25s, border 0.25s;
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-toets.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-toets.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-toets.state-on {
  background-color: #3f4c5a;
  transition: background-color 0.25s, border 0.25s;
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-taak.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-taak.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-bar.tablero-state-switcher-taak.state-on {
  background-color: #ffc34d;
  transition: background-color 0.25s, border 0.25s;
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-button,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-button,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-button {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 2.5rem;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fafafa;
  transition: transform 0.25s;
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-button.state-on,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-button.state-on,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-button.state-on {
  transform: translateX(2.5rem);
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-button.state-off,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-button.state-off,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-button.state-off {
  transform: translateX(0);
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-button .tablero-state-switcher-icon,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-button .tablero-state-switcher-icon,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-button .tablero-state-switcher-icon {
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
}
.gynzy-student-application-container .tablero-state-switcher .tablero-state-switcher-button .tablero-state-switcher-icon.tablero-state-switch-fa-icon,
.gynzy-teacher-application-container .tablero-state-switcher .tablero-state-switcher-button .tablero-state-switcher-icon.tablero-state-switch-fa-icon,
.unicorn-manager-application-wrapper .tablero-state-switcher .tablero-state-switcher-button .tablero-state-switcher-icon.tablero-state-switch-fa-icon {
  line-height: calc(2.5rem);
}
.gynzy-student-application-container .worlds-container,
.gynzy-teacher-application-container .worlds-container,
.unicorn-manager-application-wrapper .worlds-container {
  overflow: hidden auto;
}
.gynzy-student-application-container .worlds-container.animating,
.gynzy-teacher-application-container .worlds-container.animating,
.unicorn-manager-application-wrapper .worlds-container.animating {
  overflow: hidden;
}
.gynzy-student-application-container .worlds-container .world-globes,
.gynzy-teacher-application-container .worlds-container .world-globes,
.unicorn-manager-application-wrapper .worlds-container .world-globes {
  min-height: 29rem;
  height: 29rem;
  width: calc(100% - 16rem);
  margin: 2rem auto 0;
}
.gynzy-student-application-container .worlds-container .world-globes:first-child,
.gynzy-teacher-application-container .worlds-container .world-globes:first-child,
.unicorn-manager-application-wrapper .worlds-container .world-globes:first-child {
  margin: 5rem 0 0;
}
.gynzy-student-application-container .worlds-container .world-globes .globe-container,
.gynzy-teacher-application-container .worlds-container .world-globes .globe-container,
.unicorn-manager-application-wrapper .worlds-container .world-globes .globe-container {
  height: 100%;
  width: 33%;
}
.gynzy-student-application-container .world,
.gynzy-teacher-application-container .world,
.unicorn-manager-application-wrapper .world {
  width: 30rem;
  cursor: pointer;
}
.gynzy-student-application-container .world .world-globe,
.gynzy-teacher-application-container .world .world-globe,
.unicorn-manager-application-wrapper .world .world-globe {
  cursor: pointer;
  margin: auto;
  height: 16.5rem;
  width: 16.5rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.65s ease-in-out;
  border-radius: 50%;
  transform: scale(1);
  position: relative;
  z-index: 1;
}
.gynzy-student-application-container .world .world-globe .responsive-image,
.gynzy-teacher-application-container .world .world-globe .responsive-image,
.unicorn-manager-application-wrapper .world .world-globe .responsive-image {
  transform: scale(0.9);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  margin-top: -50%;
  /* Half the height */
  margin-left: -50%;
  /* Half the width */
  z-index: 5;
}
.gynzy-student-application-container .world .world-globe svg,
.gynzy-teacher-application-container .world .world-globe svg,
.unicorn-manager-application-wrapper .world .world-globe svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.gynzy-student-application-container .world .world-globe svg circle.go_math,
.gynzy-teacher-application-container .world .world-globe svg circle.go_math,
.unicorn-manager-application-wrapper .world .world-globe svg circle.go_math,
.gynzy-student-application-container .world .world-globe svg circle.ovsg_math,
.gynzy-teacher-application-container .world .world-globe svg circle.ovsg_math,
.unicorn-manager-application-wrapper .world .world-globe svg circle.ovsg_math,
.gynzy-student-application-container .world .world-globe svg circle.zill_math,
.gynzy-teacher-application-container .world .world-globe svg circle.zill_math,
.unicorn-manager-application-wrapper .world .world-globe svg circle.zill_math,
.gynzy-student-application-container .world .world-globe svg circle.go-ijsberg_math,
.gynzy-teacher-application-container .world .world-globe svg circle.go-ijsberg_math,
.unicorn-manager-application-wrapper .world .world-globe svg circle.go-ijsberg_math,
.gynzy-student-application-container .world .world-globe svg circle.rekenen,
.gynzy-teacher-application-container .world .world-globe svg circle.rekenen,
.unicorn-manager-application-wrapper .world .world-globe svg circle.rekenen {
  fill: #97d4f5;
}
.gynzy-student-application-container .world .world-globe svg circle.spelling,
.gynzy-teacher-application-container .world .world-globe svg circle.spelling,
.unicorn-manager-application-wrapper .world .world-globe svg circle.spelling,
.gynzy-student-application-container .world .world-globe svg .nederlands,
.gynzy-teacher-application-container .world .world-globe svg .nederlands,
.unicorn-manager-application-wrapper .world .world-globe svg .nederlands {
  fill: #aaf19c;
}
.gynzy-student-application-container .world .world-globe svg circle.grammatica,
.gynzy-teacher-application-container .world .world-globe svg circle.grammatica,
.unicorn-manager-application-wrapper .world .world-globe svg circle.grammatica {
  fill: #f29dc7;
}
.gynzy-student-application-container .world .world-globe svg circle.engels,
.gynzy-teacher-application-container .world .world-globe svg circle.engels,
.unicorn-manager-application-wrapper .world .world-globe svg circle.engels {
  fill: #c69af2;
}
.gynzy-student-application-container .world .world-globe svg circle.topografie,
.gynzy-teacher-application-container .world .world-globe svg circle.topografie,
.unicorn-manager-application-wrapper .world .world-globe svg circle.topografie {
  fill: #daef99;
}
.gynzy-student-application-container .world .world-globe svg circle.woordenschat,
.gynzy-teacher-application-container .world .world-globe svg circle.woordenschat,
.unicorn-manager-application-wrapper .world .world-globe svg circle.woordenschat {
  fill: #ffbd7a;
}
.gynzy-student-application-container .world .world-globe svg circle.mammoth,
.gynzy-teacher-application-container .world .world-globe svg circle.mammoth,
.unicorn-manager-application-wrapper .world .world-globe svg circle.mammoth {
  fill: #f29bf2;
}
.gynzy-student-application-container .world .world-globe svg circle.wereldorientatie,
.gynzy-teacher-application-container .world .world-globe svg circle.wereldorientatie,
.unicorn-manager-application-wrapper .world .world-globe svg circle.wereldorientatie {
  fill: #99efef;
}
.gynzy-student-application-container .world .world-globe svg circle.digitale_geletterdheid,
.gynzy-teacher-application-container .world .world-globe svg circle.digitale_geletterdheid,
.unicorn-manager-application-wrapper .world .world-globe svg circle.digitale_geletterdheid {
  fill: #f29bf2;
}
.gynzy-student-application-container .world .world-globe svg circle.cijfers_en_letters,
.gynzy-teacher-application-container .world .world-globe svg circle.cijfers_en_letters,
.unicorn-manager-application-wrapper .world .world-globe svg circle.cijfers_en_letters {
  fill: #94ebbf;
}
.gynzy-student-application-container .world .world-globe svg circle.zill_numbers,
.gynzy-teacher-application-container .world .world-globe svg circle.zill_numbers,
.unicorn-manager-application-wrapper .world .world-globe svg circle.zill_numbers,
.gynzy-student-application-container .world .world-globe svg circle.ovsg_numbers,
.gynzy-teacher-application-container .world .world-globe svg circle.ovsg_numbers,
.unicorn-manager-application-wrapper .world .world-globe svg circle.ovsg_numbers,
.gynzy-student-application-container .world .world-globe svg circle.go_numbers,
.gynzy-teacher-application-container .world .world-globe svg circle.go_numbers,
.unicorn-manager-application-wrapper .world .world-globe svg circle.go_numbers,
.gynzy-student-application-container .world .world-globe svg circle.go-ijsberg_numbers,
.gynzy-teacher-application-container .world .world-globe svg circle.go-ijsberg_numbers,
.unicorn-manager-application-wrapper .world .world-globe svg circle.go-ijsberg_numbers,
.gynzy-student-application-container .world .world-globe svg circle.cijfers,
.gynzy-teacher-application-container .world .world-globe svg circle.cijfers,
.unicorn-manager-application-wrapper .world .world-globe svg circle.cijfers {
  fill: #99efef;
}
.gynzy-student-application-container .world .world-globe svg circle.zill_letters,
.gynzy-teacher-application-container .world .world-globe svg circle.zill_letters,
.unicorn-manager-application-wrapper .world .world-globe svg circle.zill_letters,
.gynzy-student-application-container .world .world-globe svg circle.ovsg_letters,
.gynzy-teacher-application-container .world .world-globe svg circle.ovsg_letters,
.unicorn-manager-application-wrapper .world .world-globe svg circle.ovsg_letters,
.gynzy-student-application-container .world .world-globe svg circle.go_letters,
.gynzy-teacher-application-container .world .world-globe svg circle.go_letters,
.unicorn-manager-application-wrapper .world .world-globe svg circle.go_letters,
.gynzy-student-application-container .world .world-globe svg circle.letters,
.gynzy-teacher-application-container .world .world-globe svg circle.letters,
.unicorn-manager-application-wrapper .world .world-globe svg circle.letters {
  fill: #94ebbf;
}
.gynzy-student-application-container .world .world-globe svg circle.taalontdekkers,
.gynzy-teacher-application-container .world .world-globe svg circle.taalontdekkers,
.unicorn-manager-application-wrapper .world .world-globe svg circle.taalontdekkers {
  fill: #ffe979;
}
.gynzy-student-application-container .world .world-globe svg circle.frans,
.gynzy-teacher-application-container .world .world-globe svg circle.frans,
.unicorn-manager-application-wrapper .world .world-globe svg circle.frans {
  fill: #93a9eb;
}
.gynzy-student-application-container .world .world-globe svg circle.locked,
.gynzy-teacher-application-container .world .world-globe svg circle.locked,
.unicorn-manager-application-wrapper .world .world-globe svg circle.locked {
  fill: #d1d3de !important;
}
.gynzy-student-application-container .world .world-globe.world-big,
.gynzy-teacher-application-container .world .world-globe.world-big,
.unicorn-manager-application-wrapper .world .world-globe.world-big {
  transform: scale(20);
  z-index: 100;
}
.gynzy-student-application-container .world .world-subtitle,
.gynzy-teacher-application-container .world .world-subtitle,
.unicorn-manager-application-wrapper .world .world-subtitle {
  height: 5rem;
  cursor: pointer;
  font-weight: 600;
  background-color: transparent;
  width: 100%;
  line-height: 2rem;
  font-size: 1.8rem;
  padding: 0 1rem;
}
.gynzy-student-application-container .world.locked,
.gynzy-teacher-application-container .world.locked,
.unicorn-manager-application-wrapper .world.locked {
  cursor: default;
}
.gynzy-student-application-container .world.locked .responsive-image,
.gynzy-teacher-application-container .world.locked .responsive-image,
.unicorn-manager-application-wrapper .world.locked .responsive-image {
  cursor: default;
}
.gynzy-student-application-container .world.locked .world-globe,
.gynzy-teacher-application-container .world.locked .world-globe,
.unicorn-manager-application-wrapper .world.locked .world-globe {
  position: relative;
  cursor: default;
}
.gynzy-student-application-container .world.locked .world-globe .fa,
.gynzy-teacher-application-container .world.locked .world-globe .fa,
.unicorn-manager-application-wrapper .world.locked .world-globe .fa {
  position: absolute;
  bottom: 2rem;
  left: 0;
  right: 0;
}
.gynzy-student-application-container .world.locked .world-subtitle,
.gynzy-teacher-application-container .world.locked .world-subtitle,
.unicorn-manager-application-wrapper .world.locked .world-subtitle {
  cursor: default;
  color: #2a3541;
}
.gynzy-student-application-container .world.teacher,
.gynzy-teacher-application-container .world.teacher,
.unicorn-manager-application-wrapper .world.teacher {
  cursor: pointer;
}
.gynzy-student-application-container .world.teacher .responsive-image,
.gynzy-teacher-application-container .world.teacher .responsive-image,
.unicorn-manager-application-wrapper .world.teacher .responsive-image {
  cursor: pointer;
}
.gynzy-student-application-container .world.teacher .world-globe,
.gynzy-teacher-application-container .world.teacher .world-globe,
.unicorn-manager-application-wrapper .world.teacher .world-globe {
  cursor: pointer;
}
.gynzy-student-application-container .world.teacher .world-subtitle,
.gynzy-teacher-application-container .world.teacher .world-subtitle,
.unicorn-manager-application-wrapper .world.teacher .world-subtitle {
  cursor: pointer;
  color: #2a3541;
}
.gynzy-student-application-container .world .tablero-state-switcher,
.gynzy-teacher-application-container .world .tablero-state-switcher,
.unicorn-manager-application-wrapper .world .tablero-state-switcher {
  margin: 1rem auto;
}
.gynzy-student-application-container .world.small-world,
.gynzy-teacher-application-container .world.small-world,
.unicorn-manager-application-wrapper .world.small-world {
  width: 10rem;
}
.gynzy-student-application-container .world.small-world .world-globe,
.gynzy-teacher-application-container .world.small-world .world-globe,
.unicorn-manager-application-wrapper .world.small-world .world-globe {
  width: 10rem;
  height: 10rem;
}
.gynzy-student-application-container .alphabet,
.gynzy-teacher-application-container .alphabet,
.unicorn-manager-application-wrapper .alphabet {
  background-color: transparent !important;
  font-weight: 600;
}
.gynzy-student-application-container .alphabet.spelling,
.gynzy-teacher-application-container .alphabet.spelling,
.unicorn-manager-application-wrapper .alphabet.spelling,
.gynzy-student-application-container .alphabet.nederlands,
.gynzy-teacher-application-container .alphabet.nederlands,
.unicorn-manager-application-wrapper .alphabet.nederlands {
  color: #28571e;
}
.gynzy-student-application-container .alphabet.zill_math,
.gynzy-teacher-application-container .alphabet.zill_math,
.unicorn-manager-application-wrapper .alphabet.zill_math,
.gynzy-student-application-container .alphabet.ovsg_math,
.gynzy-teacher-application-container .alphabet.ovsg_math,
.unicorn-manager-application-wrapper .alphabet.ovsg_math,
.gynzy-student-application-container .alphabet.go_math,
.gynzy-teacher-application-container .alphabet.go_math,
.unicorn-manager-application-wrapper .alphabet.go_math,
.gynzy-student-application-container .alphabet.go-ijsberg_math,
.gynzy-teacher-application-container .alphabet.go-ijsberg_math,
.unicorn-manager-application-wrapper .alphabet.go-ijsberg_math,
.gynzy-student-application-container .alphabet.rekenen,
.gynzy-teacher-application-container .alphabet.rekenen,
.unicorn-manager-application-wrapper .alphabet.rekenen {
  color: #1a455b;
}
.gynzy-student-application-container .alphabet.woordenschat,
.gynzy-teacher-application-container .alphabet.woordenschat,
.unicorn-manager-application-wrapper .alphabet.woordenschat {
  color: #57300a;
}
.gynzy-student-application-container .alphabet.mammoth,
.gynzy-teacher-application-container .alphabet.mammoth,
.unicorn-manager-application-wrapper .alphabet.mammoth {
  color: #60205a;
}
.gynzy-student-application-container .alphabet.grammatica,
.gynzy-teacher-application-container .alphabet.grammatica,
.unicorn-manager-application-wrapper .alphabet.grammatica {
  color: #571e3a;
}
.gynzy-student-application-container .alphabet.wereldorientatie,
.gynzy-teacher-application-container .alphabet.wereldorientatie,
.unicorn-manager-application-wrapper .alphabet.wereldorientatie {
  color: #1e5252;
}
.gynzy-student-application-container .alphabet.digitale_geletterdheid,
.gynzy-teacher-application-container .alphabet.digitale_geletterdheid,
.unicorn-manager-application-wrapper .alphabet.digitale_geletterdheid {
  color: #581d58;
}
.gynzy-student-application-container .alphabet.cijfers_en_letters,
.gynzy-teacher-application-container .alphabet.cijfers_en_letters,
.unicorn-manager-application-wrapper .alphabet.cijfers_en_letters {
  color: #1e4833;
}
.gynzy-student-application-container .alphabet.zill_numbers,
.gynzy-teacher-application-container .alphabet.zill_numbers,
.unicorn-manager-application-wrapper .alphabet.zill_numbers,
.gynzy-student-application-container .alphabet.ovsg_numbers,
.gynzy-teacher-application-container .alphabet.ovsg_numbers,
.unicorn-manager-application-wrapper .alphabet.ovsg_numbers,
.gynzy-student-application-container .alphabet.go_numbers,
.gynzy-teacher-application-container .alphabet.go_numbers,
.unicorn-manager-application-wrapper .alphabet.go_numbers,
.gynzy-student-application-container .alphabet.go-ijsberg_numbers,
.gynzy-teacher-application-container .alphabet.go-ijsberg_numbers,
.unicorn-manager-application-wrapper .alphabet.go-ijsberg_numbers,
.gynzy-student-application-container .alphabet.cijfers,
.gynzy-teacher-application-container .alphabet.cijfers,
.unicorn-manager-application-wrapper .alphabet.cijfers {
  color: #1e5252;
}
.gynzy-student-application-container .alphabet.zill_letters,
.gynzy-teacher-application-container .alphabet.zill_letters,
.unicorn-manager-application-wrapper .alphabet.zill_letters,
.gynzy-student-application-container .alphabet.ovsg_letters,
.gynzy-teacher-application-container .alphabet.ovsg_letters,
.unicorn-manager-application-wrapper .alphabet.ovsg_letters,
.gynzy-student-application-container .alphabet.go_letters,
.gynzy-teacher-application-container .alphabet.go_letters,
.unicorn-manager-application-wrapper .alphabet.go_letters,
.gynzy-student-application-container .alphabet.letters,
.gynzy-teacher-application-container .alphabet.letters,
.unicorn-manager-application-wrapper .alphabet.letters {
  color: #1e4833;
}
.gynzy-student-application-container .alphabet.engels,
.gynzy-teacher-application-container .alphabet.engels,
.unicorn-manager-application-wrapper .alphabet.engels {
  color: #3a1d58;
}
.gynzy-student-application-container .alphabet.topografie,
.gynzy-teacher-application-container .alphabet.topografie,
.unicorn-manager-application-wrapper .alphabet.topografie {
  color: #45521e;
}
.gynzy-student-application-container .alphabet.taalontdekkers,
.gynzy-teacher-application-container .alphabet.taalontdekkers,
.unicorn-manager-application-wrapper .alphabet.taalontdekkers {
  color: #574a0a;
}
.gynzy-student-application-container .alphabet.frans,
.gynzy-teacher-application-container .alphabet.frans,
.unicorn-manager-application-wrapper .alphabet.frans {
  color: #1e2848;
}
.gynzy-student-application-container .islands-container.zill_math,
.gynzy-teacher-application-container .islands-container.zill_math,
.unicorn-manager-application-wrapper .islands-container.zill_math,
.gynzy-student-application-container .world-globe.zill_math,
.gynzy-teacher-application-container .world-globe.zill_math,
.unicorn-manager-application-wrapper .world-globe.zill_math,
.gynzy-student-application-container .islands-container.ovsg_math,
.gynzy-teacher-application-container .islands-container.ovsg_math,
.unicorn-manager-application-wrapper .islands-container.ovsg_math,
.gynzy-student-application-container .world-globe.ovsg_math,
.gynzy-teacher-application-container .world-globe.ovsg_math,
.unicorn-manager-application-wrapper .world-globe.ovsg_math,
.gynzy-student-application-container .islands-container.go_math,
.gynzy-teacher-application-container .islands-container.go_math,
.unicorn-manager-application-wrapper .islands-container.go_math,
.gynzy-student-application-container .world-globe.go_math,
.gynzy-teacher-application-container .world-globe.go_math,
.unicorn-manager-application-wrapper .world-globe.go_math,
.gynzy-student-application-container .islands-container.go-ijsberg_math,
.gynzy-teacher-application-container .islands-container.go-ijsberg_math,
.unicorn-manager-application-wrapper .islands-container.go-ijsberg_math,
.gynzy-student-application-container .world-globe.go-ijsberg_math,
.gynzy-teacher-application-container .world-globe.go-ijsberg_math,
.unicorn-manager-application-wrapper .world-globe.go-ijsberg_math,
.gynzy-student-application-container .islands-container.rekenen,
.gynzy-teacher-application-container .islands-container.rekenen,
.unicorn-manager-application-wrapper .islands-container.rekenen,
.gynzy-student-application-container .world-globe.rekenen,
.gynzy-teacher-application-container .world-globe.rekenen,
.unicorn-manager-application-wrapper .world-globe.rekenen {
  background-color: #effaff;
}
.gynzy-student-application-container .islands-container.spelling,
.gynzy-teacher-application-container .islands-container.spelling,
.unicorn-manager-application-wrapper .islands-container.spelling,
.gynzy-student-application-container .world-globe.spelling,
.gynzy-teacher-application-container .world-globe.spelling,
.unicorn-manager-application-wrapper .world-globe.spelling,
.gynzy-student-application-container .islands-container.nederlands,
.gynzy-teacher-application-container .islands-container.nederlands,
.unicorn-manager-application-wrapper .islands-container.nederlands,
.gynzy-student-application-container .world-globe.nederlands,
.gynzy-teacher-application-container .world-globe.nederlands,
.unicorn-manager-application-wrapper .world-globe.nederlands {
  background-color: #f0ffec;
}
.gynzy-student-application-container .islands-container.woordenschat,
.gynzy-teacher-application-container .islands-container.woordenschat,
.unicorn-manager-application-wrapper .islands-container.woordenschat,
.gynzy-student-application-container .world-globe.woordenschat,
.gynzy-teacher-application-container .world-globe.woordenschat,
.unicorn-manager-application-wrapper .world-globe.woordenschat {
  background-color: #fff4eb;
}
.gynzy-student-application-container .islands-container.engels,
.gynzy-teacher-application-container .islands-container.engels,
.unicorn-manager-application-wrapper .islands-container.engels,
.gynzy-student-application-container .world-globe.engels,
.gynzy-teacher-application-container .world-globe.engels,
.unicorn-manager-application-wrapper .world-globe.engels {
  background-color: #f5ecff;
}
.gynzy-student-application-container .islands-container.topografie,
.gynzy-teacher-application-container .islands-container.topografie,
.unicorn-manager-application-wrapper .islands-container.topografie,
.gynzy-student-application-container .world-globe.topografie,
.gynzy-teacher-application-container .world-globe.topografie,
.unicorn-manager-application-wrapper .world-globe.topografie {
  background-color: #f7fce8;
}
.gynzy-student-application-container .islands-container.mammoth,
.gynzy-teacher-application-container .islands-container.mammoth,
.unicorn-manager-application-wrapper .islands-container.mammoth,
.gynzy-student-application-container .world-globe.mammoth,
.gynzy-teacher-application-container .world-globe.mammoth,
.unicorn-manager-application-wrapper .world-globe.mammoth {
  background-color: #feecff;
}
.gynzy-student-application-container .islands-container.grammatica,
.gynzy-teacher-application-container .islands-container.grammatica,
.unicorn-manager-application-wrapper .islands-container.grammatica,
.gynzy-student-application-container .world-globe.grammatica,
.gynzy-teacher-application-container .world-globe.grammatica,
.unicorn-manager-application-wrapper .world-globe.grammatica {
  background-color: #ffecf7;
}
.gynzy-student-application-container .islands-container.wereldorientatie,
.gynzy-teacher-application-container .islands-container.wereldorientatie,
.unicorn-manager-application-wrapper .islands-container.wereldorientatie,
.gynzy-student-application-container .world-globe.wereldorientatie,
.gynzy-teacher-application-container .world-globe.wereldorientatie,
.unicorn-manager-application-wrapper .world-globe.wereldorientatie {
  background-color: #ecfffe;
}
.gynzy-student-application-container .islands-container.digitale_geletterdheid,
.gynzy-teacher-application-container .islands-container.digitale_geletterdheid,
.unicorn-manager-application-wrapper .islands-container.digitale_geletterdheid,
.gynzy-student-application-container .world-globe.digitale_geletterdheid,
.gynzy-teacher-application-container .world-globe.digitale_geletterdheid,
.unicorn-manager-application-wrapper .world-globe.digitale_geletterdheid {
  background-color: #feecff;
}
.gynzy-student-application-container .islands-container.cijfers_en_letters,
.gynzy-teacher-application-container .islands-container.cijfers_en_letters,
.unicorn-manager-application-wrapper .islands-container.cijfers_en_letters,
.gynzy-student-application-container .world-globe.cijfers_en_letters,
.gynzy-teacher-application-container .world-globe.cijfers_en_letters,
.unicorn-manager-application-wrapper .world-globe.cijfers_en_letters {
  background-color: #ecfdf4;
}
.gynzy-student-application-container .islands-container.zill_numbers,
.gynzy-teacher-application-container .islands-container.zill_numbers,
.unicorn-manager-application-wrapper .islands-container.zill_numbers,
.gynzy-student-application-container .world-globe.zill_numbers,
.gynzy-teacher-application-container .world-globe.zill_numbers,
.unicorn-manager-application-wrapper .world-globe.zill_numbers,
.gynzy-student-application-container .islands-container.ovsg_numbers,
.gynzy-teacher-application-container .islands-container.ovsg_numbers,
.unicorn-manager-application-wrapper .islands-container.ovsg_numbers,
.gynzy-student-application-container .world-globe.ovsg_numbers,
.gynzy-teacher-application-container .world-globe.ovsg_numbers,
.unicorn-manager-application-wrapper .world-globe.ovsg_numbers,
.gynzy-student-application-container .islands-container.go_numbers,
.gynzy-teacher-application-container .islands-container.go_numbers,
.unicorn-manager-application-wrapper .islands-container.go_numbers,
.gynzy-student-application-container .world-globe.go_numbers,
.gynzy-teacher-application-container .world-globe.go_numbers,
.unicorn-manager-application-wrapper .world-globe.go_numbers,
.gynzy-student-application-container .islands-container.go-ijsberg_numbers,
.gynzy-teacher-application-container .islands-container.go-ijsberg_numbers,
.unicorn-manager-application-wrapper .islands-container.go-ijsberg_numbers,
.gynzy-student-application-container .world-globe.go-ijsberg_numbers,
.gynzy-teacher-application-container .world-globe.go-ijsberg_numbers,
.unicorn-manager-application-wrapper .world-globe.go-ijsberg_numbers,
.gynzy-student-application-container .islands-container.cijfers,
.gynzy-teacher-application-container .islands-container.cijfers,
.unicorn-manager-application-wrapper .islands-container.cijfers,
.gynzy-student-application-container .world-globe.cijfers,
.gynzy-teacher-application-container .world-globe.cijfers,
.unicorn-manager-application-wrapper .world-globe.cijfers {
  background-color: #ecfffe;
}
.gynzy-student-application-container .islands-container.zill_letters,
.gynzy-teacher-application-container .islands-container.zill_letters,
.unicorn-manager-application-wrapper .islands-container.zill_letters,
.gynzy-student-application-container .world-globe.zill_letters,
.gynzy-teacher-application-container .world-globe.zill_letters,
.unicorn-manager-application-wrapper .world-globe.zill_letters,
.gynzy-student-application-container .islands-container.ovsg_letters,
.gynzy-teacher-application-container .islands-container.ovsg_letters,
.unicorn-manager-application-wrapper .islands-container.ovsg_letters,
.gynzy-student-application-container .world-globe.ovsg_letters,
.gynzy-teacher-application-container .world-globe.ovsg_letters,
.unicorn-manager-application-wrapper .world-globe.ovsg_letters,
.gynzy-student-application-container .islands-container.go_letters,
.gynzy-teacher-application-container .islands-container.go_letters,
.unicorn-manager-application-wrapper .islands-container.go_letters,
.gynzy-student-application-container .world-globe.go_letters,
.gynzy-teacher-application-container .world-globe.go_letters,
.unicorn-manager-application-wrapper .world-globe.go_letters,
.gynzy-student-application-container .islands-container.letters,
.gynzy-teacher-application-container .islands-container.letters,
.unicorn-manager-application-wrapper .islands-container.letters,
.gynzy-student-application-container .world-globe.letters,
.gynzy-teacher-application-container .world-globe.letters,
.unicorn-manager-application-wrapper .world-globe.letters {
  background-color: #ecfdf4;
}
.gynzy-student-application-container .islands-container.taalontdekkers,
.gynzy-teacher-application-container .islands-container.taalontdekkers,
.unicorn-manager-application-wrapper .islands-container.taalontdekkers,
.gynzy-student-application-container .world-globe.taalontdekkers,
.gynzy-teacher-application-container .world-globe.taalontdekkers,
.unicorn-manager-application-wrapper .world-globe.taalontdekkers {
  background-color: #fffae5;
}
.gynzy-student-application-container .islands-container.frans,
.gynzy-teacher-application-container .islands-container.frans,
.unicorn-manager-application-wrapper .islands-container.frans,
.gynzy-student-application-container .world-globe.frans,
.gynzy-teacher-application-container .world-globe.frans,
.unicorn-manager-application-wrapper .world-globe.frans {
  background-color: #e4eafb;
}
.gynzy-student-application-container .villages-container.zill_math,
.gynzy-teacher-application-container .villages-container.zill_math,
.unicorn-manager-application-wrapper .villages-container.zill_math,
.gynzy-student-application-container .village-conditionals-sidebar-container.zill_math,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.zill_math,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.zill_math,
.gynzy-student-application-container .villages-container.ovsg_math,
.gynzy-teacher-application-container .villages-container.ovsg_math,
.unicorn-manager-application-wrapper .villages-container.ovsg_math,
.gynzy-student-application-container .village-conditionals-sidebar-container.ovsg_math,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.ovsg_math,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.ovsg_math,
.gynzy-student-application-container .villages-container.go_math,
.gynzy-teacher-application-container .villages-container.go_math,
.unicorn-manager-application-wrapper .villages-container.go_math,
.gynzy-student-application-container .village-conditionals-sidebar-container.go_math,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.go_math,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.go_math,
.gynzy-student-application-container .villages-container.go-ijsberg_math,
.gynzy-teacher-application-container .villages-container.go-ijsberg_math,
.unicorn-manager-application-wrapper .villages-container.go-ijsberg_math,
.gynzy-student-application-container .village-conditionals-sidebar-container.go-ijsberg_math,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.go-ijsberg_math,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.go-ijsberg_math,
.gynzy-student-application-container .villages-container.rekenen,
.gynzy-teacher-application-container .villages-container.rekenen,
.unicorn-manager-application-wrapper .villages-container.rekenen,
.gynzy-student-application-container .village-conditionals-sidebar-container.rekenen,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.rekenen,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.rekenen {
  background-color: #e0f5ff;
}
.gynzy-student-application-container .villages-container.spelling,
.gynzy-teacher-application-container .villages-container.spelling,
.unicorn-manager-application-wrapper .villages-container.spelling,
.gynzy-student-application-container .village-conditionals-sidebar-container.spelling,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.spelling,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.spelling,
.gynzy-student-application-container .villages-container.nederlands,
.gynzy-teacher-application-container .villages-container.nederlands,
.unicorn-manager-application-wrapper .villages-container.nederlands,
.gynzy-student-application-container .village-conditionals-sidebar-container.nederlands,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.nederlands,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.nederlands {
  background-color: #dcfbd5;
}
.gynzy-student-application-container .villages-container.woordenschat,
.gynzy-teacher-application-container .villages-container.woordenschat,
.unicorn-manager-application-wrapper .villages-container.woordenschat,
.gynzy-student-application-container .village-conditionals-sidebar-container.woordenschat,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.woordenschat,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.woordenschat {
  background-color: #ffdebd;
}
.gynzy-student-application-container .villages-container.engels,
.gynzy-teacher-application-container .villages-container.engels,
.unicorn-manager-application-wrapper .villages-container.engels,
.gynzy-student-application-container .village-conditionals-sidebar-container.engels,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.engels,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.engels {
  background-color: #e8d5fb;
}
.gynzy-student-application-container .villages-container.topografie,
.gynzy-teacher-application-container .villages-container.topografie,
.unicorn-manager-application-wrapper .villages-container.topografie,
.gynzy-student-application-container .village-conditionals-sidebar-container.topografie,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.topografie,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.topografie {
  background-color: #f0fad1;
}
.gynzy-student-application-container .villages-container.mammoth,
.gynzy-teacher-application-container .villages-container.mammoth,
.unicorn-manager-application-wrapper .villages-container.mammoth,
.gynzy-student-application-container .village-conditionals-sidebar-container.mammoth,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.mammoth,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.mammoth {
  background-color: #fbd5fb;
}
.gynzy-student-application-container .villages-container.grammatica,
.gynzy-teacher-application-container .villages-container.grammatica,
.unicorn-manager-application-wrapper .villages-container.grammatica,
.gynzy-student-application-container .village-conditionals-sidebar-container.grammatica,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.grammatica,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.grammatica {
  background-color: #fbd5e8;
}
.gynzy-student-application-container .villages-container.wereldorientatie,
.gynzy-teacher-application-container .villages-container.wereldorientatie,
.unicorn-manager-application-wrapper .villages-container.wereldorientatie,
.gynzy-student-application-container .village-conditionals-sidebar-container.wereldorientatie,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.wereldorientatie,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.wereldorientatie {
  background-color: #d1fafa;
}
.gynzy-student-application-container .villages-container.digitale_geletterdheid,
.gynzy-teacher-application-container .villages-container.digitale_geletterdheid,
.unicorn-manager-application-wrapper .villages-container.digitale_geletterdheid,
.gynzy-student-application-container .village-conditionals-sidebar-container.digitale_geletterdheid,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.digitale_geletterdheid,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.digitale_geletterdheid {
  background-color: #fbd5fb;
}
.gynzy-student-application-container .villages-container.cijfers_en_letters,
.gynzy-teacher-application-container .villages-container.cijfers_en_letters,
.unicorn-manager-application-wrapper .villages-container.cijfers_en_letters,
.gynzy-student-application-container .village-conditionals-sidebar-container.cijfers_en_letters,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.cijfers_en_letters,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.cijfers_en_letters {
  background-color: #caf7e0;
}
.gynzy-student-application-container .villages-container.zill_numbers,
.gynzy-teacher-application-container .villages-container.zill_numbers,
.unicorn-manager-application-wrapper .villages-container.zill_numbers,
.gynzy-student-application-container .village-conditionals-sidebar-container.zill_numbers,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.zill_numbers,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.zill_numbers,
.gynzy-student-application-container .villages-container.ovsg_numbers,
.gynzy-teacher-application-container .villages-container.ovsg_numbers,
.unicorn-manager-application-wrapper .villages-container.ovsg_numbers,
.gynzy-student-application-container .village-conditionals-sidebar-container.ovsg_numbers,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.ovsg_numbers,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.ovsg_numbers,
.gynzy-student-application-container .villages-container.go_numbers,
.gynzy-teacher-application-container .villages-container.go_numbers,
.unicorn-manager-application-wrapper .villages-container.go_numbers,
.gynzy-student-application-container .village-conditionals-sidebar-container.go_numbers,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.go_numbers,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.go_numbers,
.gynzy-student-application-container .villages-container.go-ijsberg_numbers,
.gynzy-teacher-application-container .villages-container.go-ijsberg_numbers,
.unicorn-manager-application-wrapper .villages-container.go-ijsberg_numbers,
.gynzy-student-application-container .village-conditionals-sidebar-container.go-ijsberg_numbers,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.go-ijsberg_numbers,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.go-ijsberg_numbers,
.gynzy-student-application-container .villages-container.cijfers,
.gynzy-teacher-application-container .villages-container.cijfers,
.unicorn-manager-application-wrapper .villages-container.cijfers,
.gynzy-student-application-container .village-conditionals-sidebar-container.cijfers,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.cijfers,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.cijfers {
  background-color: #d1fafa;
}
.gynzy-student-application-container .villages-container.zill_letters,
.gynzy-teacher-application-container .villages-container.zill_letters,
.unicorn-manager-application-wrapper .villages-container.zill_letters,
.gynzy-student-application-container .village-conditionals-sidebar-container.zill_letters,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.zill_letters,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.zill_letters,
.gynzy-student-application-container .villages-container.ovsg_letters,
.gynzy-teacher-application-container .villages-container.ovsg_letters,
.unicorn-manager-application-wrapper .villages-container.ovsg_letters,
.gynzy-student-application-container .village-conditionals-sidebar-container.ovsg_letters,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.ovsg_letters,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.ovsg_letters,
.gynzy-student-application-container .villages-container.go_letters,
.gynzy-teacher-application-container .villages-container.go_letters,
.unicorn-manager-application-wrapper .villages-container.go_letters,
.gynzy-student-application-container .village-conditionals-sidebar-container.go_letters,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.go_letters,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.go_letters,
.gynzy-student-application-container .villages-container.letters,
.gynzy-teacher-application-container .villages-container.letters,
.unicorn-manager-application-wrapper .villages-container.letters,
.gynzy-student-application-container .village-conditionals-sidebar-container.letters,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.letters,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.letters {
  background-color: #caf7e0;
}
.gynzy-student-application-container .villages-container.taalontdekkers,
.gynzy-teacher-application-container .villages-container.taalontdekkers,
.unicorn-manager-application-wrapper .villages-container.taalontdekkers,
.gynzy-student-application-container .village-conditionals-sidebar-container.taalontdekkers,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.taalontdekkers,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.taalontdekkers {
  background-color: #fff4bd;
}
.gynzy-student-application-container .villages-container.frans,
.gynzy-teacher-application-container .villages-container.frans,
.unicorn-manager-application-wrapper .villages-container.frans,
.gynzy-student-application-container .village-conditionals-sidebar-container.frans,
.gynzy-teacher-application-container .village-conditionals-sidebar-container.frans,
.unicorn-manager-application-wrapper .village-conditionals-sidebar-container.frans {
  background-color: #cad5f7;
}
.gynzy-student-application-container .islands-container,
.gynzy-teacher-application-container .islands-container,
.unicorn-manager-application-wrapper .islands-container {
  min-height: min-content;
}
.gynzy-student-application-container .village-overview,
.gynzy-teacher-application-container .village-overview,
.unicorn-manager-application-wrapper .village-overview {
  overflow-y: auto;
}
.gynzy-student-application-container .islands-container,
.gynzy-teacher-application-container .islands-container,
.unicorn-manager-application-wrapper .islands-container,
.gynzy-student-application-container .villages-container,
.gynzy-teacher-application-container .villages-container,
.unicorn-manager-application-wrapper .villages-container {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 8rem 0;
  color: #556474;
}
.gynzy-student-application-container .islands-container .locked,
.gynzy-teacher-application-container .islands-container .locked,
.unicorn-manager-application-wrapper .islands-container .locked,
.gynzy-student-application-container .villages-container .locked,
.gynzy-teacher-application-container .villages-container .locked,
.unicorn-manager-application-wrapper .villages-container .locked {
  background-color: rgba(0, 0, 0, 0);
}
.gynzy-student-application-container .islands-container.hidden,
.gynzy-teacher-application-container .islands-container.hidden,
.unicorn-manager-application-wrapper .islands-container.hidden,
.gynzy-student-application-container .villages-container.hidden,
.gynzy-teacher-application-container .villages-container.hidden,
.unicorn-manager-application-wrapper .villages-container.hidden {
  opacity: 0;
}
.gynzy-student-application-container .islands-container.visible,
.gynzy-teacher-application-container .islands-container.visible,
.unicorn-manager-application-wrapper .islands-container.visible,
.gynzy-student-application-container .villages-container.visible,
.gynzy-teacher-application-container .villages-container.visible,
.unicorn-manager-application-wrapper .villages-container.visible {
  opacity: 1;
}
.gynzy-student-application-container .islands-container.animating,
.gynzy-teacher-application-container .islands-container.animating,
.unicorn-manager-application-wrapper .islands-container.animating,
.gynzy-student-application-container .villages-container.animating,
.gynzy-teacher-application-container .villages-container.animating,
.unicorn-manager-application-wrapper .villages-container.animating {
  overflow: hidden;
}
.gynzy-student-application-container .islands-container.spelling .subtitle,
.gynzy-teacher-application-container .islands-container.spelling .subtitle,
.unicorn-manager-application-wrapper .islands-container.spelling .subtitle,
.gynzy-student-application-container .villages-container.spelling .subtitle,
.gynzy-teacher-application-container .villages-container.spelling .subtitle,
.unicorn-manager-application-wrapper .villages-container.spelling .subtitle,
.gynzy-student-application-container .islands-container.nederlands .subtitle,
.gynzy-teacher-application-container .islands-container.nederlands .subtitle,
.unicorn-manager-application-wrapper .islands-container.nederlands .subtitle,
.gynzy-student-application-container .villages-container.nederlands .subtitle,
.gynzy-teacher-application-container .villages-container.nederlands .subtitle,
.unicorn-manager-application-wrapper .villages-container.nederlands .subtitle {
  color: #28571e;
}
.gynzy-student-application-container .islands-container.zill_math .subtitle,
.gynzy-teacher-application-container .islands-container.zill_math .subtitle,
.unicorn-manager-application-wrapper .islands-container.zill_math .subtitle,
.gynzy-student-application-container .villages-container.zill_math .subtitle,
.gynzy-teacher-application-container .villages-container.zill_math .subtitle,
.unicorn-manager-application-wrapper .villages-container.zill_math .subtitle,
.gynzy-student-application-container .islands-container.ovsg_math .subtitle,
.gynzy-teacher-application-container .islands-container.ovsg_math .subtitle,
.unicorn-manager-application-wrapper .islands-container.ovsg_math .subtitle,
.gynzy-student-application-container .villages-container.ovsg_math .subtitle,
.gynzy-teacher-application-container .villages-container.ovsg_math .subtitle,
.unicorn-manager-application-wrapper .villages-container.ovsg_math .subtitle,
.gynzy-student-application-container .islands-container.go_math .subtitle,
.gynzy-teacher-application-container .islands-container.go_math .subtitle,
.unicorn-manager-application-wrapper .islands-container.go_math .subtitle,
.gynzy-student-application-container .villages-container.go_math .subtitle,
.gynzy-teacher-application-container .villages-container.go_math .subtitle,
.unicorn-manager-application-wrapper .villages-container.go_math .subtitle,
.gynzy-student-application-container .islands-container.go-ijsberg_math .subtitle,
.gynzy-teacher-application-container .islands-container.go-ijsberg_math .subtitle,
.unicorn-manager-application-wrapper .islands-container.go-ijsberg_math .subtitle,
.gynzy-student-application-container .villages-container.go-ijsberg_math .subtitle,
.gynzy-teacher-application-container .villages-container.go-ijsberg_math .subtitle,
.unicorn-manager-application-wrapper .villages-container.go-ijsberg_math .subtitle,
.gynzy-student-application-container .islands-container.rekenen .subtitle,
.gynzy-teacher-application-container .islands-container.rekenen .subtitle,
.unicorn-manager-application-wrapper .islands-container.rekenen .subtitle,
.gynzy-student-application-container .villages-container.rekenen .subtitle,
.gynzy-teacher-application-container .villages-container.rekenen .subtitle,
.unicorn-manager-application-wrapper .villages-container.rekenen .subtitle {
  color: #1a455b;
}
.gynzy-student-application-container .islands-container.woordenschat .subtitle,
.gynzy-teacher-application-container .islands-container.woordenschat .subtitle,
.unicorn-manager-application-wrapper .islands-container.woordenschat .subtitle,
.gynzy-student-application-container .villages-container.woordenschat .subtitle,
.gynzy-teacher-application-container .villages-container.woordenschat .subtitle,
.unicorn-manager-application-wrapper .villages-container.woordenschat .subtitle {
  color: #57300a;
}
.gynzy-student-application-container .islands-container.mammoth .subtitle,
.gynzy-teacher-application-container .islands-container.mammoth .subtitle,
.unicorn-manager-application-wrapper .islands-container.mammoth .subtitle,
.gynzy-student-application-container .villages-container.mammoth .subtitle,
.gynzy-teacher-application-container .villages-container.mammoth .subtitle,
.unicorn-manager-application-wrapper .villages-container.mammoth .subtitle {
  color: #581d58;
}
.gynzy-student-application-container .islands-container.grammatica .subtitle,
.gynzy-teacher-application-container .islands-container.grammatica .subtitle,
.unicorn-manager-application-wrapper .islands-container.grammatica .subtitle,
.gynzy-student-application-container .villages-container.grammatica .subtitle,
.gynzy-teacher-application-container .villages-container.grammatica .subtitle,
.unicorn-manager-application-wrapper .villages-container.grammatica .subtitle {
  color: #571e3a;
}
.gynzy-student-application-container .islands-container.wereldorientatie .subtitle,
.gynzy-teacher-application-container .islands-container.wereldorientatie .subtitle,
.unicorn-manager-application-wrapper .islands-container.wereldorientatie .subtitle,
.gynzy-student-application-container .villages-container.wereldorientatie .subtitle,
.gynzy-teacher-application-container .villages-container.wereldorientatie .subtitle,
.unicorn-manager-application-wrapper .villages-container.wereldorientatie .subtitle {
  color: #1e5252;
}
.gynzy-student-application-container .islands-container.digitale_geletterdheid .subtitle,
.gynzy-teacher-application-container .islands-container.digitale_geletterdheid .subtitle,
.unicorn-manager-application-wrapper .islands-container.digitale_geletterdheid .subtitle,
.gynzy-student-application-container .villages-container.digitale_geletterdheid .subtitle,
.gynzy-teacher-application-container .villages-container.digitale_geletterdheid .subtitle,
.unicorn-manager-application-wrapper .villages-container.digitale_geletterdheid .subtitle {
  color: #581d58;
}
.gynzy-student-application-container .islands-container.cijfers_en_letters .subtitle,
.gynzy-teacher-application-container .islands-container.cijfers_en_letters .subtitle,
.unicorn-manager-application-wrapper .islands-container.cijfers_en_letters .subtitle,
.gynzy-student-application-container .villages-container.cijfers_en_letters .subtitle,
.gynzy-teacher-application-container .villages-container.cijfers_en_letters .subtitle,
.unicorn-manager-application-wrapper .villages-container.cijfers_en_letters .subtitle {
  color: #1e4833;
}
.gynzy-student-application-container .islands-container.zill_numbers .subtitle,
.gynzy-teacher-application-container .islands-container.zill_numbers .subtitle,
.unicorn-manager-application-wrapper .islands-container.zill_numbers .subtitle,
.gynzy-student-application-container .villages-container.zill_numbers .subtitle,
.gynzy-teacher-application-container .villages-container.zill_numbers .subtitle,
.unicorn-manager-application-wrapper .villages-container.zill_numbers .subtitle,
.gynzy-student-application-container .islands-container.ovsg_numbers .subtitle,
.gynzy-teacher-application-container .islands-container.ovsg_numbers .subtitle,
.unicorn-manager-application-wrapper .islands-container.ovsg_numbers .subtitle,
.gynzy-student-application-container .villages-container.ovsg_numbers .subtitle,
.gynzy-teacher-application-container .villages-container.ovsg_numbers .subtitle,
.unicorn-manager-application-wrapper .villages-container.ovsg_numbers .subtitle,
.gynzy-student-application-container .islands-container.go_numbers .subtitle,
.gynzy-teacher-application-container .islands-container.go_numbers .subtitle,
.unicorn-manager-application-wrapper .islands-container.go_numbers .subtitle,
.gynzy-student-application-container .villages-container.go_numbers .subtitle,
.gynzy-teacher-application-container .villages-container.go_numbers .subtitle,
.unicorn-manager-application-wrapper .villages-container.go_numbers .subtitle,
.gynzy-student-application-container .islands-container.go-ijsberg_numbers .subtitle,
.gynzy-teacher-application-container .islands-container.go-ijsberg_numbers .subtitle,
.unicorn-manager-application-wrapper .islands-container.go-ijsberg_numbers .subtitle,
.gynzy-student-application-container .villages-container.go-ijsberg_numbers .subtitle,
.gynzy-teacher-application-container .villages-container.go-ijsberg_numbers .subtitle,
.unicorn-manager-application-wrapper .villages-container.go-ijsberg_numbers .subtitle,
.gynzy-student-application-container .islands-container.cijfers .subtitle,
.gynzy-teacher-application-container .islands-container.cijfers .subtitle,
.unicorn-manager-application-wrapper .islands-container.cijfers .subtitle,
.gynzy-student-application-container .villages-container.cijfers .subtitle,
.gynzy-teacher-application-container .villages-container.cijfers .subtitle,
.unicorn-manager-application-wrapper .villages-container.cijfers .subtitle {
  color: #1e5252;
}
.gynzy-student-application-container .islands-container.zill_letters .subtitle,
.gynzy-teacher-application-container .islands-container.zill_letters .subtitle,
.unicorn-manager-application-wrapper .islands-container.zill_letters .subtitle,
.gynzy-student-application-container .villages-container.zill_letters .subtitle,
.gynzy-teacher-application-container .villages-container.zill_letters .subtitle,
.unicorn-manager-application-wrapper .villages-container.zill_letters .subtitle,
.gynzy-student-application-container .islands-container.ovsg_letters .subtitle,
.gynzy-teacher-application-container .islands-container.ovsg_letters .subtitle,
.unicorn-manager-application-wrapper .islands-container.ovsg_letters .subtitle,
.gynzy-student-application-container .villages-container.ovsg_letters .subtitle,
.gynzy-teacher-application-container .villages-container.ovsg_letters .subtitle,
.unicorn-manager-application-wrapper .villages-container.ovsg_letters .subtitle,
.gynzy-student-application-container .islands-container.go_letters .subtitle,
.gynzy-teacher-application-container .islands-container.go_letters .subtitle,
.unicorn-manager-application-wrapper .islands-container.go_letters .subtitle,
.gynzy-student-application-container .villages-container.go_letters .subtitle,
.gynzy-teacher-application-container .villages-container.go_letters .subtitle,
.unicorn-manager-application-wrapper .villages-container.go_letters .subtitle,
.gynzy-student-application-container .islands-container.letters .subtitle,
.gynzy-teacher-application-container .islands-container.letters .subtitle,
.unicorn-manager-application-wrapper .islands-container.letters .subtitle,
.gynzy-student-application-container .villages-container.letters .subtitle,
.gynzy-teacher-application-container .villages-container.letters .subtitle,
.unicorn-manager-application-wrapper .villages-container.letters .subtitle {
  color: #1e4833;
}
.gynzy-student-application-container .islands-container.taalontdekkers .subtitle,
.gynzy-teacher-application-container .islands-container.taalontdekkers .subtitle,
.unicorn-manager-application-wrapper .islands-container.taalontdekkers .subtitle,
.gynzy-student-application-container .villages-container.taalontdekkers .subtitle,
.gynzy-teacher-application-container .villages-container.taalontdekkers .subtitle,
.unicorn-manager-application-wrapper .villages-container.taalontdekkers .subtitle {
  color: #574a0a;
}
.gynzy-student-application-container .islands-container.engels .subtitle,
.gynzy-teacher-application-container .islands-container.engels .subtitle,
.unicorn-manager-application-wrapper .islands-container.engels .subtitle,
.gynzy-student-application-container .villages-container.engels .subtitle,
.gynzy-teacher-application-container .villages-container.engels .subtitle,
.unicorn-manager-application-wrapper .villages-container.engels .subtitle {
  color: #3a1d58;
}
.gynzy-student-application-container .islands-container.topografie .subtitle,
.gynzy-teacher-application-container .islands-container.topografie .subtitle,
.unicorn-manager-application-wrapper .islands-container.topografie .subtitle,
.gynzy-student-application-container .villages-container.topografie .subtitle,
.gynzy-teacher-application-container .villages-container.topografie .subtitle,
.unicorn-manager-application-wrapper .villages-container.topografie .subtitle {
  color: #45521e;
}
.gynzy-student-application-container .islands-container.frans .subtitle,
.gynzy-teacher-application-container .islands-container.frans .subtitle,
.unicorn-manager-application-wrapper .islands-container.frans .subtitle,
.gynzy-student-application-container .villages-container.frans .subtitle,
.gynzy-teacher-application-container .villages-container.frans .subtitle,
.unicorn-manager-application-wrapper .villages-container.frans .subtitle {
  color: #1e2848;
}
.gynzy-student-application-container .islands-container .island-row,
.gynzy-teacher-application-container .islands-container .island-row,
.unicorn-manager-application-wrapper .islands-container .island-row,
.gynzy-student-application-container .villages-container .island-row,
.gynzy-teacher-application-container .villages-container .island-row,
.unicorn-manager-application-wrapper .villages-container .island-row {
  min-height: 30rem;
}
.gynzy-student-application-container .islands-container .island-row .circle-container,
.gynzy-teacher-application-container .islands-container .island-row .circle-container,
.unicorn-manager-application-wrapper .islands-container .island-row .circle-container,
.gynzy-student-application-container .villages-container .island-row .circle-container,
.gynzy-teacher-application-container .villages-container .island-row .circle-container,
.unicorn-manager-application-wrapper .villages-container .island-row .circle-container {
  width: 25%;
}
.gynzy-student-application-container .islands-container .village-row,
.gynzy-teacher-application-container .islands-container .village-row,
.unicorn-manager-application-wrapper .islands-container .village-row,
.gynzy-student-application-container .villages-container .village-row,
.gynzy-teacher-application-container .villages-container .village-row,
.unicorn-manager-application-wrapper .villages-container .village-row {
  height: 8.33333333rem;
  min-height: 8.33333333rem;
}
.gynzy-student-application-container .islands-container .village-row:not(:last-child),
.gynzy-teacher-application-container .islands-container .village-row:not(:last-child),
.unicorn-manager-application-wrapper .islands-container .village-row:not(:last-child),
.gynzy-student-application-container .villages-container .village-row:not(:last-child),
.gynzy-teacher-application-container .villages-container .village-row:not(:last-child),
.unicorn-manager-application-wrapper .villages-container .village-row:not(:last-child) {
  margin-bottom: 1.66666667rem;
}
.gynzy-student-application-container .islands-container .village-row .village-row-container .village-progress-action-container .village-progress,
.gynzy-teacher-application-container .islands-container .village-row .village-row-container .village-progress-action-container .village-progress,
.unicorn-manager-application-wrapper .islands-container .village-row .village-row-container .village-progress-action-container .village-progress,
.gynzy-student-application-container .villages-container .village-row .village-row-container .village-progress-action-container .village-progress,
.gynzy-teacher-application-container .villages-container .village-row .village-row-container .village-progress-action-container .village-progress,
.unicorn-manager-application-wrapper .villages-container .village-row .village-row-container .village-progress-action-container .village-progress {
  width: 23.75rem;
}
.gynzy-student-application-container .islands-container .item-globe .fa-lock,
.gynzy-teacher-application-container .islands-container .item-globe .fa-lock,
.unicorn-manager-application-wrapper .islands-container .item-globe .fa-lock,
.gynzy-student-application-container .villages-container .item-globe .fa-lock,
.gynzy-teacher-application-container .villages-container .item-globe .fa-lock,
.unicorn-manager-application-wrapper .villages-container .item-globe .fa-lock {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.gynzy-student-application-container .islands-container .info-button,
.gynzy-teacher-application-container .islands-container .info-button,
.unicorn-manager-application-wrapper .islands-container .info-button,
.gynzy-student-application-container .villages-container .info-button,
.gynzy-teacher-application-container .villages-container .info-button,
.unicorn-manager-application-wrapper .villages-container .info-button {
  height: 3.5rem;
  width: 8.5rem;
  background-color: #fff;
  border-radius: 0.5rem;
  color: #005aff;
  font-weight: bold;
  font-size: 1.5rem;
  cursor: pointer;
}
.gynzy-student-application-container .islands-container .tablero-state-switcher,
.gynzy-teacher-application-container .islands-container .tablero-state-switcher,
.unicorn-manager-application-wrapper .islands-container .tablero-state-switcher,
.gynzy-student-application-container .villages-container .tablero-state-switcher,
.gynzy-teacher-application-container .villages-container .tablero-state-switcher,
.unicorn-manager-application-wrapper .villages-container .tablero-state-switcher {
  margin: auto;
}
.gynzy-student-application-container .villages-container,
.gynzy-teacher-application-container .villages-container,
.unicorn-manager-application-wrapper .villages-container {
  padding: 3rem 0 8rem;
}
.gynzy-student-application-container .villages-container .village-row-container,
.gynzy-teacher-application-container .villages-container .village-row-container,
.unicorn-manager-application-wrapper .villages-container .village-row-container {
  width: 83.33333333rem;
}
.gynzy-student-application-container .circle-container.village .item .item-globe-container,
.gynzy-teacher-application-container .circle-container.village .item .item-globe-container,
.unicorn-manager-application-wrapper .circle-container.village .item .item-globe-container {
  width: 8.5rem;
  height: 8.5rem;
}
.gynzy-student-application-container .circle-container.village .item .item-globe-container .item-globe,
.gynzy-teacher-application-container .circle-container.village .item .item-globe-container .item-globe,
.unicorn-manager-application-wrapper .circle-container.village .item .item-globe-container .item-globe {
  width: 7.7rem;
  height: 7.7rem;
}
.gynzy-student-application-container .circle-container.village .item .item-subtitle,
.gynzy-teacher-application-container .circle-container.village .item .item-subtitle,
.unicorn-manager-application-wrapper .circle-container.village .item .item-subtitle {
  font-size: 1.3rem;
  line-height: 1.3rem;
  width: 8.5rem;
  cursor: default;
}
.gynzy-student-application-container .circle-container.village .item .item-subtitle span,
.gynzy-teacher-application-container .circle-container.village .item .item-subtitle span,
.unicorn-manager-application-wrapper .circle-container.village .item .item-subtitle span {
  width: 8.5rem;
}
.gynzy-student-application-container .lock .flat__icon,
.gynzy-teacher-application-container .lock .flat__icon,
.unicorn-manager-application-wrapper .lock .flat__icon {
  width: 5rem;
  height: 5rem;
  bottom: 50%;
}
.gynzy-student-application-container .lock .flat__icon .icon--graphics,
.gynzy-teacher-application-container .lock .flat__icon .icon--graphics,
.unicorn-manager-application-wrapper .lock .flat__icon .icon--graphics {
  fill: #6b7c8e;
}
.gynzy-student-application-container .item,
.gynzy-teacher-application-container .item,
.unicorn-manager-application-wrapper .item {
  position: relative;
  transition: opacity 0.75s ease-in-out;
}
.gynzy-student-application-container .item.pointer *,
.gynzy-teacher-application-container .item.pointer *,
.unicorn-manager-application-wrapper .item.pointer * {
  cursor: pointer;
}
.gynzy-student-application-container .item.hidden,
.gynzy-teacher-application-container .item.hidden,
.unicorn-manager-application-wrapper .item.hidden {
  opacity: 0;
}
.gynzy-student-application-container .item.visible,
.gynzy-teacher-application-container .item.visible,
.unicorn-manager-application-wrapper .item.visible {
  opacity: 1;
}
.gynzy-student-application-container .item.locked,
.gynzy-teacher-application-container .item.locked,
.unicorn-manager-application-wrapper .item.locked {
  cursor: default;
}
.gynzy-student-application-container .item.locked .item-subtitle,
.gynzy-teacher-application-container .item.locked .item-subtitle,
.unicorn-manager-application-wrapper .item.locked .item-subtitle {
  color: #556474;
}
.gynzy-student-application-container .item .item-globe-container,
.gynzy-teacher-application-container .item .item-globe-container,
.unicorn-manager-application-wrapper .item .item-globe-container {
  margin: 0 auto;
  height: 18rem;
  width: 18rem;
  background-size: contain;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.65s ease-in-out;
  position: relative;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0);
}
.gynzy-student-application-container .item .item-globe-container .responsive-image,
.gynzy-teacher-application-container .item .item-globe-container .responsive-image,
.unicorn-manager-application-wrapper .item .item-globe-container .responsive-image {
  width: 80%;
  z-index: 2;
  position: absolute;
  inset: 0;
  margin: auto;
}
.gynzy-student-application-container .item .item-globe-container span.alphabet,
.gynzy-teacher-application-container .item .item-globe-container span.alphabet,
.unicorn-manager-application-wrapper .item .item-globe-container span.alphabet {
  z-index: 10;
  font-size: 3.5rem;
}
.gynzy-student-application-container .item .item-globe-container.animate,
.gynzy-teacher-application-container .item .item-globe-container.animate,
.unicorn-manager-application-wrapper .item .item-globe-container.animate {
  transform: scale(20);
  z-index: 10;
}
.gynzy-student-application-container .item .item-globe-container.animate.zill_math,
.gynzy-teacher-application-container .item .item-globe-container.animate.zill_math,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.zill_math,
.gynzy-student-application-container .item .item-globe-container.animate.ovsg_math,
.gynzy-teacher-application-container .item .item-globe-container.animate.ovsg_math,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.ovsg_math,
.gynzy-student-application-container .item .item-globe-container.animate.go_math,
.gynzy-teacher-application-container .item .item-globe-container.animate.go_math,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.go_math,
.gynzy-student-application-container .item .item-globe-container.animate.go-ijsberg_math,
.gynzy-teacher-application-container .item .item-globe-container.animate.go-ijsberg_math,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.go-ijsberg_math,
.gynzy-student-application-container .item .item-globe-container.animate.rekenen,
.gynzy-teacher-application-container .item .item-globe-container.animate.rekenen,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.rekenen {
  background-color: #e0f5ff;
}
.gynzy-student-application-container .item .item-globe-container.animate.spelling,
.gynzy-teacher-application-container .item .item-globe-container.animate.spelling,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.spelling,
.gynzy-student-application-container .item .item-globe-container.animate.nederlands,
.gynzy-teacher-application-container .item .item-globe-container.animate.nederlands,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.nederlands {
  background-color: #dcfbd5;
}
.gynzy-student-application-container .item .item-globe-container.animate.woordenschat,
.gynzy-teacher-application-container .item .item-globe-container.animate.woordenschat,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.woordenschat {
  background-color: #ffdebd;
}
.gynzy-student-application-container .item .item-globe-container.animate.mammoth,
.gynzy-teacher-application-container .item .item-globe-container.animate.mammoth,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.mammoth {
  background-color: #fbd5fb;
}
.gynzy-student-application-container .item .item-globe-container.animate.grammatica,
.gynzy-teacher-application-container .item .item-globe-container.animate.grammatica,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.grammatica {
  background-color: #fbd5e8;
}
.gynzy-student-application-container .item .item-globe-container.animate.wereldorientatie,
.gynzy-teacher-application-container .item .item-globe-container.animate.wereldorientatie,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.wereldorientatie {
  background-color: #d1fafa;
}
.gynzy-student-application-container .item .item-globe-container.animate.digitale_geletterdheid,
.gynzy-teacher-application-container .item .item-globe-container.animate.digitale_geletterdheid,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.digitale_geletterdheid {
  background-color: #fbd5fb;
}
.gynzy-student-application-container .item .item-globe-container.animate.cijfers_en_letters,
.gynzy-teacher-application-container .item .item-globe-container.animate.cijfers_en_letters,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.cijfers_en_letters {
  background-color: #caf7e0;
}
.gynzy-student-application-container .item .item-globe-container.animate.zill_numbers,
.gynzy-teacher-application-container .item .item-globe-container.animate.zill_numbers,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.zill_numbers,
.gynzy-student-application-container .item .item-globe-container.animate.ovsg_numbers,
.gynzy-teacher-application-container .item .item-globe-container.animate.ovsg_numbers,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.ovsg_numbers,
.gynzy-student-application-container .item .item-globe-container.animate.go_numbers,
.gynzy-teacher-application-container .item .item-globe-container.animate.go_numbers,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.go_numbers,
.gynzy-student-application-container .item .item-globe-container.animate.go-ijsberg_numbers,
.gynzy-teacher-application-container .item .item-globe-container.animate.go-ijsberg_numbers,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.go-ijsberg_numbers,
.gynzy-student-application-container .item .item-globe-container.animate.cijfers,
.gynzy-teacher-application-container .item .item-globe-container.animate.cijfers,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.cijfers {
  background-color: #d1fafa;
}
.gynzy-student-application-container .item .item-globe-container.animate.zill_letters,
.gynzy-teacher-application-container .item .item-globe-container.animate.zill_letters,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.zill_letters,
.gynzy-student-application-container .item .item-globe-container.animate.ovsg_letters,
.gynzy-teacher-application-container .item .item-globe-container.animate.ovsg_letters,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.ovsg_letters,
.gynzy-student-application-container .item .item-globe-container.animate.go_letters,
.gynzy-teacher-application-container .item .item-globe-container.animate.go_letters,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.go_letters,
.gynzy-student-application-container .item .item-globe-container.animate.letters,
.gynzy-teacher-application-container .item .item-globe-container.animate.letters,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.letters {
  background-color: #caf7e0;
}
.gynzy-student-application-container .item .item-globe-container.animate.engels,
.gynzy-teacher-application-container .item .item-globe-container.animate.engels,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.engels {
  background-color: #e8d5fb;
}
.gynzy-student-application-container .item .item-globe-container.animate.topografie,
.gynzy-teacher-application-container .item .item-globe-container.animate.topografie,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.topografie {
  background-color: #f0fad1;
}
.gynzy-student-application-container .item .item-globe-container.animate.taalontdekkers,
.gynzy-teacher-application-container .item .item-globe-container.animate.taalontdekkers,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.taalontdekkers {
  background-color: #fff4bd;
}
.gynzy-student-application-container .item .item-globe-container.animate.frans,
.gynzy-teacher-application-container .item .item-globe-container.animate.frans,
.unicorn-manager-application-wrapper .item .item-globe-container.animate.frans {
  background-color: #cad5f7;
}
.gynzy-student-application-container .item .item-globe-container::before,
.gynzy-teacher-application-container .item .item-globe-container::before,
.unicorn-manager-application-wrapper .item .item-globe-container::before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  border-radius: 50%;
  z-index: 2;
}
.gynzy-student-application-container .item .item-globe-container.locked::before,
.gynzy-teacher-application-container .item .item-globe-container.locked::before,
.unicorn-manager-application-wrapper .item .item-globe-container.locked::before {
  cursor: default;
}
.gynzy-student-application-container .item .item-globe-container.locked canvas,
.gynzy-teacher-application-container .item .item-globe-container.locked canvas,
.unicorn-manager-application-wrapper .item .item-globe-container.locked canvas {
  cursor: default;
}
.gynzy-student-application-container .item .item-globe-container .item-globe,
.gynzy-teacher-application-container .item .item-globe-container .item-globe,
.unicorn-manager-application-wrapper .item .item-globe-container .item-globe {
  position: relative;
  border-radius: 50%;
  width: 15rem;
  height: 15rem;
  z-index: 2;
}
.gynzy-student-application-container .item .item-globe-container .item-globe span,
.gynzy-teacher-application-container .item .item-globe-container .item-globe span,
.unicorn-manager-application-wrapper .item .item-globe-container .item-globe span {
  font-size: 4rem;
}
.gynzy-student-application-container .item .item-globe-container .item-globe.locked,
.gynzy-teacher-application-container .item .item-globe-container .item-globe.locked,
.unicorn-manager-application-wrapper .item .item-globe-container .item-globe.locked {
  font-size: 2rem;
  cursor: default;
}
.gynzy-student-application-container .item .item-globe-container .item-globe.locked .responsive-image,
.gynzy-teacher-application-container .item .item-globe-container .item-globe.locked .responsive-image,
.unicorn-manager-application-wrapper .item .item-globe-container .item-globe.locked .responsive-image {
  cursor: default;
}
.gynzy-student-application-container .item .item-globe-container .item-globe i,
.gynzy-teacher-application-container .item .item-globe-container .item-globe i,
.unicorn-manager-application-wrapper .item .item-globe-container .item-globe i {
  margin-bottom: 1rem;
}
.gynzy-student-application-container .item .item-globe-container.locked,
.gynzy-teacher-application-container .item .item-globe-container.locked,
.unicorn-manager-application-wrapper .item .item-globe-container.locked {
  color: #556474;
}
.gynzy-student-application-container .item .item-globe-container.locked svg g.circle,
.gynzy-teacher-application-container .item .item-globe-container.locked svg g.circle,
.unicorn-manager-application-wrapper .item .item-globe-container.locked svg g.circle {
  fill: #aeb7c2;
}
.gynzy-student-application-container .item.locked.pointer,
.gynzy-teacher-application-container .item.locked.pointer,
.unicorn-manager-application-wrapper .item.locked.pointer,
.gynzy-student-application-container .item.locked.pointer .item-globe,
.gynzy-teacher-application-container .item.locked.pointer .item-globe,
.unicorn-manager-application-wrapper .item.locked.pointer .item-globe {
  cursor: pointer;
}
.gynzy-student-application-container .item .item-subtitle,
.gynzy-teacher-application-container .item .item-subtitle,
.unicorn-manager-application-wrapper .item .item-subtitle {
  height: 7rem;
  font-weight: 600;
  width: 100%;
  line-height: 2rem;
  font-size: 1.8rem;
  padding: 1.25rem 0;
}
.gynzy-student-application-container .item .item-subtitle .progress-text,
.gynzy-teacher-application-container .item .item-subtitle .progress-text,
.unicorn-manager-application-wrapper .item .item-subtitle .progress-text {
  padding-top: 0.5rem;
  font-size: 1rem;
  color: #fff;
}
.gynzy-student-application-container svg.island-circle,
.gynzy-teacher-application-container svg.island-circle,
.unicorn-manager-application-wrapper svg.island-circle {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.gynzy-student-application-container .item-globe-container.locked span,
.gynzy-teacher-application-container .item-globe-container.locked span,
.unicorn-manager-application-wrapper .item-globe-container.locked span {
  color: #556474;
}
.gynzy-student-application-container .island-circle.scaled,
.gynzy-teacher-application-container .island-circle.scaled,
.unicorn-manager-application-wrapper .island-circle.scaled {
  transform: scale(1.1);
}
.gynzy-student-application-container .island-circle .spelling,
.gynzy-teacher-application-container .island-circle .spelling,
.unicorn-manager-application-wrapper .island-circle .spelling,
.gynzy-student-application-container .island-circle .nederlands,
.gynzy-teacher-application-container .island-circle .nederlands,
.unicorn-manager-application-wrapper .island-circle .nederlands {
  fill: #aaf19c;
}
.gynzy-student-application-container .island-circle .zill_math,
.gynzy-teacher-application-container .island-circle .zill_math,
.unicorn-manager-application-wrapper .island-circle .zill_math,
.gynzy-student-application-container .island-circle .ovsg_math,
.gynzy-teacher-application-container .island-circle .ovsg_math,
.unicorn-manager-application-wrapper .island-circle .ovsg_math,
.gynzy-student-application-container .island-circle .go_math,
.gynzy-teacher-application-container .island-circle .go_math,
.unicorn-manager-application-wrapper .island-circle .go_math,
.gynzy-student-application-container .island-circle .go-ijsberg_math,
.gynzy-teacher-application-container .island-circle .go-ijsberg_math,
.unicorn-manager-application-wrapper .island-circle .go-ijsberg_math,
.gynzy-student-application-container .island-circle .rekenen,
.gynzy-teacher-application-container .island-circle .rekenen,
.unicorn-manager-application-wrapper .island-circle .rekenen {
  fill: #97d4f5;
}
.gynzy-student-application-container .island-circle .mammoth,
.gynzy-teacher-application-container .island-circle .mammoth,
.unicorn-manager-application-wrapper .island-circle .mammoth {
  fill: #f29bf2;
}
.gynzy-student-application-container .island-circle .woordenschat,
.gynzy-teacher-application-container .island-circle .woordenschat,
.unicorn-manager-application-wrapper .island-circle .woordenschat {
  fill: #ffbd7a;
}
.gynzy-student-application-container .island-circle .engels,
.gynzy-teacher-application-container .island-circle .engels,
.unicorn-manager-application-wrapper .island-circle .engels {
  fill: #c69af2;
}
.gynzy-student-application-container .island-circle .topografie,
.gynzy-teacher-application-container .island-circle .topografie,
.unicorn-manager-application-wrapper .island-circle .topografie {
  fill: #daef99;
}
.gynzy-student-application-container .island-circle .grammatica,
.gynzy-teacher-application-container .island-circle .grammatica,
.unicorn-manager-application-wrapper .island-circle .grammatica {
  fill: #f29dc7;
}
.gynzy-student-application-container .island-circle .wereldorientatie,
.gynzy-teacher-application-container .island-circle .wereldorientatie,
.unicorn-manager-application-wrapper .island-circle .wereldorientatie {
  fill: #99efef;
}
.gynzy-student-application-container .island-circle .digitale_geletterdheid,
.gynzy-teacher-application-container .island-circle .digitale_geletterdheid,
.unicorn-manager-application-wrapper .island-circle .digitale_geletterdheid {
  fill: #f29bf2;
}
.gynzy-student-application-container .island-circle .cijfers_en_letters,
.gynzy-teacher-application-container .island-circle .cijfers_en_letters,
.unicorn-manager-application-wrapper .island-circle .cijfers_en_letters {
  fill: #94ebbf;
}
.gynzy-student-application-container .island-circle .zill_numbers,
.gynzy-teacher-application-container .island-circle .zill_numbers,
.unicorn-manager-application-wrapper .island-circle .zill_numbers,
.gynzy-student-application-container .island-circle .ovsg_numbers,
.gynzy-teacher-application-container .island-circle .ovsg_numbers,
.unicorn-manager-application-wrapper .island-circle .ovsg_numbers,
.gynzy-student-application-container .island-circle .go_numbers,
.gynzy-teacher-application-container .island-circle .go_numbers,
.unicorn-manager-application-wrapper .island-circle .go_numbers,
.gynzy-student-application-container .island-circle .go-ijsberg_numbers,
.gynzy-teacher-application-container .island-circle .go-ijsberg_numbers,
.unicorn-manager-application-wrapper .island-circle .go-ijsberg_numbers,
.gynzy-student-application-container .island-circle .cijfers,
.gynzy-teacher-application-container .island-circle .cijfers,
.unicorn-manager-application-wrapper .island-circle .cijfers {
  fill: #99efef;
}
.gynzy-student-application-container .island-circle .zill_letters,
.gynzy-teacher-application-container .island-circle .zill_letters,
.unicorn-manager-application-wrapper .island-circle .zill_letters,
.gynzy-student-application-container .island-circle .ovsg_letters,
.gynzy-teacher-application-container .island-circle .ovsg_letters,
.unicorn-manager-application-wrapper .island-circle .ovsg_letters,
.gynzy-student-application-container .island-circle .go_letters,
.gynzy-teacher-application-container .island-circle .go_letters,
.unicorn-manager-application-wrapper .island-circle .go_letters,
.gynzy-student-application-container .island-circle .letters,
.gynzy-teacher-application-container .island-circle .letters,
.unicorn-manager-application-wrapper .island-circle .letters {
  fill: #94ebbf;
}
.gynzy-student-application-container .island-circle .taalontdekkers,
.gynzy-teacher-application-container .island-circle .taalontdekkers,
.unicorn-manager-application-wrapper .island-circle .taalontdekkers {
  fill: #ffe979;
}
.gynzy-student-application-container .island-circle .frans,
.gynzy-teacher-application-container .island-circle .frans,
.unicorn-manager-application-wrapper .island-circle .frans {
  fill: #93a9eb;
}
.gynzy-student-application-container .ignore-entry .island-circle .spelling,
.gynzy-teacher-application-container .ignore-entry .island-circle .spelling,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .spelling,
.gynzy-student-application-container .ignore-entry .island-circle .nederlands,
.gynzy-teacher-application-container .ignore-entry .island-circle .nederlands,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .nederlands {
  fill: #aceba0;
}
.gynzy-student-application-container .ignore-entry .island-circle .zill_math,
.gynzy-teacher-application-container .ignore-entry .island-circle .zill_math,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .zill_math,
.gynzy-student-application-container .ignore-entry .island-circle .ovsg_math,
.gynzy-teacher-application-container .ignore-entry .island-circle .ovsg_math,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .ovsg_math,
.gynzy-student-application-container .ignore-entry .island-circle .go_math,
.gynzy-teacher-application-container .ignore-entry .island-circle .go_math,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .go_math,
.gynzy-student-application-container .ignore-entry .island-circle .go-ijsberg_math,
.gynzy-teacher-application-container .ignore-entry .island-circle .go-ijsberg_math,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .go-ijsberg_math,
.gynzy-student-application-container .ignore-entry .island-circle .rekenen,
.gynzy-teacher-application-container .ignore-entry .island-circle .rekenen,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .rekenen {
  fill: #9cd2ef;
}
.gynzy-student-application-container .ignore-entry .island-circle .mammoth,
.gynzy-teacher-application-container .ignore-entry .island-circle .mammoth,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .mammoth {
  fill: #eba1e5;
}
.gynzy-student-application-container .ignore-entry .island-circle .woordenschat,
.gynzy-teacher-application-container .ignore-entry .island-circle .woordenschat,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .woordenschat {
  fill: #fdc186;
}
.gynzy-student-application-container .ignore-entry .island-circle .grammatica,
.gynzy-teacher-application-container .ignore-entry .island-circle .grammatica,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .grammatica {
  fill: #eba1c6;
}
.gynzy-student-application-container .ignore-entry .island-circle .wereldorientatie,
.gynzy-teacher-application-container .ignore-entry .island-circle .wereldorientatie,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .wereldorientatie {
  fill: #9feaea;
}
.gynzy-student-application-container .ignore-entry .island-circle .digitale_geletterdheid,
.gynzy-teacher-application-container .ignore-entry .island-circle .digitale_geletterdheid,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .digitale_geletterdheid {
  fill: #eca0ec;
}
.gynzy-student-application-container .ignore-entry .island-circle .cijfers_en_letters,
.gynzy-teacher-application-container .ignore-entry .island-circle .cijfers_en_letters,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .cijfers_en_letters {
  fill: #9ee6c2;
}
.gynzy-student-application-container .ignore-entry .island-circle .zill_numbers,
.gynzy-teacher-application-container .ignore-entry .island-circle .zill_numbers,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .zill_numbers,
.gynzy-student-application-container .ignore-entry .island-circle .ovsg_numbers,
.gynzy-teacher-application-container .ignore-entry .island-circle .ovsg_numbers,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .ovsg_numbers,
.gynzy-student-application-container .ignore-entry .island-circle .go_numbers,
.gynzy-teacher-application-container .ignore-entry .island-circle .go_numbers,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .go_numbers,
.gynzy-student-application-container .ignore-entry .island-circle .go-ijsberg_numbers,
.gynzy-teacher-application-container .ignore-entry .island-circle .go-ijsberg_numbers,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .go-ijsberg_numbers,
.gynzy-student-application-container .ignore-entry .island-circle .cijfers,
.gynzy-teacher-application-container .ignore-entry .island-circle .cijfers,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .cijfers {
  fill: #9feaea;
}
.gynzy-student-application-container .ignore-entry .island-circle .zill_letters,
.gynzy-teacher-application-container .ignore-entry .island-circle .zill_letters,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .zill_letters,
.gynzy-student-application-container .ignore-entry .island-circle .ovsg_letters,
.gynzy-teacher-application-container .ignore-entry .island-circle .ovsg_letters,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .ovsg_letters,
.gynzy-student-application-container .ignore-entry .island-circle .go_letters,
.gynzy-teacher-application-container .ignore-entry .island-circle .go_letters,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .go_letters,
.gynzy-student-application-container .ignore-entry .island-circle .letters,
.gynzy-teacher-application-container .ignore-entry .island-circle .letters,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .letters {
  fill: #9ee6c2;
}
.gynzy-student-application-container .ignore-entry .island-circle .taalontdekkers,
.gynzy-teacher-application-container .ignore-entry .island-circle .taalontdekkers,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .taalontdekkers {
  fill: #fde986;
}
.gynzy-student-application-container .ignore-entry .island-circle .frans,
.gynzy-teacher-application-container .ignore-entry .island-circle .frans,
.unicorn-manager-application-wrapper .ignore-entry .island-circle .frans {
  fill: #9eb0e6;
}
.gynzy-student-application-container .lesson-wrapper div.lesson-appliances,
.gynzy-teacher-application-container .lesson-wrapper div.lesson-appliances,
.unicorn-manager-application-wrapper .lesson-wrapper div.lesson-appliances,
.gynzy-student-application-container .village-row div.lesson-appliances,
.gynzy-teacher-application-container .village-row div.lesson-appliances,
.unicorn-manager-application-wrapper .village-row div.lesson-appliances {
  padding: 0 1.5rem;
  height: 3.5rem;
  box-sizing: content-box;
}
.gynzy-student-application-container .lesson-wrapper div.lesson-appliances img,
.gynzy-teacher-application-container .lesson-wrapper div.lesson-appliances img,
.unicorn-manager-application-wrapper .lesson-wrapper div.lesson-appliances img,
.gynzy-student-application-container .village-row div.lesson-appliances img,
.gynzy-teacher-application-container .village-row div.lesson-appliances img,
.unicorn-manager-application-wrapper .village-row div.lesson-appliances img {
  height: 2.5rem;
}
.gynzy-student-application-container .circle-container .microgoal-attributes-container,
.gynzy-teacher-application-container .circle-container .microgoal-attributes-container,
.unicorn-manager-application-wrapper .circle-container .microgoal-attributes-container {
  margin-bottom: 1.25rem;
}
.exercise-component {
  color: #2a3541;
  height: 100%;
  font-family: 'Open Sans', sans-serif;
}
.exercise-component .microgoal-appliances {
  font-size: 1.5rem;
  color: #333;
  white-space: nowrap;
}
.exercise-component .microgoal-appliances.microgoal-appliances-background {
  background: #fff;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  padding: 1rem;
  width: auto;
}
.exercise-component .microgoal-appliances .microgoal-appliances-margin {
  margin-bottom: 1.6rem;
}
.exercise-component .microgoal-appliances .microgoal-appliances__worksheet {
  height: 2.5rem;
}
.exercise-component .microgoal-appliances .microgoal-appliances__worksheet img {
  height: 2.5rem;
  margin: 0 0.5rem 0 0;
}
.exercise-component .microgoal-appliances .microgoal-appliances__materials {
  height: 2.5rem;
}
.exercise-component .microgoal-appliances .microgoal-appliances__materials img {
  height: 2.5rem;
  margin: 0 0.5rem;
}
.exercise-component .microgoal-appliances .microgoal-appliances__materials img:first-of-type {
  margin: 0 0.5rem 0 0;
}
.exercise-component .microgoal-appliances .microgoal-appliances__materials img:last-of-type {
  margin: 0 0 0 0.5rem;
}
.exercise-component .microgoal-appliances .microgoal-appliances__materials img:only-child {
  margin: 0;
}
.exercise-component .exercise-component-feedback-ribbon {
  transition: opacity 0.5s;
  position: absolute;
  height: 5.2rem;
  top: -2.6rem;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}
.exercise-component .exercise-component-feedback-ribbon.ribbon-visible {
  opacity: 1;
}
.exercise-component .exercise-component-feedback-ribbon .ribbon-message {
  height: 5.2rem;
  font-family: var(--font-family-header);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: var(--size-gap-04-rem);
  padding-left: var(--size-gap-06-rem);
  padding-right: var(--size-gap-06-rem);
}
.exercise-component .exercise-component-feedback-ribbon .ribbon-message .ribbon-text {
  font-size: 2.08333333rem;
  color: #ffffff;
}
.exercise-component .exercise-component-feedback-ribbon .ribbon-message .ribbon-instruction {
  font-size: 1.66666667rem;
}
.exercise-component .exercise-component-feedback-ribbon.align-right {
  right: 0;
}
.exercise-component .exercise-component-feedback-ribbon.align-right .ribbon-message {
  border-top-left-radius: var(--radius-rounded);
  border-bottom-left-radius: var(--radius-rounded);
}
.exercise-component .exercise-component-feedback-ribbon.align-left {
  left: 0;
}
.exercise-component .exercise-component-feedback-ribbon.align-left .ribbon-message {
  border-top-right-radius: var(--radius-rounded);
  border-bottom-right-radius: var(--radius-rounded);
}
.exercise-component .exercise-component-feedback-ribbon.green-ribbon .ribbon-message {
  background-color: #2d6621;
}
.exercise-component .exercise-component-feedback-ribbon.green-ribbon .ribbon-message .ribbon-instruction {
  color: #dcfbd5;
}
.exercise-component .exercise-component-feedback-ribbon.red-ribbon .ribbon-message {
  background-color: #921f1f;
}
.exercise-component .exercise-component-feedback-ribbon.red-ribbon .ribbon-message .ribbon-instruction {
  color: #fee7e7;
}
.exercise-component .exercise-component-feedback-ribbon.instructional-ribbon .ribbon-message {
  background-color: #7e6b0a;
}
.exercise-component .exercise-component-feedback-ribbon.instructional-ribbon .ribbon-message .ribbon-instruction {
  color: #fff4bd;
}
.exercise-component .exercise-component-feedback-ribbon.hidden {
  opacity: 0;
}
.exercise-component .hint-modal {
  display: flex;
  flex-direction: column;
  color: #555;
  width: 100%;
}
.exercise-component .hint-modal .hint-modal-container {
  width: 65.83333333rem;
}
.exercise-component .hint-modal .hint-modal-container .hint-modal-title {
  display: flex;
  align-items: center;
  text-align: left;
  font-weight: 600;
  font-size: 2.8rem;
  font-family: var(--font-family-header);
  color: #000;
  padding: 1rem 4rem 0;
}
.exercise-component .hint-modal .hint-modal-container .hint-modal-title .button__speech {
  padding-right: 1rem;
  min-width: 1.67rem;
}
.exercise-component .hint-modal .hint-modal-container .hint-modal-content-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 1rem 4rem 4rem;
  max-height: calc(100vh - 30rem);
  overflow: hidden auto;
}
.exercise-component .hint-modal .hint-modal-container .hint-modal-content-wrapper .text--wrapper {
  display: flex;
  flex-direction: column;
  padding-right: 5rem;
  line-height: 1.5;
}
.exercise-component .hint-modal .hint-modal-container .hint-modal-content-wrapper .text--wrapper .text--paragraph {
  display: flex;
  justify-content: flex-start;
  text-align: left;
}
.exercise-component .hint-modal .hint-modal-container .hint-modal-content-wrapper .text--wrapper .text--paragraph:not(:first-child) {
  margin-top: 1rem;
}
.exercise-component .hint-modal .hint-modal-container .hint-modal-content-wrapper .text--wrapper .text--paragraph .button__speech {
  padding-right: 1rem;
  min-width: 1.67rem;
  margin-top: 0.2rem;
}
.exercise-component .hint-modal .hint-modal-container .hint-modal-content-wrapper .media--wrapper {
  display: flex;
  flex-direction: column;
}
.exercise-component .hint-modal .hint-modal-container .hint-modal-content-wrapper .media--wrapper.hide--media {
  display: none;
}
.exercise-component .hint-modal .hint-modal-container .hint-modal-content-wrapper .media--wrapper .image--wrapper,
.exercise-component .hint-modal .hint-modal-container .hint-modal-content-wrapper .media--wrapper .video--wrapper {
  display: flex;
  min-width: 25rem;
  width: 25rem;
  max-width: 25rem;
  min-height: 14rem;
  height: 14rem;
  max-height: 14rem;
}
.exercise-component .hint-modal .hint-modal-container .hint-modal-content-wrapper .media--wrapper .image--wrapper.media--only,
.exercise-component .hint-modal .hint-modal-container .hint-modal-content-wrapper .media--wrapper .video--wrapper.media--only {
  min-width: 50rem;
  width: 50rem;
  max-width: 50rem;
  min-height: 28rem;
  height: 28rem;
  max-height: 28rem;
}
.exercise-component .hint-modal .hint-modal-container .hint-modal-content-wrapper .media--wrapper .image--wrapper.margin-5rem,
.exercise-component .hint-modal .hint-modal-container .hint-modal-content-wrapper .media--wrapper .video--wrapper.margin-5rem {
  margin-bottom: 5rem;
}
.exercise-component .hint-modal .hint-modal-container .hint-modal-content-wrapper .media--wrapper .video--wrapper video {
  width: 100%;
  height: 100%;
}
.exercise-component * {
  box-sizing: border-box;
  touch-action: manipulation;
  touch-action: none;
}
.exercise-component #exercise-question-container .question-wrapper {
  display: flex;
  width: 100%;
}
.exercise-component .side-bar {
  min-width: 15rem;
}
.exercise-component .side-bar .button__speech.size--small {
  margin-top: 1rem;
  margin-right: 1rem;
}
.exercise-component .side-bar .button__speech.size--normal {
  margin-top: -0.5rem;
}
.exercise-component .side-bar.answer-component {
  min-width: 13rem;
  display: flex;
  flex-direction: column;
}
.exercise-component .side-bar.answer-component .prev-button {
  align-self: flex-end;
}
.exercise-component .side-bar.answer-component .next-button {
  align-self: flex-start;
}
.exercise-component .question {
  width: 100%;
  font-size: 3.9rem;
  line-height: 4rem;
  text-align: left;
  padding-bottom: 1rem;
}
.exercise-component .question.small-text {
  font-size: 2.8rem;
  line-height: 3rem;
}
.exercise-component .exercise-question-component-container {
  width: 100%;
  position: relative;
  z-index: 0;
}
.exercise-component .exercise-question-component-container.exercise-question__fullscreen {
  z-index: 2;
}
.exercise-component .it-answer-wrapper {
  position: relative;
  height: auto;
  width: 100%;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
  color: #000;
  background-color: #fff;
  padding: 3.5rem 0;
  margin-top: 1.25rem;
  z-index: 1;
}
.exercise-component .it-answer-wrapper .answer-content {
  align-self: center;
}
.exercise-component .it-answer-wrapper.big {
  min-height: 50%;
  align-items: flex-start;
}
.exercise-component .absolute-center {
  position: absolute;
  inset: 0;
}
.exercise-component .relative {
  position: relative;
}
.exercise-component .max-width {
  width: 100%;
}
.exercise-component .flex-one {
  position: relative;
  flex: 1;
}
.exercise-component .draggable-dropzone {
  position: relative;
  height: 100%;
  width: 100%;
  border: none;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 1rem;
  overflow: auto;
}
.exercise-component .draggable-dropzone .image-text {
  font-size: 1rem !important;
}
.exercise-component input[type='text'],
.exercise-component input[type='number'],
.exercise-component input[type='password'],
.exercise-component input[type='search'],
.exercise-component input[type='email'],
.exercise-component input[type='tel'],
.exercise-component input[type='url'],
.exercise-component textarea,
.exercise-component select {
  -webkit-appearance: none;
  border: 1px solid #a6a6a6;
  border-radius: 0.15rem;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  color: #333;
  display: block;
  font-family: sans-serif;
  font-size: inherit;
  line-height: 1.5em;
  margin: 0;
  padding: 0.6em;
  width: 100%;
}
.exercise-component input[type='text']:focus,
.exercise-component input[type='number']:focus,
.exercise-component input[type='password']:focus,
.exercise-component input[type='search']:focus,
.exercise-component input[type='email']:focus,
.exercise-component input[type='tel']:focus,
.exercise-component input[type='url']:focus,
.exercise-component textarea:focus,
.exercise-component select:focus {
  border: 1px solid #8c8c8c;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  color: #333;
  outline: 0;
}
.exercise-component input[type='text']:disabled,
.exercise-component input[type='number']:disabled,
.exercise-component input[type='password']:disabled,
.exercise-component input[type='search']:disabled,
.exercise-component input[type='email']:disabled,
.exercise-component input[type='tel']:disabled,
.exercise-component input[type='url']:disabled,
.exercise-component textarea:disabled,
.exercise-component select:disabled {
  opacity: 1;
}
.exercise-component .answer-button-wrapper {
  padding: 0 1rem;
}
.exercise-component .answer-button-wrapper .button__regular {
  margin: 0.5rem 0;
}
.exercise-component .answer-button {
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  width: 100%;
  height: 4rem;
  margin: 1rem;
  border-radius: 0.5rem;
  box-shadow: 0 0 1px #000;
  font-family: 'arial';
  font-weight: bold;
  font-size: 1.8rem;
  color: #005aff;
}
.exercise-component .answer-button:hover {
  background: #ffffff;
  background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%);
}
.exercise-component .answer-button:hover.disabled,
.exercise-component .answer-button:hover.inactive {
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  cursor: default;
}
.exercise-component .answer-button.selected {
  background: linear-gradient(to bottom, #0e5fd8 0%, #3c83f3 100%);
  box-shadow: inset 1px 1px 5px #000;
  border: 1px solid #005aff;
  color: #fff;
}
.exercise-component .answer-spoken-word-button {
  background: #f8f8f8;
  box-shadow: 0 0 0 1px #d5d5d5;
  border: 2px solid transparent;
  border-radius: 0.5rem;
  padding: 1rem 0;
}
.exercise-component h1,
.exercise-component h2,
.exercise-component h3,
.exercise-component h4,
.exercise-component h5,
.exercise-component h6 {
  font-weight: bold;
  line-height: 1.5em;
  margin: 0;
}
.exercise-component h1 {
  font-size: 3.4rem;
}
.exercise-component .height-10 {
  height: 10% !important;
}
.exercise-component .height-20 {
  height: 20% !important;
}
.exercise-component .height-30 {
  height: 30% !important;
}
.exercise-component .height-40 {
  height: 40% !important;
}
.exercise-component .height-50 {
  height: 50% !important;
}
.exercise-component .height-60 {
  height: 60% !important;
}
.exercise-component .height-70 {
  height: 70% !important;
}
.exercise-component .height-80 {
  height: 80% !important;
}
.exercise-component .height-90 {
  height: 90% !important;
}
.exercise-component #it-multiselect-klassiek .selected-image.isCorrect {
  border: 2px solid #209914 !important;
  background-color: rgba(32, 153, 20, 0.25) !important;
  background-image: url('../gynzy-processing/assets/img/icon_check_outline-917def7b90a5a1cc23ad1f94128315ae.png') !important;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
}
.exercise-component #it-multiselect-klassiek .selected-image.isWrong {
  border: 2px solid #ed1c24 !important;
  background-color: rgba(237, 28, 36, 0.25) !important;
  background-image: url('../gynzy-processing/assets/img/icon_cross_outline-bbec2fb2cdf36fd2ae20659482350064.png') !important;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
}
.exercise-component #it-multiselect-klassiek .selected.isCorrect {
  border: 2px solid #209914 !important;
  background-color: #209914;
  background-image: url('../gynzy-processing/assets/img/icon_check_outline-917def7b90a5a1cc23ad1f94128315ae.png');
  background-repeat: no-repeat;
  background-position: 1rem 50%;
  box-shadow: 0 0 1px #000;
}
.exercise-component #it-multiselect-klassiek .selected.isWrong {
  border: 2px solid #ed1c24 !important;
  background-color: #ed1c24;
  background-image: url('../gynzy-processing/assets/img/icon_cross_outline-bbec2fb2cdf36fd2ae20659482350064.png');
  background-repeat: no-repeat;
  background-position: 1rem 50%;
  box-shadow: 0 0 1px #000;
}
.exercise-component #it-multiselect-klassiek .answer-wrapper.image-overlay {
  background: none;
}
.exercise-component #it-multiselect-klassiek .answer-wrapper.clock-wrapper {
  width: 20rem;
  height: 15rem;
}
.exercise-component #it-multiselect-klassiek .answer-wrapper.clock-wrapper.size-one,
.exercise-component #it-multiselect-klassiek .answer-wrapper.clock-wrapper.size-three,
.exercise-component #it-multiselect-klassiek .answer-wrapper.clock-wrapper.size-two {
  width: 30rem;
  height: 30rem;
  max-width: 30rem;
  max-height: 30rem;
}
.exercise-component #it-multiselect-klassiek .answer-wrapper.clock-wrapper.size-one .answer-image,
.exercise-component #it-multiselect-klassiek .answer-wrapper.clock-wrapper.size-three .answer-image,
.exercise-component #it-multiselect-klassiek .answer-wrapper.clock-wrapper.size-two .answer-image {
  height: 20rem;
  max-height: 20rem;
}
.exercise-component #it-multiselect-klassiek .answer-wrapper.clock-wrapper.size-four {
  width: 20rem;
  height: 20rem;
  max-width: 20rem;
  max-height: 20rem;
}
.exercise-component #it-multiselect-klassiek .answer-wrapper.clock-wrapper.showCorrect .selected-overlay.showCorrect {
  background-color: #662ed0;
}
.exercise-component #it-multiselect-klassiek .answer-wrapper.image-wrapper {
  height: 14rem;
  width: 18.7rem;
  max-height: 14rem;
  max-width: 18.7rem;
}
.exercise-component #it-multiselect-klassiek .answer-wrapper.image-wrapper .answer-image {
  height: 100%;
  max-height: 100%;
}
.exercise-component #it-multiselect-klassiek .answer-wrapper.image-wrapper.size-one,
.exercise-component #it-multiselect-klassiek .answer-wrapper.image-wrapper.size-two {
  height: 21.9rem;
  width: 29.2rem;
  max-height: 21.9rem;
  max-width: 29.2rem;
}
.exercise-component #it-multiselect-klassiek .answer-wrapper.image-wrapper.size-three {
  height: 17.2rem;
  width: 22.9rem;
  max-height: 17.2rem;
  max-width: 22.9rem;
}
.exercise-component #it-multiselect-klassiek .answer-wrapper .answer-image {
  position: relative;
}
.exercise-component #it-multiselect-klassiek .answer-wrapper .answer-image .responsive-image img {
  padding: 0.5rem;
  position: relative;
}
.exercise-component #it-multiselect-klassiek .answer-wrapper .answer-image .responsive-image img.absolute-center {
  position: absolute;
}
.exercise-component #it-multiselect-klassiek .answer-wrapper .image-wrapper {
  position: absolute;
  inset: 0;
  border-radius: 1rem;
  pointer-events: none;
}
.exercise-component #it-multiselect-klassiek .answer-wrapper.selected-clock .klok-digitaal .digitaal-tijdtekst {
  background: rgba(0, 90, 255, 0.25);
  border-radius: 1rem;
  padding: 0 8px;
}
.exercise-component #it-multiselect-klassiek .answer-wrapper.selected-clock.isCorrect .klok-digitaal .digitaal-tijdtekst {
  background: rgba(32, 153, 20, 0.4);
  border-radius: 1rem;
  padding: 0 8px;
}
.exercise-component #it-multiselect-klassiek .answer-wrapper.selected-clock.isWrong .klok-digitaal .digitaal-tijdtekst {
  background: rgba(255, 0, 0, 0.4);
  border-radius: 1rem;
  padding: 0 8px;
}
.exercise-component #it-multiselect-klassiek .answer-wrapper.showCorrect .klok-digitaal .digitaal-tijdtekst {
  background: rgba(102, 46, 208, 0.25);
  border-radius: 1rem;
  padding: 0 8px;
}
.exercise-component #it-multiselect-klassiek .answer-spoken-word-button {
  position: relative;
  width: 18rem;
  height: 12.4rem;
  margin: 1.4rem;
}
.exercise-component #it-multiselect-klassiek .answer-spoken-word-button .read-button-big {
  width: 7rem;
  height: 7rem;
}
.exercise-component #it-multiselect-klassiek .answer-spoken-word-button .read-button-big i.fa {
  font-size: 5rem;
  line-height: 7rem;
}
.exercise-component #it-multiselect-klassiek .answer-spoken-word-button .read-button-big-snail {
  width: 5rem;
  height: 5rem;
}
.exercise-component #it-multiselect-klassiek .answer-spoken-word-button .read-button-big-snail i.fa {
  line-height: 5rem;
}
.exercise-component #it-multiselect-klassiek .answer-spoken-word-button .spoken-word-feedback {
  position: absolute;
  pointer-events: none;
  inset: -0.5rem;
  border-radius: 0.5rem;
  background-repeat: no-repeat !important;
  background-position: 50% 60% !important;
}
.exercise-component #it-multiselect-klassiek .answer-spoken-word-button .spoken-word-feedback.selected {
  background: rgba(0, 90, 255, 0.1);
  border: 2px solid #005aff;
}
.exercise-component #it-multiselect-klassiek .answer-spoken-word-button .spoken-word-feedback.showCorrect {
  border: 2px solid #662ed0;
  background-color: rgba(102, 46, 208, 0.25);
  background-image: url('../gynzy-processing/assets/img/icon_check_purple_outline-d51ff074db43a31c6a48e4bcf1d21c89.png');
}
.exercise-component #it-multiselect-klassiek .answer-spoken-word-button .spoken-word-feedback.isCorrect {
  border: 2px solid #209914;
  background: rgba(0, 90, 255, 0.1);
  background-color: rgba(32, 153, 20, 0.25);
  background-image: url('../gynzy-processing/assets/img/icon_check_outline-917def7b90a5a1cc23ad1f94128315ae.png');
}
.exercise-component #it-multiselect-klassiek .answer-spoken-word-button .spoken-word-feedback.isWrong {
  border: 2px solid #ed1c24;
  background-color: rgba(237, 28, 36, 0.25);
  background-image: url('../gynzy-processing/assets/img/icon_cross_outline-bbec2fb2cdf36fd2ae20659482350064.png');
}
.exercise-component #it-multiselect-klassiek .image-wrapper.showCorrect {
  border: 2px solid #662ed0 !important;
  background-color: rgba(102, 46, 208, 0.25) !important;
  background-image: url('../gynzy-processing/assets/img/icon_check_purple_outline-d51ff074db43a31c6a48e4bcf1d21c89.png');
  background-repeat: no-repeat !important;
  background-position: 50% !important;
}
.exercise-component #it-multiselect-klassiek .answer-button.showCorrect {
  color: #fff;
  border: 2px solid #662ed0 !important;
  background-color: #662ed0;
  background-image: url('../gynzy-processing/assets/img/icon_check_purple_outline-d51ff074db43a31c6a48e4bcf1d21c89.png');
  background-repeat: no-repeat;
  background-position: 1rem 50%;
  box-shadow: 0 0 1px #000;
}
.exercise-component #it-multiselect-klassiek .mk-fraction-bar-answer {
  padding: 0 3.5rem;
}
.exercise-component #it-multiselect-klassiek .mk-fraction-bar-answer * {
  cursor: pointer;
}
.exercise-component #it-multiselect-klassiek .mk-fraction-bar-answer .mk-fraction-bar__feedback-overlay {
  position: absolute;
  z-index: 1;
  inset: 0;
}
.exercise-component #it-multiselect-klassiek .mk-fraction-bar-answer .mk-fraction-bar__feedback-overlay.selected {
  border: 0.5rem solid #005aff;
  background: rgba(0, 90, 255, 0.3);
}
.exercise-component #it-multiselect-klassiek .mk-fraction-bar-answer .mk-fraction-bar__feedback-overlay.isCorrect {
  border: 0.5rem solid #209914;
  background-color: rgba(32, 153, 20, 0.25) !important;
  background-image: url('../gynzy-processing/assets/img/icon_check_outline-917def7b90a5a1cc23ad1f94128315ae.png') !important;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
}
.exercise-component #it-multiselect-klassiek .mk-fraction-bar-answer .mk-fraction-bar__feedback-overlay.isWrong {
  border: 0.5rem solid #ed1c24;
  background-color: rgba(237, 28, 36, 0.25) !important;
  background-image: url('../gynzy-processing/assets/img/icon_cross_outline-bbec2fb2cdf36fd2ae20659482350064.png') !important;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
}
.exercise-component #it-multiselect-klassiek .mk-fraction-bar-answer .mk-fraction-bar__feedback-overlay.showCorrect {
  border: 0.5rem solid #662ed0;
  background-color: rgba(102, 46, 208, 0.25) !important;
  background-image: url('../gynzy-processing/assets/img/icon_check_purple_outline-d51ff074db43a31c6a48e4bcf1d21c89.png');
  background-repeat: no-repeat !important;
  background-position: 50% !important;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .selected-image {
  background: rgba(0, 90, 255, 0.1);
  border-radius: 1rem;
  border: 2px solid #005aff;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .selected-image.isCorrect {
  border: 2px solid #209914 !important;
  background-color: rgba(32, 153, 20, 0.25) !important;
  background-image: url('../gynzy-processing/assets/img/icon_check_outline-917def7b90a5a1cc23ad1f94128315ae.png') !important;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .selected-image.isWrong {
  border: 2px solid #ed1c24 !important;
  background-color: rgba(237, 28, 36, 0.25) !important;
  background-image: url('../gynzy-processing/assets/img/icon_cross_outline-bbec2fb2cdf36fd2ae20659482350064.png') !important;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .selected.isCorrect {
  border: 2px solid #209914 !important;
  background-color: #209914;
  background-image: url('../gynzy-processing/assets/img/icon_check_outline-917def7b90a5a1cc23ad1f94128315ae.png');
  background-repeat: no-repeat;
  background-position: 1rem 50%;
  box-shadow: 0 0 1px #000;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .selected.isWrong {
  border: 2px solid #ed1c24 !important;
  background-color: #ed1c24;
  background-image: url('../gynzy-processing/assets/img/icon_cross_outline-bbec2fb2cdf36fd2ae20659482350064.png');
  background-repeat: no-repeat;
  background-position: 1rem 50%;
  box-shadow: 0 0 1px #000;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper {
  margin: 0.6rem;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.image-overlay {
  background: none;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.clock-wrapper.size-one,
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.clock-wrapper.size-three,
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.clock-wrapper.size-two {
  width: 30rem;
  height: 30rem;
  max-width: 30rem;
  max-height: 30rem;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.clock-wrapper.size-one .answer-image,
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.clock-wrapper.size-three .answer-image,
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.clock-wrapper.size-two .answer-image {
  height: 20rem;
  max-height: 20rem;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.clock-wrapper.size-four {
  width: 17.25rem;
  height: 17.25rem;
  max-width: 17.25rem;
  max-height: 17.25rem;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.image-wrapper {
  height: 14rem;
  width: 18.7rem;
  border-radius: 1rem;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.image-wrapper .answer-image {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  border-radius: 1rem;
  height: 100%;
  width: 100%;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.image-wrapper .answer-image .image-text {
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  padding-bottom: 1rem;
  font-size: 1.8rem;
  font-weight: bold;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.image-wrapper .answer-image .image-wrapper {
  border: 2px solid transparent;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.image-wrapper .answer-image .image-wrapper.disabled,
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.image-wrapper .answer-image .image-wrapper.inactive {
  background-image: none;
  cursor: default;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.image-wrapper .answer-image .image-wrapper.disabled img,
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.image-wrapper .answer-image .image-wrapper.inactive img {
  cursor: default;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.image-wrapper .answer-image .image-wrapper.selected-image {
  background: rgba(0, 90, 255, 0.1);
  border-radius: 1rem;
  border: 2px solid #005aff;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.image-wrapper.size-one,
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.image-wrapper.size-two {
  height: 21.9rem;
  width: 29.2rem;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.image-wrapper.size-three {
  height: 17.2rem;
  width: 22.9rem;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper .answer-image {
  position: relative;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper .answer-image .responsive-image img {
  padding: 0.5rem;
  position: relative;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper .answer-image .responsive-image img.absolute-center {
  position: absolute;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper .image-wrapper {
  position: absolute;
  inset: 0;
  border-radius: 1rem;
  pointer-events: none;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.selected-clock .klok-digitaal .digitaal-tijdtekst {
  background: rgba(0, 90, 255, 0.25);
  border-radius: 1rem;
  padding: 0 8px;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.selected-clock.isCorrect .klok-digitaal .digitaal-tijdtekst {
  background: rgba(32, 153, 20, 0.4);
  border-radius: 1rem;
  padding: 0 8px;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.selected-clock.isWrong .klok-digitaal .digitaal-tijdtekst {
  background: rgba(255, 0, 0, 0.4);
  border-radius: 1rem;
  padding: 0 8px;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-wrapper.showCorrect .klok-digitaal .digitaal-tijdtekst {
  background: rgba(102, 46, 208, 0.25);
  border-radius: 1rem;
  padding: 0 8px;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-spoken-word-button {
  position: relative;
  width: 18rem;
  height: 12.4rem;
  margin: 1.4rem;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-spoken-word-button .read-button-big {
  width: 7rem;
  height: 7rem;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-spoken-word-button .read-button-big i.fa {
  font-size: 5rem;
  line-height: 7rem;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-spoken-word-button .read-button-big-snail {
  width: 5rem;
  height: 5rem;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-spoken-word-button .read-button-big-snail i.fa {
  line-height: 5rem;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-spoken-word-button .spoken-word-feedback {
  position: absolute;
  pointer-events: none;
  inset: -0.5rem;
  border-radius: 0.5rem;
  background-repeat: no-repeat !important;
  background-position: 50% 60% !important;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-spoken-word-button .spoken-word-feedback.selected {
  background: rgba(0, 90, 255, 0.1);
  border: 2px solid #005aff;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-spoken-word-button .spoken-word-feedback.showCorrect {
  border: 2px solid #662ed0;
  background-color: rgba(102, 46, 208, 0.25);
  background-image: url('../gynzy-processing/assets/img/icon_check_purple_outline-d51ff074db43a31c6a48e4bcf1d21c89.png');
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-spoken-word-button .spoken-word-feedback.isCorrect {
  border: 2px solid #209914;
  background: rgba(0, 90, 255, 0.1);
  background-color: rgba(32, 153, 20, 0.25);
  background-image: url('../gynzy-processing/assets/img/icon_check_outline-917def7b90a5a1cc23ad1f94128315ae.png');
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-spoken-word-button .spoken-word-feedback.isWrong {
  border: 2px solid #ed1c24;
  background-color: rgba(237, 28, 36, 0.25);
  background-image: url('../gynzy-processing/assets/img/icon_cross_outline-bbec2fb2cdf36fd2ae20659482350064.png');
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .image-wrapper.showCorrect {
  border: 2px solid #662ed0 !important;
  background-color: rgba(102, 46, 208, 0.25) !important;
  background-image: url('../gynzy-processing/assets/img/icon_check_purple_outline-d51ff074db43a31c6a48e4bcf1d21c89.png');
  background-repeat: no-repeat !important;
  background-position: 50% !important;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .answer-button.showCorrect {
  color: #fff;
  border: 2px solid #662ed0 !important;
  background-color: #662ed0;
  background-image: url('../gynzy-processing/assets/img/icon_check_purple_outline-d51ff074db43a31c6a48e4bcf1d21c89.png');
  background-repeat: no-repeat;
  background-position: 1rem 50%;
  box-shadow: 0 0 1px #000;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .mk-fraction-bar-answer {
  padding: 0 3.5rem;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .mk-fraction-bar-answer * {
  cursor: pointer;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .mk-fraction-bar-answer .mk-fraction-bar__feedback-overlay {
  position: absolute;
  z-index: 1;
  inset: 0;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .mk-fraction-bar-answer .mk-fraction-bar__feedback-overlay.selected {
  border: 0.5rem solid #005aff;
  background: rgba(0, 90, 255, 0.3);
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .mk-fraction-bar-answer .mk-fraction-bar__feedback-overlay.isCorrect {
  border: 0.5rem solid #209914;
  background-color: rgba(32, 153, 20, 0.25) !important;
  background-image: url('../gynzy-processing/assets/img/icon_check_outline-917def7b90a5a1cc23ad1f94128315ae.png') !important;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .mk-fraction-bar-answer .mk-fraction-bar__feedback-overlay.isWrong {
  border: 0.5rem solid #ed1c24;
  background-color: rgba(237, 28, 36, 0.25) !important;
  background-image: url('../gynzy-processing/assets/img/icon_cross_outline-bbec2fb2cdf36fd2ae20659482350064.png') !important;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
}
.exercise-component .it-answer-wrapper #it-multiselect-klassiek .mk-fraction-bar-answer .mk-fraction-bar__feedback-overlay.showCorrect {
  border: 0.5rem solid #662ed0;
  background-color: rgba(102, 46, 208, 0.25) !important;
  background-image: url('../gynzy-processing/assets/img/icon_check_purple_outline-d51ff074db43a31c6a48e4bcf1d21c89.png');
  background-repeat: no-repeat !important;
  background-position: 50% !important;
}
.exercise-component .exercise-component .it-sortable .sortable-order {
  padding: 2rem;
  font-size: 2.5rem;
  font-style: italic;
}
.exercise-component .exercise-component .it-sortable .disabled * {
  cursor: inherit !important;
}
.exercise-component .exercise-component .it-sortable .sortable-item {
  transition: all 0.125s;
  z-index: 5;
  background: #f8f8f8;
  height: 13rem;
  width: 13rem;
  border-radius: 1rem;
  border: 1px solid #999999;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
}
.exercise-component .exercise-component .it-sortable .sortable-item .klok-analoog-html {
  width: 25rem;
  height: 25rem;
}
.exercise-component .exercise-component .it-sortable .sortable-item * {
  cursor: move;
}
.exercise-component .exercise-component .it-sortable .sortable-item .answer {
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.5rem;
}
.exercise-component .exercise-component .it-sortable .sortable-item.is-dragging {
  transition-duration: 0s;
  z-index: 10;
  margin: 0 1rem 2rem;
  box-shadow: 0 1.4rem 2.5rem 0 rgba(0, 0, 0, 0.15);
}
.exercise-component .exercise-component .it-sortable .sortable-item .responsive-image img {
  padding: 0.5rem;
}
.exercise-component .exercise-component .it-sortable .sortable-item .answer-spoken-word-button {
  width: 100%;
  height: 100%;
  border: none;
  box-shadow: none;
  border-radius: 1rem;
  padding-top: 0;
}
.exercise-component .exercise-component .it-sortable .sortable-item .answer-spoken-word-button .read-button-big {
  width: 6rem;
  height: 6rem;
}
.exercise-component .exercise-component .it-sortable .sortable-item .answer-spoken-word-button .read-button-big i.fa {
  font-size: 5rem;
  line-height: 6rem;
}
.exercise-component .exercise-component .it-sortable .sortable-item .answer-spoken-word-button .read-button-big-snail {
  width: 4.5rem;
  height: 4.5rem;
}
.exercise-component .exercise-component .it-sortable .sortable-item .answer-spoken-word-button .read-button-big-snail i.fa {
  line-height: 4.5rem;
}
.exercise-component .exercise-component .it-sortable .sortable-item .answer-spoken-word-button .answer-text {
  height: 3rem;
}
.exercise-component .exercise-component .it-sortable .sortable-dropzone-wrapper {
  position: absolute;
  inset: 0;
}
.exercise-component .exercise-component .it-sortable .sortable-dropzone-wrapper .sortable-dropzone {
  width: 13rem;
  height: 13rem;
  border-radius: 1rem;
  margin: 1rem;
  border: 0.4rem dashed #ccc;
}
.exercise-component .it-sortable .sortable-order {
  padding: 2rem;
  font-size: 2.5rem;
  font-style: italic;
}
.exercise-component .it-sortable .disabled * {
  cursor: inherit !important;
}
.exercise-component .it-sortable .sortable-item {
  transition: all 0.125s;
  z-index: 5;
  background: #f8f8f8;
  height: 13rem;
  width: 13rem;
  margin: 1rem;
  border-radius: 1rem;
  border: 1px solid #999999;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
}
.exercise-component .it-sortable .sortable-item * {
  cursor: move;
}
.exercise-component .it-sortable .sortable-item .answer {
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.5rem;
}
.exercise-component .it-sortable .sortable-item.is-dragging {
  transition-duration: 0s;
  z-index: 10;
  margin: 0 1rem 2rem;
  box-shadow: 0 1.4rem 2.5rem 0 rgba(0, 0, 0, 0.15);
}
.exercise-component .it-sortable .sortable-item .responsive-image img {
  padding: 0.5rem;
}
.exercise-component .it-sortable .sortable-item .answer-spoken-word-button {
  width: 100%;
  height: 100%;
  border: none;
  box-shadow: none;
  border-radius: 1rem;
  padding-top: 0;
}
.exercise-component .it-sortable .sortable-item .answer-spoken-word-button .read-button-big {
  width: 6rem;
  height: 6rem;
}
.exercise-component .it-sortable .sortable-item .answer-spoken-word-button .read-button-big i.fa {
  font-size: 5rem;
  line-height: 6rem;
}
.exercise-component .it-sortable .sortable-item .answer-spoken-word-button .read-button-big-snail {
  width: 4.5rem;
  height: 4.5rem;
}
.exercise-component .it-sortable .sortable-item .answer-spoken-word-button .read-button-big-snail i.fa {
  line-height: 4.5rem;
}
.exercise-component .it-sortable .sortable-item .answer-spoken-word-button .answer-text {
  height: 3rem;
}
.exercise-component .it-sortable .sortable-dropzone-wrapper {
  position: absolute;
  inset: 0;
}
.exercise-component .it-sortable .sortable-dropzone-wrapper .sortable-dropzone {
  width: 13rem;
  height: 13rem;
  border-radius: 1rem;
  margin: 1rem;
  border: 0.4rem dashed #ccc;
}
.exercise-component .attachment-container-component {
  position: relative;
}
.exercise-component .attachment-container-component.overflow-container {
  overflow: hidden;
  overflow: auto hidden;
}
.exercise-component .attachment-container-component .image-container {
  border-radius: 1rem;
  padding-bottom: 2.5rem;
}
.exercise-component .attachment-container-component .image-container img {
  border: 1rem solid #fff;
  border-radius: 1rem;
  background-color: #fff;
}
.exercise-component .attachment-container-component .attachment {
  height: 100%;
  margin: 0 0.5rem;
  position: absolute;
  inset: 0;
}
.exercise-component .attachment-container-component .attachment .subtitle.small-text {
  font-size: 2rem;
  padding: 0 0 0.5rem 1rem;
  display: inline-block;
}
.exercise-component .attachment-container-component .attachment .regular-subtitle {
  margin-top: 1rem;
}
.exercise-component .attachment-container-component .attachment .regular-subtitle .button__speech {
  margin-right: 1rem;
}
.exercise-component .attachment-container-component .attachment .image-container {
  height: 100%;
}
.exercise-component .attachment-container-component .attachment .operator {
  font-size: 20rem;
  line-height: 20rem;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35);
}
.exercise-component .attachment-container-component .attachment .attachment-text-wrapper {
  overflow: auto;
}
.exercise-component .attachment-container-component .attachment .attachment-text-wrapper .attachment-text-paragraph {
  padding-bottom: 2rem;
  width: 100%;
}
.exercise-component .attachment-container-component .attachment .attachment-text-wrapper .attachment-text-paragraph .button__speech {
  margin-top: 0.8rem;
  margin-right: 1rem;
}
.exercise-component .attachment-container-component .attachment .show-text-background {
  background-color: #fff;
  border-radius: 2rem;
  color: #555;
  padding: 2rem;
}
.exercise-component .attachment-container-component .attachment .show-text-background .text {
  text-shadow: none;
}
.exercise-component .attachment-container-component .attachment .show-text-background h1,
.exercise-component .attachment-container-component .attachment .show-text-background h2 {
  color: #000;
  text-shadow: none;
}
.exercise-component .attachment-container-component .attachment .text {
  font-size: 2.4rem;
  line-height: 3.2rem;
  text-align: left;
  width: 100%;
}
.exercise-component .attachment-container-component .attachment .read-buttons-big {
  background-color: #fff;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.15);
  padding: 2rem 4rem;
  border-radius: 1rem;
}
.practice-component {
  height: 100%;
  color: #000;
  font-family: 'Open Sans', sans-serif;
  position: relative;
}
.practice-component .exercise-component-feedback-ribbon {
  transition: opacity 0.5s;
  position: absolute;
  height: 49.92px;
  top: -56.64px;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}
.practice-component .exercise-component-feedback-ribbon.ribbon-visible {
  opacity: 1;
}
.practice-component .exercise-component-feedback-ribbon .ribbon-message {
  height: 49.92px;
  font-family: var(--font-family-header);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: var(--size-gap-04);
  padding-left: var(--size-gap-06);
  padding-right: var(--size-gap-06);
}
.practice-component .exercise-component-feedback-ribbon .ribbon-message .ribbon-text {
  font-size: 20px;
  color: #ffffff;
}
.practice-component .exercise-component-feedback-ribbon .ribbon-message .ribbon-instruction {
  font-size: 16px;
}
.practice-component .exercise-component-feedback-ribbon.align-right {
  right: 0;
}
.practice-component .exercise-component-feedback-ribbon.align-right .ribbon-message {
  border-top-left-radius: var(--radius-rounded);
  border-bottom-left-radius: var(--radius-rounded);
}
.practice-component .exercise-component-feedback-ribbon.align-left {
  left: 0;
}
.practice-component .exercise-component-feedback-ribbon.align-left .ribbon-message {
  border-top-right-radius: var(--radius-rounded);
  border-bottom-right-radius: var(--radius-rounded);
}
.practice-component .exercise-component-feedback-ribbon.green-ribbon .ribbon-message {
  background-color: #2d6621;
}
.practice-component .exercise-component-feedback-ribbon.green-ribbon .ribbon-message .ribbon-instruction {
  color: #dcfbd5;
}
.practice-component .exercise-component-feedback-ribbon.red-ribbon .ribbon-message {
  background-color: #921f1f;
}
.practice-component .exercise-component-feedback-ribbon.red-ribbon .ribbon-message .ribbon-instruction {
  color: #fee7e7;
}
.practice-component .exercise-component-feedback-ribbon.instructional-ribbon .ribbon-message {
  background-color: #7e6b0a;
}
.practice-component .exercise-component-feedback-ribbon.instructional-ribbon .ribbon-message .ribbon-instruction {
  color: #fff4bd;
}
.practice-component .exercise-component-feedback-ribbon.hidden {
  opacity: 0;
}
.practice-component .attachment-container-component {
  position: relative;
}
.practice-component .attachment-container-component .title {
  font-size: 19.2px;
  font-weight: 700;
}
.practice-component .attachment-container-component .button__speech {
  margin-right: 9.6px;
}
.practice-component .attachment-container-component.overflow-container {
  overflow: hidden;
  overflow: auto hidden;
}
.practice-component .attachment-container-component .image-container {
  border-radius: 9.6px;
  padding-bottom: 24px;
}
.practice-component .attachment-container-component .image-container img {
  border: 5px solid #fff;
  box-shadow: 0 0 0 1px #8c99a8;
  border-radius: 9.6px;
  background-color: #fff;
}
.practice-component .attachment-container-component .attachment {
  height: 100%;
  margin: 0 4.8px;
  padding-bottom: 4.8px;
  position: absolute;
  inset: 0;
}
.practice-component .attachment-container-component .attachment .regular-subtitle {
  margin-top: 9.6px;
}
.practice-component .attachment-container-component .attachment .regular-subtitle .button__speech {
  margin-right: 9.6px;
}
.practice-component .attachment-container-component .attachment .image-container {
  height: 100%;
}
.practice-component .attachment-container-component .attachment .image-container img {
  max-height: calc(100% - 2px);
  max-width: calc(100% - 2px);
}
.practice-component .attachment-container-component .attachment .operator {
  font-size: 192px;
  line-height: 192px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35);
}
.practice-component .attachment-container-component .attachment .attachment-text-wrapper {
  overflow: auto;
  height: 100%;
}
.practice-component .attachment-container-component .attachment .attachment-text-wrapper .attachment-text-paragraph {
  padding-bottom: 19.2px;
  width: 100%;
}
.practice-component .attachment-container-component .attachment .attachment-text-wrapper .attachment-text-paragraph .button__speech {
  margin-top: 7.68px;
  margin-right: 9.6px;
}
.practice-component .attachment-container-component .attachment .show-text-background {
  background-color: #fff;
  border-radius: 19.2px;
  color: #555;
  padding: 19.2px;
}
.practice-component .attachment-container-component .attachment .show-text-background .text {
  text-shadow: none;
}
.practice-component .attachment-container-component .attachment .show-text-background h1,
.practice-component .attachment-container-component .attachment .show-text-background h2 {
  color: #000;
  text-shadow: none;
}
.practice-component .attachment-container-component .attachment .text {
  font-size: 23.04px;
  line-height: 30.72px;
  text-align: left;
  width: 100%;
}
.practice-component .attachment-container-component .attachment .read-buttons-big {
  background-color: #fff;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.15);
  padding: 19.2px 38.4px;
  border-radius: 9.6px;
}
.practice-component #it-multiselect-klassiek {
  margin-top: 19.2px;
  padding: 0 19.2px;
}
.practice-component #it-multiselect-klassiek .answer-button-wrapper .button__regular {
  margin: 4.8px 0;
}
.practice-component #it-multiselect-klassiek .answer-wrapper {
  margin: 5.76px;
  border-radius: 9.6px;
  position: relative;
  height: 134.4px;
  width: 179.52px;
}
.practice-component #it-multiselect-klassiek .answer-wrapper .image-wrapper {
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 9.6px;
  border: 1px solid #8c99a8;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.practice-component #it-multiselect-klassiek .answer-wrapper .image-wrapper.selected-image {
  border-color: #005aff;
  background-color: rgba(0, 90, 255, 0.25);
  border-width: 2px;
}
.practice-component #it-multiselect-klassiek .answer-wrapper .image-wrapper.selected-image.isCorrect {
  border-color: #209914;
  background-color: rgba(32, 153, 20, 0.25);
  background-image: url('../gynzy-processing/assets/img/icon_check_outline-917def7b90a5a1cc23ad1f94128315ae.png');
}
.practice-component #it-multiselect-klassiek .answer-wrapper .image-wrapper.selected-image.isWrong {
  border-color: #ed1c24;
  background-color: rgba(237, 28, 36, 0.25);
  background-image: url('../gynzy-processing/assets/img/icon_cross_outline-bbec2fb2cdf36fd2ae20659482350064.png');
}
.practice-component #it-multiselect-klassiek .answer-wrapper .image-wrapper.showCorrect {
  border-color: #662ed0;
  border-width: 2px;
  background-color: rgba(102, 46, 208, 0.25);
  background-image: url('../gynzy-processing/assets/img/icon_check_purple_outline-d51ff074db43a31c6a48e4bcf1d21c89.png');
}
.practice-component #it-multiselect-klassiek .answer-wrapper .image-gradient-overlay {
  display: none;
}
.practice-component #it-multiselect-klassiek .answer-wrapper .answer-image {
  height: 100%;
  max-height: 100%;
}
.practice-component #it-multiselect-klassiek .answer-wrapper .answer-image .responsive-image img {
  padding: 4.8px;
}
.practice-component #it-multiselect-klassiek .answer-wrapper .image-text {
  position: absolute;
  font-size: 26.4px;
  bottom: -36px;
}
.practice-component #it-multiselect-klassiek .answer-wrapper.size-one,
.practice-component #it-multiselect-klassiek .answer-wrapper.size-two {
  height: 210.24px;
  width: 280.32px;
}
.practice-component #it-multiselect-klassiek .answer-wrapper.size-three {
  height: 165.12px;
  width: 219.84px;
}
.practice-component .it-sortable .sortable-order {
  padding: 19.2px;
  font-size: 24px;
  font-style: italic;
}
.practice-component .it-sortable .disabled * {
  cursor: inherit !important;
}
.practice-component .it-sortable .sortable-item {
  transition: all 0.125s;
  z-index: 5;
  background: #fff;
  height: 134.4px;
  width: 134.4px;
  margin: 9.6px;
  border-radius: 9.6px;
  border: 1px solid #999999;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
}
.practice-component .it-sortable .sortable-item * {
  cursor: move;
}
.practice-component .it-sortable .sortable-item .answer {
  font-size: 19.2px;
  font-weight: bold;
  line-height: 24px;
}
.practice-component .it-sortable .sortable-item.is-dragging {
  transition-duration: 0s;
  z-index: 10;
  margin: 0 9.6px 19.2px;
  box-shadow: 0 13.44px 24px 0 rgba(0, 0, 0, 0.15);
}
.practice-component .it-sortable .sortable-item .responsive-image img {
  padding: 4.8px;
}
.practice-component .it-sortable .sortable-item .answer-spoken-word-button {
  width: 100%;
  height: 100%;
  border: none;
  box-shadow: none;
  border-radius: 9.6px;
  padding-top: 0;
}
.practice-component .it-sortable .sortable-item .answer-spoken-word-button .read-button-big {
  width: 57.6px;
  height: 57.6px;
}
.practice-component .it-sortable .sortable-item .answer-spoken-word-button .read-button-big i.fa {
  font-size: 48px;
  line-height: 57.6px;
}
.practice-component .it-sortable .sortable-item .answer-spoken-word-button .read-button-big-snail {
  width: 43.2px;
  height: 43.2px;
}
.practice-component .it-sortable .sortable-item .answer-spoken-word-button .read-button-big-snail i.fa {
  line-height: 43.2px;
}
.practice-component .it-sortable .sortable-item .answer-spoken-word-button .answer-text {
  height: 28.8px;
}
.practice-component .it-sortable .sortable-dropzone-wrapper {
  position: absolute;
}
.practice-component .it-sortable .sortable-dropzone-wrapper .sortable-dropzone {
  width: 134.4px;
  height: 134.4px;
  border-radius: 9.6px;
  margin: 9.6px;
  border: 3.84px dashed #ccc;
}
.practice-component .it-fillable-chart .horizontal-divider {
  height: 1.92px;
  width: 80%;
  margin: 9.6px 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #cccccc 50%, rgba(0, 0, 0, 0) 100%);
}
.practice-component .it-fillable-chart .dataTable {
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 4.8px;
}
.practice-component .it-fillable-chart .dataTable tr td {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  vertical-align: middle;
  height: 48px;
  min-width: 76.8px;
  text-align: center;
  font-size: 19.2px;
}
.practice-component .it-fillable-chart .dataTable tr td .student-answer {
  margin: 0;
  height: 48px;
  border: 2.88px transparent;
  max-width: 182.4px;
  overflow: auto;
  box-shadow: inset 0 0 0 0.5px #9db3d1;
  background: linear-gradient(to bottom, #eee 0%, #fff 100%);
  background-color: #fafafa;
  padding: 4.8px;
}
.practice-component .it-fillable-chart .dataTable tr td .it-fillable-chart-cell__gray {
  color: #555;
}
.practice-component .it-fillable-chart .dataTable tr td .align-right {
  color: blue;
}
.practice-component .it-fillable-chart .dataTable tr td:last-child {
  border-right: none;
}
.practice-component .it-fillable-chart .dataTable tr td:first-child {
  text-align: left;
}
.practice-component .it-fillable-chart .dataTable tr td:first-child.given {
  padding: 0 9.6px 0 19.2px;
}
.practice-component .it-fillable-chart .dataTable tr:last-child td {
  border-bottom: none;
}
.practice-component .it-fillable-chart .dataTable.splitTable tr td {
  border-right: 2px solid #000;
}
.practice-component .it-fillable-chart .dataTable.splitTable tr td:last-child {
  border-right: none;
}
.practice-component .it-fillable-chart .dataTable.splitTable tr:last-child td {
  border-bottom: none;
}
.practice-component .it-fillable-chart .dataTable.splitTable tr:first-child td {
  font-size: 23.04px;
  font-weight: bold;
  text-align: center;
  border-bottom: 2px solid #000;
}
.practice-component .it-fillable-chart .dataTable .calculation-arrow {
  background-image: url('../gynzy-processing/assets/img/arrow-5653b601d23f41d4e59474bded6b8298.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 14.4px;
  height: 38.4px;
  position: absolute;
  transform: rotate(226deg);
  top: -23.04px;
  left: -9.6px;
}
.practice-component .it-fillable-chart .dataTable.borderLeft tr td:first-child {
  border-left: 2px solid #ccc;
}
.practice-component .it-fillable-chart .dataTable.borderTop tr:first-child td {
  border-top: 2px solid #ccc;
}
.practice-component .it-fillable-chart .dataTable.borderRight tr td:last-child {
  border-right: 2px solid #ccc;
}
.practice-component .it-fillable-chart .dataTable.borderBottom tr:last-child td {
  border-bottom: 2px solid #ccc;
}
.practice-component .it-fillable-chart .showFeedback .student-answer.isCorrect {
  box-shadow: inset 0 0 0 2.88px #209914;
  background-color: rgba(32, 153, 20, 0.05);
  background-image: none;
}
.practice-component .it-fillable-chart .showFeedback .student-answer.isWrong {
  box-shadow: inset 0 0 0 2.88px #ed1c24;
  background-color: rgba(237, 28, 36, 0.05);
  background-image: none;
}
.practice-component .it-fillable-chart .showCorrect {
  border: 2.88px solid #662ed0 !important;
  background-color: rgba(102, 46, 208, 0.05) !important;
  background-image: none;
}
.practice-component .it-fillable-chart div:not(.showFeedback) .focused .student-answer {
  transition: none;
  border: 2px solid #51cbee !important;
  background: rgba(81, 203, 238, 0.1) !important;
}
.practice-component * {
  box-sizing: border-box;
  touch-action: manipulation;
  touch-action: none;
}
.practice-component .side-bar {
  min-width: 144px;
}
.practice-component .side-bar .button__speech {
  margin-right: 9.6px;
}
.practice-component .side-bar.answer-component {
  min-width: 124.8px;
}
.practice-component #exercise-question-container {
  flex-grow: 1;
  align-items: center;
}
.practice-component #exercise-question-container .question-wrapper {
  display: flex;
  width: 100%;
}
.practice-component .exercise-question-component-container {
  width: 100%;
  flex-grow: 0;
}
.practice-component .question {
  width: 100%;
  font-size: 30.72px;
  line-height: 32.64px;
  text-align: left;
  padding-bottom: 9.6px;
}
.practice-component .it-answer-wrapper {
  position: relative;
  height: auto;
  width: 100%;
  padding-bottom: 33.6px;
  z-index: 1;
}
.practice-component .max-width {
  width: 100%;
}
.practice-component::after {
  content: '';
  position: absolute;
  right: 0;
  top: 25%;
  width: 1px;
  height: 50%;
  background: #d1d3de;
}

.styleguide {
  height: auto;
}
/* arimo-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/arimo/arimo-v29-all-regular-1e3a0e94ba2bc8dcb88dd8a4d7e4cd08.woff2') format('woff2');
}
/* lexend-deca-regular - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-regular-5dc449bf89c8996180f0bf586f6370e7.woff2') format('woff2');
}
/* lexend-deca-500 - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 500;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-500-86663f8e4c24f0f64ebbcf94016b651a.woff2') format('woff2');
}
/* lexend-deca-600 - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 600;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-600-f70f8f823d24acc577ce02d800e1dd23.woff2') format('woff2');
}
/* mulish-regular - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-regular-c8802cd4edbbc28ae7c85e4374d3f924.woff2') format('woff2');
}
/* mulish-italic - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-italic-1db4ee7c71dfc060681293c00828e521.woff2') format('woff2');
}
/* mulish-700 - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-700-639ec8157b44583ea8ed7fad3d8dfeb0.woff2') format('woff2');
}
/* mulish-700italic - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-700italic-c5a3347dc8754ff8fda86531e03797a6.woff2') format('woff2');
}
/* open-sans-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-regular-c07cd0d1a063582245c8193d978f799b.woff2') format('woff2');
}
/* open-sans-italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-italic-d4e5cf548d6dedbed35fa9fd65b37ef0.woff2') format('woff2');
}
/* open-sans-600 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-600-b94f001b27f8c83057b118dff8d859cc.woff2') format('woff2');
}
/* open-sans-700 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-700-d03f336b3845249375499d014fa49b55.woff2') format('woff2');
}
/* open-sans-700italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-700italic-e6888e94f2367285f7776ed161bdb8ce.woff2') format('woff2');
}
/* open-sans-800 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-800-18f82823a9df95dec46891f281b3df46.woff2') format('woff2');
}
@font-face {
  font-family: 'ds-digi';
  src: url('../gynzy-styleguide/assets/fonts/ds-digi/ds-digi-839cd00f56360147c956a354753eaa07.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
.font-arial-bold {
  font-family: 'Arial';
  font-style: normal;
  font-weight: bold;
}
.font-open-sans {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
}
.font-open-sans-italic {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
}
.font-open-sans-semibold {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
}
.font-open-sans-bold {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
}
.font-open-sans-bold-italic {
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  font-weight: 700;
}
/* Group Colors */
/* ParnasSys */
/* Folders */
/* stylelint-disable custom-property-empty-line-before */
:root {
  /* Please note these css-variables are also defined in external-board-tools.
	If you make adjustments here, do not forget to implement them in
	external-board-tools/packages/base-tool/demo/demo.css. */
  /** Fonts **/
  --font-family-header: 'Lexend Deca', 'Open Sans', sans-serif;
  --font-family-base: 'Open Sans', sans-serif;
  --font-family-digi: 'ds-digi';
  /** Colors **/
  --color-black: #000;
  --color-white: #fff;
  --color-dusty-gray: #999;
  --color-alabaster: #f6f6f6;
  /* Call To Action Button */
  --color-tree-poppy: #fd8b1d;
  --color-tree-poppy-light: #fda045;
  --color-tree-poppy-dark: #e57102;
  /* Primary */
  --color-mariner: #277cd9;
  --color-mariner-light: #4e92ff;
  --color-mariner-dark: #2465ab;
  --color-mariner-extra-light: #eaf2fb;
  /* Positive */
  --color-positive: #1eaa10;
  --color-positive-light: #25cf14;
  --color-positive-dark: #167b0c;
  --color-positive-darkest: #12650a;
  --color-positive-extra-light: #dbfbd7;
  /* Negative */
  --color-negative: #ed1c24;
  --color-negative-light: #f04248;
  --color-negative-dark: #c61017;
  --color-negative-darkest: #970c11;
  --color-negative-extra-light: #fef1f1;
  /* Grayscale */
  --color-midnight: #2a3541;
  --color-riverbed: #3f4c5a;
  --color-shuttle-gray: #556474;
  --color-slate-gray: #6b7c8e;
  --color-regent-gray: #8c99a8;
  --color-heather: #aeb7c2;
  --color-ghost: #d1d3de;
  --color-solitude: #e9eaef;
  --color-aqua-haze: #f5f5f8;
  /** Color filters **/
  /* These can be used to overlay a black (vector) image. Its an alternative
	approach to adding the SVG DOM in the HTML DOM and using the CSS 'fill:' to
	color the image. */
  /* Colors can be generated on: https://codepen.io/sosuke/pen/Pjoqqp */
  --color-filter-black: invert(0%) sepia(96%) saturate(7474%) hue-rotate(176deg) brightness(82%) contrast(100%);
  --color-filter-white: invert(100%) sepia(0%) saturate(1%) hue-rotate(8deg) brightness(101%) contrast(101%);
  --color-filter-dusty-gray: invert(69%) sepia(0%) saturate(496%) hue-rotate(132deg) brightness(91%) contrast(76%);
  --color-filter-alabaster: invert(100%) sepia(92%) saturate(58%) hue-rotate(254deg) brightness(112%) contrast(93%);
  /* Call To Action Button */
  --color-filter-tree-poppy: invert(62%) sepia(93%) saturate(2263%) hue-rotate(347deg) brightness(103%) contrast(98%);
  --color-filter-tree-poppy-light: invert(69%) sepia(11%) saturate(2776%) hue-rotate(341deg) brightness(102%) contrast(98%);
  --color-filter-tree-poppy-dark: invert(49%) sepia(83%) saturate(2978%) hue-rotate(7deg) brightness(97%) contrast(98%);
  /* Primary */
  --color-filter-mariner: invert(43%) sepia(13%) saturate(2844%) hue-rotate(171deg) brightness(100%) contrast(103%);
  --color-filter-mariner-light: invert(44%) sepia(100%) saturate(528%) hue-rotate(187deg) brightness(102%) contrast(101%);
  --color-filter-mariner-dark: invert(31%) sepia(55%) saturate(1146%) hue-rotate(179deg) brightness(96%) contrast(90%);
  --color-filter-mariner-extra-light: invert(100%) sepia(83%) saturate(743%) hue-rotate(176deg) brightness(101%) contrast(97%);
  /* Positive */
  --color-filter-positive: invert(54%) sepia(100%) saturate(3701%) hue-rotate(83deg) brightness(100%) contrast(87%);
  --color-filter-positive-light: invert(67%) sepia(77%) saturate(5419%) hue-rotate(83deg) brightness(121%) contrast(84%);
  --color-filter-positive-dark: invert(32%) sepia(60%) saturate(1643%) hue-rotate(83deg) brightness(88%) contrast(91%);
  --color-filter-positive-extra-light: invert(93%) sepia(16%) saturate(397%) hue-rotate(57deg) brightness(103%) contrast(97%);
  /* Negative */
  --color-filter-negative: invert(10%) sepia(100%) saturate(5526%) hue-rotate(354deg) brightness(114%) contrast(86%);
  --color-filter-negative-light: invert(64%) sepia(67%) saturate(5773%) hue-rotate(327deg) brightness(88%) contrast(115%);
  --color-filter-negative-dark: invert(11%) sepia(87%) saturate(5011%) hue-rotate(352deg) brightness(101%) contrast(98%);
  --color-filter-negative-extra-light: invert(95%) sepia(65%) saturate(178%) hue-rotate(290deg) brightness(93%) contrast(117%);
  /* Grayscale */
  --color-filter-midnight: invert(9%) sepia(7%) saturate(4046%) hue-rotate(171deg) brightness(100%) contrast(74%);
  --color-filter-riverbed: invert(29%) sepia(18%) saturate(573%) hue-rotate(170deg) brightness(90%) contrast(92%);
  --color-filter-shuttle-gray: invert(40%) sepia(22%) saturate(428%) hue-rotate(170deg) brightness(88%) contrast(87%);
  --color-filter-slate-gray: invert(53%) sepia(15%) saturate(500%) hue-rotate(170deg) brightness(88%) contrast(90%);
  --color-filter-regent-gray: invert(62%) sepia(21%) saturate(238%) hue-rotate(172deg) brightness(93%) contrast(89%);
  --color-filter-heather: invert(92%) sepia(4%) saturate(1019%) hue-rotate(182deg) brightness(81%) contrast(83%);
  --color-filter-ghost: invert(96%) sepia(4%) saturate(1698%) hue-rotate(187deg) brightness(89%) contrast(94%);
  --color-filter-solitude: invert(98%) sepia(8%) saturate(853%) hue-rotate(179deg) brightness(100%) contrast(88%);
  --color-filter-aqua-haze: invert(100%) sepia(25%) saturate(651%) hue-rotate(180deg) brightness(100%) contrast(95%);
  /* Differentiation colors */
  /* Valencia / Crimson */
  --color-crimson-lightest: #fee7e7;
  --color-crimson-lighter: #fdc9c9;
  --color-crimson-light: #f58a8a;
  --color-crimson-soft: #ee6868;
  --color-crimson: #e64545;
  --color-crimson-dark: #dc2828;
  --color-crimson-darker: #b82323;
  --color-crimson-darkest: #6e1c1c;
  --color-valencia-lighter: var(--color-crimson-lightest);
  --color-valencia-light: var(--color-crimson-lighter);
  --color-valencia-soft: var(--color-crimson-soft);
  --color-valencia: var(--color-crimson);
  --color-valencia-desaturated: var(--color-crimson-dark);
  --color-valencia-desaturated-dark: var(--color-crimson-darker);
  --color-valencia-dark: var(--color-crimson);
  /* Raw Sienna / Pumpkin */
  --color-pumpkin-lightest: #ffdebd;
  --color-pumpkin-lighter: #ffcf9e;
  --color-pumpkin-light: #ffab57;
  --color-pumpkin-soft: #ff962e;
  --color-pumpkin: #fa830c;
  --color-pumpkin-dark: #d36e09;
  --color-pumpkin-darker: #a8590b;
  --color-pumpkin-darkest: #57300a;
  --color-raw-sienna-lighter: var(--color-pumpkin-lightest);
  --color-raw-sienna-light: var(--color-pumpkin-lighter);
  --color-raw-sienna-soft: var(--color-pumpkin-soft);
  --color-raw-sienna: var(--color-pumpkin);
  --color-raw-sienna-desaturated: var(--color-pumpkin-dark);
  --color-raw-sienna-desaturated-dark: var(--color-pumpkin-darker);
  --color-raw-sienna-dark: var(--color-pumpkin-darkest);
  /* Wattle / Lemon */
  --color-lemon-lightest: #fff4bd;
  --color-lemon-lighter: #ffef9e;
  --color-lemon-light: #ffe357;
  --color-lemon-soft: #ffdc2e;
  --color-lemon: #fad20c;
  --color-lemon-dark: #d3b109;
  --color-lemon-darker: #a88e0b;
  --color-lemon-darkest: #574a0a;
  --color-wattle-lighter: var(--color-lemon-lightest);
  --color-wattle-light: var(--color-lemon-lighter);
  --color-wattle-soft: var(--color-lemon-soft);
  --color-wattle: var(--color-lemon);
  --color-wattle-desaturated: var(--color-lemon-dark);
  --color-wattle-desaturated-dark: var(--color-lemon-darker);
  --color-wattle-dark: var(--color-lemon-darkest);
  /* Conifer / Pear */
  --color-pear-lightest: #f0fad1;
  --color-pear-ligher: #e6f6b6;
  --color-pear-light: #cee97c;
  --color-pear-soft: #bfdf5d;
  --color-pear: #afd441;
  --color-pear-dark: #98bb30;
  --color-pear-darker: #7c962c;
  --color-pear-darkest: #45521e;
  --color-conifer-lighter: var(--color-pear-lightest);
  --color-conifer-light: var(--color-pear-lighter);
  --color-conifer-soft: var(--color-pear-soft);
  --color-conifer: var(--color-pear);
  --color-conifer-desaturated: var(--color-pear-dark);
  --color-conifer-desaturated-dark: var(--color-pear-darker);
  --color-conifer-dark: var(--color-pear-darkest);
  /* Atlantis / Mantis */
  --color-mantis-lightest: #dcfbd5;
  --color-mantis-lighter: #c4f8ba;
  --color-mantis-light: #91eb7f;
  --color-mantis-soft: #75e260;
  --color-mantis: #59d640;
  --color-mantis-dark: #47c12f;
  --color-mantis-darker: #3e9c2b;
  --color-mantis-darkest: #28571e;
  --color-atlantis-lighter: var(--color-mantis-lightest);
  --color-atlantis-light: var(--color-mantis-lighter);
  --color-atlantis-soft: var(--color-mantis-soft);
  --color-atlantis: var(--color-mantis);
  --color-atlantis-desaturated: var(--color-mantis-dark);
  --color-atlantis-desaturated-dark: var(--color-mantis-darker);
  --color-atlantis-dark: var(--color-mantis-darkest);
  /* Shamrock / Emerald */
  --color-emerald-lightest: #caf7e0;
  --color-emerald-lighter: #aff3d1;
  --color-emerald-light: #78e3ad;
  --color-emerald-soft: #5ad899;
  --color-emerald: #3dcc84;
  --color-emerald-dark: #34ad70;
  --color-emerald-darker: #2e8a5b;
  --color-emerald-darkest: #1e4833;
  --color-shamrock-lighter: var(--color-emerald-lightest);
  --color-shamrock-light: var(--color-emerald-lighter);
  --color-shamrock-soft: var(--color-emerald-soft);
  --color-shamrock: var(--color-emerald);
  --color-shamrock-desaturated: var(--color-emerald-dark);
  --color-shamrock-desaturated-dark: var(--color-emerald-darker);
  --color-shamrock-dark: var(--color-emerald-darkest);
  /* Turquoise / Caribbean */
  --color-caribbean-lightest: #d1fafa;
  --color-caribbean-lighter: #b6f6f6;
  --color-caribbean-light: #7ce9e9;
  --color-caribbean-soft: #5ddfdf;
  --color-caribbean: #3fd4d4;
  --color-caribbean-dark: #30bbbb;
  --color-caribbean-darker: #2c9696;
  --color-caribbean-darkest: #1e5252;
  --color-turquoise-lighter: var(--color-caribbean-lightest);
  --color-turquoise-light: var(--color-caribbean-lighter);
  --color-turquoise-soft: var(--color-caribbean-soft);
  --color-turquoise: var(--color-caribbean);
  --color-turquoise-desaturated: var(--color-caribbean-dark);
  --color-turquoise-desaturated-dark: var(--color-caribbean-darker);
  --color-turquoise-dark: var(--color-caribbean-darkest);
  /* Havelock Blue / Sky */
  --color-sky-lightest: #d4eefc;
  --color-sky-lighter: #b7e3fa;
  --color-sky-light: #7ac7f0;
  --color-sky-soft: #59b6e8;
  --color-sky: #38a4de;
  --color-sky-dark: #2690c9;
  --color-sky-darker: #2477a3;
  --color-sky-darkest: #1a455b;
  --color-sky-01: #effaff;
  --color-sky-02: #d4eefc;
  --color-sky-03: #b7e3fa;
  --color-sky-04: #97d4f5;
  --color-sky-05: #7ac7f0;
  --color-sky-06: #59b6e8;
  --color-sky-07: #38a4de;
  --color-sky-08: #2f9ad4;
  --color-sky-09: #2b8fc5;
  --color-sky-10: #28759f;
  --color-sky-11: #1f5e7f;
  --color-sky-12: #1a455b;
  --color-havelock-blue-lighter: var(--color-sky-lightest);
  --color-havelock-blue-light: var(--color-sky-lighter);
  --color-havelock-blue-soft: var(--color-sky-soft);
  --color-havelock-blue: var(--color-sky);
  --color-havelock-blue-desaturated: var(--color-sky-dark);
  --color-havelock-blue-desaturated-dark: var(--color-sky-darker);
  --color-havelock-blue-dark: var(--color-sky-darkest);
  /* Royal Blue / Indigo */
  --color-indigo-lightest: #cad5f7;
  --color-indigo-lighter: #afc0f3;
  --color-indigo-light: #7892e3;
  --color-indigo-soft: #5a79d8;
  --color-indigo: #3d61cc;
  --color-indigo-dark: #3452ad;
  --color-indigo-darker: #2e458a;
  --color-indigo-darkest: #1e2848;
  --color-royal-blue-lighter: var(--color-indigo-lightest);
  --color-royal-blue-light: var(--color-indigo-lighter);
  --color-royal-blue-soft: var(--color-indigo-soft);
  --color-royal-blue: var(--color-indigo);
  --color-royal-blue-desaturated: var(--color-indigo-dark);
  --color-royal-blue-desaturated-dark: var(--color-indigo-darker);
  --color-royal-blue-dark: var(--color-indigo-darkest);
  /* Purple Heart / Lavender */
  --color-lavender-lightest: #e8d5fb;
  --color-lavender-lighter: #d9b9f8;
  --color-lavender-light: #b57eec;
  --color-lavender-soft: #a05fe3;
  --color-lavender: #8c41d9;
  --color-lavender-dark: #772ec2;
  --color-lavender-darker: #632a9d;
  --color-lavender-darkest: #3a1d58;
  --color-purple-heart-lighter: var(--color-lavender-lightest);
  --color-purple-heart-light: var(--color-lavender-lighter);
  --color-purple-heart-soft: var(--color-lavender-soft);
  --color-purple-heart: var(--color-lavender);
  --color-purple-heart-desaturated: var(--color-lavender-dark);
  --color-purple-heart-desaturated-dark: var(--color-lavender-darker);
  --color-purple-heart-dark: var(--color-lavender-darkest);
  /* Orchid / Fuchsia */
  --color-fuchsia-lightest: #fbd5fb;
  --color-fuchsia-lighter: #f8b9f8;
  --color-fuchsia-light: #ec7eec;
  --color-fuchsia-soft: #e35fe3;
  --color-fuchsia: #d941d9;
  --color-fuchsia-dark: #c22ec2;
  --color-fuchsia-darker: #9d2a9d;
  --color-fuchsia-darkest: #581d58;
  --color-orchid-lighter: var(--color-fuchsia-lightest);
  --color-orchid-light: var(--color-fuchsia-lighter);
  --color-orchid-soft: var(--color-fuchsia-soft);
  --color-orchid: var(--color-fuchsia);
  --color-orchid-desaturated: var(--color-fuchsia-dark);
  --color-orchid-desaturated-dark: var(--color-fuchsia-darker);
  --color-orchid-dark: var(--color-fuchsia-darkest);
  /* Cerise / Cranberry */
  --color-cranberry-lightest: #fbd5e8;
  --color-cranberry-lighter: #f8bad9;
  --color-cranberry-light: #eb7fb5;
  --color-cranberry-soft: #e260a0;
  --color-cranberry: #d7428c;
  --color-cranberry-dark: #c12f77;
  --color-cranberry-darker: #9c2b63;
  --color-cranberry-darkest: #571e3a;
  --color-cerise-lighter: var(--color-cranberry-lightest);
  --color-cerise-light: var(--color-cranberry-lighter);
  --color-cerise-soft: var(--color-cranberry-soft);
  --color-cerise: var(--color-cranberry);
  --color-cerise-desaturated: var(--color-cranberry-dark);
  --color-cerise-desaturated-dark: var(--color-cranberry-darker);
  --color-cerise-dark: var(--color-cranberry-darkest);
  --color-parnassys: #ed5c82;
  --color-smartschool: #ff520e;
  --color-esis: #2bb60f;
  --color-dotcom: #d4002c;
  --color-basispoort: #282c59;
  --color-google-classroom: #e9eaef;
  --color-questi: #dddb00;
  /* Differentiation filter colors */
  --color-filter-valencia: invert(29%) sepia(74%) saturate(1241%) hue-rotate(329deg) brightness(104%) contrast(91%);
  --color-filter-raw-sienna: invert(54%) sepia(60%) saturate(454%) hue-rotate(349deg) brightness(99%) contrast(93%);
  --color-filter-wattle: invert(100%) sepia(63%) saturate(2464%) hue-rotate(332deg) brightness(93%) contrast(79%);
  --color-filter-conifer: invert(71%) sepia(90%) saturate(318%) hue-rotate(27deg) brightness(96%) contrast(95%);
  --color-filter-atlantis: invert(66%) sepia(66%) saturate(488%) hue-rotate(62deg) brightness(97%) contrast(91%);
  --color-filter-shamrock: invert(93%) sepia(66%) saturate(814%) hue-rotate(70deg) brightness(88%) contrast(89%);
  --color-filter-turquoise: invert(94%) sepia(80%) saturate(6337%) hue-rotate(139deg) brightness(88%) contrast(91%);
  --color-filter-malibu: invert(76%) sepia(10%) saturate(1926%) hue-rotate(166deg) brightness(102%) contrast(92%);
  --color-filter-havelock-blue: invert(50%) sepia(80%) saturate(436%) hue-rotate(170deg) brightness(88%) contrast(91%);
  --color-filter-royal-blue: invert(22%) sepia(72%) saturate(5125%) hue-rotate(240deg) brightness(88%) contrast(90%);
  --color-filter-purple-heart: invert(32%) sepia(51%) saturate(2560%) hue-rotate(251deg) brightness(86%) contrast(94%);
  --color-filter-orchid: invert(42%) sepia(79%) saturate(1147%) hue-rotate(267deg) brightness(83%) contrast(105%);
  --color-filter-cerise: invert(32%) sepia(81%) saturate(1570%) hue-rotate(303deg) brightness(92%) contrast(82%);
  --color-filter-sky: invert(56%) sepia(89%) saturate(835%) hue-rotate(172deg) brightness(91%) contrast(91%);
  /* Radiuses */
  --radius-xs: 2px;
  --radius-s: 4px;
  --radius-m: 8px;
  --radius-l: 16px;
  --radius-xl: 24px;
  --radius-rounded: 360px;
  --size-fonts-font-size-2xl: 32px;
  --size-gap-00: 2px;
  --size-gap-01: 4px;
  --size-gap-02: 8px;
  --size-gap-03: 12px;
  --size-gap-04: 16px;
  --size-gap-05: 20px;
  --size-gap-06: 24px;
  --size-gap-07: 32px;
  --size-gap-08: 40px;
  --size-gap-09: 48px;
  --size-gap-10: 56px;
  --size-gap-00-rem: 0.20833333rem;
  --size-gap-01-rem: 0.41666667rem;
  --size-gap-02-rem: 0.83333333rem;
  --size-gap-03-rem: 1.25rem;
  --size-gap-04-rem: 1.66666667rem;
  --size-gap-05-rem: 2.08333333rem;
  --size-gap-06-rem: 2.5rem;
  --size-gap-07-rem: 3.33333333rem;
  --size-gap-08-rem: 4.16666667rem;
  --size-gap-09-rem: 5rem;
  --size-gap-10-rem: 5.83333333rem;
}
:root {
  /* Please note these css-variables are also defined in external-board-tools.
	If you make adjustments here, do not forget to implement them in
	external-board-tools/packages/base-tool/demo/demo.css. */
  --box-shadow-default: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.12);
  --box-shadow-heavy: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.12);
  --px-rem-ratio: calc(1 / 9.6) * 1rem;
  --button-transition-duration: 0.15s;
  --button-pointer-events: inherit;
  --epm-animation-backdrop-in-duration: 0s;
  --epm-animation-backdrop-out-duration: 0s;
  --epm-animation-modal-in-duration: 0s;
  --epm-animation-modal-out-duration: 0.001s;
  --epm-animation-backdrop-in-delay: 0s;
  --epm-animation-backdrop-out-delay: 0s;
  --epm-animation-modal-in-delay: 0s;
  --epm-animation-modal-out-delay: 0s;
}
/*
This file contains all the necessary rules for the typography in
Gynzy Kids or the manager. Use this file to define the different
font sizes instead of declaring them all over the place.

To prevent duplicate rules all rules in this class start with
`typo-`.
*/
/*
This rule shouldn't be used and is purely for setting the defaults
in all the other rules
*/
.typo-defaults {
  text-align: left;
  font-size: 1.8rem;
  font-family: 'Open Sans', 'sans-serif';
  font-weight: normal;
  color: #3f4c5a;
  line-height: 1.1em;
  /* Text style overrides */
  /* Color overrides */
}
.typo-defaults.typo-set-bold,
.typo-defaults .typo-set-bold {
  font-weight: bold;
}
.typo-defaults b {
  font-weight: bold;
}
.typo-defaults.typo-alt-color,
.typo-defaults .typo-alt-color {
  color: #06C;
}
.typo-defaults.typo-disabled-color,
.typo-defaults .typo-disabled-color {
  color: #999;
}
.typo-defaults.typo-title-color,
.typo-defaults .typo-title-color {
  color: #3f4c5a;
}
.typo-defaults.typo-text-color,
.typo-defaults .typo-text-color {
  color: #3f4c5a;
}
.typo-defaults.typo-text-small-color,
.typo-defaults .typo-text-small-color {
  color: #6b7c8e;
}
.typo-defaults.typo-text-feedback-red-color,
.typo-defaults .typo-text-feedback-red-color {
  color: #ed1c24;
}
div.typo-text,
div.typo-text-small,
div.typo-title,
div.typo-title-section {
  width: 100%;
}
.typo-title {
  text-align: left;
  font-size: 1.8rem;
  font-family: 'Open Sans', 'sans-serif';
  font-weight: normal;
  line-height: 1.1em;
  /* Text style overrides */
  /* Color overrides */
  color: #3f4c5a;
  font-weight: bold;
  font-size: 2.7rem;
  margin-bottom: 0.675rem;
}
.typo-title.typo-set-bold,
.typo-title .typo-set-bold {
  font-weight: bold;
}
.typo-title b {
  font-weight: bold;
}
.typo-title.typo-alt-color,
.typo-title .typo-alt-color {
  color: #06C;
}
.typo-title.typo-disabled-color,
.typo-title .typo-disabled-color {
  color: #999;
}
.typo-title.typo-title-color,
.typo-title .typo-title-color {
  color: #3f4c5a;
}
.typo-title.typo-text-color,
.typo-title .typo-text-color {
  color: #3f4c5a;
}
.typo-title.typo-text-small-color,
.typo-title .typo-text-small-color {
  color: #6b7c8e;
}
.typo-title.typo-text-feedback-red-color,
.typo-title .typo-text-feedback-red-color {
  color: #ed1c24;
}
.typo-subtitle {
  text-align: left;
  font-size: 1.8rem;
  font-family: 'Open Sans', 'sans-serif';
  font-weight: normal;
  line-height: 1.1em;
  /* Text style overrides */
  /* Color overrides */
  color: #3f4c5a;
  font-size: 2.16rem;
}
.typo-subtitle.typo-set-bold,
.typo-subtitle .typo-set-bold {
  font-weight: bold;
}
.typo-subtitle b {
  font-weight: bold;
}
.typo-subtitle.typo-alt-color,
.typo-subtitle .typo-alt-color {
  color: #06C;
}
.typo-subtitle.typo-disabled-color,
.typo-subtitle .typo-disabled-color {
  color: #999;
}
.typo-subtitle.typo-title-color,
.typo-subtitle .typo-title-color {
  color: #3f4c5a;
}
.typo-subtitle.typo-text-color,
.typo-subtitle .typo-text-color {
  color: #3f4c5a;
}
.typo-subtitle.typo-text-small-color,
.typo-subtitle .typo-text-small-color {
  color: #6b7c8e;
}
.typo-subtitle.typo-text-feedback-red-color,
.typo-subtitle .typo-text-feedback-red-color {
  color: #ed1c24;
}
.typo-title-section {
  text-align: left;
  font-size: 1.8rem;
  font-family: 'Open Sans', 'sans-serif';
  font-weight: normal;
  line-height: 1.1em;
  /* Text style overrides */
  /* Color overrides */
  color: #3f4c5a;
  font-weight: bold;
  margin-bottom: 0.9rem;
}
.typo-title-section.typo-set-bold,
.typo-title-section .typo-set-bold {
  font-weight: bold;
}
.typo-title-section b {
  font-weight: bold;
}
.typo-title-section.typo-alt-color,
.typo-title-section .typo-alt-color {
  color: #06C;
}
.typo-title-section.typo-disabled-color,
.typo-title-section .typo-disabled-color {
  color: #999;
}
.typo-title-section.typo-title-color,
.typo-title-section .typo-title-color {
  color: #3f4c5a;
}
.typo-title-section.typo-text-color,
.typo-title-section .typo-text-color {
  color: #3f4c5a;
}
.typo-title-section.typo-text-small-color,
.typo-title-section .typo-text-small-color {
  color: #6b7c8e;
}
.typo-title-section.typo-text-feedback-red-color,
.typo-title-section .typo-text-feedback-red-color {
  color: #ed1c24;
}
.typo-text {
  text-align: left;
  font-size: 1.8rem;
  font-family: 'Open Sans', 'sans-serif';
  font-weight: normal;
  color: #3f4c5a;
  line-height: 1.1em;
  /* Text style overrides */
  /* Color overrides */
  font-size: 1.71rem;
}
.typo-text.typo-set-bold,
.typo-text .typo-set-bold {
  font-weight: bold;
}
.typo-text b {
  font-weight: bold;
}
.typo-text.typo-alt-color,
.typo-text .typo-alt-color {
  color: #06C;
}
.typo-text.typo-disabled-color,
.typo-text .typo-disabled-color {
  color: #999;
}
.typo-text.typo-title-color,
.typo-text .typo-title-color {
  color: #3f4c5a;
}
.typo-text.typo-text-color,
.typo-text .typo-text-color {
  color: #3f4c5a;
}
.typo-text.typo-text-small-color,
.typo-text .typo-text-small-color {
  color: #6b7c8e;
}
.typo-text.typo-text-feedback-red-color,
.typo-text .typo-text-feedback-red-color {
  color: #ed1c24;
}
.typo-text-small {
  text-align: left;
  font-size: 1.8rem;
  font-family: 'Open Sans', 'sans-serif';
  font-weight: normal;
  color: #3f4c5a;
  line-height: 1.1em;
  /* Text style overrides */
  /* Color overrides */
  color: #6b7c8e;
  font-size: 1.44rem;
}
.typo-text-small.typo-set-bold,
.typo-text-small .typo-set-bold {
  font-weight: bold;
}
.typo-text-small b {
  font-weight: bold;
}
.typo-text-small.typo-alt-color,
.typo-text-small .typo-alt-color {
  color: #06C;
}
.typo-text-small.typo-disabled-color,
.typo-text-small .typo-disabled-color {
  color: #999;
}
.typo-text-small.typo-title-color,
.typo-text-small .typo-title-color {
  color: #3f4c5a;
}
.typo-text-small.typo-text-color,
.typo-text-small .typo-text-color {
  color: #3f4c5a;
}
.typo-text-small.typo-text-small-color,
.typo-text-small .typo-text-small-color {
  color: #6b7c8e;
}
.typo-text-small.typo-text-feedback-red-color,
.typo-text-small .typo-text-feedback-red-color {
  color: #ed1c24;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.flex {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
}
.flex.row-reverse {
  flex-direction: row-reverse;
}
.flex.column {
  flex-direction: column;
}
.flex.end {
  justify-content: flex-end;
}
.flex.start {
  justify-content: flex-start;
}
.flex.flex-center {
  justify-content: center;
}
.flex.between {
  justify-content: space-between;
}
.flex.around {
  justify-content: space-around;
}
.flex.cross-start {
  align-items: flex-start;
}
.flex.cross-end {
  align-items: flex-end;
}
.flex.stretch {
  align-items: stretch;
}
.flex.evenly {
  justify-content: space-evenly;
}
.flex.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.flex.wrap {
  flex-wrap: wrap;
}
.flex.grow {
  flex: 1;
}
.flex .flex-half,
.flex .flex-quarter,
.flex .flex-sixth,
.flex .flex-third,
.flex .flex-two-third {
  box-sizing: border-box;
}
.flex .flex-remaining-space {
  flex-grow: 1;
}
.flex .flex-grow-1 {
  flex: 1 1;
}
.flex .flex-grow-2 {
  flex: 2 1;
}
.flex .flex-grow-3 {
  flex: 3 1;
}
.flex .flex-grow-4 {
  flex: 4 1;
}
.flex .flex-grow-5 {
  flex: 5 1;
}
.flex .flex-grow-6 {
  flex: 6 1;
}
.flex .flex-grow-7 {
  flex: 7 1;
}
.flex .flex-grow-8 {
  flex: 8 1;
}
.full {
  width: 100%;
  height: 100%;
}
.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 21000;
  height: 100%;
  width: 100%;
}
.max--width {
  width: 100%;
}
.max-height {
  height: 100%;
}
.auto-margin {
  margin: auto;
}
.limit-heigth-86 {
  max-height: 86%;
}
.limit-heigth-84 {
  max-height: 84%;
}
.padding-1 {
  padding: 1rem;
}
.padding-left-1 {
  padding-left: 1rem;
}
.padding-2 {
  padding: 2rem;
}
.padding-left-2 {
  padding-left: 2rem;
}
.padding-3 {
  padding: 3rem;
}
.padding-left-3 {
  padding-left: 3rem;
}
.padding-4 {
  padding: 4rem;
}
.padding-left-4 {
  padding-left: 4rem;
}
.padding-5 {
  padding: 5rem;
}
.padding-left-5 {
  padding-left: 5rem;
}
.margin-1 {
  margin: 1rem;
}
.margin-left-1 {
  margin-left: 1rem;
}
.margin-right-1 {
  margin-right: 1rem;
}
.margin-top-1 {
  margin-top: 1rem;
}
.margin-bottom-1 {
  margin-bottom: 1rem;
}
.margin-2 {
  margin: 2rem;
}
.margin-left-2 {
  margin-left: 2rem;
}
.margin-right-2 {
  margin-right: 2rem;
}
.margin-top-2 {
  margin-top: 2rem;
}
.margin-bottom-2 {
  margin-bottom: 2rem;
}
.margin-3 {
  margin: 3rem;
}
.margin-left-3 {
  margin-left: 3rem;
}
.margin-right-3 {
  margin-right: 3rem;
}
.margin-top-3 {
  margin-top: 3rem;
}
.margin-bottom-3 {
  margin-bottom: 3rem;
}
.margin-4 {
  margin: 4rem;
}
.margin-left-4 {
  margin-left: 4rem;
}
.margin-right-4 {
  margin-right: 4rem;
}
.margin-top-4 {
  margin-top: 4rem;
}
.margin-bottom-4 {
  margin-bottom: 4rem;
}
.margin-5 {
  margin: 5rem;
}
.margin-left-5 {
  margin-left: 5rem;
}
.margin-right-5 {
  margin-right: 5rem;
}
.margin-top-5 {
  margin-top: 5rem;
}
.margin-bottom-5 {
  margin-bottom: 5rem;
}
.center-horizontal {
  margin-left: auto;
  margin-right: auto;
}
.width-10 {
  width: 10%;
}
.width-20 {
  width: 20%;
}
.width-30 {
  width: 30%;
}
.width-40 {
  width: 40%;
}
.width-50 {
  width: 50%;
}
.width-60 {
  width: 60%;
}
.width-70 {
  width: 70%;
}
.width-80 {
  width: 80%;
}
.width-90 {
  width: 90%;
}
.width-100 {
  width: 100%;
}
.actionable-link {
  color: #277cd9;
  text-decoration: underline;
  cursor: pointer;
}
.actionable-link:hover {
  color: #4e92ff;
  text-decoration: underline;
}
.actionable-link:focus,
.actionable-link:active {
  color: #2465ab;
  text-decoration: underline;
}
.spin--element {
  animation: spinElement 1.1s linear infinite;
}
@keyframes spinElement {
  100% {
    transform: rotate(360deg);
  }
}
/* Auto-generated CSS variables file */
/* All CSS variables starting with --border */
/* Auto-generated CSS variables file */
:root {
  /* Border */
  --border-contrast: #fff;
  --border-disabled: #aeb7c2;
  /* Border Default */
  --border-default: #d1d3de;
  --border-default-border: 1px;
  /* Border Differentiation Colors Caribbean */
  --border-differentiation-colors-caribbean-01: #ecfffe;
  --border-differentiation-colors-caribbean-02: #d1fafa;
  --border-differentiation-colors-caribbean-03: #b6f6f6;
  --border-differentiation-colors-caribbean-04: #99efef;
  --border-differentiation-colors-caribbean-05: #7ce9e9;
  --border-differentiation-colors-caribbean-06: #5ddfdf;
  --border-differentiation-colors-caribbean-07: #3fd4d4;
  --border-differentiation-colors-caribbean-08: #37c7c7;
  --border-differentiation-colors-caribbean-09: #35b6b6;
  --border-differentiation-colors-caribbean-10: #2f9292;
  --border-differentiation-colors-caribbean-11: #257474;
  --border-differentiation-colors-caribbean-12: #1e5252;
  /* Border Differentiation Colors Cranberry */
  --border-differentiation-colors-cranberry-01: #ffecf7;
  --border-differentiation-colors-cranberry-02: #fbd5e8;
  --border-differentiation-colors-cranberry-03: #f8bad9;
  --border-differentiation-colors-cranberry-04: #f29dc7;
  --border-differentiation-colors-cranberry-05: #eb7fb5;
  --border-differentiation-colors-cranberry-06: #e260a0;
  --border-differentiation-colors-cranberry-07: #d7428c;
  --border-differentiation-colors-cranberry-08: #cc3881;
  --border-differentiation-colors-cranberry-09: #bc3477;
  --border-differentiation-colors-cranberry-10: #982f63;
  --border-differentiation-colors-cranberry-11: #79244e;
  --border-differentiation-colors-cranberry-12: #571e3a;
  /* Border Differentiation Colors Crimson */
  --border-differentiation-colors-crimson-01: #fdf4f4;
  --border-differentiation-colors-crimson-02: #fee7e7;
  --border-differentiation-colors-crimson-03: #fdc9c9;
  --border-differentiation-colors-crimson-04: #f9a9a9;
  --border-differentiation-colors-crimson-05: #f58a8a;
  --border-differentiation-colors-crimson-06: #ee6868;
  --border-differentiation-colors-crimson-07: #e64545;
  --border-differentiation-colors-crimson-08: #e13636;
  --border-differentiation-colors-crimson-09: #d72d2d;
  --border-differentiation-colors-crimson-10: #b42727;
  --border-differentiation-colors-crimson-11: #921f1f;
  --border-differentiation-colors-crimson-12: #6e1c1c;
  /* Border Differentiation Colors Emerald */
  --border-differentiation-colors-emerald-01: #ecfdf4;
  --border-differentiation-colors-emerald-02: #caf7e0;
  --border-differentiation-colors-emerald-03: #aff3d1;
  --border-differentiation-colors-emerald-04: #94ebbf;
  --border-differentiation-colors-emerald-05: #78e3ad;
  --border-differentiation-colors-emerald-06: #5ad899;
  --border-differentiation-colors-emerald-07: #3dcc84;
  --border-differentiation-colors-emerald-08: #38bc7a;
  --border-differentiation-colors-emerald-09: #38a870;
  --border-differentiation-colors-emerald-10: #32865c;
  --border-differentiation-colors-emerald-11: #266847;
  --border-differentiation-colors-emerald-12: #1e4833;
  /* Border Differentiation Colors Fuchsia */
  --border-differentiation-colors-fuchsia-01: #feecff;
  --border-differentiation-colors-fuchsia-02: #fbd5fb;
  --border-differentiation-colors-fuchsia-03: #f8b9f8;
  --border-differentiation-colors-fuchsia-04: #f29bf2;
  --border-differentiation-colors-fuchsia-05: #ec7eec;
  --border-differentiation-colors-fuchsia-06: #e35fe3;
  --border-differentiation-colors-fuchsia-07: #d941d9;
  --border-differentiation-colors-fuchsia-08: #cd37cd;
  --border-differentiation-colors-fuchsia-09: #bd32bd;
  --border-differentiation-colors-fuchsia-10: #992e99;
  --border-differentiation-colors-fuchsia-11: #7a237a;
  --border-differentiation-colors-fuchsia-12: #581d58;
  /* Border Differentiation Colors Indigo */
  --border-differentiation-colors-indigo-01: #e4eafb;
  --border-differentiation-colors-indigo-02: #cad5f7;
  --border-differentiation-colors-indigo-03: #afc0f3;
  --border-differentiation-colors-indigo-04: #93a9eb;
  --border-differentiation-colors-indigo-05: #7892e3;
  --border-differentiation-colors-indigo-06: #5a79d8;
  --border-differentiation-colors-indigo-07: #3d61cc;
  --border-differentiation-colors-indigo-08: #3859bc;
  --border-differentiation-colors-indigo-09: #3854a8;
  --border-differentiation-colors-indigo-10: #324786;
  --border-differentiation-colors-indigo-11: #263669;
  --border-differentiation-colors-indigo-12: #1e2848;
  /* Border Differentiation Colors Lavender */
  --border-differentiation-colors-lavender-01: #f5ecff;
  --border-differentiation-colors-lavender-02: #e8d5fb;
  --border-differentiation-colors-lavender-03: #d9b9f8;
  --border-differentiation-colors-lavender-04: #c69af2;
  --border-differentiation-colors-lavender-05: #b57eec;
  --border-differentiation-colors-lavender-06: #a05fe3;
  --border-differentiation-colors-lavender-07: #8c41d9;
  --border-differentiation-colors-lavender-08: #8238ce;
  --border-differentiation-colors-lavender-09: #7732bd;
  --border-differentiation-colors-lavender-10: #632e99;
  --border-differentiation-colors-lavender-11: #4e237a;
  --border-differentiation-colors-lavender-12: #3a1d58;
  /* Border Differentiation Colors Lemon */
  --border-differentiation-colors-lemon-01: #fffae5;
  --border-differentiation-colors-lemon-02: #fff4bd;
  --border-differentiation-colors-lemon-03: #ffef9e;
  --border-differentiation-colors-lemon-04: #ffe979;
  --border-differentiation-colors-lemon-05: #ffe357;
  --border-differentiation-colors-lemon-06: #ffdc2e;
  --border-differentiation-colors-lemon-07: #fad20c;
  --border-differentiation-colors-lemon-08: #e6c10a;
  --border-differentiation-colors-lemon-09: #ceae0d;
  --border-differentiation-colors-lemon-10: #a48b0e;
  --border-differentiation-colors-lemon-11: #7e6b0a;
  --border-differentiation-colors-lemon-12: #574a0a;
  /* Border Differentiation Colors Mantis */
  --border-differentiation-colors-mantis-01: #f0ffec;
  --border-differentiation-colors-mantis-02: #dcfbd5;
  --border-differentiation-colors-mantis-03: #c4f8ba;
  --border-differentiation-colors-mantis-04: #aaf19c;
  --border-differentiation-colors-mantis-05: #91eb7f;
  --border-differentiation-colors-mantis-06: #75e260;
  --border-differentiation-colors-mantis-07: #59d640;
  --border-differentiation-colors-mantis-08: #50cb37;
  --border-differentiation-colors-mantis-09: #4abc34;
  --border-differentiation-colors-mantis-10: #40982f;
  --border-differentiation-colors-mantis-11: #2d6621;
  --border-differentiation-colors-mantis-12: #28571e;
  /* Border Differentiation Colors Pear */
  --border-differentiation-colors-pear-01: #f7fce8;
  --border-differentiation-colors-pear-02: #f0fad1;
  --border-differentiation-colors-pear-03: #e6f6b6;
  --border-differentiation-colors-pear-04: #daef99;
  --border-differentiation-colors-pear-05: #cee97c;
  --border-differentiation-colors-pear-06: #bfdf5d;
  --border-differentiation-colors-pear-07: #afd441;
  --border-differentiation-colors-pear-08: #a4c839;
  --border-differentiation-colors-pear-09: #96b635;
  --border-differentiation-colors-pear-10: #7a922f;
  --border-differentiation-colors-pear-11: #607425;
  --border-differentiation-colors-pear-12: #45521e;
  /* Border Differentiation Colors Pumpkin */
  --border-differentiation-colors-pumpkin-01: #fff4eb;
  --border-differentiation-colors-pumpkin-02: #ffdebd;
  --border-differentiation-colors-pumpkin-03: #ffcf9e;
  --border-differentiation-colors-pumpkin-04: #ffbd7a;
  --border-differentiation-colors-pumpkin-05: #ffab57;
  --border-differentiation-colors-pumpkin-06: #ff962e;
  --border-differentiation-colors-pumpkin-07: #fa830c;
  --border-differentiation-colors-pumpkin-08: #e1760a;
  --border-differentiation-colors-pumpkin-09: #ce6e0d;
  --border-differentiation-colors-pumpkin-10: #a4590e;
  --border-differentiation-colors-pumpkin-11: #7f440a;
  --border-differentiation-colors-pumpkin-12: #57300a;
  /* Border Differentiation Colors Sky */
  --border-differentiation-colors-sky-01: #effaff;
  --border-differentiation-colors-sky-02: #d4eefc;
  --border-differentiation-colors-sky-03: #b7e3fa;
  --border-differentiation-colors-sky-04: #97d4f5;
  --border-differentiation-colors-sky-05: #7ac7f0;
  --border-differentiation-colors-sky-06: #59b6e8;
  --border-differentiation-colors-sky-07: #38a4de;
  --border-differentiation-colors-sky-08: #2f9ad4;
  --border-differentiation-colors-sky-09: #2b8fc5;
  --border-differentiation-colors-sky-10: #28759f;
  --border-differentiation-colors-sky-11: #1f5e7f;
  --border-differentiation-colors-sky-12: #1a455b;
  /* Border Greyscale */
  --border-greyscale-01: #fff;
  --border-greyscale-02: #f5f5f8;
  --border-greyscale-03: #e9eaef;
  --border-greyscale-04: #d1d3de;
  --border-greyscale-05: #aeb7c2;
  --border-greyscale-06: #8c99a8;
  --border-greyscale-07: #6b7c8e;
  --border-greyscale-08: #556474;
  --border-greyscale-09: #3f4c5a;
  --border-greyscale-10: #2a3541;
  /* Border Selected */
  --border-selected: #277cd9;
  --border-selected-border: 2px;
  /* Border Subject An */
  --border-subject-an-01: #fffae5;
  --border-subject-an-02: #fff4bd;
  --border-subject-an-03: #ffef9e;
  --border-subject-an-04: #ffe979;
  --border-subject-an-05: #ffe357;
  --border-subject-an-06: #ffdc2e;
  --border-subject-an-07: #fad20c;
  --border-subject-an-08: #e6c10a;
  --border-subject-an-09: #ceae0d;
  --border-subject-an-10: #a48b0e;
  --border-subject-an-11: #7e6b0a;
  --border-subject-an-12: #574a0a;
  /* Border Subject Crimson */
  --border-subject-crimson-01: #fdf4f4;
  --border-subject-crimson-02: #fee7e7;
  --border-subject-crimson-03: #fdc9c9;
  --border-subject-crimson-04: #f9a9a9;
  --border-subject-crimson-05: #f58a8a;
  --border-subject-crimson-06: #ee6868;
  --border-subject-crimson-07: #e64545;
  --border-subject-crimson-08: #e13636;
  --border-subject-crimson-09: #d72d2d;
  --border-subject-crimson-10: #b42727;
  --border-subject-crimson-11: #921f1f;
  --border-subject-crimson-12: #6e1c1c;
  /* Border Subject Digital Literacy */
  --border-subject-digital-literacy-01: #feecff;
  --border-subject-digital-literacy-02: #fbd5fb;
  --border-subject-digital-literacy-03: #f8b9f8;
  --border-subject-digital-literacy-04: #f29bf2;
  --border-subject-digital-literacy-05: #ec7eec;
  --border-subject-digital-literacy-06: #e35fe3;
  --border-subject-digital-literacy-07: #d941d9;
  --border-subject-digital-literacy-08: #cd37cd;
  --border-subject-digital-literacy-09: #bd32bd;
  --border-subject-digital-literacy-10: #992e99;
  --border-subject-digital-literacy-11: #7a237a;
  --border-subject-digital-literacy-12: #581d58;
  /* Border Subject Dutch */
  --border-subject-dutch-01: #f0ffec;
  --border-subject-dutch-02: #dcfbd5;
  --border-subject-dutch-03: #c4f8ba;
  --border-subject-dutch-04: #aaf19c;
  --border-subject-dutch-05: #91eb7f;
  --border-subject-dutch-06: #75e260;
  --border-subject-dutch-07: #59d640;
  --border-subject-dutch-08: #50cb37;
  --border-subject-dutch-09: #4abc34;
  --border-subject-dutch-10: #40982f;
  --border-subject-dutch-11: #2d6621;
  --border-subject-dutch-12: #28571e;
  /* Border Subject English */
  --border-subject-english-01: #f5ecff;
  --border-subject-english-02: #e8d5fb;
  --border-subject-english-03: #d9b9f8;
  --border-subject-english-04: #c69af2;
  --border-subject-english-05: #b57eec;
  --border-subject-english-06: #a05fe3;
  --border-subject-english-07: #8c41d9;
  --border-subject-english-08: #8238ce;
  --border-subject-english-09: #7732bd;
  --border-subject-english-10: #632e99;
  --border-subject-english-11: #4e237a;
  --border-subject-english-12: #3a1d58;
  /* Border Subject French */
  --border-subject-french-01: #e4eafb;
  --border-subject-french-02: #cad5f7;
  --border-subject-french-03: #afc0f3;
  --border-subject-french-04: #93a9eb;
  --border-subject-french-05: #7892e3;
  --border-subject-french-06: #5a79d8;
  --border-subject-french-07: #3d61cc;
  --border-subject-french-08: #3859bc;
  --border-subject-french-09: #3854a8;
  --border-subject-french-10: #324786;
  --border-subject-french-11: #263669;
  --border-subject-french-12: #1e2848;
  /* Border Subject Grammar */
  --border-subject-grammar-01: #ffecf7;
  --border-subject-grammar-02: #fbd5e8;
  --border-subject-grammar-03: #f8bad9;
  --border-subject-grammar-04: #f29dc7;
  --border-subject-grammar-05: #eb7fb5;
  --border-subject-grammar-06: #e260a0;
  --border-subject-grammar-07: #d7428c;
  --border-subject-grammar-08: #cc3881;
  --border-subject-grammar-09: #bc3477;
  --border-subject-grammar-10: #982f63;
  --border-subject-grammar-11: #79244e;
  --border-subject-grammar-12: #571e3a;
  /* Border Subject Letters */
  --border-subject-letters-01: #ecfdf4;
  --border-subject-letters-02: #caf7e0;
  --border-subject-letters-03: #aff3d1;
  --border-subject-letters-04: #94ebbf;
  --border-subject-letters-05: #78e3ad;
  --border-subject-letters-06: #5ad899;
  --border-subject-letters-07: #3dcc84;
  --border-subject-letters-08: #38bc7a;
  --border-subject-letters-09: #38a870;
  --border-subject-letters-10: #32865c;
  --border-subject-letters-11: #266847;
  --border-subject-letters-12: #1e4833;
  /* Border Subject Math */
  --border-subject-math-01: #effaff;
  --border-subject-math-02: #d4eefc;
  --border-subject-math-03: #b7e3fa;
  --border-subject-math-04: #97d4f5;
  --border-subject-math-05: #7ac7f0;
  --border-subject-math-06: #59b6e8;
  --border-subject-math-07: #38a4de;
  --border-subject-math-08: #2f9ad4;
  --border-subject-math-09: #2b8fc5;
  --border-subject-math-10: #28759f;
  --border-subject-math-11: #1f5e7f;
  --border-subject-math-12: #1a455b;
  /* Border Subject Numbers */
  --border-subject-numbers-01: #ecfffe;
  --border-subject-numbers-02: #d1fafa;
  --border-subject-numbers-03: #b6f6f6;
  --border-subject-numbers-04: #99efef;
  --border-subject-numbers-05: #7ce9e9;
  --border-subject-numbers-06: #5ddfdf;
  --border-subject-numbers-07: #3fd4d4;
  --border-subject-numbers-08: #37c7c7;
  --border-subject-numbers-09: #35b6b6;
  --border-subject-numbers-10: #2f9292;
  --border-subject-numbers-11: #257474;
  --border-subject-numbers-12: #1e5252;
  /* Border Subject Numbers Letters */
  --border-subject-numbers-letters-01: #ecfdf4;
  --border-subject-numbers-letters-02: #caf7e0;
  --border-subject-numbers-letters-03: #aff3d1;
  --border-subject-numbers-letters-04: #94ebbf;
  --border-subject-numbers-letters-05: #78e3ad;
  --border-subject-numbers-letters-06: #5ad899;
  --border-subject-numbers-letters-07: #3dcc84;
  --border-subject-numbers-letters-08: #38bc7a;
  --border-subject-numbers-letters-09: #38a870;
  --border-subject-numbers-letters-10: #32865c;
  --border-subject-numbers-letters-11: #266847;
  --border-subject-numbers-letters-12: #1e4833;
  /* Border Subject Spelling */
  --border-subject-spelling-01: #f0ffec;
  --border-subject-spelling-02: #dcfbd5;
  --border-subject-spelling-03: #c4f8ba;
  --border-subject-spelling-04: #aaf19c;
  --border-subject-spelling-05: #91eb7f;
  --border-subject-spelling-06: #75e260;
  --border-subject-spelling-07: #59d640;
  --border-subject-spelling-08: #50cb37;
  --border-subject-spelling-09: #4abc34;
  --border-subject-spelling-10: #40982f;
  --border-subject-spelling-11: #2d6621;
  --border-subject-spelling-12: #28571e;
  /* Border Subject Topography */
  --border-subject-topography-01: #f7fce8;
  --border-subject-topography-02: #f0fad1;
  --border-subject-topography-03: #e6f6b6;
  --border-subject-topography-04: #daef99;
  --border-subject-topography-05: #cee97c;
  --border-subject-topography-06: #bfdf5d;
  --border-subject-topography-07: #afd441;
  --border-subject-topography-08: #a4c839;
  --border-subject-topography-09: #96b635;
  --border-subject-topography-10: #7a922f;
  --border-subject-topography-11: #607425;
  --border-subject-topography-12: #45521e;
  /* Border Subject Vocabulary */
  --border-subject-vocabulary-01: #fff4eb;
  --border-subject-vocabulary-02: #ffdebd;
  --border-subject-vocabulary-03: #ffcf9e;
  --border-subject-vocabulary-04: #ffbd7a;
  --border-subject-vocabulary-05: #ffab57;
  --border-subject-vocabulary-06: #ff962e;
  --border-subject-vocabulary-07: #fa830c;
  --border-subject-vocabulary-08: #e1760a;
  --border-subject-vocabulary-09: #ce6e0d;
  --border-subject-vocabulary-10: #a4590e;
  --border-subject-vocabulary-11: #7f440a;
  --border-subject-vocabulary-12: #57300a;
}
/* All CSS variables starting with --color-brand */
/* Auto-generated CSS variables file */
:root {
  /* Color Brand Basispoort Blue */
  --color-brand-basispoort-blue-00-light: #333663;
  --color-brand-basispoort-blue-01-base: #292c59;
  --color-brand-basispoort-blue-02-dark: #1f224f;
  /* Color Brand Esis */
  --color-brand-esis-00-light: #50cb37;
  --color-brand-esis-01-base: #4abc34;
  --color-brand-esis-02-dark: #40982f;
  /* Color Brand Gynzy Blue */
  --color-brand-gynzy-blue-00-lightest: #e9f2fb;
  --color-brand-gynzy-blue-01-lighter: #bed8f4;
  --color-brand-gynzy-blue-02-light: #4e92ff;
  --color-brand-gynzy-blue-03-base: #277cd9;
  --color-brand-gynzy-blue-04-dark: #2465ab;
  /* Color Brand Gynzy Orange */
  --color-brand-gynzy-orange-00-lightest: #fff5eb;
  --color-brand-gynzy-orange-01-lighter: #ffe5cc;
  --color-brand-gynzy-orange-02-light: #fda045;
  --color-brand-gynzy-orange-03-base: #fd8b1d;
  --color-brand-gynzy-orange-04-dark: #e57102;
  /* Color Brand Parnassys Pink */
  --color-brand-parnassys-pink-00-light: #f34c77;
  --color-brand-parnassys-pink-01-base: #e9426d;
  --color-brand-parnassys-pink-02-dark: #df3863;
  /* Color Brand Questi Green */
  --color-brand-questi-green-00-light: #e7e50a;
  --color-brand-questi-green-01-base: #dddb00;
  --color-brand-questi-green-02-dark: #d3d100;
  /* Color Brand Smartschool Red */
  --color-brand-smartschool-red-00-light: #fc1e1e;
  --color-brand-smartschool-red-01-base: #f20900;
  --color-brand-smartschool-red-02-dark: #e80000;
}
/* All CSS variables starting with --color-differentiation */
/* Auto-generated CSS variables file */
:root {
  /* Color Differentiation Caribbean */
  --color-differentiation-caribbean-01: #ecfffe;
  --color-differentiation-caribbean-02: #d1fafa;
  --color-differentiation-caribbean-03: #b6f6f6;
  --color-differentiation-caribbean-04: #99efef;
  --color-differentiation-caribbean-05: #7ce9e9;
  --color-differentiation-caribbean-06: #5ddfdf;
  --color-differentiation-caribbean-07: #3fd4d4;
  --color-differentiation-caribbean-08: #37c7c7;
  --color-differentiation-caribbean-09: #35b6b6;
  --color-differentiation-caribbean-10: #2f9292;
  --color-differentiation-caribbean-11: #257474;
  --color-differentiation-caribbean-12: #1e5252;
  /* Color Differentiation Cranberry */
  --color-differentiation-cranberry-01: #ffecf7;
  --color-differentiation-cranberry-02: #fbd5e8;
  --color-differentiation-cranberry-03: #f8bad9;
  --color-differentiation-cranberry-04: #f29dc7;
  --color-differentiation-cranberry-05: #eb7fb5;
  --color-differentiation-cranberry-06: #e260a0;
  --color-differentiation-cranberry-07: #d7428c;
  --color-differentiation-cranberry-08: #cc3881;
  --color-differentiation-cranberry-09: #bc3477;
  --color-differentiation-cranberry-10: #982f63;
  --color-differentiation-cranberry-11: #79244e;
  --color-differentiation-cranberry-12: #571e3a;
  /* Color Differentiation Crimson */
  --color-differentiation-crimson-01: #fdf4f4;
  --color-differentiation-crimson-02: #fee7e7;
  --color-differentiation-crimson-03: #fdc9c9;
  --color-differentiation-crimson-04: #f9a9a9;
  --color-differentiation-crimson-05: #f58a8a;
  --color-differentiation-crimson-06: #ee6868;
  --color-differentiation-crimson-07: #e64545;
  --color-differentiation-crimson-08: #e13636;
  --color-differentiation-crimson-09: #d72d2d;
  --color-differentiation-crimson-10: #b42727;
  --color-differentiation-crimson-11: #921f1f;
  --color-differentiation-crimson-12: #6e1c1c;
  /* Color Differentiation Emerald */
  --color-differentiation-emerald-01: #ecfdf4;
  --color-differentiation-emerald-02: #caf7e0;
  --color-differentiation-emerald-03: #aff3d1;
  --color-differentiation-emerald-04: #94ebbf;
  --color-differentiation-emerald-05: #78e3ad;
  --color-differentiation-emerald-06: #5ad899;
  --color-differentiation-emerald-07: #3dcc84;
  --color-differentiation-emerald-08: #38bc7a;
  --color-differentiation-emerald-09: #38a870;
  --color-differentiation-emerald-10: #32865c;
  --color-differentiation-emerald-11: #266847;
  --color-differentiation-emerald-12: #1e4833;
  /* Color Differentiation Fuchsia */
  --color-differentiation-fuchsia-01: #feecff;
  --color-differentiation-fuchsia-02: #fbd5fb;
  --color-differentiation-fuchsia-03: #f8b9f8;
  --color-differentiation-fuchsia-04: #f29bf2;
  --color-differentiation-fuchsia-05: #ec7eec;
  --color-differentiation-fuchsia-06: #e35fe3;
  --color-differentiation-fuchsia-07: #d941d9;
  --color-differentiation-fuchsia-08: #cd37cd;
  --color-differentiation-fuchsia-09: #bd32bd;
  --color-differentiation-fuchsia-10: #992e99;
  --color-differentiation-fuchsia-11: #7a237a;
  --color-differentiation-fuchsia-12: #581d58;
  /* Color Differentiation Indigo */
  --color-differentiation-indigo-01: #e4eafb;
  --color-differentiation-indigo-02: #cad5f7;
  --color-differentiation-indigo-03: #afc0f3;
  --color-differentiation-indigo-04: #93a9eb;
  --color-differentiation-indigo-05: #7892e3;
  --color-differentiation-indigo-06: #5a79d8;
  --color-differentiation-indigo-07: #3d61cc;
  --color-differentiation-indigo-08: #3859bc;
  --color-differentiation-indigo-09: #3854a8;
  --color-differentiation-indigo-10: #324786;
  --color-differentiation-indigo-11: #263669;
  --color-differentiation-indigo-12: #1e2848;
  /* Color Differentiation Lavender */
  --color-differentiation-lavender-01: #f5ecff;
  --color-differentiation-lavender-02: #e8d5fb;
  --color-differentiation-lavender-03: #d9b9f8;
  --color-differentiation-lavender-04: #c69af2;
  --color-differentiation-lavender-05: #b57eec;
  --color-differentiation-lavender-06: #a05fe3;
  --color-differentiation-lavender-07: #8c41d9;
  --color-differentiation-lavender-08: #8238ce;
  --color-differentiation-lavender-09: #7732bd;
  --color-differentiation-lavender-10: #632e99;
  --color-differentiation-lavender-11: #4e237a;
  --color-differentiation-lavender-12: #3a1d58;
  /* Color Differentiation Lemon */
  --color-differentiation-lemon-01: #fffae5;
  --color-differentiation-lemon-02: #fff4bd;
  --color-differentiation-lemon-03: #ffef9e;
  --color-differentiation-lemon-04: #ffe979;
  --color-differentiation-lemon-05: #ffe357;
  --color-differentiation-lemon-06: #ffdc2e;
  --color-differentiation-lemon-07: #fad20c;
  --color-differentiation-lemon-08: #e6c10a;
  --color-differentiation-lemon-09: #ceae0d;
  --color-differentiation-lemon-10: #a48b0e;
  --color-differentiation-lemon-11: #7e6b0a;
  --color-differentiation-lemon-12: #574a0a;
  /* Color Differentiation Mantis */
  --color-differentiation-mantis-01: #f0ffec;
  --color-differentiation-mantis-02: #dcfbd5;
  --color-differentiation-mantis-03: #c4f8ba;
  --color-differentiation-mantis-04: #aaf19c;
  --color-differentiation-mantis-05: #91eb7f;
  --color-differentiation-mantis-06: #75e260;
  --color-differentiation-mantis-07: #59d640;
  --color-differentiation-mantis-08: #50cb37;
  --color-differentiation-mantis-09: #4abc34;
  --color-differentiation-mantis-10: #40982f;
  --color-differentiation-mantis-11: #2d6621;
  --color-differentiation-mantis-12: #28571e;
  /* Color Differentiation Pear */
  --color-differentiation-pear-01: #f7fce8;
  --color-differentiation-pear-02: #f0fad1;
  --color-differentiation-pear-03: #e6f6b6;
  --color-differentiation-pear-04: #daef99;
  --color-differentiation-pear-05: #cee97c;
  --color-differentiation-pear-06: #bfdf5d;
  --color-differentiation-pear-07: #afd441;
  --color-differentiation-pear-08: #a4c839;
  --color-differentiation-pear-09: #96b635;
  --color-differentiation-pear-10: #7a922f;
  --color-differentiation-pear-11: #607425;
  --color-differentiation-pear-12: #45521e;
  /* Color Differentiation Pumpkin */
  --color-differentiation-pumpkin-01: #fff4eb;
  --color-differentiation-pumpkin-02: #ffdebd;
  --color-differentiation-pumpkin-03: #ffcf9e;
  --color-differentiation-pumpkin-04: #ffbd7a;
  --color-differentiation-pumpkin-05: #ffab57;
  --color-differentiation-pumpkin-06: #ff962e;
  --color-differentiation-pumpkin-07: #fa830c;
  --color-differentiation-pumpkin-08: #e1760a;
  --color-differentiation-pumpkin-09: #ce6e0d;
  --color-differentiation-pumpkin-10: #a4590e;
  --color-differentiation-pumpkin-11: #7f440a;
  --color-differentiation-pumpkin-12: #57300a;
  /* Color Differentiation Sky */
  --color-differentiation-sky-01: #effaff;
  --color-differentiation-sky-02: #d4eefc;
  --color-differentiation-sky-03: #b7e3fa;
  --color-differentiation-sky-04: #97d4f5;
  --color-differentiation-sky-05: #7ac7f0;
  --color-differentiation-sky-06: #59b6e8;
  --color-differentiation-sky-07: #38a4de;
  --color-differentiation-sky-08: #2f9ad4;
  --color-differentiation-sky-09: #2b8fc5;
  --color-differentiation-sky-10: #28759f;
  --color-differentiation-sky-11: #1f5e7f;
  --color-differentiation-sky-12: #1a455b;
  --color-differentiation-sky-13: #a9c8d9;
}
/* All CSS variables starting with --color-feedback */
/* Auto-generated CSS variables file */
:root {
  /* Color Feedback Negative */
  --color-feedback-negative-00-lightest: #fef1f1;
  --color-feedback-negative-01-lighter: #fcd9db;
  --color-feedback-negative-02-light: #f04248;
  --color-feedback-negative-03-base: #ed1c24;
  --color-feedback-negative-04-dark: #c61017;
  /* Color Feedback Positive */
  --color-feedback-positive-00-lightest: #eefdec;
  --color-feedback-positive-01-lighter: #aef7a7;
  --color-feedback-positive-02-light: #25cf14;
  --color-feedback-positive-03-base: #1eaa10;
  --color-feedback-positive-04-dark: #167b0c;
}
/* All CSS variables starting with --color-greyscale */
/* Auto-generated CSS variables file */
:root {
  /* Color Greyscale */
  --color-greyscale-01-white: #fff;
  --color-greyscale-02-aqua-haze: #f5f5f8;
  --color-greyscale-03-solitude: #e9eaef;
  --color-greyscale-04-ghost: #d1d3de;
  --color-greyscale-05-heather: #aeb7c2;
  --color-greyscale-06-regent-grey: #8c99a8;
  --color-greyscale-07-slate-grey: #6b7c8e;
  --color-greyscale-08-shuttle-grey: #556474;
  --color-greyscale-09-riverbed: #3f4c5a;
  --color-greyscale-10-midnight: #2a3541;
  --color-greyscale-11-black: #000;
}
/* All CSS variables starting with --component */
/* Auto-generated CSS variables file */
:root {
  /* Component Button Cta Cta */
  --component-button-cta-cta-active: #e1760a;
  --component-button-cta-cta-default: #fa830c;
  --component-button-cta-cta-disabled: #ffbd7a;
  --component-button-cta-cta-focused: #ff962e;
  --component-button-cta-cta-hover: #ff962e;
  --component-button-cta-cta-label-default: #fff;
  /* Component Button Filled */
  --component-button-filled-icon: #fff;
  --component-button-filled-label: #fff;
  /* Component Button Filled Bg */
  --component-button-filled-bg-active: #1f5e7f;
  --component-button-filled-bg-default: #28759f;
  --component-button-filled-bg-disabled: #a9c8d9;
  --component-button-filled-bg-focused: #2b8fc5;
  --component-button-filled-bg-hover: #2b8fc5;
  /* Component Button Outlined Bg */
  --component-button-outlined-bg-active: #b7e3fa;
  --component-button-outlined-bg-default: #fff;
  --component-button-outlined-bg-disabled: #fff6;
  --component-button-outlined-bg-focused: #d4eefc;
  --component-button-outlined-bg-hover: #d4eefc;
  /* Component Button Outlined Label */
  --component-button-outlined-label: #1f5e7f;
  --component-button-outlined-label-disabled: #a9c8d9;
  /* Component Button Outlined Stroke */
  --component-button-outlined-stroke: #28759f;
  --component-button-outlined-stroke-disabled: #a9c8d9;
  /* Component Button Text Label */
  --component-button-text-label-default: #1f5e7f;
  --component-button-text-label-disabled: #a9c8d9;
  /* Component Button Text Text */
  --component-button-text-text-active: #b7e3fa;
  --component-button-text-text-disabled: #fff6;
  --component-button-text-text-focused: #d4eefc;
  --component-button-text-text-hover: #d4eefc;
  /* Component Button Tonal Bg */
  --component-button-tonal-bg-active: #b7e3fa;
  --component-button-tonal-bg-default: #d4eefc;
  --component-button-tonal-bg-disabled: #effaff;
  --component-button-tonal-bg-focused: #b7e3fa;
  --component-button-tonal-bg-hover: #b7e3fa;
  /* Component Button Tonal Label */
  --component-button-tonal-label: #1f5e7f;
  --component-button-tonal-label-disabled: #a9c8d9;
  /* Component Button Warning Warning */
  --component-button-warning-warning-active: #b42727;
  --component-button-warning-warning-border: #e64545;
  --component-button-warning-warning-default: #e64545;
  --component-button-warning-warning-disabled: #f9a9a9;
  --component-button-warning-warning-focused: #ee6868;
  --component-button-warning-warning-hover: #ee6868;
  --component-button-warning-warning-label-default: #fff;
  /* Component Dropdown Label */
  --component-dropdown-label-default: #1f5e7f;
  --component-dropdown-label-disabled: #a9c8d9;
  --component-dropdown-label-icon: #1f5e7f;
  /* Component Dropdown Selected */
  --component-dropdown-selected-active: #b7e3fa;
  --component-dropdown-selected-default: #d4eefc;
  --component-dropdown-selected-disabled: #effaff;
  --component-dropdown-selected-focused: #b7e3fa;
  --component-dropdown-selected-hover: #b7e3fa;
  /* Component Dropdown Unselected */
  --component-dropdown-unselected-active: #b7e3fa;
  --component-dropdown-unselected-default: #fff;
  --component-dropdown-unselected-disabled: #fff6;
  --component-dropdown-unselected-focused: #d4eefc;
  --component-dropdown-unselected-hover: #d4eefc;
  /* Component Dropdown Unselected Border */
  --component-dropdown-unselected-border-default: #28759f;
  --component-dropdown-unselected-border-disabled: #a9c8d9;
  /* Component Icon Button Filled Bg */
  --component-icon-button-filled-bg-active: #1f5e7f;
  --component-icon-button-filled-bg-default: #28759f;
  --component-icon-button-filled-bg-disabled: #a9c8d9;
  --component-icon-button-filled-bg-focus: #2b8fc5;
  --component-icon-button-filled-bg-hover: #2b8fc5;
  /* Component Icon Button Outlined Grey Bg */
  --component-icon-button-outlined-grey-bg-active: #e9eaef;
  --component-icon-button-outlined-grey-bg-default: #fff;
  --component-icon-button-outlined-grey-bg-focus: #f5f5f8;
  --component-icon-button-outlined-grey-bg-hover: #f5f5f8;
  /* Component Icon Button Outlined Grey Icon */
  --component-icon-button-outlined-grey-icon-default: #556474;
  --component-icon-button-outlined-grey-icon-disabled: #aeb7c2;
  /* Component Icon Button Outlined Grey Stroke */
  --component-icon-button-outlined-grey-stroke: #d1d3de;
  --component-icon-button-outlined-grey-stroke-disabled: #e9eaef;
  /* Component Icon Button Outlined Sky Bg */
  --component-icon-button-outlined-sky-bg-active: #b7e3fa;
  --component-icon-button-outlined-sky-bg-default: #fff;
  --component-icon-button-outlined-sky-bg-disabled: #fff6;
  --component-icon-button-outlined-sky-bg-focus: #d4eefc;
  --component-icon-button-outlined-sky-bg-hover: #d4eefc;
  /* Component Icon Button Outlined Sky Icon */
  --component-icon-button-outlined-sky-icon-default: #1f5e7f;
  --component-icon-button-outlined-sky-icon-disabled: #a9c8d9;
  /* Component Icon Button Outlined Sky Stroke */
  --component-icon-button-outlined-sky-stroke: #28759f;
  --component-icon-button-outlined-sky-stroke-disabled: #a9c8d9;
  /* Component Icon Button Standard Contrast Bg */
  --component-icon-button-standard-contrast-bg-active: #fff6;
  --component-icon-button-standard-contrast-bg-focus: #fff3;
  --component-icon-button-standard-contrast-bg-hover: #fff3;
  /* Component Icon Button Standard Contrast Icon */
  --component-icon-button-standard-contrast-icon-default: #fff;
  --component-icon-button-standard-contrast-icon-disabled: #fff6;
  /* Component Icon Button Standard Grey Bg */
  --component-icon-button-standard-grey-bg-active: #e9eaef;
  --component-icon-button-standard-grey-bg-focus: #f5f5f8;
  --component-icon-button-standard-grey-bg-hover: #f5f5f8;
  /* Component Icon Button Standard Grey Icon */
  --component-icon-button-standard-grey-icon-default: #556474;
  --component-icon-button-standard-grey-icon-disabled: #aeb7c2;
  /* Component Icon Button Standard Sky Bg */
  --component-icon-button-standard-sky-bg-active: #b7e3fa;
  --component-icon-button-standard-sky-bg-focus: #d4eefc;
  --component-icon-button-standard-sky-bg-hover: #d4eefc;
  /* Component Icon Button Standard Sky Icon */
  --component-icon-button-standard-sky-icon-default: #1f5e7f;
  --component-icon-button-standard-sky-icon-disabled: #a9c8d9;
  /* Component Icon Button Standard Warning Bg */
  --component-icon-button-standard-warning-bg-active: #b42727;
  --component-icon-button-standard-warning-bg-focus: #ee6868;
  --component-icon-button-standard-warning-bg-hover: #ee6868;
  /* Component Icon Button Standard Warning Icon */
  --component-icon-button-standard-warning-icon-active: #fff;
  --component-icon-button-standard-warning-icon-default: #b42727;
  --component-icon-button-standard-warning-icon-disabled: #fdc9c9;
  --component-icon-button-standard-warning-icon-hover: #fff;
  /* Component Icon Button Tonal Bg */
  --component-icon-button-tonal-bg-active: #97d4f5;
  --component-icon-button-tonal-bg-default: #d4eefc;
  --component-icon-button-tonal-bg-disabled: #effaff;
  --component-icon-button-tonal-bg-focus: #b7e3fa;
  --component-icon-button-tonal-bg-hover: #b7e3fa;
  /* Component Icon Button Tonal Icon */
  --component-icon-button-tonal-icon: #1f5e7f;
  --component-icon-button-tonal-icon-disabled: #a9c8d9;
  /* Component Labels Differentiation Colors Caribbean */
  --component-labels-differentiation-colors-caribbean-active: #2f9292;
  --component-labels-differentiation-colors-caribbean-default: #35b6b6;
  --component-labels-differentiation-colors-caribbean-hover: #37c7c7;
  /* Component Labels Differentiation Colors Cranberry */
  --component-labels-differentiation-colors-cranberry-active: #982f63;
  --component-labels-differentiation-colors-cranberry-default: #bc3477;
  --component-labels-differentiation-colors-cranberry-hover: #cc3881;
  /* Component Labels Differentiation Colors Crimson */
  --component-labels-differentiation-colors-crimson-active: #b42727;
  --component-labels-differentiation-colors-crimson-default: #d72d2d;
  --component-labels-differentiation-colors-crimson-hover: #e13636;
  /* Component Labels Differentiation Colors Emerald */
  --component-labels-differentiation-colors-emerald-active: #32865c;
  --component-labels-differentiation-colors-emerald-default: #38a870;
  --component-labels-differentiation-colors-emerald-hover: #38bc7a;
  /* Component Labels Differentiation Colors Fuchsia */
  --component-labels-differentiation-colors-fuchsia-active: #992e99;
  --component-labels-differentiation-colors-fuchsia-default: #bd32bd;
  --component-labels-differentiation-colors-fuchsia-hover: #cd37cd;
  /* Component Labels Differentiation Colors Indigo */
  --component-labels-differentiation-colors-indigo-active: #324786;
  --component-labels-differentiation-colors-indigo-default: #3854a8;
  --component-labels-differentiation-colors-indigo-hover: #3859bc;
  /* Component Labels Differentiation Colors Lavender */
  --component-labels-differentiation-colors-lavender-active: #632e99;
  --component-labels-differentiation-colors-lavender-default: #7732bd;
  --component-labels-differentiation-colors-lavender-hover: #8238ce;
  /* Component Labels Differentiation Colors Lemon */
  --component-labels-differentiation-colors-lemon-active: #a48b0e;
  --component-labels-differentiation-colors-lemon-default: #ceae0d;
  --component-labels-differentiation-colors-lemon-hover: #e6c10a;
  /* Component Labels Differentiation Colors Mantis */
  --component-labels-differentiation-colors-mantis-active: #40982f;
  --component-labels-differentiation-colors-mantis-default: #4abc34;
  --component-labels-differentiation-colors-mantis-hover: #50cb37;
  /* Component Labels Differentiation Colors Pear */
  --component-labels-differentiation-colors-pear-active: #7a922f;
  --component-labels-differentiation-colors-pear-default: #96b635;
  --component-labels-differentiation-colors-pear-hover: #a4c839;
  /* Component Labels Differentiation Colors Pumpkin */
  --component-labels-differentiation-colors-pumpkin-active: #a4590e;
  --component-labels-differentiation-colors-pumpkin-default: #ce6e0d;
  --component-labels-differentiation-colors-pumpkin-hover: #e1760a;
  /* Component Labels Differentiation Colors Sky */
  --component-labels-differentiation-colors-sky-active: #28759f;
  --component-labels-differentiation-colors-sky-default: #2b8fc5;
  --component-labels-differentiation-colors-sky-hover: #2f9ad4;
  /* Component Labels Partner Brand Colors Basispoort */
  --component-labels-partner-brand-colors-basispoort-active: #1f224f;
  --component-labels-partner-brand-colors-basispoort-default: #292c59;
  --component-labels-partner-brand-colors-basispoort-hover: #333663;
  /* Component Labels Partner Brand Colors Esis */
  --component-labels-partner-brand-colors-esis-active: #40982f;
  --component-labels-partner-brand-colors-esis-default: #4abc34;
  --component-labels-partner-brand-colors-esis-hover: #50cb37;
  /* Component Labels Partner Brand Colors Parnassys */
  --component-labels-partner-brand-colors-parnassys-active: #df3863;
  --component-labels-partner-brand-colors-parnassys-default: #e9426d;
  --component-labels-partner-brand-colors-parnassys-hover: #f34c77;
  /* Component Labels Partner Brand Colors Smartschool */
  --component-labels-partner-brand-colors-smartschool-active: #e80000;
  --component-labels-partner-brand-colors-smartschool-default: #f20900;
  --component-labels-partner-brand-colors-smartschool-hover: #fc1e1e;
  /* Component Old Button Cta */
  --component-old-button-cta-active: #e57102;
  --component-old-button-cta-hover: #fda045;
  --component-old-button-cta-primary: #fd8b1d;
  /* Component Old Button Primary */
  --component-old-button-primary: #277cd9;
  --component-old-button-primary-active: #2465ab;
  --component-old-button-primary-disabled: #bed8f4;
  --component-old-button-primary-hover: #4e92ff;
  /* Component Old Button Secondary */
  --component-old-button-secondary: #e9eaef;
  --component-old-button-secondary-active: #d1d3de;
  --component-old-button-secondary-hover: #f5f5f8;
  /* Component Old Button Warning */
  --component-old-button-warning: #e64545;
  --component-old-button-warning-active: #b42727;
  --component-old-button-warning-hover: #ee6868;
  /* Component Reference Level */
  --component-reference-level-math: #28759f;
  --component-reference-level-spelling: #40982f;
}
/* All CSS variables starting with --icon */
/* Auto-generated CSS variables file */
:root {
  /* Icon */
  --icon-action-primary: #1f5e7f;
  --icon-contrast: #fff;
  --icon-default: #556474;
  --icon-negative: #b42727;
  --icon-positive: #40982f;
}
/* All CSS variables starting with --size */
/* Auto-generated CSS variables file */
:root {
  /* Size 8pt Sizes */
  --size-8pt-sizes-00: 2px;
  --size-8pt-sizes-01: 4px;
  --size-8pt-sizes-02: 8px;
  --size-8pt-sizes-03: 12px;
  --size-8pt-sizes-04: 16px;
  --size-8pt-sizes-05: 20px;
  --size-8pt-sizes-06: 24px;
  --size-8pt-sizes-07: 28px;
  --size-8pt-sizes-08: 32px;
  --size-8pt-sizes-09: 40px;
  --size-8pt-sizes-10: 48px;
  --size-8pt-sizes-11: 56px;
  --size-8pt-sizes-12: 64px;
  --size-8pt-sizes-13: 72px;
  --size-8pt-sizes-14: 80px;
  --size-8pt-sizes-15: 88px;
  --size-8pt-sizes-16: 96px;
  --size-8pt-sizes-17: 104px;
  --size-8pt-sizes-18: 112px;
  --size-8pt-sizes-19: 120px;
  --size-8pt-sizes-20: 128px;
  --size-8pt-sizes-21: 136px;
  /* Size Border */
  --size-border-default: 1px;
  --size-border-selected: 2px;
  /* Size Border Width */
  --size-border-width-primary: 1px;
  --size-border-width-selected: 2px;
  /* Size Button Height */
  --size-button-height-xs: 24px;
  --size-button-height-s: 32px;
  --size-button-height-m: 40px;
  --size-button-height-l: 48px;
  /* Size Fonts Font Size */
  --size-fonts-font-size-xs: 8px;
  --size-fonts-font-size-s: 12px;
  --size-fonts-font-size-m: 16px;
  --size-fonts-font-size-l: 20px;
  --size-fonts-font-size-xl: 24px;
  --size-fonts-font-size-2xl: 32px;
  --size-fonts-font-size-3xl: 40px;
  /* Size Fonts Font Size Outlier */
  --size-fonts-font-size-outlier-m: 14px;
  --size-fonts-font-size-outlier-l: 18px;
  /* Size Fonts Letter Spacing */
  --size-fonts-letter-spacing-default: 0px;
  --size-fonts-letter-spacing-s: 0.2px;
  /* Size Fonts Line Height */
  --size-fonts-line-height-xs: 12px;
  --size-fonts-line-height-s: 20px;
  --size-fonts-line-height-m: 24px;
  --size-fonts-line-height-l: 32px;
  --size-fonts-line-height-xl: 40px;
  --size-fonts-line-height-2xl: 48px;
  --size-fonts-line-height-3xl: 64px;
  /* Size Fonts Line Height Outlier */
  --size-fonts-line-height-outlier-m: 20px;
  --size-fonts-line-height-outlier-l: 28px;
  /* Size Gap */
  --size-gap-00: 2px;
  --size-gap-01: 4px;
  --size-gap-02: 8px;
  --size-gap-03: 12px;
  --size-gap-04: 16px;
  --size-gap-05: 20px;
  --size-gap-06: 24px;
  --size-gap-07: 32px;
  --size-gap-08: 40px;
  --size-gap-09: 48px;
  --size-gap-10: 56px;
  /* Size Icon */
  --size-icon-xs: 16px;
  --size-icon-s: 20px;
  --size-icon-m: 24px;
  --size-icon-l: 28px;
  /* Size Radius */
  --size-radius-01: 2px;
  --size-radius-02: 4px;
  --size-radius-03: 8px;
  --size-radius-04: 12px;
  --size-radius-05: 16px;
  --size-radius-06: 24px;
  --size-radius-07: 32px;
  --size-radius-round: 360px;
  /* Size Screens Height */
  --size-screens-height-desktop: 720px;
  --size-screens-height-interactive-whiteboard: 2160px;
  --size-screens-height-large-desktop: 900px;
  --size-screens-height-mobile: 926px;
  --size-screens-height-super-large-desktop: 1080px;
  --size-screens-height-tablet: 768px;
  /* Size Screens Width */
  --size-screens-width-desktop: 1280px;
  --size-screens-width-interactive-whiteboard: 3840px;
  --size-screens-width-large-desktop: 1440px;
  --size-screens-width-mobile: 428px;
  --size-screens-width-super-large-desktop: 1920px;
  --size-screens-width-tablet: 1024px;
}
/* All CSS variables starting with --surface */
/* Auto-generated CSS variables file */
:root {
  /* Surface Brand */
  --surface-brand-blue: #e9f2fb;
  --surface-brand-orange: #fff5eb;
  /* Surface Colored Icon Background */
  --surface-colored-icon-background-caribbean: #d1fafa;
  --surface-colored-icon-background-cranberry: #fbd5e8;
  --surface-colored-icon-background-crimson: #fee7e7;
  --surface-colored-icon-background-emerald: #caf7e0;
  --surface-colored-icon-background-fuchsia: #fbd5fb;
  --surface-colored-icon-background-indigo: #cad5f7;
  --surface-colored-icon-background-lavender: #e8d5fb;
  --surface-colored-icon-background-lemon: #fff4bd;
  --surface-colored-icon-background-mantis: #dcfbd5;
  --surface-colored-icon-background-pear: #f0fad1;
  --surface-colored-icon-background-pumpkin: #ffdebd;
  --surface-colored-icon-background-sky: #d4eefc;
  /* Surface Differentiation Color Caribbean */
  --surface-differentiation-color-caribbean-01: #ecfffe;
  --surface-differentiation-color-caribbean-02: #d1fafa;
  --surface-differentiation-color-caribbean-03: #b6f6f6;
  --surface-differentiation-color-caribbean-04: #99efef;
  --surface-differentiation-color-caribbean-05: #7ce9e9;
  --surface-differentiation-color-caribbean-06: #5ddfdf;
  --surface-differentiation-color-caribbean-07: #3fd4d4;
  --surface-differentiation-color-caribbean-08: #37c7c7;
  --surface-differentiation-color-caribbean-09: #35b6b6;
  --surface-differentiation-color-caribbean-10: #2f9292;
  --surface-differentiation-color-caribbean-11: #257474;
  --surface-differentiation-color-caribbean-12: #1e5252;
  /* Surface Differentiation Color Cranberry */
  --surface-differentiation-color-cranberry-01: #ffecf7;
  --surface-differentiation-color-cranberry-02: #fbd5e8;
  --surface-differentiation-color-cranberry-03: #f8bad9;
  --surface-differentiation-color-cranberry-04: #f29dc7;
  --surface-differentiation-color-cranberry-05: #eb7fb5;
  --surface-differentiation-color-cranberry-06: #e260a0;
  --surface-differentiation-color-cranberry-07: #d7428c;
  --surface-differentiation-color-cranberry-08: #cc3881;
  --surface-differentiation-color-cranberry-09: #bc3477;
  --surface-differentiation-color-cranberry-10: #982f63;
  --surface-differentiation-color-cranberry-11: #79244e;
  --surface-differentiation-color-cranberry-12: #571e3a;
  /* Surface Differentiation Color Crimson */
  --surface-differentiation-color-crimson-01: #fdf4f4;
  --surface-differentiation-color-crimson-02: #fee7e7;
  --surface-differentiation-color-crimson-03: #fdc9c9;
  --surface-differentiation-color-crimson-04: #f9a9a9;
  --surface-differentiation-color-crimson-05: #f58a8a;
  --surface-differentiation-color-crimson-06: #ee6868;
  --surface-differentiation-color-crimson-07: #e64545;
  --surface-differentiation-color-crimson-08: #e13636;
  --surface-differentiation-color-crimson-09: #d72d2d;
  --surface-differentiation-color-crimson-10: #b42727;
  --surface-differentiation-color-crimson-11: #921f1f;
  --surface-differentiation-color-crimson-12: #6e1c1c;
  /* Surface Differentiation Color Emerald */
  --surface-differentiation-color-emerald-01: #ecfdf4;
  --surface-differentiation-color-emerald-02: #caf7e0;
  --surface-differentiation-color-emerald-03: #aff3d1;
  --surface-differentiation-color-emerald-04: #94ebbf;
  --surface-differentiation-color-emerald-05: #78e3ad;
  --surface-differentiation-color-emerald-06: #5ad899;
  --surface-differentiation-color-emerald-07: #3dcc84;
  --surface-differentiation-color-emerald-08: #38bc7a;
  --surface-differentiation-color-emerald-09: #38a870;
  --surface-differentiation-color-emerald-10: #32865c;
  --surface-differentiation-color-emerald-11: #266847;
  --surface-differentiation-color-emerald-12: #1e4833;
  /* Surface Differentiation Color Fuchsia */
  --surface-differentiation-color-fuchsia-01: #feecff;
  --surface-differentiation-color-fuchsia-02: #fbd5fb;
  --surface-differentiation-color-fuchsia-03: #f8b9f8;
  --surface-differentiation-color-fuchsia-04: #f29bf2;
  --surface-differentiation-color-fuchsia-05: #ec7eec;
  --surface-differentiation-color-fuchsia-06: #e35fe3;
  --surface-differentiation-color-fuchsia-07: #d941d9;
  --surface-differentiation-color-fuchsia-08: #cd37cd;
  --surface-differentiation-color-fuchsia-09: #bd32bd;
  --surface-differentiation-color-fuchsia-10: #992e99;
  --surface-differentiation-color-fuchsia-11: #7a237a;
  --surface-differentiation-color-fuchsia-12: #581d58;
  /* Surface Differentiation Color Indigo */
  --surface-differentiation-color-indigo-01: #e4eafb;
  --surface-differentiation-color-indigo-02: #cad5f7;
  --surface-differentiation-color-indigo-03: #afc0f3;
  --surface-differentiation-color-indigo-04: #93a9eb;
  --surface-differentiation-color-indigo-05: #7892e3;
  --surface-differentiation-color-indigo-06: #5a79d8;
  --surface-differentiation-color-indigo-07: #3d61cc;
  --surface-differentiation-color-indigo-08: #3859bc;
  --surface-differentiation-color-indigo-09: #3854a8;
  --surface-differentiation-color-indigo-10: #324786;
  --surface-differentiation-color-indigo-11: #263669;
  --surface-differentiation-color-indigo-12: #1e2848;
  /* Surface Differentiation Color Lavender */
  --surface-differentiation-color-lavender-01: #f5ecff;
  --surface-differentiation-color-lavender-02: #e8d5fb;
  --surface-differentiation-color-lavender-03: #d9b9f8;
  --surface-differentiation-color-lavender-04: #c69af2;
  --surface-differentiation-color-lavender-05: #b57eec;
  --surface-differentiation-color-lavender-06: #a05fe3;
  --surface-differentiation-color-lavender-07: #8c41d9;
  --surface-differentiation-color-lavender-08: #8238ce;
  --surface-differentiation-color-lavender-09: #7732bd;
  --surface-differentiation-color-lavender-10: #632e99;
  --surface-differentiation-color-lavender-11: #4e237a;
  --surface-differentiation-color-lavender-12: #3a1d58;
  /* Surface Differentiation Color Lemon */
  --surface-differentiation-color-lemon-01: #fffae5;
  --surface-differentiation-color-lemon-02: #fff4bd;
  --surface-differentiation-color-lemon-03: #ffef9e;
  --surface-differentiation-color-lemon-04: #ffe979;
  --surface-differentiation-color-lemon-05: #ffe357;
  --surface-differentiation-color-lemon-06: #ffdc2e;
  --surface-differentiation-color-lemon-07: #fad20c;
  --surface-differentiation-color-lemon-08: #e6c10a;
  --surface-differentiation-color-lemon-09: #ceae0d;
  --surface-differentiation-color-lemon-10: #a48b0e;
  --surface-differentiation-color-lemon-11: #7e6b0a;
  --surface-differentiation-color-lemon-12: #574a0a;
  /* Surface Differentiation Color Mantis */
  --surface-differentiation-color-mantis-01: #f0ffec;
  --surface-differentiation-color-mantis-02: #dcfbd5;
  --surface-differentiation-color-mantis-03: #c4f8ba;
  --surface-differentiation-color-mantis-04: #aaf19c;
  --surface-differentiation-color-mantis-05: #91eb7f;
  --surface-differentiation-color-mantis-06: #75e260;
  --surface-differentiation-color-mantis-07: #59d640;
  --surface-differentiation-color-mantis-08: #50cb37;
  --surface-differentiation-color-mantis-09: #4abc34;
  --surface-differentiation-color-mantis-10: #40982f;
  --surface-differentiation-color-mantis-11: #2d6621;
  --surface-differentiation-color-mantis-12: #28571e;
  /* Surface Differentiation Color Pear */
  --surface-differentiation-color-pear-01: #f7fce8;
  --surface-differentiation-color-pear-02: #f0fad1;
  --surface-differentiation-color-pear-03: #e6f6b6;
  --surface-differentiation-color-pear-04: #daef99;
  --surface-differentiation-color-pear-05: #cee97c;
  --surface-differentiation-color-pear-06: #bfdf5d;
  --surface-differentiation-color-pear-07: #afd441;
  --surface-differentiation-color-pear-08: #a4c839;
  --surface-differentiation-color-pear-09: #96b635;
  --surface-differentiation-color-pear-10: #7a922f;
  --surface-differentiation-color-pear-11: #607425;
  --surface-differentiation-color-pear-12: #45521e;
  /* Surface Differentiation Color Pumpkin */
  --surface-differentiation-color-pumpkin-01: #fff4eb;
  --surface-differentiation-color-pumpkin-02: #ffdebd;
  --surface-differentiation-color-pumpkin-03: #ffcf9e;
  --surface-differentiation-color-pumpkin-04: #ffbd7a;
  --surface-differentiation-color-pumpkin-05: #ffab57;
  --surface-differentiation-color-pumpkin-06: #ff962e;
  --surface-differentiation-color-pumpkin-07: #fa830c;
  --surface-differentiation-color-pumpkin-08: #e1760a;
  --surface-differentiation-color-pumpkin-09: #ce6e0d;
  --surface-differentiation-color-pumpkin-10: #a4590e;
  --surface-differentiation-color-pumpkin-11: #7f440a;
  --surface-differentiation-color-pumpkin-12: #57300a;
  /* Surface Differentiation Color Sky */
  --surface-differentiation-color-sky-01: #effaff;
  --surface-differentiation-color-sky-02: #d4eefc;
  --surface-differentiation-color-sky-03: #b7e3fa;
  --surface-differentiation-color-sky-04: #97d4f5;
  --surface-differentiation-color-sky-05: #7ac7f0;
  --surface-differentiation-color-sky-06: #59b6e8;
  --surface-differentiation-color-sky-07: #38a4de;
  --surface-differentiation-color-sky-08: #2f9ad4;
  --surface-differentiation-color-sky-09: #2b8fc5;
  --surface-differentiation-color-sky-10: #28759f;
  --surface-differentiation-color-sky-11: #1f5e7f;
  --surface-differentiation-color-sky-12: #1a455b;
  /* Surface Feedback */
  --surface-feedback-negative: #fef1f1;
  --surface-feedback-positive: #eefdec;
  /* Surface Greyscale */
  --surface-greyscale-01: #fff;
  --surface-greyscale-02: #f5f5f8;
  --surface-greyscale-03: #e9eaef;
  --surface-greyscale-04: #d1d3de;
  --surface-greyscale-05: #aeb7c2;
  --surface-greyscale-06: #8c99a8;
  --surface-greyscale-07: #6b7c8e;
  --surface-greyscale-08: #556474;
  --surface-greyscale-09: #3f4c5a;
  --surface-greyscale-10: #2a3541;
  /* Surface Subject An */
  --surface-subject-an-01: #fffae5;
  --surface-subject-an-02: #fff4bd;
  --surface-subject-an-03: #ffef9e;
  --surface-subject-an-04: #ffe979;
  --surface-subject-an-05: #ffe357;
  --surface-subject-an-06: #ffdc2e;
  --surface-subject-an-07: #fad20c;
  --surface-subject-an-08: #e6c10a;
  --surface-subject-an-09: #ceae0d;
  --surface-subject-an-10: #a48b0e;
  --surface-subject-an-11: #7e6b0a;
  --surface-subject-an-12: #574a0a;
  /* Surface Subject Crimson */
  --surface-subject-crimson-01: #fdf4f4;
  --surface-subject-crimson-02: #fee7e7;
  --surface-subject-crimson-03: #fdc9c9;
  --surface-subject-crimson-04: #f9a9a9;
  --surface-subject-crimson-05: #f58a8a;
  --surface-subject-crimson-06: #ee6868;
  --surface-subject-crimson-07: #e64545;
  --surface-subject-crimson-08: #e13636;
  --surface-subject-crimson-09: #d72d2d;
  --surface-subject-crimson-10: #b42727;
  --surface-subject-crimson-11: #921f1f;
  --surface-subject-crimson-12: #6e1c1c;
  /* Surface Subject Digital Literacy */
  --surface-subject-digital-literacy-01: #feecff;
  --surface-subject-digital-literacy-02: #fbd5fb;
  --surface-subject-digital-literacy-03: #f8b9f8;
  --surface-subject-digital-literacy-04: #f29bf2;
  --surface-subject-digital-literacy-05: #ec7eec;
  --surface-subject-digital-literacy-06: #e35fe3;
  --surface-subject-digital-literacy-07: #d941d9;
  --surface-subject-digital-literacy-08: #cd37cd;
  --surface-subject-digital-literacy-09: #bd32bd;
  --surface-subject-digital-literacy-10: #992e99;
  --surface-subject-digital-literacy-11: #7a237a;
  --surface-subject-digital-literacy-12: #581d58;
  /* Surface Subject Dutch */
  --surface-subject-dutch-01: #f0ffec;
  --surface-subject-dutch-02: #dcfbd5;
  --surface-subject-dutch-03: #c4f8ba;
  --surface-subject-dutch-04: #aaf19c;
  --surface-subject-dutch-05: #91eb7f;
  --surface-subject-dutch-06: #75e260;
  --surface-subject-dutch-07: #59d640;
  --surface-subject-dutch-08: #50cb37;
  --surface-subject-dutch-09: #4abc34;
  --surface-subject-dutch-10: #40982f;
  --surface-subject-dutch-11: #2d6621;
  --surface-subject-dutch-12: #28571e;
  /* Surface Subject English */
  --surface-subject-english-01: #f5ecff;
  --surface-subject-english-02: #e8d5fb;
  --surface-subject-english-03: #d9b9f8;
  --surface-subject-english-04: #c69af2;
  --surface-subject-english-05: #b57eec;
  --surface-subject-english-06: #a05fe3;
  --surface-subject-english-07: #8c41d9;
  --surface-subject-english-08: #8238ce;
  --surface-subject-english-09: #7732bd;
  --surface-subject-english-10: #632e99;
  --surface-subject-english-11: #4e237a;
  --surface-subject-english-12: #3a1d58;
  /* Surface Subject French */
  --surface-subject-french-01: #e4eafb;
  --surface-subject-french-02: #cad5f7;
  --surface-subject-french-03: #afc0f3;
  --surface-subject-french-04: #93a9eb;
  --surface-subject-french-05: #7892e3;
  --surface-subject-french-06: #5a79d8;
  --surface-subject-french-07: #3d61cc;
  --surface-subject-french-08: #3859bc;
  --surface-subject-french-09: #3854a8;
  --surface-subject-french-10: #324786;
  --surface-subject-french-11: #263669;
  --surface-subject-french-12: #1e2848;
  /* Surface Subject Grammar */
  --surface-subject-grammar-01: #ffecf7;
  --surface-subject-grammar-02: #fbd5e8;
  --surface-subject-grammar-03: #f8bad9;
  --surface-subject-grammar-04: #f29dc7;
  --surface-subject-grammar-05: #eb7fb5;
  --surface-subject-grammar-06: #e260a0;
  --surface-subject-grammar-07: #d7428c;
  --surface-subject-grammar-08: #cc3881;
  --surface-subject-grammar-09: #bc3477;
  --surface-subject-grammar-10: #982f63;
  --surface-subject-grammar-11: #79244e;
  --surface-subject-grammar-12: #571e3a;
  /* Surface Subject Letters */
  --surface-subject-letters-01: #ecfdf4;
  --surface-subject-letters-02: #caf7e0;
  --surface-subject-letters-03: #aff3d1;
  --surface-subject-letters-04: #94ebbf;
  --surface-subject-letters-05: #78e3ad;
  --surface-subject-letters-06: #5ad899;
  --surface-subject-letters-07: #3dcc84;
  --surface-subject-letters-08: #38bc7a;
  --surface-subject-letters-09: #38a870;
  --surface-subject-letters-10: #32865c;
  --surface-subject-letters-11: #266847;
  --surface-subject-letters-12: #1e4833;
  /* Surface Subject Math */
  --surface-subject-math-01: #effaff;
  --surface-subject-math-02: #d4eefc;
  --surface-subject-math-03: #b7e3fa;
  --surface-subject-math-04: #97d4f5;
  --surface-subject-math-05: #7ac7f0;
  --surface-subject-math-06: #59b6e8;
  --surface-subject-math-07: #38a4de;
  --surface-subject-math-08: #2f9ad4;
  --surface-subject-math-09: #2b8fc5;
  --surface-subject-math-10: #28759f;
  --surface-subject-math-11: #1f5e7f;
  --surface-subject-math-12: #1a455b;
  /* Surface Subject Numbers */
  --surface-subject-numbers-01: #ecfffe;
  --surface-subject-numbers-02: #d1fafa;
  --surface-subject-numbers-03: #b6f6f6;
  --surface-subject-numbers-04: #99efef;
  --surface-subject-numbers-05: #7ce9e9;
  --surface-subject-numbers-06: #5ddfdf;
  --surface-subject-numbers-07: #3fd4d4;
  --surface-subject-numbers-08: #37c7c7;
  --surface-subject-numbers-09: #35b6b6;
  --surface-subject-numbers-10: #2f9292;
  --surface-subject-numbers-11: #257474;
  --surface-subject-numbers-12: #1e5252;
  /* Surface Subject Numbers Letters */
  --surface-subject-numbers-letters-01: #ecfdf4;
  --surface-subject-numbers-letters-02: #caf7e0;
  --surface-subject-numbers-letters-03: #aff3d1;
  --surface-subject-numbers-letters-04: #94ebbf;
  --surface-subject-numbers-letters-05: #78e3ad;
  --surface-subject-numbers-letters-06: #5ad899;
  --surface-subject-numbers-letters-07: #3dcc84;
  --surface-subject-numbers-letters-08: #38bc7a;
  --surface-subject-numbers-letters-09: #38a870;
  --surface-subject-numbers-letters-10: #32865c;
  --surface-subject-numbers-letters-11: #266847;
  --surface-subject-numbers-letters-12: #1e4833;
  /* Surface Subject Spelling */
  --surface-subject-spelling-01: #f0ffec;
  --surface-subject-spelling-02: #dcfbd5;
  --surface-subject-spelling-03: #c4f8ba;
  --surface-subject-spelling-04: #aaf19c;
  --surface-subject-spelling-05: #91eb7f;
  --surface-subject-spelling-06: #75e260;
  --surface-subject-spelling-07: #59d640;
  --surface-subject-spelling-08: #50cb37;
  --surface-subject-spelling-09: #4abc34;
  --surface-subject-spelling-10: #40982f;
  --surface-subject-spelling-11: #2d6621;
  --surface-subject-spelling-12: #28571e;
  /* Surface Subject Topography */
  --surface-subject-topography-01: #f7fce8;
  --surface-subject-topography-02: #f0fad1;
  --surface-subject-topography-03: #e6f6b6;
  --surface-subject-topography-04: #daef99;
  --surface-subject-topography-05: #cee97c;
  --surface-subject-topography-06: #bfdf5d;
  --surface-subject-topography-07: #afd441;
  --surface-subject-topography-08: #a4c839;
  --surface-subject-topography-09: #96b635;
  --surface-subject-topography-10: #7a922f;
  --surface-subject-topography-11: #607425;
  --surface-subject-topography-12: #45521e;
  /* Surface Subject Vocabulary */
  --surface-subject-vocabulary-01: #fff4eb;
  --surface-subject-vocabulary-02: #ffdebd;
  --surface-subject-vocabulary-03: #ffcf9e;
  --surface-subject-vocabulary-04: #ffbd7a;
  --surface-subject-vocabulary-05: #ffab57;
  --surface-subject-vocabulary-06: #ff962e;
  --surface-subject-vocabulary-07: #fa830c;
  --surface-subject-vocabulary-08: #e1760a;
  --surface-subject-vocabulary-09: #ce6e0d;
  --surface-subject-vocabulary-10: #a4590e;
  --surface-subject-vocabulary-11: #7f440a;
  --surface-subject-vocabulary-12: #57300a;
}
/* All CSS variables starting with --text */
/* Auto-generated CSS variables file */
:root {
  /* Text */
  --text-contrast: #fff;
  --text-disabled-component-text: #8c99a8;
  --text-header: #2a3541;
  --text-paragraph: #556474;
  /* Text Differentiation Colors Caribbean */
  --text-differentiation-colors-caribbean-01: #ecfffe;
  --text-differentiation-colors-caribbean-02: #d1fafa;
  --text-differentiation-colors-caribbean-03: #b6f6f6;
  --text-differentiation-colors-caribbean-04: #99efef;
  --text-differentiation-colors-caribbean-05: #7ce9e9;
  --text-differentiation-colors-caribbean-06: #5ddfdf;
  --text-differentiation-colors-caribbean-07: #3fd4d4;
  --text-differentiation-colors-caribbean-08: #37c7c7;
  --text-differentiation-colors-caribbean-09: #35b6b6;
  --text-differentiation-colors-caribbean-10: #2f9292;
  --text-differentiation-colors-caribbean-11: #257474;
  --text-differentiation-colors-caribbean-12: #1e5252;
  /* Text Differentiation Colors Cranberry */
  --text-differentiation-colors-cranberry-01: #ffecf7;
  --text-differentiation-colors-cranberry-02: #fbd5e8;
  --text-differentiation-colors-cranberry-03: #f8bad9;
  --text-differentiation-colors-cranberry-04: #f29dc7;
  --text-differentiation-colors-cranberry-05: #eb7fb5;
  --text-differentiation-colors-cranberry-06: #e260a0;
  --text-differentiation-colors-cranberry-07: #d7428c;
  --text-differentiation-colors-cranberry-08: #cc3881;
  --text-differentiation-colors-cranberry-09: #bc3477;
  --text-differentiation-colors-cranberry-10: #982f63;
  --text-differentiation-colors-cranberry-11: #79244e;
  --text-differentiation-colors-cranberry-12: #571e3a;
  /* Text Differentiation Colors Crimson */
  --text-differentiation-colors-crimson-01: #fdf4f4;
  --text-differentiation-colors-crimson-02: #fee7e7;
  --text-differentiation-colors-crimson-03: #fdc9c9;
  --text-differentiation-colors-crimson-04: #f9a9a9;
  --text-differentiation-colors-crimson-05: #f58a8a;
  --text-differentiation-colors-crimson-06: #ee6868;
  --text-differentiation-colors-crimson-07: #e64545;
  --text-differentiation-colors-crimson-08: #e13636;
  --text-differentiation-colors-crimson-09: #d72d2d;
  --text-differentiation-colors-crimson-10: #b42727;
  --text-differentiation-colors-crimson-11: #921f1f;
  --text-differentiation-colors-crimson-12: #6e1c1c;
  /* Text Differentiation Colors Emerald */
  --text-differentiation-colors-emerald-01: #ecfdf4;
  --text-differentiation-colors-emerald-02: #caf7e0;
  --text-differentiation-colors-emerald-03: #aff3d1;
  --text-differentiation-colors-emerald-04: #94ebbf;
  --text-differentiation-colors-emerald-05: #78e3ad;
  --text-differentiation-colors-emerald-06: #5ad899;
  --text-differentiation-colors-emerald-07: #3dcc84;
  --text-differentiation-colors-emerald-08: #38bc7a;
  --text-differentiation-colors-emerald-09: #38a870;
  --text-differentiation-colors-emerald-10: #32865c;
  --text-differentiation-colors-emerald-11: #266847;
  --text-differentiation-colors-emerald-12: #1e4833;
  /* Text Differentiation Colors Fuchsia */
  --text-differentiation-colors-fuchsia-01: #feecff;
  --text-differentiation-colors-fuchsia-02: #fbd5fb;
  --text-differentiation-colors-fuchsia-03: #f8b9f8;
  --text-differentiation-colors-fuchsia-04: #f29bf2;
  --text-differentiation-colors-fuchsia-05: #ec7eec;
  --text-differentiation-colors-fuchsia-06: #e35fe3;
  --text-differentiation-colors-fuchsia-07: #d941d9;
  --text-differentiation-colors-fuchsia-08: #cd37cd;
  --text-differentiation-colors-fuchsia-09: #bd32bd;
  --text-differentiation-colors-fuchsia-10: #992e99;
  --text-differentiation-colors-fuchsia-11: #7a237a;
  --text-differentiation-colors-fuchsia-12: #581d58;
  /* Text Differentiation Colors Indigo */
  --text-differentiation-colors-indigo-01: #e4eafb;
  --text-differentiation-colors-indigo-02: #cad5f7;
  --text-differentiation-colors-indigo-03: #afc0f3;
  --text-differentiation-colors-indigo-04: #93a9eb;
  --text-differentiation-colors-indigo-05: #7892e3;
  --text-differentiation-colors-indigo-06: #5a79d8;
  --text-differentiation-colors-indigo-07: #3d61cc;
  --text-differentiation-colors-indigo-08: #3859bc;
  --text-differentiation-colors-indigo-09: #3854a8;
  --text-differentiation-colors-indigo-10: #324786;
  --text-differentiation-colors-indigo-11: #263669;
  --text-differentiation-colors-indigo-12: #1e2848;
  /* Text Differentiation Colors Lavender */
  --text-differentiation-colors-lavender-01: #f5ecff;
  --text-differentiation-colors-lavender-02: #e8d5fb;
  --text-differentiation-colors-lavender-03: #d9b9f8;
  --text-differentiation-colors-lavender-04: #c69af2;
  --text-differentiation-colors-lavender-05: #b57eec;
  --text-differentiation-colors-lavender-06: #a05fe3;
  --text-differentiation-colors-lavender-07: #8c41d9;
  --text-differentiation-colors-lavender-08: #8238ce;
  --text-differentiation-colors-lavender-09: #7732bd;
  --text-differentiation-colors-lavender-10: #632e99;
  --text-differentiation-colors-lavender-11: #4e237a;
  --text-differentiation-colors-lavender-12: #3a1d58;
  /* Text Differentiation Colors Lemon */
  --text-differentiation-colors-lemon-01: #fffae5;
  --text-differentiation-colors-lemon-02: #fff4bd;
  --text-differentiation-colors-lemon-03: #ffef9e;
  --text-differentiation-colors-lemon-04: #ffe979;
  --text-differentiation-colors-lemon-05: #ffe357;
  --text-differentiation-colors-lemon-06: #ffdc2e;
  --text-differentiation-colors-lemon-07: #fad20c;
  --text-differentiation-colors-lemon-08: #e6c10a;
  --text-differentiation-colors-lemon-09: #ceae0d;
  --text-differentiation-colors-lemon-10: #a48b0e;
  --text-differentiation-colors-lemon-11: #7e6b0a;
  --text-differentiation-colors-lemon-12: #574a0a;
  /* Text Differentiation Colors Mantis */
  --text-differentiation-colors-mantis-01: #f0ffec;
  --text-differentiation-colors-mantis-02: #dcfbd5;
  --text-differentiation-colors-mantis-03: #c4f8ba;
  --text-differentiation-colors-mantis-04: #aaf19c;
  --text-differentiation-colors-mantis-05: #91eb7f;
  --text-differentiation-colors-mantis-06: #75e260;
  --text-differentiation-colors-mantis-07: #59d640;
  --text-differentiation-colors-mantis-08: #50cb37;
  --text-differentiation-colors-mantis-09: #4abc34;
  --text-differentiation-colors-mantis-10: #40982f;
  --text-differentiation-colors-mantis-11: #2d6621;
  --text-differentiation-colors-mantis-12: #28571e;
  /* Text Differentiation Colors Pear */
  --text-differentiation-colors-pear-01: #f7fce8;
  --text-differentiation-colors-pear-02: #f0fad1;
  --text-differentiation-colors-pear-03: #e6f6b6;
  --text-differentiation-colors-pear-04: #daef99;
  --text-differentiation-colors-pear-05: #cee97c;
  --text-differentiation-colors-pear-06: #bfdf5d;
  --text-differentiation-colors-pear-07: #afd441;
  --text-differentiation-colors-pear-08: #a4c839;
  --text-differentiation-colors-pear-09: #96b635;
  --text-differentiation-colors-pear-10: #7a922f;
  --text-differentiation-colors-pear-11: #607425;
  --text-differentiation-colors-pear-12: #45521e;
  /* Text Differentiation Colors Pumpkin */
  --text-differentiation-colors-pumpkin-01: #fff4eb;
  --text-differentiation-colors-pumpkin-02: #ffdebd;
  --text-differentiation-colors-pumpkin-03: #ffcf9e;
  --text-differentiation-colors-pumpkin-04: #ffbd7a;
  --text-differentiation-colors-pumpkin-05: #ffab57;
  --text-differentiation-colors-pumpkin-06: #ff962e;
  --text-differentiation-colors-pumpkin-07: #fa830c;
  --text-differentiation-colors-pumpkin-08: #e1760a;
  --text-differentiation-colors-pumpkin-09: #ce6e0d;
  --text-differentiation-colors-pumpkin-10: #a4590e;
  --text-differentiation-colors-pumpkin-11: #7f440a;
  --text-differentiation-colors-pumpkin-12: #57300a;
  /* Text Differentiation Colors Sky */
  --text-differentiation-colors-sky-01: #effaff;
  --text-differentiation-colors-sky-02: #d4eefc;
  --text-differentiation-colors-sky-03: #b7e3fa;
  --text-differentiation-colors-sky-04: #97d4f5;
  --text-differentiation-colors-sky-05: #7ac7f0;
  --text-differentiation-colors-sky-06: #59b6e8;
  --text-differentiation-colors-sky-07: #38a4de;
  --text-differentiation-colors-sky-08: #2f9ad4;
  --text-differentiation-colors-sky-09: #2b8fc5;
  --text-differentiation-colors-sky-10: #28759f;
  --text-differentiation-colors-sky-11: #1f5e7f;
  --text-differentiation-colors-sky-12: #1a455b;
  /* Text Hyperlink */
  --text-hyperlink-active: #2465ab;
  --text-hyperlink-default: #277cd9;
  --text-hyperlink-hover: #4e92ff;
  /* Text Letter Spacing */
  --text-letter-spacing-default: 0px;
  --text-letter-spacing-display: 0.2px;
  /* Text Line Height */
  --text-line-height-xs: 12px;
  --text-line-height-s: 20px;
  --text-line-height-m: 24px;
  --text-line-height-l: 32px;
  --text-line-height-xl: 40px;
  --text-line-height-2xl: 48px;
  --text-line-height-3xl: 64px;
  /* Text Negative */
  --text-negative: #b42727;
  --text-negative-feedback: #ed1c24;
  /* Text Placeholder */
  --text-placeholder-disabled-text: #aeb7c2;
  --text-placeholder-text: #8c99a8;
  /* Text Positive */
  --text-positive: #40982f;
  --text-positive-feedback: #1eaa10;
  /* Text Size */
  --text-size-xs: 8px;
  --text-size-s: 12px;
  --text-size-m: 16px;
  --text-size-l: 20px;
  --text-size-xl: 24px;
  --text-size-2xl: 32px;
  --text-size-3xl: 40px;
  /* Text Subject An */
  --text-subject-an-01: #fffae5;
  --text-subject-an-02: #fff4bd;
  --text-subject-an-03: #ffef9e;
  --text-subject-an-04: #ffe979;
  --text-subject-an-05: #ffe357;
  --text-subject-an-06: #ffdc2e;
  --text-subject-an-07: #fad20c;
  --text-subject-an-08: #e6c10a;
  --text-subject-an-09: #ceae0d;
  --text-subject-an-10: #a48b0e;
  --text-subject-an-11: #7e6b0a;
  --text-subject-an-12: #574a0a;
  /* Text Subject Crimson */
  --text-subject-crimson-01: #fdf4f4;
  --text-subject-crimson-02: #fee7e7;
  --text-subject-crimson-03: #fdc9c9;
  --text-subject-crimson-04: #f9a9a9;
  --text-subject-crimson-05: #f58a8a;
  --text-subject-crimson-06: #ee6868;
  --text-subject-crimson-07: #e64545;
  --text-subject-crimson-08: #e13636;
  --text-subject-crimson-09: #d72d2d;
  --text-subject-crimson-10: #b42727;
  --text-subject-crimson-11: #921f1f;
  --text-subject-crimson-12: #6e1c1c;
  /* Text Subject Digital Literacy */
  --text-subject-digital-literacy-01: #feecff;
  --text-subject-digital-literacy-02: #fbd5fb;
  --text-subject-digital-literacy-03: #f8b9f8;
  --text-subject-digital-literacy-04: #f29bf2;
  --text-subject-digital-literacy-05: #ec7eec;
  --text-subject-digital-literacy-06: #e35fe3;
  --text-subject-digital-literacy-07: #d941d9;
  --text-subject-digital-literacy-08: #cd37cd;
  --text-subject-digital-literacy-09: #bd32bd;
  --text-subject-digital-literacy-10: #992e99;
  --text-subject-digital-literacy-11: #7a237a;
  --text-subject-digital-literacy-12: #581d58;
  /* Text Subject Dutch */
  --text-subject-dutch-01: #f0ffec;
  --text-subject-dutch-02: #dcfbd5;
  --text-subject-dutch-03: #c4f8ba;
  --text-subject-dutch-04: #aaf19c;
  --text-subject-dutch-05: #91eb7f;
  --text-subject-dutch-06: #75e260;
  --text-subject-dutch-07: #59d640;
  --text-subject-dutch-08: #50cb37;
  --text-subject-dutch-09: #4abc34;
  --text-subject-dutch-10: #40982f;
  --text-subject-dutch-11: #2d6621;
  --text-subject-dutch-12: #28571e;
  /* Text Subject English */
  --text-subject-english-01: #f5ecff;
  --text-subject-english-02: #e8d5fb;
  --text-subject-english-03: #d9b9f8;
  --text-subject-english-04: #c69af2;
  --text-subject-english-05: #b57eec;
  --text-subject-english-06: #a05fe3;
  --text-subject-english-07: #8c41d9;
  --text-subject-english-08: #8238ce;
  --text-subject-english-09: #7732bd;
  --text-subject-english-10: #632e99;
  --text-subject-english-11: #4e237a;
  --text-subject-english-12: #3a1d58;
  /* Text Subject French */
  --text-subject-french-01: #e4eafb;
  --text-subject-french-02: #cad5f7;
  --text-subject-french-03: #afc0f3;
  --text-subject-french-04: #93a9eb;
  --text-subject-french-05: #7892e3;
  --text-subject-french-06: #5a79d8;
  --text-subject-french-07: #3d61cc;
  --text-subject-french-08: #3859bc;
  --text-subject-french-09: #3854a8;
  --text-subject-french-10: #324786;
  --text-subject-french-11: #263669;
  --text-subject-french-12: #1e2848;
  /* Text Subject Grammar */
  --text-subject-grammar-01: #ffecf7;
  --text-subject-grammar-02: #fbd5e8;
  --text-subject-grammar-03: #f8bad9;
  --text-subject-grammar-04: #f29dc7;
  --text-subject-grammar-05: #eb7fb5;
  --text-subject-grammar-06: #e260a0;
  --text-subject-grammar-07: #d7428c;
  --text-subject-grammar-08: #cc3881;
  --text-subject-grammar-09: #bc3477;
  --text-subject-grammar-10: #982f63;
  --text-subject-grammar-11: #79244e;
  --text-subject-grammar-12: #571e3a;
  /* Text Subject Letters */
  --text-subject-letters-01: #ecfdf4;
  --text-subject-letters-02: #caf7e0;
  --text-subject-letters-03: #aff3d1;
  --text-subject-letters-04: #94ebbf;
  --text-subject-letters-05: #78e3ad;
  --text-subject-letters-06: #5ad899;
  --text-subject-letters-07: #3dcc84;
  --text-subject-letters-08: #38bc7a;
  --text-subject-letters-09: #38a870;
  --text-subject-letters-10: #32865c;
  --text-subject-letters-11: #266847;
  --text-subject-letters-12: #1e4833;
  /* Text Subject Math */
  --text-subject-math-01: #effaff;
  --text-subject-math-02: #d4eefc;
  --text-subject-math-03: #b7e3fa;
  --text-subject-math-04: #97d4f5;
  --text-subject-math-05: #7ac7f0;
  --text-subject-math-06: #59b6e8;
  --text-subject-math-07: #38a4de;
  --text-subject-math-08: #2f9ad4;
  --text-subject-math-09: #2b8fc5;
  --text-subject-math-10: #28759f;
  --text-subject-math-11: #1f5e7f;
  --text-subject-math-12: #1a455b;
  /* Text Subject Numbers */
  --text-subject-numbers-01: #ecfffe;
  --text-subject-numbers-02: #d1fafa;
  --text-subject-numbers-03: #b6f6f6;
  --text-subject-numbers-04: #99efef;
  --text-subject-numbers-05: #7ce9e9;
  --text-subject-numbers-06: #5ddfdf;
  --text-subject-numbers-07: #3fd4d4;
  --text-subject-numbers-08: #37c7c7;
  --text-subject-numbers-09: #35b6b6;
  --text-subject-numbers-10: #2f9292;
  --text-subject-numbers-11: #257474;
  --text-subject-numbers-12: #1e5252;
  /* Text Subject Numbers Letters */
  --text-subject-numbers-letters-01: #ecfdf4;
  --text-subject-numbers-letters-02: #caf7e0;
  --text-subject-numbers-letters-03: #aff3d1;
  --text-subject-numbers-letters-04: #94ebbf;
  --text-subject-numbers-letters-05: #78e3ad;
  --text-subject-numbers-letters-06: #5ad899;
  --text-subject-numbers-letters-07: #3dcc84;
  --text-subject-numbers-letters-08: #38bc7a;
  --text-subject-numbers-letters-09: #38a870;
  --text-subject-numbers-letters-10: #32865c;
  --text-subject-numbers-letters-11: #266847;
  --text-subject-numbers-letters-12: #1e4833;
  /* Text Subject Spelling */
  --text-subject-spelling-01: #f0ffec;
  --text-subject-spelling-02: #dcfbd5;
  --text-subject-spelling-03: #c4f8ba;
  --text-subject-spelling-04: #aaf19c;
  --text-subject-spelling-05: #91eb7f;
  --text-subject-spelling-06: #75e260;
  --text-subject-spelling-07: #59d640;
  --text-subject-spelling-08: #50cb37;
  --text-subject-spelling-09: #4abc34;
  --text-subject-spelling-10: #40982f;
  --text-subject-spelling-11: #2d6621;
  --text-subject-spelling-12: #28571e;
  /* Text Subject Topography */
  --text-subject-topography-01: #f7fce8;
  --text-subject-topography-02: #f0fad1;
  --text-subject-topography-03: #e6f6b6;
  --text-subject-topography-04: #daef99;
  --text-subject-topography-05: #cee97c;
  --text-subject-topography-06: #bfdf5d;
  --text-subject-topography-07: #afd441;
  --text-subject-topography-08: #a4c839;
  --text-subject-topography-09: #96b635;
  --text-subject-topography-10: #7a922f;
  --text-subject-topography-11: #607425;
  --text-subject-topography-12: #45521e;
  /* Text Subject Vocabulary */
  --text-subject-vocabulary-01: #fff4eb;
  --text-subject-vocabulary-02: #ffdebd;
  --text-subject-vocabulary-03: #ffcf9e;
  --text-subject-vocabulary-04: #ffbd7a;
  --text-subject-vocabulary-05: #ffab57;
  --text-subject-vocabulary-06: #ff962e;
  --text-subject-vocabulary-07: #fa830c;
  --text-subject-vocabulary-08: #e1760a;
  --text-subject-vocabulary-09: #ce6e0d;
  --text-subject-vocabulary-10: #a4590e;
  --text-subject-vocabulary-11: #7f440a;
  --text-subject-vocabulary-12: #57300a;
}
/**
 * Buttons
 * Import in correct order, first button-base!
 **/
.alert {
  width: 100%;
  border-radius: 4px;
  font-size: 1.2rem;
  color: #ffffff;
  padding: 1.01rem 1.61rem;
}
.alert a {
  color: #ffffff;
}
.alert__content {
  flex: 1;
}
.alert--primary {
  background-color: #277cd9;
}
.alert--call_to_action {
  color: #2a3541;
  background-color: #ffdebd;
}
.alert--call_to_action a {
  color: #2a3541;
}
.alert--negative {
  background-color: #ed1c24;
}
.alert--warning {
  background-color: #fff7e5;
}
.alert--hidden {
  display: none;
}
.alert__close {
  margin-top: -0.2rem;
  margin-right: -0.4rem;
  float: right;
}
.alert__close button .icon__close {
  width: 1rem !important;
  height: 1rem !important;
}
/**
 * Because the layout for button-regular apply to all buttons in first place,
 * Therefore we defined the colors in button-base folder.
 */
.styleguide.button__regular {
  position: relative;
  text-decoration: none;
  text-indent: 0;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
  background-clip: padding-box;
  margin: 0;
  transition-property: background-color, box-shadow, color, opacity;
  transition-duration: 0.15s;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  justify-content: center;
}
.styleguide.button__regular.wrap--text {
  white-space: normal;
}
.styleguide.button__regular.icon-position--left-absolute .flat__icon {
  position: absolute;
  left: 0;
  margin-left: 1.75rem;
}
.styleguide.button__regular.icon-position--right-absolute .flex {
  flex-direction: row-reverse;
}
.styleguide.button__regular.icon-position--right-absolute .flat__icon {
  position: absolute;
  right: 0;
  margin-right: 1.75rem;
}
.styleguide.button__regular.icon-position--left .flat__icon {
  margin-right: 1.25rem;
}
.styleguide.button__regular.icon-position--right .flex {
  flex-direction: row-reverse;
}
.styleguide.button__regular.icon-position--right .flat__icon {
  margin-left: 1.25rem;
}
.styleguide.button__regular .loading-spinner {
  position: absolute;
}
.styleguide.button__regular .hide {
  visibility: hidden;
}
.styleguide.button__regular.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.button__regular.column {
  flex-direction: column;
}
.styleguide.button__regular.end {
  justify-content: flex-end;
}
.styleguide.button__regular.start {
  justify-content: flex-start;
}
.styleguide.button__regular.flex-center {
  justify-content: center;
}
.styleguide.button__regular.between {
  justify-content: space-between;
}
.styleguide.button__regular.around {
  justify-content: space-around;
}
.styleguide.button__regular.cross-start {
  align-items: flex-start;
}
.styleguide.button__regular.cross-end {
  align-items: flex-end;
}
.styleguide.button__regular.stretch {
  align-items: stretch;
}
.styleguide.button__regular.evenly {
  justify-content: space-evenly;
}
.styleguide.button__regular.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.button__regular.wrap {
  flex-wrap: wrap;
}
.styleguide.button__regular.grow {
  flex: 1;
}
.styleguide.button__regular .flex-half,
.styleguide.button__regular .flex-quarter,
.styleguide.button__regular .flex-sixth,
.styleguide.button__regular .flex-third,
.styleguide.button__regular .flex-two-third {
  box-sizing: border-box;
}
.styleguide.button__regular .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.button__regular .flex-grow-1 {
  flex: 1 1;
}
.styleguide.button__regular .flex-grow-2 {
  flex: 2 1;
}
.styleguide.button__regular .flex-grow-3 {
  flex: 3 1;
}
.styleguide.button__regular .flex-grow-4 {
  flex: 4 1;
}
.styleguide.button__regular .flex-grow-5 {
  flex: 5 1;
}
.styleguide.button__regular .flex-grow-6 {
  flex: 6 1;
}
.styleguide.button__regular .flex-grow-7 {
  flex: 7 1;
}
.styleguide.button__regular .flex-grow-8 {
  flex: 8 1;
}
.styleguide.button__regular .icon__position {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  justify-content: center;
}
.styleguide.button__regular .icon__position.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.button__regular .icon__position.column {
  flex-direction: column;
}
.styleguide.button__regular .icon__position.end {
  justify-content: flex-end;
}
.styleguide.button__regular .icon__position.start {
  justify-content: flex-start;
}
.styleguide.button__regular .icon__position.flex-center {
  justify-content: center;
}
.styleguide.button__regular .icon__position.between {
  justify-content: space-between;
}
.styleguide.button__regular .icon__position.around {
  justify-content: space-around;
}
.styleguide.button__regular .icon__position.cross-start {
  align-items: flex-start;
}
.styleguide.button__regular .icon__position.cross-end {
  align-items: flex-end;
}
.styleguide.button__regular .icon__position.stretch {
  align-items: stretch;
}
.styleguide.button__regular .icon__position.evenly {
  justify-content: space-evenly;
}
.styleguide.button__regular .icon__position.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.button__regular .icon__position.wrap {
  flex-wrap: wrap;
}
.styleguide.button__regular .icon__position.grow {
  flex: 1;
}
.styleguide.button__regular .icon__position .flex-half,
.styleguide.button__regular .icon__position .flex-quarter,
.styleguide.button__regular .icon__position .flex-sixth,
.styleguide.button__regular .icon__position .flex-third,
.styleguide.button__regular .icon__position .flex-two-third {
  box-sizing: border-box;
}
.styleguide.button__regular .icon__position .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.button__regular .icon__position .flex-grow-1 {
  flex: 1 1;
}
.styleguide.button__regular .icon__position .flex-grow-2 {
  flex: 2 1;
}
.styleguide.button__regular .icon__position .flex-grow-3 {
  flex: 3 1;
}
.styleguide.button__regular .icon__position .flex-grow-4 {
  flex: 4 1;
}
.styleguide.button__regular .icon__position .flex-grow-5 {
  flex: 5 1;
}
.styleguide.button__regular .icon__position .flex-grow-6 {
  flex: 6 1;
}
.styleguide.button__regular .icon__position .flex-grow-7 {
  flex: 7 1;
}
.styleguide.button__regular .icon__position .flex-grow-8 {
  flex: 8 1;
}
.styleguide.button__regular.audience--teacher.size--small {
  padding: 0.63rem 1.56rem;
  font-size: 1.25rem;
  min-height: 3.13rem;
  border-radius: 0.625rem;
}
.styleguide.button__regular.audience--teacher.size--small .flat__icon,
.styleguide.button__regular.audience--teacher.size--small .svg__icon {
  width: 1.25rem;
  min-height: 1.25rem;
}
.styleguide.button__regular.audience--teacher.size--small.icon-position--left .flat__icon,
.styleguide.button__regular.audience--teacher.size--small.icon-position--left .svg__icon {
  margin-right: 0.73rem;
}
.styleguide.button__regular.audience--teacher.size--small.icon-position--right .flex {
  flex-direction: row-reverse;
}
.styleguide.button__regular.audience--teacher.size--small.icon-position--right .flat__icon,
.styleguide.button__regular.audience--teacher.size--small.icon-position--right .svg__icon {
  margin-left: 0.73rem;
}
.styleguide.button__regular.audience--teacher.size--normal {
  padding: 0.89rem 2.04rem;
  font-size: 1.66666667rem;
  min-height: 4.17rem;
  max-height: 4.17rem;
  border-radius: 0.83333333rem;
}
.styleguide.button__regular.audience--teacher.size--normal .flat__icon,
.styleguide.button__regular.audience--teacher.size--normal .svg__icon {
  width: 1.66666667rem;
  min-height: 1.66666667rem;
}
.styleguide.button__regular.audience--teacher.size--normal.icon-position--left .flat__icon,
.styleguide.button__regular.audience--teacher.size--normal.icon-position--left .svg__icon {
  margin-right: 0.83333333rem;
}
.styleguide.button__regular.audience--teacher.size--normal.icon-position--right .flex {
  flex-direction: row-reverse;
}
.styleguide.button__regular.audience--teacher.size--normal.icon-position--right .flat__icon,
.styleguide.button__regular.audience--teacher.size--normal.icon-position--right .svg__icon {
  margin-left: 0.83333333rem;
}
.styleguide.button__regular.audience--teacher.size--large {
  padding: 1.15rem 2.6rem;
  font-size: 2.19rem;
  min-height: 5.21rem;
  border-radius: 1.04166667rem;
}
.styleguide.button__regular.audience--teacher.size--large .flat__icon,
.styleguide.button__regular.audience--teacher.size--large .svg__icon {
  width: 2.19rem;
  min-height: 2.19rem;
}
.styleguide.button__regular.audience--teacher.size--large.icon-position--left .flat__icon,
.styleguide.button__regular.audience--teacher.size--large.icon-position--left .svg__icon {
  margin-right: 1.25rem;
}
.styleguide.button__regular.audience--teacher.size--large.icon-position--right .flex {
  flex-direction: row-reverse;
}
.styleguide.button__regular.audience--teacher.size--large.icon-position--right .flat__icon,
.styleguide.button__regular.audience--teacher.size--large.icon-position--right .svg__icon {
  margin-left: 1.25rem;
}
.styleguide.button__regular.audience--teacher.is-loading {
  opacity: 0.5;
  pointer-events: none;
}
.styleguide.button__regular.audience--teacher.is-loading .flat__icon {
  position: absolute;
  margin-right: 0;
}
.styleguide.button__regular.audience--student.size--small {
  padding: 0 2.6rem;
  font-size: 2.19rem;
  min-height: 5.21rem;
  border-radius: 0.83rem;
}
.styleguide.button__regular.audience--student.size--small .flat__icon {
  width: 2.19rem;
  min-height: 2.19rem;
  margin-right: 1.25rem;
}
.styleguide.button__regular.audience--student.size--normal {
  padding: 0 3.13rem;
  font-size: 2.9rem;
  min-height: 6.25rem;
  border-radius: 1.04rem;
}
.styleguide.button__regular.audience--student.size--normal .flat__icon {
  width: 2.9rem;
  min-height: 2.9rem;
  margin-right: 1.5rem;
}
.styleguide.button__regular.audience--student.size--large {
  padding: 0 3.75rem;
  font-size: 3.83rem;
  min-height: 7.5rem;
  border-radius: 1.25rem;
}
.styleguide.button__regular.audience--student.size--large .flat__icon {
  width: 3.83rem;
  min-height: 3.83rem;
  margin-right: 1.8rem;
}
.styleguide.button__regular.audience--student.is-loading {
  opacity: 0.5;
  pointer-events: none;
}
.styleguide.button__regular.audience--student.is-loading .flat__icon {
  position: absolute;
  margin-right: 0;
}
.styleguide.button__regular.audience--board.size--small {
  padding: 0 20px;
  font-size: 12px;
  min-height: 32px;
  border-radius: 4px;
}
.styleguide.button__regular.audience--board.size--small .flat__icon {
  width: 10px;
  height: 10px;
  margin-right: 6px;
}
.styleguide.button__regular.audience--board.size--normal {
  padding: 0 25px;
  font-size: 16px;
  min-height: 40px;
  border-radius: 6px;
}
.styleguide.button__regular.audience--board.size--normal .flat__icon {
  width: 12px;
  height: 12px;
  margin-right: 8px;
}
.styleguide.button__regular.audience--board.size--large {
  padding: 0 30px;
  font-size: 20px;
  min-height: 48px;
  border-radius: 8px;
}
.styleguide.button__regular.audience--board.size--large .flat__icon {
  width: 14px;
  height: 14px;
  margin-right: 10px;
}
.styleguide.button__regular.audience--board.is-loading {
  opacity: 0.5;
  pointer-events: none;
}
.styleguide.button__regular.audience--board.is-loading .flat__icon {
  position: absolute;
  margin-right: 0;
}
.styleguide.gynzy.button__regular {
  outline: none;
  border: none;
  --button-regular-color: #ffffff;
  --button-regular-background: #277cd9;
  --button-regular-background-hover: #4e92ff;
  --button-regular-background-active: #2465ab;
  color: var(--button-regular-color);
  background-color: var(--button-regular-background);
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.15);
}
.styleguide.gynzy.button__regular .icon--graphics {
  fill: var(--button-regular-color);
}
.styleguide.gynzy.button__regular.hover:enabled,
.styleguide.gynzy.button__regular:hover:enabled {
  background-color: var(--button-regular-background-hover);
}
.styleguide.gynzy.button__regular.active:enabled,
.styleguide.gynzy.button__regular:active:enabled {
  background-color: var(--button-regular-background-active);
  color: rgba(255, 255, 255, 0.7);
}
.styleguide.gynzy.button__regular.active:enabled .icon--graphics,
.styleguide.gynzy.button__regular:active:enabled .icon--graphics {
  fill: rgba(255, 255, 255, 0.7);
}
.styleguide.gynzy.button__regular:disabled {
  cursor: default;
  opacity: 0.5;
}
.styleguide.gynzy.button__regular.color--primary_new {
  background-color: #28759f;
  border: none;
  color: #ffffff;
  box-shadow: none;
}
.styleguide.gynzy.button__regular.color--primary_new .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.button__regular.color--primary_new.hover:enabled,
.styleguide.gynzy.button__regular.color--primary_new:hover:enabled {
  background-color: #2b8fc5;
  color: #ffffff;
}
.styleguide.gynzy.button__regular.color--primary_new.active:enabled,
.styleguide.gynzy.button__regular.color--primary_new:active:enabled {
  background-color: #1f5e7f;
  color: #ffffff;
}
.styleguide.gynzy.button__regular.color--primary_new:disabled {
  cursor: default;
  background-color: #a9c8d9;
}
.styleguide.gynzy.button__regular.color--primary_new:disabled .svg__icon img {
  filter: grayscale(1);
  opacity: 0.5;
}
.styleguide.gynzy.button__regular.color--secondary,
.styleguide.gynzy.button__regular.color--solitude {
  --button-regular-color: #556474;
  --button-regular-background: #e9eaef;
  --button-regular-background-hover: #f5f5f8;
  --button-regular-background-active: #d1d3de;
}
.styleguide.gynzy.button__regular.color--secondary.active:enabled,
.styleguide.gynzy.button__regular.color--solitude.active:enabled,
.styleguide.gynzy.button__regular.color--secondary:active:enabled,
.styleguide.gynzy.button__regular.color--solitude:active:enabled {
  background-color: #d1d3de;
  color: rgba(85, 100, 116, 0.7);
}
.styleguide.gynzy.button__regular.color--secondary.active:enabled .icon--graphics,
.styleguide.gynzy.button__regular.color--solitude.active:enabled .icon--graphics,
.styleguide.gynzy.button__regular.color--secondary:active:enabled .icon--graphics,
.styleguide.gynzy.button__regular.color--solitude:active:enabled .icon--graphics {
  fill: rgba(85, 100, 116, 0.7);
}
.styleguide.gynzy.button__regular.color--call_to_action {
  --button-regular-background: #fd8b1d;
  --button-regular-background-hover: #fda045;
  --button-regular-background-active: #e57102;
}
.styleguide.gynzy.button__regular.color--mariner {
  --button-regular-background: #277cd9;
  --button-regular-background-hover: #4e92ff;
  --button-regular-background-active: #2465ab;
}
.styleguide.gynzy.button__regular.color--tree-poppy {
  --button-regular-background: #fd8b1d;
  --button-regular-background-hover: #fda045;
  --button-regular-background-active: #e57102;
}
.styleguide.gynzy.button__regular.color--positive {
  --button-regular-background: #1eaa10;
  --button-regular-background-hover: #25cf14;
  --button-regular-background-active: #167b0c;
}
.styleguide.gynzy.button__regular.color--negative {
  --button-regular-background: #ed1c24;
  --button-regular-background-hover: #f04248;
  --button-regular-background-active: #c61017;
}
.styleguide.gynzy.button__regular.color--purple-heart {
  --button-regular-background: #8c41d9;
  --button-regular-background-hover: #a05fe3;
  --button-regular-background-active: #632a9d;
}
.styleguide.gynzy.button__regular.color--orchid {
  --button-regular-background: #d941d9;
  --button-regular-background-hover: #e35fe3;
  --button-regular-background-active: #9d2a9d;
}
.styleguide.gynzy.button__regular.color--wattle {
  --button-regular-background: #fad20c;
  --button-regular-background-hover: #ffdc2e;
  --button-regular-background-active: #a88e0b;
}
.styleguide.gynzy.button__regular.color--light {
  color: #556474;
  border: 1px solid #d1d3de;
  background-color: #ffffff;
  box-shadow: none;
}
.styleguide.gynzy.button__regular.color--light .icon--graphics {
  fill: #556474;
}
.styleguide.gynzy.button__regular.color--light.hover:enabled,
.styleguide.gynzy.button__regular.color--light:hover:enabled {
  background-color: #ffffff;
  color: #277cd9;
}
.styleguide.gynzy.button__regular.color--light.hover:enabled .icon--graphics,
.styleguide.gynzy.button__regular.color--light:hover:enabled .icon--graphics {
  fill: #277cd9;
}
.styleguide.gynzy.button__regular.color--light.active:enabled,
.styleguide.gynzy.button__regular.color--light:active:enabled {
  background-color: #f5f5f8;
  color: rgba(39, 124, 217, 0.7);
}
.styleguide.gynzy.button__regular.color--light.active:enabled .icon--graphics,
.styleguide.gynzy.button__regular.color--light:active:enabled .icon--graphics {
  fill: rgba(39, 124, 217, 0.7);
}
.styleguide.gynzy.button__regular.color--light:disabled {
  cursor: default;
  background-color: #f5f5f8;
  color: #aeb7c2;
}
.styleguide.gynzy.button__regular.color--light:disabled .svg__icon img {
  filter: grayscale(1);
  opacity: 0.5;
}
.styleguide.gynzy.button__regular.color--light_overlay {
  color: #ffffff;
  border: 1px solid #ffffff;
  background-color: rgba(255, 255, 255, 0.25);
}
.styleguide.gynzy.button__regular.color--light_overlay .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.button__regular.color--light_overlay.hover:enabled,
.styleguide.gynzy.button__regular.color--light_overlay:hover:enabled {
  background-color: rgba(255, 255, 255, 0.35);
}
.styleguide.gynzy.button__regular.color--light_overlay.active:enabled,
.styleguide.gynzy.button__regular.color--light_overlay:active:enabled {
  border: 1px solid rgba(255, 255, 255, 0.7);
  background-color: rgba(255, 255, 255, 0.05);
}
.styleguide.gynzy.button__regular.color--light_overlay.active:enabled .icon--graphics,
.styleguide.gynzy.button__regular.color--light_overlay:active:enabled .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.button__regular.color--tonal {
  color: #1f5e7f;
  border: none;
  background-color: #d4eefc;
  box-shadow: none;
  transition: none;
}
.styleguide.gynzy.button__regular.color--tonal .icon--graphics {
  fill: #1f5e7f;
}
.styleguide.gynzy.button__regular.color--tonal.hover:enabled,
.styleguide.gynzy.button__regular.color--tonal:hover:enabled {
  background-color: #b7e3fa;
  box-shadow: 0 1px 2px 0 rgba(26, 69, 91, 0.3), 0 2px 6px 2px rgba(26, 69, 91, 0.15);
}
.styleguide.gynzy.button__regular.color--tonal.active:enabled,
.styleguide.gynzy.button__regular.color--tonal:active:enabled {
  background-color: #97d4f5;
  color: #1f5e7f;
  box-shadow: none;
  outline: none;
}
.styleguide.gynzy.button__regular.color--tonal.active:enabled .icon--graphics,
.styleguide.gynzy.button__regular.color--tonal:active:enabled .icon--graphics {
  fill: #1f5e7f;
}
.styleguide.gynzy.button__regular.color--tonal:focus-visible:enabled {
  background-color: #b7e3fa;
  box-shadow: 0 1px 2px 0 rgba(26, 69, 91, 0.3), 0 2px 6px 2px rgba(26, 69, 91, 0.15);
  outline: 2px solid #1f5e7f;
  outline-offset: -2px;
}
.styleguide.gynzy.button__regular.color--tonal:disabled {
  background-color: #effaff;
  color: #a9c8d9;
  opacity: 1;
  cursor: default;
}
.styleguide.gynzy.button__regular.color--tonal:disabled .icon--graphics {
  fill: #a9c8d9;
}
.styleguide.gynzy.button__regular.color--tonal_light {
  color: #1f5e7f;
  border: none;
  background-color: #ffffff;
  box-shadow: none;
  transition: all 0.2s ease-in-out;
}
.styleguide.gynzy.button__regular.color--tonal_light .icon--graphics {
  fill: #d4eefc;
}
.styleguide.gynzy.button__regular.color--tonal_light.hover:enabled,
.styleguide.gynzy.button__regular.color--tonal_light:hover:enabled {
  background-color: #b7e3fa;
}
.styleguide.gynzy.button__regular.color--tonal_light.active:enabled,
.styleguide.gynzy.button__regular.color--tonal_light:active:enabled {
  background-color: #b7e3fa;
  color: #1f5e7f;
}
.styleguide.gynzy.button__regular.color--tonal_light.active:enabled .icon--graphics,
.styleguide.gynzy.button__regular.color--tonal_light:active:enabled .icon--graphics {
  fill: #b7e3fa;
}
.styleguide.gynzy.button__regular.color--purple {
  background: #dbd7eb;
  color: #556474;
  box-shadow: inset 0 0 0 3px #8c41d9;
  opacity: 1;
}
.styleguide.gynzy.button__regular.color--purple .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.button__regular.color--purple.hover:enabled,
.styleguide.gynzy.button__regular.color--purple:hover:enabled {
  background-color: #8c41d9;
}
.styleguide.gynzy.button__regular.color--purple.active:enabled,
.styleguide.gynzy.button__regular.color--purple:active:enabled {
  color: #ffffff;
  border: 0 solid rgba(255, 255, 255, 0.7);
  background-color: #8c41d9;
}
.styleguide.gynzy.button__regular.color--purple.active:enabled .icon--graphics,
.styleguide.gynzy.button__regular.color--purple:active:enabled .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.button__regular.color--outlined {
  color: #28759f;
  border: 0.10416667rem solid #28759f;
  background-color: unset;
  box-shadow: none;
  transition: all 0.2s ease-in-out;
}
.styleguide.gynzy.button__regular.color--outlined .icon--graphics {
  fill: #28759f;
}
.styleguide.gynzy.button__regular.color--outlined.hover:enabled,
.styleguide.gynzy.button__regular.color--outlined:hover:enabled {
  background-color: #d4eefc;
}
.styleguide.gynzy.button__regular.color--outlined.active:enabled,
.styleguide.gynzy.button__regular.color--outlined:active:enabled {
  color: #28759f;
}
.styleguide.gynzy.button__regular.color--outlined.active:enabled .icon--graphics,
.styleguide.gynzy.button__regular.color--outlined:active:enabled .icon--graphics {
  fill: #1f5e7f;
}
.styleguide.gynzy.button__regular.color--red,
.styleguide.gynzy.button__regular.isSelected.color--red {
  background: #ed1c24;
  color: #ffffff;
  box-shadow: inset 0 0 0 0;
  opacity: 1;
}
.styleguide.gynzy.button__regular.color--red:disabled,
.styleguide.gynzy.button__regular.isSelected.color--red:disabled {
  opacity: 0.5;
}
.styleguide.gynzy.button__regular.color--red.audience--teacher,
.styleguide.gynzy.button__regular.isSelected.color--red.audience--teacher {
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.15);
}
.styleguide.gynzy.button__regular.color--red.audience--teacher.hover:enabled,
.styleguide.gynzy.button__regular.isSelected.color--red.audience--teacher.hover:enabled,
.styleguide.gynzy.button__regular.color--red.audience--teacher:hover:enabled,
.styleguide.gynzy.button__regular.isSelected.color--red.audience--teacher:hover:enabled {
  background: #f04248;
}
.styleguide.gynzy.button__regular.color--red .icon--graphics,
.styleguide.gynzy.button__regular.isSelected.color--red .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.button__regular.color--red.hover:enabled,
.styleguide.gynzy.button__regular.isSelected.color--red.hover:enabled,
.styleguide.gynzy.button__regular.color--red:hover:enabled,
.styleguide.gynzy.button__regular.isSelected.color--red:hover:enabled {
  background-color: red;
}
.styleguide.gynzy.button__regular.color--red.active:enabled,
.styleguide.gynzy.button__regular.isSelected.color--red.active:enabled,
.styleguide.gynzy.button__regular.color--red:active:enabled,
.styleguide.gynzy.button__regular.isSelected.color--red:active:enabled {
  border: 0 solid rgba(255, 255, 255, 0.7);
  background-color: red;
  color: #ffffff;
}
.styleguide.gynzy.button__regular.color--red.active:enabled .icon--graphics,
.styleguide.gynzy.button__regular.isSelected.color--red.active:enabled .icon--graphics,
.styleguide.gynzy.button__regular.color--red:active:enabled .icon--graphics,
.styleguide.gynzy.button__regular.isSelected.color--red:active:enabled .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.button__regular.isSelected {
  color: #277cd9;
  border-color: #277cd9;
  box-shadow: inset 0 0 0 0.3rem #277cd9;
  background-color: rgba(39, 124, 217, 0.3);
}
.styleguide.gynzy.button__regular.isSelected.audience--teacher {
  box-shadow: inset 0 0 0 0.2rem #277cd9;
}
.styleguide.gynzy.button__regular.isSelected.audience--board {
  box-shadow: inset 0 0 0 3px #277cd9;
}
.styleguide.gynzy.button__regular.isSelected .icon--graphics {
  fill: #277cd9;
  position: absolute;
}
.styleguide.gynzy.button__regular.isSelected.hover:enabled,
.styleguide.gynzy.button__regular.isSelected:hover:enabled {
  background-color: rgba(39, 124, 217, 0.2);
}
.styleguide.gynzy.button__regular.isSelected.active:enabled,
.styleguide.gynzy.button__regular.isSelected:active:enabled {
  background-color: rgba(39, 124, 217, 0.3);
  color: #277cd9;
}
.styleguide.gynzy.button__regular.isSelected.active:enabled .icon--graphics,
.styleguide.gynzy.button__regular.isSelected:active:enabled .icon--graphics {
  fill: #277cd9;
}
.styleguide.gynzy.button__regular.isSelected.color--green {
  background: green;
  color: #ffffff;
  box-shadow: inset 0 0 0 0;
  opacity: 1;
}
.styleguide.gynzy.button__regular.isSelected.color--green .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.button__regular.isSelected.color--green.hover:enabled,
.styleguide.gynzy.button__regular.isSelected.color--green:hover:enabled {
  background-color: green;
}
.styleguide.gynzy.button__regular.isSelected.color--green.active:enabled,
.styleguide.gynzy.button__regular.isSelected.color--green:active:enabled {
  border: 0 solid rgba(255, 255, 255, 0.7);
  background-color: green;
  color: #ffffff;
}
.styleguide.gynzy.button__regular.isSelected.color--green.active:enabled .icon--graphics,
.styleguide.gynzy.button__regular.isSelected.color--green:active:enabled .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.button__regular.isSelected.color--red {
  background: #ed1c24;
  color: #ffffff;
  box-shadow: inset 0 0 0 0;
  opacity: 1;
}
.styleguide.gynzy.button__regular.isSelected.color--red .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.button__regular.isSelected.color--red.hover:enabled,
.styleguide.gynzy.button__regular.isSelected.color--red:hover:enabled {
  background-color: red;
}
.styleguide.gynzy.button__regular.isSelected.color--red.active:enabled,
.styleguide.gynzy.button__regular.isSelected.color--red:active:enabled {
  border: 0 solid rgba(255, 255, 255, 0.7);
  background-color: red;
  color: #ffffff;
}
.styleguide.gynzy.button__regular.isSelected.color--red.active:enabled .icon--graphics,
.styleguide.gynzy.button__regular.isSelected.color--red:active:enabled .icon--graphics {
  fill: #ffffff;
}
/**
 * The layout for button-square is almost identical to button-regular.
 * Only different is the width of the buttons.
 */
.styleguide.button__square {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  outline: none;
  border: none;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
  background-clip: padding-box;
  margin: 0;
  padding: 0;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  transition-property: background-color, box-shadow, color, opacity;
  transition-duration: 0.15s;
}
.styleguide.button__square .hide {
  display: none;
}
.styleguide.button__square.is-loading {
  opacity: 0.5;
  pointer-events: none;
}
.styleguide.button__square.audience--board.size--small {
  min-width: 32px;
  width: 32px;
  max-width: 32px;
  min-height: 32px;
  height: 32px;
  max-height: 32px;
  border-radius: 4px;
  font-size: 12px;
}
.styleguide.button__square.audience--board.size--small .flat__icon {
  margin: 0 auto;
  width: 12px;
  height: 12px;
}
.styleguide.button__square.audience--board.size--small .svg__icon {
  margin: 0 auto;
  width: 18px;
  height: 18px;
}
.styleguide.button__square.audience--board.size--normal {
  min-width: 40px;
  width: 40px;
  max-width: 40px;
  min-height: 40px;
  height: 40px;
  max-height: 40px;
  border-radius: 6px;
  font-size: 16px;
}
.styleguide.button__square.audience--board.size--normal .flat__icon {
  margin: 0 auto;
  width: 16px;
  height: 16px;
}
.styleguide.button__square.audience--board.size--normal .svg__icon {
  margin: 0 auto;
  width: 24px;
  height: 24px;
}
.styleguide.button__square.audience--board.size--large {
  min-width: 48px;
  width: 48px;
  max-width: 48px;
  min-height: 48px;
  height: 48px;
  max-height: 48px;
  border-radius: 8px;
  font-size: 20px;
}
.styleguide.button__square.audience--board.size--large .flat__icon {
  margin: 0 auto;
  width: 20px;
  height: 20px;
}
.styleguide.button__square.audience--board.size--large .svg__icon {
  margin: 0 auto;
  width: 30px;
  height: 30px;
}
.styleguide.button__square.audience--student.size--small {
  min-width: 5.21rem;
  width: 5.21rem;
  max-width: 5.21rem;
  min-height: 5.21rem;
  height: 5.21rem;
  max-height: 5.21rem;
  font-size: 2.19rem;
  border-radius: 0.83rem;
}
.styleguide.button__square.audience--student.size--small .flat__icon {
  margin: 0 auto;
  width: 2.19rem;
  height: 2.19rem;
}
.styleguide.button__square.audience--student.size--small .svg__icon {
  margin: 0 auto;
  width: 1.875rem;
  height: 1.875rem;
}
.styleguide.button__square.audience--student.size--normal {
  min-width: 6.25rem;
  width: 6.25rem;
  max-width: 6.25rem;
  min-height: 6.25rem;
  height: 6.25rem;
  max-height: 6.25rem;
  font-size: 2.9rem;
  border-radius: 1.04rem;
}
.styleguide.button__square.audience--student.size--normal .flat__icon {
  margin: 0 auto;
  width: 2.9rem;
  height: 2.9rem;
}
.styleguide.button__square.audience--student.size--normal .svg__icon {
  margin: 0 auto;
  width: 2.5rem;
  height: 2.5rem;
}
.styleguide.button__square.audience--student.size--large {
  min-width: 7.5rem;
  width: 7.5rem;
  max-width: 7.5rem;
  min-height: 7.5rem;
  height: 7.5rem;
  max-height: 7.5rem;
  font-size: 3.83rem;
  border-radius: 1.25rem;
}
.styleguide.button__square.audience--student.size--large .flat__icon {
  margin: 0 auto;
  width: 3.83rem;
  height: 3.83rem;
}
.styleguide.button__square.audience--student.size--large .svg__icon {
  margin: 0 auto;
  width: 3.125rem;
  height: 3.125rem;
}
.styleguide.button__square.audience--teacher.size--small {
  min-width: 3.13rem;
  width: 3.13rem;
  max-width: 3.13rem;
  min-height: 3.13rem;
  height: 3.13rem;
  max-height: 3.13rem;
  font-size: 1.25rem;
  border-radius: 0.625rem;
}
.styleguide.button__square.audience--teacher.size--small .flat__icon {
  margin: 0 auto;
  width: 1.25rem;
  height: 1.25rem;
}
.styleguide.button__square.audience--teacher.size--small .svg__icon {
  margin: 0 auto;
  width: 1.875rem;
  height: 1.875rem;
}
.styleguide.button__square.audience--teacher.size--normal {
  min-width: 4.17rem;
  width: 4.17rem;
  max-width: 4.17rem;
  min-height: 4.17rem;
  height: 4.17rem;
  max-height: 4.17rem;
  font-size: 1.66666667rem;
  border-radius: 0.83333333rem;
}
.styleguide.button__square.audience--teacher.size--normal .flat__icon {
  margin: 0 auto;
  width: 1.66666667rem;
  height: 1.66666667rem;
}
.styleguide.button__square.audience--teacher.size--normal .svg__icon {
  margin: 0 auto;
  width: 2.5rem;
  height: 2.5rem;
}
.styleguide.button__square.audience--teacher.size--large {
  min-width: 5.21rem;
  width: 5.21rem;
  max-width: 5.21rem;
  min-height: 5.21rem;
  height: 5.21rem;
  max-height: 5.21rem;
  font-size: 2.19rem;
  border-radius: 1.04166667rem;
}
.styleguide.button__square.audience--teacher.size--large .flat__icon {
  margin: 0 auto;
  width: 2.19rem;
  height: 2.19rem;
}
.styleguide.button__square.audience--teacher.size--large .svg__icon {
  margin: 0 auto;
  width: 3.125rem;
  height: 3.125rem;
}
/**
 * Because the gynzy-colors for 'button-regular' apply to all gynzy-buttons,
 * Therefore we defined the colors in button-base folder.
 */
.styleguide.gynzy.button__square {
  --button-regular-color: #ffffff;
  --button-regular-background: #277cd9;
  --button-regular-background-hover: #4e92ff;
  --button-regular-background-active: #2465ab;
  color: var(--button-regular-color);
  background-color: var(--button-regular-background);
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.15);
}
.styleguide.gynzy.button__square .icon--graphics {
  fill: var(--button-regular-color);
}
.styleguide.gynzy.button__square.hover:enabled,
.styleguide.gynzy.button__square:hover:enabled {
  background-color: var(--button-regular-background-hover);
}
.styleguide.gynzy.button__square.active:enabled,
.styleguide.gynzy.button__square:active:enabled {
  background-color: var(--button-regular-background-active);
  color: rgba(255, 255, 255, 0.7);
}
.styleguide.gynzy.button__square.active:enabled .icon--graphics,
.styleguide.gynzy.button__square:active:enabled .icon--graphics {
  fill: rgba(255, 255, 255, 0.7);
}
.styleguide.gynzy.button__square.color--secondary,
.styleguide.gynzy.button__square.color--solitude {
  --button-regular-color: #556474;
  --button-regular-background: #e9eaef;
  --button-regular-background-hover: #f5f5f8;
  --button-regular-background-active: #d1d3de;
}
.styleguide.gynzy.button__square.color--secondary.active:enabled,
.styleguide.gynzy.button__square.color--solitude.active:enabled,
.styleguide.gynzy.button__square.color--secondary:active:enabled,
.styleguide.gynzy.button__square.color--solitude:active:enabled {
  background-color: #d1d3de;
  color: rgba(85, 100, 116, 0.7);
}
.styleguide.gynzy.button__square.color--secondary.active:enabled .icon--graphics,
.styleguide.gynzy.button__square.color--solitude.active:enabled .icon--graphics,
.styleguide.gynzy.button__square.color--secondary:active:enabled .icon--graphics,
.styleguide.gynzy.button__square.color--solitude:active:enabled .icon--graphics {
  fill: rgba(85, 100, 116, 0.7);
}
.styleguide.gynzy.button__square.color--call_to_action {
  --button-regular-background: #fd8b1d;
  --button-regular-background-hover: #fda045;
  --button-regular-background-active: #e57102;
}
.styleguide.gynzy.button__square.color--mariner {
  --button-regular-background: #277cd9;
  --button-regular-background-hover: #4e92ff;
  --button-regular-background-active: #2465ab;
}
.styleguide.gynzy.button__square.color--tree-poppy {
  --button-regular-background: #fd8b1d;
  --button-regular-background-hover: #fda045;
  --button-regular-background-active: #e57102;
}
.styleguide.gynzy.button__square.color--positive {
  --button-regular-background: #1eaa10;
  --button-regular-background-hover: #25cf14;
  --button-regular-background-active: #167b0c;
}
.styleguide.gynzy.button__square.color--negative {
  --button-regular-background: #ed1c24;
  --button-regular-background-hover: #f04248;
  --button-regular-background-active: #c61017;
}
.styleguide.gynzy.button__square.color--purple-heart {
  --button-regular-background: #8c41d9;
  --button-regular-background-hover: #a05fe3;
  --button-regular-background-active: #632a9d;
}
.styleguide.gynzy.button__square.color--orchid {
  --button-regular-background: #d941d9;
  --button-regular-background-hover: #e35fe3;
  --button-regular-background-active: #9d2a9d;
}
.styleguide.gynzy.button__square.color--wattle {
  --button-regular-background: #fad20c;
  --button-regular-background-hover: #ffdc2e;
  --button-regular-background-active: #a88e0b;
}
.styleguide.gynzy.button__square.color--light {
  color: #556474;
  border: 1px solid #d1d3de;
  background-color: #ffffff;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0);
}
.styleguide.gynzy.button__square.color--light:disabled {
  opacity: 1;
}
.styleguide.gynzy.button__square.color--light .icon--graphics {
  fill: #556474;
}
.styleguide.gynzy.button__square.color--light:not(:disabled):hover,
.styleguide.gynzy.button__square.color--light.hover:enabled {
  background-color: #f5f5f8;
  color: #556474;
}
.styleguide.gynzy.button__square.color--light:not(:disabled):hover .icon--graphics,
.styleguide.gynzy.button__square.color--light.hover:enabled .icon--graphics {
  fill: #556474;
}
.styleguide.gynzy.button__square.color--light:not(:disabled):active,
.styleguide.gynzy.button__square.color--light.active:enabled {
  background-color: #e9eaef;
  color: #556474;
}
.styleguide.gynzy.button__square.color--light:not(:disabled):active .icon--graphics,
.styleguide.gynzy.button__square.color--light.active:enabled .icon--graphics {
  fill: #556474;
}
.styleguide.gynzy.button__square.color--light_overlay {
  color: #ffffff;
  border: 1px solid #ffffff;
  background-color: rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0);
}
.styleguide.gynzy.button__square.color--light_overlay .icon--graphics {
  fill: #fff;
}
.styleguide.gynzy.button__square.color--light_overlay.hover:enabled,
.styleguide.gynzy.button__square.color--light_overlay:hover:enabled {
  background-color: rgba(255, 255, 255, 0.35);
}
.styleguide.gynzy.button__square.color--light_overlay.active:enabled,
.styleguide.gynzy.button__square.color--light_overlay:active:enabled {
  border: 1px solid rgba(255, 255, 255, 0.7);
  background-color: rgba(255, 255, 255, 0.05);
}
.styleguide.gynzy.button__square.color--light_overlay.active:enabled .icon--graphics,
.styleguide.gynzy.button__square.color--light_overlay:active:enabled .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.button__square.color--light_toolbar {
  color: #556474;
  border: 1px solid #d1d3de;
  background-color: #ffffff;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0);
}
.styleguide.gynzy.button__square.color--light_toolbar .icon--graphics {
  fill: #556474;
}
.styleguide.gynzy.button__square.color--light_toolbar.hover:enabled,
.styleguide.gynzy.button__square.color--light_toolbar:hover:enabled {
  background-color: #ffffff;
  color: #277cd9;
}
.styleguide.gynzy.button__square.color--light_toolbar.hover:enabled .icon--graphics,
.styleguide.gynzy.button__square.color--light_toolbar:hover:enabled .icon--graphics {
  fill: #277cd9;
}
.styleguide.gynzy.button__square.color--light_toolbar.active:enabled,
.styleguide.gynzy.button__square.color--light_toolbar:active:enabled {
  background-color: #f5f5f8;
  color: rgba(39, 124, 217, 0.7);
}
.styleguide.gynzy.button__square.color--light_toolbar.active:enabled .icon--graphics,
.styleguide.gynzy.button__square.color--light_toolbar:active:enabled .icon--graphics {
  fill: rgba(39, 124, 217, 0.7);
}
.styleguide.gynzy.button__square.color--light_toolbar:disabled {
  background-color: rgba(255, 255, 255, 0.05);
}
.styleguide.gynzy.button__square.color--light_toolbar:disabled .icon--graphics {
  fill: #aeb7c2;
}
.styleguide.gynzy.button__square.color--parnassys {
  color: #fff;
  background-color: #c9496a;
}
.styleguide.gynzy.button__square.color--parnassys .icon--graphics {
  fill: #fff;
}
.styleguide.gynzy.button__square.color--parnassys.hover:enabled,
.styleguide.gynzy.button__square.color--parnassys:hover:enabled {
  background-color: #dd5d7e;
}
.styleguide.gynzy.button__square.color--parnassys.active:enabled,
.styleguide.gynzy.button__square.color--parnassys:active:enabled {
  background-color: #b03051;
}
.styleguide.gynzy.button__square.color--parnassys.active:enabled .icon--graphics,
.styleguide.gynzy.button__square.color--parnassys:active:enabled .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.button__square.isSelected {
  color: #277cd9;
  border-color: #277cd9;
  box-shadow: inset 0 0 0 0.3rem #277cd9;
  background-color: rgba(39, 124, 217, 0.3);
}
.styleguide.gynzy.button__square.isSelected.audience--teacher {
  box-shadow: inset 0 0 0 0.2rem #277cd9;
}
.styleguide.gynzy.button__square.isSelected .icon--graphics {
  fill: #277cd9;
  position: absolute;
}
.styleguide.gynzy.button__square.isSelected.hover:enabled,
.styleguide.gynzy.button__square.isSelected:hover:enabled {
  background-color: rgba(39, 124, 217, 0.2);
}
.styleguide.gynzy.button__square.isSelected.active:enabled,
.styleguide.gynzy.button__square.isSelected:active:enabled {
  background-color: rgba(39, 124, 217, 0.3);
  color: #277cd9;
}
.styleguide.gynzy.button__square.isSelected.active:enabled .icon--graphics,
.styleguide.gynzy.button__square.isSelected:active:enabled .icon--graphics {
  fill: #277cd9;
}
.styleguide.gynzy.button__square:disabled {
  cursor: default;
  opacity: 0.5;
}
/**
 * The layout for button-square is almost identical to button-regular.
 * Only different is the width of the buttons.
 */
.styleguide.button__icon {
  overflow: hidden;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  text-decoration: none;
  text-indent: 0;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
  background-clip: padding-box;
  transition-property: background-color, box-shadow, color, opacity;
  transition-duration: 0.15s;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  justify-content: center;
}
.styleguide.button__icon.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.button__icon.column {
  flex-direction: column;
}
.styleguide.button__icon.end {
  justify-content: flex-end;
}
.styleguide.button__icon.start {
  justify-content: flex-start;
}
.styleguide.button__icon.flex-center {
  justify-content: center;
}
.styleguide.button__icon.between {
  justify-content: space-between;
}
.styleguide.button__icon.around {
  justify-content: space-around;
}
.styleguide.button__icon.cross-start {
  align-items: flex-start;
}
.styleguide.button__icon.cross-end {
  align-items: flex-end;
}
.styleguide.button__icon.stretch {
  align-items: stretch;
}
.styleguide.button__icon.evenly {
  justify-content: space-evenly;
}
.styleguide.button__icon.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.button__icon.wrap {
  flex-wrap: wrap;
}
.styleguide.button__icon.grow {
  flex: 1;
}
.styleguide.button__icon .flex-half,
.styleguide.button__icon .flex-quarter,
.styleguide.button__icon .flex-sixth,
.styleguide.button__icon .flex-third,
.styleguide.button__icon .flex-two-third {
  box-sizing: border-box;
}
.styleguide.button__icon .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.button__icon .flex-grow-1 {
  flex: 1 1;
}
.styleguide.button__icon .flex-grow-2 {
  flex: 2 1;
}
.styleguide.button__icon .flex-grow-3 {
  flex: 3 1;
}
.styleguide.button__icon .flex-grow-4 {
  flex: 4 1;
}
.styleguide.button__icon .flex-grow-5 {
  flex: 5 1;
}
.styleguide.button__icon .flex-grow-6 {
  flex: 6 1;
}
.styleguide.button__icon .flex-grow-7 {
  flex: 7 1;
}
.styleguide.button__icon .flex-grow-8 {
  flex: 8 1;
}
.styleguide.button__icon.type--self-contained .flat__icon {
  width: inherit;
  height: inherit;
}
.styleguide.button__icon.audience--teacher.type--self-contained.size--small {
  width: 1.56rem;
  height: 1.56rem;
  min-width: 1.56rem;
  max-width: 1.56rem;
}
.styleguide.button__icon.audience--teacher.type--self-contained.size--normal {
  width: 2.09rem;
  height: 2.09rem;
  min-width: 2.09rem;
  max-width: 2.09rem;
}
.styleguide.button__icon.audience--teacher.type--self-contained.size--large {
  width: 2.92rem;
  height: 2.92rem;
  min-width: 2.92rem;
  max-width: 2.92rem;
}
.styleguide.button__icon.audience--teacher.type--circle-button {
  overflow: unset;
}
.styleguide.button__icon.audience--teacher.type--circle-button.size--small {
  width: 4.16666667rem;
  height: 4.16666667rem;
  padding: 1.04166667rem;
}
.styleguide.button__icon.audience--student.size--small {
  width: 2.08333333rem;
  height: 2.08333333rem;
}
.styleguide.button__icon.audience--student.size--normal {
  width: 3.91rem;
  height: 3.91rem;
}
.styleguide.button__icon.audience--student.size--large {
  width: 5.46rem;
  height: 5.46rem;
}
.styleguide.button__icon.audience--board.size--small {
  width: 20px;
  height: 20px;
}
.styleguide.button__icon.audience--board.size--normal {
  width: 30px;
  height: 30px;
}
.styleguide.button__icon.audience--board.size--large {
  width: 40px;
  height: 40px;
}
.styleguide.button__icon.type--circle-button {
  border-radius: 50%;
  padding: 1.04166667rem;
  background: transparent;
  outline: none;
  transition-property: background;
  transition-duration: 0.15s;
  overflow: auto;
}
.styleguide.button__icon.type--circle-button .svg__icon {
  width: inherit;
  height: inherit;
}
.styleguide.button__icon.type--circle-button .flat__icon {
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.15s;
}
@media (pointer: coarse) {
  .styleguide.button__icon.type--circle-button:focus {
    outline: 2px solid #bed8f4;
    background: rgba(255, 255, 255, 0.5);
  }
  .styleguide.button__icon.type--circle-button:focus .flat__icon {
    opacity: 1;
  }
}
.styleguide.button__icon.type--circle-button:hover {
  background: linear-gradient(rgba(245, 245, 248, 0.7), rgba(245, 245, 248, 0.7)), linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
}
.styleguide.button__icon.type--circle-button:active {
  background: linear-gradient(rgba(233, 234, 239, 0.5), rgba(233, 234, 239, 0.5)), linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
}
.styleguide.button__icon.type--circle-button:active .flat__icon {
  opacity: 0.7;
}
.styleguide.gynzy.button__icon {
  background-color: transparent;
}
.styleguide.gynzy.button__icon.color--white .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.button__icon.color--white.type--self-contained:hover:enabled .icon--graphics {
  fill: #d1d3de;
  transition: 0.15s;
}
.styleguide.gynzy.button__icon.color--black .icon--graphics {
  fill: #3f4c5a;
}
.styleguide.gynzy.button__icon.color--black.type--self-contained:hover:enabled .icon--graphics {
  fill: #6b7c8e;
  transition: 0.15s;
}
.styleguide.gynzy.button__icon.color--blue .icon--graphics {
  fill: #277cd9;
}
.styleguide.gynzy.button__icon.color--blue.type--self-contained:hover:enabled .icon--graphics {
  fill: #4e92ff;
  transition: 0.15s;
}
.styleguide.gynzy.button__icon.color--blue.type--self-contained:active:enabled .icon--graphics {
  fill: #2465ab;
  transition: 0.15s;
}
.styleguide.gynzy.button__icon.color--heather .icon--graphics {
  fill: #aeb7c2;
}
.styleguide.gynzy.button__icon.color--heather.type--self-contained:hover:enabled .icon--graphics {
  fill: #d1d3de;
  transition: 0.15s;
}
.styleguide.gynzy.button__icon.color--shuttle-gray .icon--graphics {
  fill: #556474;
}
.styleguide.gynzy.button__icon.color--shuttle-gray.type--self-contained:hover .icon--graphics {
  fill: #6b7c8e;
  transition: 0.15s;
}
.styleguide.gynzy.button__icon.color--shuttle-gray.type--self-contained:active .icon--graphics {
  fill: #3f4c5a;
  transition: 0.15s;
}
.styleguide.gynzy.button__icon.color--regent-gray .icon--graphics {
  fill: #8c99a8;
}
.styleguide.gynzy.button__icon.color--regent-gray.type--self-contained:hover .icon--graphics {
  fill: #aeb7c2;
  transition: 0.15s;
}
.styleguide.gynzy.button__icon.color--regent-gray.type--self-contained:active .icon--graphics {
  fill: #6b7c8e;
  transition: 0.15s;
}
.styleguide.gynzy.button__icon.color--negative .icon--graphics {
  fill: #ed1c24;
}
.styleguide.gynzy.button__icon.color--negative.type--self-contained:hover:enabled .icon--graphics {
  fill: #f04248;
  transition: 0.15s;
}
.styleguide.gynzy.button__icon.color--negative.type--self-contained:active:enabled .icon--graphics {
  fill: #c61017;
  transition: 0.15s;
}
.styleguide.gynzy.button__icon.color--positive .icon--graphics {
  fill: #1eaa10;
}
.styleguide.gynzy.button__icon.color--positive.type--self-contained:hover:enabled .icon--graphics {
  fill: #25cf14;
  transition: 0.15s;
}
.styleguide.gynzy.button__icon.color--positive.type--self-contained:active:enabled .icon--graphics {
  fill: #167b0c;
  transition: 0.15s;
}
.styleguide.gynzy.button__icon.color--tonal .icon--graphics {
  fill: #556474;
}
.styleguide.gynzy.button__icon.color--tonal.type--self-contained:hover:enabled {
  background-color: #ffffff;
}
.styleguide.gynzy.button__icon.color--tonal.type--self-contained:active:enabled {
  background-color: #d4eefc;
}
.styleguide.gynzy.button__icon.color--havelock-blue .icon--graphics {
  fill: #38a4de;
}
.styleguide.gynzy.button__icon.color--sky-darker .icon--graphics {
  fill: #2477a3;
}
.styleguide.gynzy.button__icon.color--sky .icon--graphics {
  fill: #38a4de;
}
.styleguide.gynzy.button__icon.color--indigo .icon--graphics {
  fill: #3d61cc;
}
.styleguide.gynzy.button__icon.color--lemon .icon--graphics {
  fill: #fad20c;
}
.styleguide.gynzy.button__icon.color--caribbean .icon--graphics {
  fill: #3fd4d4;
}
.styleguide.gynzy.button__icon.color--emerald .icon--graphics {
  fill: #3dcc84;
}
.styleguide.gynzy.button__icon.color--lavender .icon--graphics {
  fill: #8c41d9;
}
.styleguide.gynzy.button__icon.color--pear .icon--graphics {
  fill: #afd441;
}
.styleguide.gynzy.button__icon:disabled {
  cursor: default;
  opacity: 0.5;
}
/**
 * The layout for button-toggle is almost identical to button-regular.
 */
.styleguide.button__toggle {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  width: 100%;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
  transition-property: background-color, box-shadow, color, opacity;
  transition-duration: 0.15s;
  /**
	 * Default sizes for all buttons.
	 * Divided in 'teacher' and 'student' buttons.
	 * Sizes are: SMALL, NORMAL and LARGE
	 */
  margin: 0;
}
.styleguide.button__toggle.audience--student.size--small {
  padding: 0 2.6rem;
  font-size: 2.19rem;
  height: 5.21rem;
  border-radius: 0.83rem;
}
.styleguide.button__toggle.audience--student.size--normal {
  padding: 0 3.13rem;
  font-size: 2.9rem;
  height: 6.25rem;
  border-radius: 1.04rem;
}
.styleguide.button__toggle.audience--student.size--large {
  padding: 0 3.75rem;
  font-size: 3.83rem;
  height: 7.5rem;
  border-radius: 1.25rem;
}
.styleguide.button__toggle.audience--teacher.size--small {
  padding: 0 1.56rem;
  font-size: 1.25rem;
  height: 3.13rem;
  border-radius: 0.625rem;
}
.styleguide.button__toggle.audience--teacher.size--normal {
  padding: 0 2.04rem;
  font-size: 1.66666667rem;
  height: 4.17rem;
  border-radius: 0.83333333rem;
}
.styleguide.button__toggle.audience--teacher.size--large {
  padding: 0 2.6rem;
  font-size: 2.19rem;
  height: 5.21rem;
  border-radius: 1.04166667rem;
}
.styleguide.button__toggle.audience--board.size--small {
  padding: 0 14.976px;
  font-size: 12px;
  height: 32px;
  border-radius: 4px;
}
.styleguide.button__toggle.audience--board.size--normal {
  padding: 0 19.584px;
  font-size: 16px;
  height: 40px;
  border-radius: 6px;
}
.styleguide.button__toggle.audience--board.size--large {
  padding: 0 24.96px;
  font-size: 20px;
  height: 48px;
  border-radius: 8px;
}
.styleguide.button__toggle.audience--student:not(:first-child):not(:last-child),
.styleguide.button__toggle.audience--teacher:not(:first-child):not(:last-child),
.styleguide.button__toggle.audience--board:not(:first-child):not(:last-child) {
  border-radius: 0;
  border-left: none;
  border-right: none;
}
.styleguide.button__toggle.audience--student:first-child,
.styleguide.button__toggle.audience--teacher:first-child,
.styleguide.button__toggle.audience--board:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.styleguide.button__toggle.audience--student:last-child,
.styleguide.button__toggle.audience--teacher:last-child,
.styleguide.button__toggle.audience--board:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/**
 * The gynzy-colors for button-toggle is almost identical to other buttons.
 * See button-regular for those colors.
 */
.styleguide.gynzy.button__toggle {
  outline: none;
}
.styleguide.gynzy.button__toggle.color--primary {
  color: #277cd9;
  background: #ffffff;
  border: 1px solid #277cd9;
}
.styleguide.gynzy.button__toggle.color--primary:hover:enabled {
  background: #eaf2fb;
}
.styleguide.gynzy.button__toggle.color--primary:active:enabled {
  color: #ffffff;
  background: #277cd9;
}
.styleguide.gynzy.button__toggle.color--secondary {
  color: #556474;
  background: #ffffff;
  border: 1px solid #d1d3de;
}
.styleguide.gynzy.button__toggle.color--secondary:hover:enabled {
  background: #f5f5f8;
}
.styleguide.gynzy.button__toggle.color--secondary:active:enabled {
  background: #d1d3de;
}
.styleguide.gynzy.button__toggle.color--light_overlay {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid #ffffff;
}
.styleguide.gynzy.button__toggle.color--light_overlay:hover:enabled {
  background-color: rgba(255, 255, 255, 0.2);
}
.styleguide.gynzy.button__toggle.color--light_overlay:active:enabled {
  color: #556474;
  background: #ffffff;
}
.styleguide.gynzy.button__toggle.button--selected.color--primary,
.styleguide.gynzy.button__toggle.button--selected:hover:enabled.color--primary {
  color: #ffffff;
  background: #277cd9;
}
.styleguide.gynzy.button__toggle.button--selected.color--primary:active:enabled,
.styleguide.gynzy.button__toggle.button--selected:hover:enabled.color--primary:active:enabled {
  background: #2465ab;
  border-color: #2465ab;
}
.styleguide.gynzy.button__toggle.button--selected.color--secondary,
.styleguide.gynzy.button__toggle.button--selected:hover:enabled.color--secondary {
  color: #556474;
  background: #d1d3de;
}
.styleguide.gynzy.button__toggle.button--selected.color--secondary:active:enabled,
.styleguide.gynzy.button__toggle.button--selected:hover:enabled.color--secondary:active:enabled {
  background: #aeb7c2;
  border-color: #aeb7c2;
}
.styleguide.gynzy.button__toggle.button--selected.color--light_overlay,
.styleguide.gynzy.button__toggle.button--selected:hover:enabled.color--light_overlay {
  color: #556474;
  background-color: #ffffff;
}
.styleguide.gynzy.button__toggle.button--selected.color--light_overlay:active:enabled,
.styleguide.gynzy.button__toggle.button--selected:hover:enabled.color--light_overlay:active:enabled {
  background: #f6f6f6;
  border-color: #f6f6f6;
}
.styleguide.gynzy.button__toggle:disabled {
  cursor: default;
  opacity: 0.5;
}
.styleguide.button__round {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 600;
  overflow: hidden;
  text-decoration: none;
  text-indent: 0;
  outline: none;
  border: none;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
  background-clip: content-box;
  box-sizing: content-box;
  margin: 0;
  padding: 0;
  color: white;
  border-radius: 50%;
  transition-property: background-color, box-shadow, color, opacity;
  transition-duration: 0.15s;
  position: relative;
}
.styleguide.button__round.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.button__round.column {
  flex-direction: column;
}
.styleguide.button__round.end {
  justify-content: flex-end;
}
.styleguide.button__round.start {
  justify-content: flex-start;
}
.styleguide.button__round.flex-center {
  justify-content: center;
}
.styleguide.button__round.between {
  justify-content: space-between;
}
.styleguide.button__round.around {
  justify-content: space-around;
}
.styleguide.button__round.cross-start {
  align-items: flex-start;
}
.styleguide.button__round.cross-end {
  align-items: flex-end;
}
.styleguide.button__round.stretch {
  align-items: stretch;
}
.styleguide.button__round.evenly {
  justify-content: space-evenly;
}
.styleguide.button__round.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.button__round.wrap {
  flex-wrap: wrap;
}
.styleguide.button__round.grow {
  flex: 1;
}
.styleguide.button__round .flex-half,
.styleguide.button__round .flex-quarter,
.styleguide.button__round .flex-sixth,
.styleguide.button__round .flex-third,
.styleguide.button__round .flex-two-third {
  box-sizing: border-box;
}
.styleguide.button__round .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.button__round .flex-grow-1 {
  flex: 1 1;
}
.styleguide.button__round .flex-grow-2 {
  flex: 2 1;
}
.styleguide.button__round .flex-grow-3 {
  flex: 3 1;
}
.styleguide.button__round .flex-grow-4 {
  flex: 4 1;
}
.styleguide.button__round .flex-grow-5 {
  flex: 5 1;
}
.styleguide.button__round .flex-grow-6 {
  flex: 6 1;
}
.styleguide.button__round .flex-grow-7 {
  flex: 7 1;
}
.styleguide.button__round .flex-grow-8 {
  flex: 8 1;
}
.styleguide.button__round.audience--teacher {
  border: 1px solid;
}
.styleguide.button__round.audience--teacher.size--small {
  width: 2.08333333rem;
  height: 2.08333333rem;
}
.styleguide.button__round.audience--teacher.size--small .flat__icon {
  width: 1.04166667rem;
  height: 1.04166667rem;
}
.styleguide.button__round.audience--teacher.size--normal {
  width: 3.125rem;
  height: 3.125rem;
}
.styleguide.button__round.audience--teacher.size--normal .flat__icon {
  width: 1.5625rem;
  height: 1.5625rem;
}
.styleguide.button__round.audience--teacher.size--large {
  width: 5rem;
  height: 5rem;
}
.styleguide.button__round.audience--teacher.size--large .flat__icon {
  width: 2.08333333rem;
  height: 2.08333333rem;
}
.styleguide.button__round.audience--teacher.size-full-icon {
  width: 4.16666667rem;
  height: 4.16666667rem;
}
.styleguide.button__round.audience--teacher.size-full-icon .flat__icon {
  width: 4.16666667rem;
  height: 4.16666667rem;
}
.styleguide.button__round.audience--board {
  border: 1px solid;
}
.styleguide.button__round.audience--board.size--small {
  width: 20px;
  height: 20px;
}
.styleguide.button__round.audience--board.size--small .flat__icon {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
}
.styleguide.button__round.audience--board.size--normal {
  width: 30px;
  height: 30px;
}
.styleguide.button__round.audience--board.size--normal .flat__icon {
  top: 9px;
  left: 9px;
  width: 12px;
  height: 12px;
}
.styleguide.button__round.audience--board.size--large {
  width: 40px;
  height: 40px;
}
.styleguide.button__round.audience--board.size--large .flat__icon {
  top: 12px;
  left: 12px;
  width: 16px;
  height: 16px;
}
.styleguide.gynzy.button__round .flat__icon {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  margin: 0 auto;
  /* .flex .flex-center doesn't do the trick in iOS */
}
.styleguide.gynzy.button__round .flat__icon.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.gynzy.button__round .flat__icon.column {
  flex-direction: column;
}
.styleguide.gynzy.button__round .flat__icon.end {
  justify-content: flex-end;
}
.styleguide.gynzy.button__round .flat__icon.start {
  justify-content: flex-start;
}
.styleguide.gynzy.button__round .flat__icon.flex-center {
  justify-content: center;
}
.styleguide.gynzy.button__round .flat__icon.between {
  justify-content: space-between;
}
.styleguide.gynzy.button__round .flat__icon.around {
  justify-content: space-around;
}
.styleguide.gynzy.button__round .flat__icon.cross-start {
  align-items: flex-start;
}
.styleguide.gynzy.button__round .flat__icon.cross-end {
  align-items: flex-end;
}
.styleguide.gynzy.button__round .flat__icon.stretch {
  align-items: stretch;
}
.styleguide.gynzy.button__round .flat__icon.evenly {
  justify-content: space-evenly;
}
.styleguide.gynzy.button__round .flat__icon.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.gynzy.button__round .flat__icon.wrap {
  flex-wrap: wrap;
}
.styleguide.gynzy.button__round .flat__icon.grow {
  flex: 1;
}
.styleguide.gynzy.button__round .flat__icon .flex-half,
.styleguide.gynzy.button__round .flat__icon .flex-quarter,
.styleguide.gynzy.button__round .flat__icon .flex-sixth,
.styleguide.gynzy.button__round .flat__icon .flex-third,
.styleguide.gynzy.button__round .flat__icon .flex-two-third {
  box-sizing: border-box;
}
.styleguide.gynzy.button__round .flat__icon .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.gynzy.button__round .flat__icon .flex-grow-1 {
  flex: 1 1;
}
.styleguide.gynzy.button__round .flat__icon .flex-grow-2 {
  flex: 2 1;
}
.styleguide.gynzy.button__round .flat__icon .flex-grow-3 {
  flex: 3 1;
}
.styleguide.gynzy.button__round .flat__icon .flex-grow-4 {
  flex: 4 1;
}
.styleguide.gynzy.button__round .flat__icon .flex-grow-5 {
  flex: 5 1;
}
.styleguide.gynzy.button__round .flat__icon .flex-grow-6 {
  flex: 6 1;
}
.styleguide.gynzy.button__round .flat__icon .flex-grow-7 {
  flex: 7 1;
}
.styleguide.gynzy.button__round .flat__icon .flex-grow-8 {
  flex: 8 1;
}
@media all and (-ms-high-contrast: none) {
  .styleguide.gynzy.button__round .flat__icon {
    /*  Hack because margin: 0 auto aligns icon right in ie11 */
    margin: 0;
  }
}
.styleguide.gynzy.button__round.audience--teacher.color--primary {
  background-color: #277cd9;
  border-color: transparent;
}
.styleguide.gynzy.button__round.audience--teacher.color--primary .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.button__round.audience--teacher.color--primary.hover:enabled,
.styleguide.gynzy.button__round.audience--teacher.color--primary:hover:enabled {
  background-color: #4e92ff;
}
.styleguide.gynzy.button__round.audience--teacher.color--primary.active:enabled,
.styleguide.gynzy.button__round.audience--teacher.color--primary:active:enabled {
  background-color: #2465ab;
}
.styleguide.gynzy.button__round.audience--teacher.color--primary.active:enabled .icon--graphics,
.styleguide.gynzy.button__round.audience--teacher.color--primary:active:enabled .icon--graphics {
  fill: rgba(255, 255, 255, 0.7);
}
.styleguide.gynzy.button__round.audience--teacher.color--secondary {
  color: #556474;
  background-color: #e9eaef;
  border-color: #aeb7c2;
}
.styleguide.gynzy.button__round.audience--teacher.color--secondary .icon--graphics {
  fill: #556474;
}
.styleguide.gynzy.button__round.audience--teacher.color--secondary.hover:enabled,
.styleguide.gynzy.button__round.audience--teacher.color--secondary:hover:enabled {
  background-color: #f5f5f8;
}
.styleguide.gynzy.button__round.audience--teacher.color--secondary.active:enabled,
.styleguide.gynzy.button__round.audience--teacher.color--secondary:active:enabled {
  background-color: #d1d3de;
  color: rgba(85, 100, 116, 0.7);
}
.styleguide.gynzy.button__round.audience--teacher.color--secondary.active:enabled .icon--graphics,
.styleguide.gynzy.button__round.audience--teacher.color--secondary:active:enabled .icon--graphics {
  fill: rgba(85, 100, 116, 0.7);
}
.styleguide.gynzy.button__round.audience--teacher.color--negative {
  background-color: #ed1c24;
  border-color: transparent;
}
.styleguide.gynzy.button__round.audience--teacher.color--negative .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.button__round.audience--teacher.color--negative.hover:enabled,
.styleguide.gynzy.button__round.audience--teacher.color--negative:hover:enabled {
  background-color: #f04248;
}
.styleguide.gynzy.button__round.audience--teacher.color--negative.active:enabled,
.styleguide.gynzy.button__round.audience--teacher.color--negative:active:enabled {
  background-color: #c61017;
}
.styleguide.gynzy.button__round.audience--teacher.color--negative.active:enabled .icon--graphics,
.styleguide.gynzy.button__round.audience--teacher.color--negative:active:enabled .icon--graphics {
  fill: rgba(255, 255, 255, 0.7);
}
.styleguide.gynzy.button__round.audience--teacher.color--light {
  background: #ffffff;
  border: 1px solid #aeb7c2;
}
.styleguide.gynzy.button__round.audience--teacher.color--light .icon--graphics {
  fill: #556474;
}
.styleguide.gynzy.button__round.audience--teacher.color--light.hover:enabled,
.styleguide.gynzy.button__round.audience--teacher.color--light:hover:enabled {
  background-color: #f6f6f6;
}
.styleguide.gynzy.button__round.audience--teacher.color--light.active:enabled,
.styleguide.gynzy.button__round.audience--teacher.color--light:active:enabled {
  background-color: #f6f6f6;
  border-color: #aeb7c2;
}
.styleguide.gynzy.button__round.audience--teacher.color--light.active:enabled .icon--graphics,
.styleguide.gynzy.button__round.audience--teacher.color--light:active:enabled .icon--graphics {
  fill: #6b7c8e;
}
.styleguide.gynzy.button__round.audience--teacher.color--none {
  background: transparent;
  border: none;
}
.styleguide.gynzy.button__round.audience--teacher.color--none.hover:enabled,
.styleguide.gynzy.button__round.audience--teacher.color--none:hover:enabled {
  background-color: transparent;
}
.styleguide.gynzy.button__round.audience--teacher.color--none.hover:enabled.active:enabled,
.styleguide.gynzy.button__round.audience--teacher.color--none:hover:enabled.active:enabled,
.styleguide.gynzy.button__round.audience--teacher.color--none.hover:enabled:active:enabled,
.styleguide.gynzy.button__round.audience--teacher.color--none:hover:enabled:active:enabled {
  background-color: transparent;
}
.styleguide.gynzy.button__round.audience--teacher.color--none.hover:enabled .icon--graphics,
.styleguide.gynzy.button__round.audience--teacher.color--none:hover:enabled .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.button__round.audience--teacher.color--pumpkin {
  background-color: #fa830c;
}
.styleguide.gynzy.button__round.audience--teacher.color--pumpkin.hover:enabled,
.styleguide.gynzy.button__round.audience--teacher.color--pumpkin:hover:enabled {
  background-color: #ff962e;
}
.styleguide.gynzy.button__round.audience--teacher.color--pumpkin.active:enabled,
.styleguide.gynzy.button__round.audience--teacher.color--pumpkin:active:enabled {
  background-color: #e1760a;
}
.styleguide.gynzy.button__round.audience--teacher.color--pumpkin .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.button__round.audience--teacher.color--primary_new {
  background-color: #28759f;
  border-color: transparent;
  border: none;
  box-shadow: none;
}
.styleguide.gynzy.button__round.audience--teacher.color--primary_new .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.button__round.audience--teacher.color--primary_new.hover:enabled,
.styleguide.gynzy.button__round.audience--teacher.color--primary_new:hover:enabled {
  background-color: #2b8fc5;
}
.styleguide.gynzy.button__round.audience--teacher.color--primary_new.active:enabled,
.styleguide.gynzy.button__round.audience--teacher.color--primary_new:active:enabled {
  background-color: #1f5e7f;
}
.styleguide.gynzy.button__round.audience--teacher.color--primary_new:disabled {
  cursor: default;
  background-color: #a9c8d9;
}
.styleguide.gynzy.button__round.audience--teacher.color--primary_new:disabled .svg__icon img {
  filter: grayscale(1);
  opacity: 0.5;
}
.styleguide.gynzy.button__round.audience--board {
  --button-regular-color: #ffffff;
  --button-regular-background: #277cd9;
  --button-regular-background-hover: #4e92ff;
  --button-regular-background-active: #2465ab;
  --button-regular-icon-active: rgba(255, 255, 255, 0.7);
  background-color: var(--button-regular-background);
}
.styleguide.gynzy.button__round.audience--board .icon--graphics {
  fill: var(--button-regular-color);
}
.styleguide.gynzy.button__round.audience--board.hover:enabled,
.styleguide.gynzy.button__round.audience--board:hover:enabled {
  background-color: var(--button-regular-background-hover);
}
.styleguide.gynzy.button__round.audience--board.active:enabled,
.styleguide.gynzy.button__round.audience--board:active:enabled {
  background-color: var(--button-regular-background-active);
}
.styleguide.gynzy.button__round.audience--board.active:enabled .icon--graphics,
.styleguide.gynzy.button__round.audience--board:active:enabled .icon--graphics {
  fill: var(--button-regular-icon-active);
}
.styleguide.gynzy.button__round.audience--board.color--primary {
  background-color: #f5f5f8;
  border-color: #aeb7c2;
}
.styleguide.gynzy.button__round.audience--board.color--primary .icon--graphics {
  fill: #277cd9;
}
.styleguide.gynzy.button__round.audience--board.color--primary.hover:enabled,
.styleguide.gynzy.button__round.audience--board.color--primary:hover:enabled {
  background-color: #ffffff;
}
.styleguide.gynzy.button__round.audience--board.color--primary.active:enabled,
.styleguide.gynzy.button__round.audience--board.color--primary:active:enabled {
  background-color: #277cd9;
  border-color: #277cd9;
}
.styleguide.gynzy.button__round.audience--board.color--primary.active:enabled .icon--graphics,
.styleguide.gynzy.button__round.audience--board.color--primary:active:enabled .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.button__round.audience--board.color--primary.stay-active,
.styleguide.gynzy.button__round.audience--board.color--primary.stay-active:hover {
  background-color: #277cd9;
  border-color: #277cd9;
}
.styleguide.gynzy.button__round.audience--board.color--primary.stay-active .icon--graphics,
.styleguide.gynzy.button__round.audience--board.color--primary.stay-active:hover .icon--graphics {
  fill: rgba(255, 255, 255, 0.7);
}
.styleguide.gynzy.button__round.audience--board.color--secondary {
  background-color: #277cd9;
  border-color: transparent;
}
.styleguide.gynzy.button__round.audience--board.color--secondary .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.button__round.audience--board.color--secondary.hover:enabled,
.styleguide.gynzy.button__round.audience--board.color--secondary:hover:enabled {
  background-color: #4e92ff;
}
.styleguide.gynzy.button__round.audience--board.color--secondary.active:enabled,
.styleguide.gynzy.button__round.audience--board.color--secondary:active:enabled {
  background-color: #2465ab;
}
.styleguide.gynzy.button__round.audience--board.color--secondary.active:enabled .icon--graphics,
.styleguide.gynzy.button__round.audience--board.color--secondary:active:enabled .icon--graphics {
  fill: var(--button-regular-icon-active);
}
.styleguide.gynzy.button__round.audience--board.color--negative {
  background-color: #f5f5f8;
  border-color: #aeb7c2;
}
.styleguide.gynzy.button__round.audience--board.color--negative .icon--graphics {
  fill: #ed1c24;
}
.styleguide.gynzy.button__round.audience--board.color--negative.hover:enabled,
.styleguide.gynzy.button__round.audience--board.color--negative:hover:enabled {
  background-color: #ffffff;
}
.styleguide.gynzy.button__round.audience--board.color--negative.active:enabled,
.styleguide.gynzy.button__round.audience--board.color--negative:active:enabled {
  background-color: #ed1c24;
  border-color: #ed1c24;
}
.styleguide.gynzy.button__round.audience--board.color--negative.active:enabled .icon--graphics,
.styleguide.gynzy.button__round.audience--board.color--negative:active:enabled .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.button__round.audience--board.color--call_to_action {
  --button-regular-background: #fd8b1d;
  --button-regular-background-hover: #fda045;
  --button-regular-background-active: #e57102;
}
.styleguide.gynzy.button__round.audience--board.color--mariner {
  --button-regular-background: #277cd9;
  --button-regular-background-hover: #4e92ff;
  --button-regular-background-active: #2465ab;
}
.styleguide.gynzy.button__round.audience--board.color--tree-poppy {
  --button-regular-background: #fd8b1d;
  --button-regular-background-hover: #fda045;
  --button-regular-background-active: #e57102;
}
.styleguide.gynzy.button__round.audience--board.color--positive {
  --button-regular-background: #1eaa10;
  --button-regular-background-hover: #25cf14;
  --button-regular-background-active: #167b0c;
}
.styleguide.gynzy.button__round.audience--board.color--purple-heart {
  --button-regular-background: #8c41d9;
  --button-regular-background-hover: #a05fe3;
  --button-regular-background-active: #632a9d;
}
.styleguide.gynzy.button__round.audience--board.color--orchid {
  --button-regular-background: #d941d9;
  --button-regular-background-hover: #e35fe3;
  --button-regular-background-active: #9d2a9d;
}
.styleguide.gynzy.button__round.audience--board.color--wattle {
  --button-regular-background: #fad20c;
  --button-regular-background-hover: #ffdc2e;
  --button-regular-background-active: #a88e0b;
}
.styleguide.gynzy.button__round.audience--board.color--solitude {
  --button-regular-color: #556474;
  --button-regular-background: #e9eaef;
  --button-regular-background-hover: #f5f5f8;
  --button-regular-background-active: #d1d3de;
  --button-regular-icon-active: rgba(85, 100, 116, 0.7);
}
.styleguide.gynzy.button__round.audience--board.color--light {
  --button-regular-background: #ffffff;
  --button-regular-color: #556474;
  --button-regular-background-hover: #f6f6f6;
  --button-regular-background-active: #f6f6f6;
  --button-regular-icon-active: #6b7c8e;
  border: 1px solid #aeb7c2;
}
.styleguide.gynzy.button__round.audience--board.color--primary_new {
  --button-regular-background: #28759f;
  --button-regular-color: #ffffff;
  --button-regular-background-hover: #2b8fc5;
  --button-regular-background-active: #1f5e7f;
  --button-regular-icon-active: #ffffff;
}
.styleguide.gynzy.button__round:disabled {
  cursor: default;
  opacity: 0.5;
}
.styleguide.button__speech {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  overflow: hidden;
  text-decoration: none;
  text-indent: 0;
  outline: none;
  border: none;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
  background: none;
  background-clip: content-box;
  box-sizing: content-box;
  margin: 0;
  padding: 0;
  touch-action: manipulation;
  transition-property: background-color, box-shadow, color, opacity;
  transition-duration: 0.15s;
}
.styleguide.button__speech.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.button__speech.column {
  flex-direction: column;
}
.styleguide.button__speech.end {
  justify-content: flex-end;
}
.styleguide.button__speech.start {
  justify-content: flex-start;
}
.styleguide.button__speech.flex-center {
  justify-content: center;
}
.styleguide.button__speech.between {
  justify-content: space-between;
}
.styleguide.button__speech.around {
  justify-content: space-around;
}
.styleguide.button__speech.cross-start {
  align-items: flex-start;
}
.styleguide.button__speech.cross-end {
  align-items: flex-end;
}
.styleguide.button__speech.stretch {
  align-items: stretch;
}
.styleguide.button__speech.evenly {
  justify-content: space-evenly;
}
.styleguide.button__speech.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.button__speech.wrap {
  flex-wrap: wrap;
}
.styleguide.button__speech.grow {
  flex: 1;
}
.styleguide.button__speech .flex-half,
.styleguide.button__speech .flex-quarter,
.styleguide.button__speech .flex-sixth,
.styleguide.button__speech .flex-third,
.styleguide.button__speech .flex-two-third {
  box-sizing: border-box;
}
.styleguide.button__speech .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.button__speech .flex-grow-1 {
  flex: 1 1;
}
.styleguide.button__speech .flex-grow-2 {
  flex: 2 1;
}
.styleguide.button__speech .flex-grow-3 {
  flex: 3 1;
}
.styleguide.button__speech .flex-grow-4 {
  flex: 4 1;
}
.styleguide.button__speech .flex-grow-5 {
  flex: 5 1;
}
.styleguide.button__speech .flex-grow-6 {
  flex: 6 1;
}
.styleguide.button__speech .flex-grow-7 {
  flex: 7 1;
}
.styleguide.button__speech .flex-grow-8 {
  flex: 8 1;
}
.styleguide.button__speech * {
  touch-action: manipulation;
}
.styleguide.button__speech.display--round:not(.size--small) {
  border-radius: 50%;
}
.styleguide.button__speech.loading .speech__icon {
  animation: rotating 2s linear infinite;
}
@keyframes playingAnim {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.8);
  }
}
.styleguide.button__speech.playing .speech__icon {
  animation: playingAnim 0.5s linear infinite;
  animation-direction: alternate;
}
.styleguide.button__speech .speech__icon {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  margin: 0 auto;
}
.styleguide.button__speech .speech__icon.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.button__speech .speech__icon.column {
  flex-direction: column;
}
.styleguide.button__speech .speech__icon.end {
  justify-content: flex-end;
}
.styleguide.button__speech .speech__icon.start {
  justify-content: flex-start;
}
.styleguide.button__speech .speech__icon.flex-center {
  justify-content: center;
}
.styleguide.button__speech .speech__icon.between {
  justify-content: space-between;
}
.styleguide.button__speech .speech__icon.around {
  justify-content: space-around;
}
.styleguide.button__speech .speech__icon.cross-start {
  align-items: flex-start;
}
.styleguide.button__speech .speech__icon.cross-end {
  align-items: flex-end;
}
.styleguide.button__speech .speech__icon.stretch {
  align-items: stretch;
}
.styleguide.button__speech .speech__icon.evenly {
  justify-content: space-evenly;
}
.styleguide.button__speech .speech__icon.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.button__speech .speech__icon.wrap {
  flex-wrap: wrap;
}
.styleguide.button__speech .speech__icon.grow {
  flex: 1;
}
.styleguide.button__speech .speech__icon .flex-half,
.styleguide.button__speech .speech__icon .flex-quarter,
.styleguide.button__speech .speech__icon .flex-sixth,
.styleguide.button__speech .speech__icon .flex-third,
.styleguide.button__speech .speech__icon .flex-two-third {
  box-sizing: border-box;
}
.styleguide.button__speech .speech__icon .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.button__speech .speech__icon .flex-grow-1 {
  flex: 1 1;
}
.styleguide.button__speech .speech__icon .flex-grow-2 {
  flex: 2 1;
}
.styleguide.button__speech .speech__icon .flex-grow-3 {
  flex: 3 1;
}
.styleguide.button__speech .speech__icon .flex-grow-4 {
  flex: 4 1;
}
.styleguide.button__speech .speech__icon .flex-grow-5 {
  flex: 5 1;
}
.styleguide.button__speech .speech__icon .flex-grow-6 {
  flex: 6 1;
}
.styleguide.button__speech .speech__icon .flex-grow-7 {
  flex: 7 1;
}
.styleguide.button__speech .speech__icon .flex-grow-8 {
  flex: 8 1;
}
.styleguide.button__speech.audience--teacher.size--small,
.styleguide.button__speech.audience--student.size--small {
  width: 1.77rem;
  height: 1.77rem;
}
.styleguide.button__speech.audience--teacher.size--small.display--square,
.styleguide.button__speech.audience--student.size--small.display--square {
  border: 1px solid #d1d3de;
  border-radius: 0.52rem;
}
.styleguide.button__speech.audience--teacher.size--small .speech__icon,
.styleguide.button__speech.audience--student.size--small .speech__icon {
  width: 1.77rem;
  height: 1.77rem;
}
.styleguide.button__speech.audience--teacher.size--normal,
.styleguide.button__speech.audience--student.size--normal {
  width: 5rem;
  height: 5rem;
}
.styleguide.button__speech.audience--teacher.size--normal.display--square,
.styleguide.button__speech.audience--student.size--normal.display--square {
  border: 1px solid #d1d3de;
  border-radius: 0.52rem;
}
.styleguide.button__speech.audience--teacher.size--normal .speech__icon,
.styleguide.button__speech.audience--student.size--normal .speech__icon {
  width: 3rem;
  height: 3rem;
}
.styleguide.button__speech.audience--teacher.size--large,
.styleguide.button__speech.audience--student.size--large {
  width: 6.5rem;
  height: 6.5rem;
}
.styleguide.button__speech.audience--teacher.size--large.display--square,
.styleguide.button__speech.audience--student.size--large.display--square {
  border: 1px solid #d1d3de;
  border-radius: 0.52rem;
}
.styleguide.button__speech.audience--teacher.size--large .speech__icon,
.styleguide.button__speech.audience--student.size--large .speech__icon {
  width: 3.9rem;
  height: 3.9rem;
}
.styleguide.button__speech.audience--teacher.size--extra_large.display--round,
.styleguide.button__speech.audience--student.size--extra_large.display--round {
  width: 10rem;
  height: 10rem;
}
.styleguide.button__speech.audience--teacher.size--extra_large.display--round .speech__icon,
.styleguide.button__speech.audience--student.size--extra_large.display--round .speech__icon {
  width: 6rem;
  height: 6rem;
}
.styleguide.button__speech.audience--board.size--small.display--round {
  width: 17px;
  height: 17px;
}
.styleguide.button__speech.audience--board.size--small.display--square {
  border: 1px solid #d1d3de;
  border-radius: 4px;
  width: 30px;
  height: 30px;
}
.styleguide.button__speech.audience--board.size--small .speech__icon {
  width: 17px;
  height: 17px;
}
.styleguide.button__speech.audience--board.size--normal.display--round {
  width: 35px;
  height: 35px;
}
.styleguide.button__speech.audience--board.size--normal.display--square {
  border: 1px solid #d1d3de;
  border-radius: 4px;
  width: 40px;
  height: 40px;
}
.styleguide.button__speech.audience--board.size--normal .speech__icon {
  top: 9px;
  left: 9px;
  width: 17px;
  height: 17px;
}
.styleguide.button__speech.audience--board.size--large.display--round {
  width: 50px;
  height: 50px;
}
.styleguide.button__speech.audience--board.size--large.display--square {
  border: 1px solid #d1d3de;
  border-radius: 5px;
  width: 50px;
  height: 50px;
}
.styleguide.button__speech.audience--board.size--large .speech__icon {
  top: 17px;
  left: 17px;
  width: 26px;
  height: 26px;
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.rotating {
  animation: rotating 2s linear infinite;
}
.styleguide.gynzy.button__speech.display--round:not(.size--small).styleguide.gynzy.button__speech.display--round:not(.color--white).styleguide.gynzy.button__speech.display--round:not(.audience--student) {
  background-color: #e9eaef;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.15);
}
.styleguide.gynzy.button__speech .speech__icon {
  background-repeat: no-repeat;
  background-size: contain;
}
.styleguide.gynzy.button__speech.color--white:not(.loading) .speech__icon.speed--normal {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/sound-on__white-62f023e55421dc9fdf8c89c4195ac099.svg');
}
.styleguide.gynzy.button__speech.color--white:not(.loading) .speech__icon.speed--slow {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/sound-slow__white-636d16e12502d9d8cf9fd0fa39e86df1.svg');
}
.styleguide.gynzy.button__speech.color--white.loading .speech__icon {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/loading-spinner__white-8fa5d58d5c3477e51ddd97d3f262b4e9.svg');
}
.styleguide.gynzy.button__speech.color--blue:not(.loading) .speech__icon.speed--normal {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/sound-on__blue-29898785892e3139add7fefd6bce4371.svg');
}
.styleguide.gynzy.button__speech.color--blue:not(.loading) .speech__icon.speed--slow {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/sound-slow__blue-b920a27ec5ca68f8a7b6b63d379a252d.svg');
}
.styleguide.gynzy.button__speech.color--blue.loading .speech__icon {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/loading-spinner__blue-4c44e502d4a2363740fff30bd4f594ef.svg');
}
.styleguide.gynzy.button__speech.color--red:not(.loading) .speech__icon.speed--normal {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/sound-on__red-a77115c0c458ce57fe387cbc247bbadd.svg');
}
.styleguide.gynzy.button__speech.color--red:not(.loading) .speech__icon.speed--slow {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/sound-slow__red-9ca745d2c8972baf0af8242d494ab9b2.svg');
}
.styleguide.gynzy.button__speech.color--red.loading .speech__icon {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/loading-spinner__red-1f6330b343385c5dbb58cc9743809ce1.svg');
}
.styleguide.gynzy.button__speech.color--yellow:not(.loading) .speech__icon.speed--normal {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/sound-on__yellow-88b748c33ce0f9595fe8f25e27b12b03.svg');
}
.styleguide.gynzy.button__speech.color--yellow:not(.loading) .speech__icon.speed--slow {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/sound-slow__yellow-7be97ba966ae37c3ce74661e36496035.svg');
}
.styleguide.gynzy.button__speech.color--yellow.loading .speech__icon {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/loading-spinner__yellow-febc53f8ecd8aede909651d023db24c1.svg');
}
.styleguide.gynzy.button__speech.color--green:not(.loading) .speech__icon.speed--normal {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/sound-on__green-eac725c314c80f32ff6e2ebf419dca5c.svg');
}
.styleguide.gynzy.button__speech.color--green:not(.loading) .speech__icon.speed--slow {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/sound-slow__green-72d82adca88ddfb23fab7bc083885e86.svg');
}
.styleguide.gynzy.button__speech.color--green.loading .speech__icon {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/loading-spinner__green-fd1a6028e2269f616e2f72f4ad578e94.svg');
}
.styleguide.gynzy.button__speech.color--orange:not(.loading) .speech__icon.speed--normal {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/sound-on__orange-9ee3ee89847f5afee1524578d346c320.svg');
}
.styleguide.gynzy.button__speech.color--orange:not(.loading) .speech__icon.speed--slow {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/sound-slow__orange-6e6457837da0d2e13c8136adcdf4fc78.svg');
}
.styleguide.gynzy.button__speech.color--orange.loading .speech__icon {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/loading-spinner__orange-035bd5f24bb4c7ec807036cd69604d76.svg');
}
.styleguide.gynzy.button__speech.color--gray:not(.loading) .speech__icon.speed--normal {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/sound-on__gray-bcf4bdbb9237c83144f98708f7c41e68.svg');
}
.styleguide.gynzy.button__speech.color--gray:not(.loading) .speech__icon.speed--slow {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/sound-slow__gray-f8029954df5c486de53fe2d079c55b02.svg');
}
.styleguide.gynzy.button__speech.color--gray.loading .speech__icon {
  background-image: url('../gynzy-styleguide/assets/svg/button-speech/loading-spinner__gray-042bafe335831478dc100d9737e11ab8.svg');
}
.styleguide.gynzy.button__speech.hover:not(.color--white):not(.size--small) {
  background-color: #f2f3f6;
}
.styleguide.gynzy.button__speech.active:not(.color--white):not(.size--small) {
  background-color: #f2f3f6;
  box-shadow: none;
}
.styleguide.gynzy.button__speech:disabled {
  cursor: default;
  opacity: 0.5;
}
.styleguide.button__student-label {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  overflow: hidden;
  text-decoration: none;
  text-indent: 0;
  outline: none;
  border: none;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
  box-sizing: content-box;
  background: none;
  border-radius: 0.2rem;
  font-size: 0.9rem;
  padding: 0.3rem 0.6rem;
  color: white;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.2rem;
  transition-property: background-color, box-shadow, color, opacity;
  transition-duration: 0.15s;
}
.styleguide.button__student-label.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.button__student-label.column {
  flex-direction: column;
}
.styleguide.button__student-label.end {
  justify-content: flex-end;
}
.styleguide.button__student-label.start {
  justify-content: flex-start;
}
.styleguide.button__student-label.flex-center {
  justify-content: center;
}
.styleguide.button__student-label.between {
  justify-content: space-between;
}
.styleguide.button__student-label.around {
  justify-content: space-around;
}
.styleguide.button__student-label.cross-start {
  align-items: flex-start;
}
.styleguide.button__student-label.cross-end {
  align-items: flex-end;
}
.styleguide.button__student-label.stretch {
  align-items: stretch;
}
.styleguide.button__student-label.evenly {
  justify-content: space-evenly;
}
.styleguide.button__student-label.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.button__student-label.wrap {
  flex-wrap: wrap;
}
.styleguide.button__student-label.grow {
  flex: 1;
}
.styleguide.button__student-label .flex-half,
.styleguide.button__student-label .flex-quarter,
.styleguide.button__student-label .flex-sixth,
.styleguide.button__student-label .flex-third,
.styleguide.button__student-label .flex-two-third {
  box-sizing: border-box;
}
.styleguide.button__student-label .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.button__student-label .flex-grow-1 {
  flex: 1 1;
}
.styleguide.button__student-label .flex-grow-2 {
  flex: 2 1;
}
.styleguide.button__student-label .flex-grow-3 {
  flex: 3 1;
}
.styleguide.button__student-label .flex-grow-4 {
  flex: 4 1;
}
.styleguide.button__student-label .flex-grow-5 {
  flex: 5 1;
}
.styleguide.button__student-label .flex-grow-6 {
  flex: 6 1;
}
.styleguide.button__student-label .flex-grow-7 {
  flex: 7 1;
}
.styleguide.button__student-label .flex-grow-8 {
  flex: 8 1;
}
.styleguide.button__student-label:disabled {
  cursor: default;
}
.styleguide.button__student-label .flat__icon {
  margin-left: 0.5rem;
  height: 0.6rem;
  width: 0.6rem;
}
.styleguide.button__student-label .flat__icon .icon--graphics {
  fill: #ffffff;
}
/**
 * Because the gynzy-colors for 'button-regular' apply to all gynzy-buttons,
 * Therefore we defined the colors in button-base folder.
 */
.styleguide.gynzy.button__student-label {
  background-color: #8c99a8;
}
.styleguide.gynzy.button__student-label.color--midnight {
  background-color: #2a3541;
}
.styleguide.gynzy.button__student-label.color--valencia {
  background-color: #dc2828;
}
.styleguide.gynzy.button__student-label.color--raw-sienna {
  background-color: #d36e09;
}
.styleguide.gynzy.button__student-label.color--wattle {
  background-color: #d3b109;
}
.styleguide.gynzy.button__student-label.color--conifer {
  background-color: #98bb30;
}
.styleguide.gynzy.button__student-label.color--atlantis {
  background-color: #47c12f;
}
.styleguide.gynzy.button__student-label.color--shamrock {
  background-color: #34ad70;
}
.styleguide.gynzy.button__student-label.color--turquoise {
  background-color: #30bbbb;
}
.styleguide.gynzy.button__student-label.color--havelock-blue {
  background-color: #2690c9;
}
.styleguide.gynzy.button__student-label.color--royal-blue {
  background-color: #3452ad;
}
.styleguide.gynzy.button__student-label.color--purple-heart {
  background-color: #772ec2;
}
.styleguide.gynzy.button__student-label.color--orchid {
  background-color: #c22ec2;
}
.styleguide.gynzy.button__student-label.color--cerise {
  background-color: #c12f77;
}
.styleguide.gynzy.button__student-label.color--parnassys {
  background-color: #ed5c82;
}
.styleguide.gynzy.button__student-label.color--smartschool {
  background-color: #ff520e;
}
.styleguide.gynzy.button__student-label.color--basispoort {
  background-color: #282c59;
}
.styleguide.gynzy.button__student-label.color--esis {
  background-color: #2bb60f;
}
.styleguide.gynzy.button__student-label.color-google-classroom {
  background-color: #e9eaef;
  border: 1px solid #d1d3de;
}
/**
 * Because the layout for button-regular apply to all buttons in first place,
 * Therefore we defined the colors in button-base folder.
 */
.styleguide.button__multi-level {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  transition-property: background-color, box-shadow, color, opacity;
  transition-duration: 0.15s;
}
.styleguide.button__multi-level.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.button__multi-level.column {
  flex-direction: column;
}
.styleguide.button__multi-level.end {
  justify-content: flex-end;
}
.styleguide.button__multi-level.start {
  justify-content: flex-start;
}
.styleguide.button__multi-level.flex-center {
  justify-content: center;
}
.styleguide.button__multi-level.between {
  justify-content: space-between;
}
.styleguide.button__multi-level.around {
  justify-content: space-around;
}
.styleguide.button__multi-level.cross-start {
  align-items: flex-start;
}
.styleguide.button__multi-level.cross-end {
  align-items: flex-end;
}
.styleguide.button__multi-level.stretch {
  align-items: stretch;
}
.styleguide.button__multi-level.evenly {
  justify-content: space-evenly;
}
.styleguide.button__multi-level.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.button__multi-level.wrap {
  flex-wrap: wrap;
}
.styleguide.button__multi-level.grow {
  flex: 1;
}
.styleguide.button__multi-level .flex-half,
.styleguide.button__multi-level .flex-quarter,
.styleguide.button__multi-level .flex-sixth,
.styleguide.button__multi-level .flex-third,
.styleguide.button__multi-level .flex-two-third {
  box-sizing: border-box;
}
.styleguide.button__multi-level .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.button__multi-level .flex-grow-1 {
  flex: 1 1;
}
.styleguide.button__multi-level .flex-grow-2 {
  flex: 2 1;
}
.styleguide.button__multi-level .flex-grow-3 {
  flex: 3 1;
}
.styleguide.button__multi-level .flex-grow-4 {
  flex: 4 1;
}
.styleguide.button__multi-level .flex-grow-5 {
  flex: 5 1;
}
.styleguide.button__multi-level .flex-grow-6 {
  flex: 6 1;
}
.styleguide.button__multi-level .flex-grow-7 {
  flex: 7 1;
}
.styleguide.button__multi-level .flex-grow-8 {
  flex: 8 1;
}
.styleguide.button__multi-level p {
  text-overflow: ellipsis;
  overflow: hidden;
  margin: unset;
  line-height: initial;
}
.styleguide.button__multi-level.wrap--text {
  white-space: normal;
}
.styleguide.button__multi-level.wrap--text p {
  overflow: visible;
  text-overflow: initial;
}
.styleguide.button__multi-level.is--active {
  font-weight: 600;
}
.styleguide.button__multi-level.is--active.has--children .flat__icon {
  margin-left: initial;
}
.styleguide.button__multi-level.is--disabled {
  opacity: 0.5;
  cursor: default;
}
.styleguide.button__multi-level.is--disabled p,
.styleguide.button__multi-level.is--disabled svg {
  opacity: 0.5;
}
.styleguide.button__multi-level.has--ancestors .flat__icon {
  margin-right: 1rem;
}
.styleguide.button__multi-level:not(.has--ancestors).has--children .flat__icon {
  margin-left: auto;
}
.styleguide.button__multi-level.audience--teacher.size--small {
  padding: 0.78rem 1.56rem;
}
.styleguide.button__multi-level.audience--teacher.size--small .flat__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.styleguide.button__multi-level.audience--teacher.size--small .svg__icon {
  width: 1.56rem;
  height: 1.56rem;
  margin-right: 0.6rem;
}
.styleguide.button__multi-level.audience--teacher.size--small .image_icon {
  width: 1.56rem;
  height: 1.56rem;
  margin-right: 0.6rem;
}
.styleguide.button__multi-level.audience--teacher.size--small p {
  font-size: 1.25rem;
}
.styleguide.button__multi-level.audience--teacher.size--normal {
  padding: 1.02rem 2.04rem;
}
.styleguide.button__multi-level.audience--teacher.size--normal .flat__icon {
  width: 1.66666667rem;
  height: 1.66666667rem;
}
.styleguide.button__multi-level.audience--teacher.size--normal .svg__icon {
  width: 2.09rem;
  height: 2.09rem;
  margin-right: 0.8rem;
}
.styleguide.button__multi-level.audience--teacher.size--normal p {
  font-size: 1.66666667rem;
}
.styleguide.button__multi-level.audience--teacher.size--large {
  padding: 1.3rem 2.6rem;
}
.styleguide.button__multi-level.audience--teacher.size--large .flat__icon {
  width: 2.19rem;
  height: 2.19rem;
}
.styleguide.button__multi-level.audience--teacher.size--large .svg__icon {
  width: 2.92rem;
  height: 2.92rem;
  margin-right: 1rem;
}
.styleguide.button__multi-level.audience--teacher.size--large p {
  font-size: 2.19rem;
}
.styleguide.button__multi-level.audience--student.size--small {
  padding: 0 2.6rem;
}
.styleguide.button__multi-level.audience--student.size--small .flat__icon {
  width: 2.19rem;
  height: 2.19rem;
}
.styleguide.button__multi-level.audience--student.size--small .svg__icon {
  width: 2.92rem;
  height: 2.92rem;
  margin-right: 1rem;
}
.styleguide.button__multi-level.audience--student.size--small p {
  font-size: 2.19rem;
}
.styleguide.button__multi-level.audience--student.size--normal {
  padding: 0 3.13rem;
}
.styleguide.button__multi-level.audience--student.size--normal .flat__icon {
  width: 2.9rem;
  height: 2.9rem;
}
.styleguide.button__multi-level.audience--student.size--normal .svg__icon {
  width: 3.91rem;
  height: 3.91rem;
  margin-right: 1.2rem;
}
.styleguide.button__multi-level.audience--student.size--normal p {
  font-size: 2.9rem;
}
.styleguide.button__multi-level.audience--student.size--large {
  padding: 0 3.75rem;
}
.styleguide.button__multi-level.audience--student.size--large .flat__icon {
  width: 3.83rem;
  height: 3.83rem;
}
.styleguide.button__multi-level.audience--student.size--large .svg__icon {
  width: 5.46rem;
  height: 5.46rem;
  margin-right: 1.4rem;
}
.styleguide.button__multi-level.audience--student.size--large p {
  font-size: 3.83rem;
}
.styleguide.gynzy.button__multi-level {
  outline: none;
  border: none;
  border-bottom: 1px solid #e9eaef;
}
.styleguide.gynzy.button__multi-level.color--primary {
  color: #556474;
  background-color: #ffffff;
}
.styleguide.gynzy.button__multi-level.color--primary .flat__icon .icon--graphics {
  fill: #aeb7c2;
}
.styleguide.gynzy.button__multi-level.color--primary.active:enabled:not(.is--active),
.styleguide.gynzy.button__multi-level.color--primary:active:enabled:not(.is--active) {
  background-color: rgba(234, 242, 251, 0.5);
}
.styleguide.gynzy.button__multi-level.color--primary.active:enabled:not(.is--active) .flat__icon .icon--graphics,
.styleguide.gynzy.button__multi-level.color--primary:active:enabled:not(.is--active) .flat__icon .icon--graphics {
  fill: #277cd9;
}
.styleguide.gynzy.button__multi-level.color--light {
  color: #556474;
  background-color: #ffffff;
}
.styleguide.gynzy.button__multi-level.color--light .flat__icon .icon--graphics {
  fill: #e9eaef;
}
.styleguide.gynzy.button__multi-level.color--light.is--active {
  background-color: #f6f6f6;
}
.styleguide.gynzy.button__multi-level.color--light.is--active .flat__icon .icon--graphics {
  fill: #6b7c8e;
}
.styleguide.gynzy.button__multi-level.color--light.hover:enabled,
.styleguide.gynzy.button__multi-level.color--light:hover:enabled {
  background: rgba(246, 246, 246, 0.5);
}
.styleguide.gynzy.button__multi-level.color--light.active:enabled,
.styleguide.gynzy.button__multi-level.color--light:active:enabled {
  background-color: #f6f6f6;
}
.styleguide.gynzy.button__multi-level.is--active {
  background-color: #f6f6f6;
}
.styleguide.gynzy.button__multi-level.is--disabled {
  background-color: #ffffff;
}
.styleguide.button__group-label {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  overflow: hidden;
  text-decoration: none;
  text-indent: 0;
  outline: none;
  border: none;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
  box-sizing: border-box;
  color: white;
  transition-property: background-color, box-shadow, color, opacity;
  transition-duration: 0.15s;
}
.styleguide.button__group-label.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.button__group-label.column {
  flex-direction: column;
}
.styleguide.button__group-label.end {
  justify-content: flex-end;
}
.styleguide.button__group-label.start {
  justify-content: flex-start;
}
.styleguide.button__group-label.flex-center {
  justify-content: center;
}
.styleguide.button__group-label.between {
  justify-content: space-between;
}
.styleguide.button__group-label.around {
  justify-content: space-around;
}
.styleguide.button__group-label.cross-start {
  align-items: flex-start;
}
.styleguide.button__group-label.cross-end {
  align-items: flex-end;
}
.styleguide.button__group-label.stretch {
  align-items: stretch;
}
.styleguide.button__group-label.evenly {
  justify-content: space-evenly;
}
.styleguide.button__group-label.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.button__group-label.wrap {
  flex-wrap: wrap;
}
.styleguide.button__group-label.grow {
  flex: 1;
}
.styleguide.button__group-label .flex-half,
.styleguide.button__group-label .flex-quarter,
.styleguide.button__group-label .flex-sixth,
.styleguide.button__group-label .flex-third,
.styleguide.button__group-label .flex-two-third {
  box-sizing: border-box;
}
.styleguide.button__group-label .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.button__group-label .flex-grow-1 {
  flex: 1 1;
}
.styleguide.button__group-label .flex-grow-2 {
  flex: 2 1;
}
.styleguide.button__group-label .flex-grow-3 {
  flex: 3 1;
}
.styleguide.button__group-label .flex-grow-4 {
  flex: 4 1;
}
.styleguide.button__group-label .flex-grow-5 {
  flex: 5 1;
}
.styleguide.button__group-label .flex-grow-6 {
  flex: 6 1;
}
.styleguide.button__group-label .flex-grow-7 {
  flex: 7 1;
}
.styleguide.button__group-label .flex-grow-8 {
  flex: 8 1;
}
.styleguide.button__group-label.size--normal {
  height: 2.08333333rem;
  border-radius: 1.04166667rem;
  padding: 0 0.83333333rem;
}
.styleguide.button__group-label.size--normal .group-icon {
  height: auto;
  width: 1.25rem;
  margin-right: 0.52083333rem;
}
.styleguide.button__group-label.size--large {
  height: 3.125rem;
  border-radius: 1.5625rem;
  padding: 0 0.83333333rem;
}
.styleguide.button__group-label.size--large .group-icon {
  height: auto;
  width: 1.66666667rem;
  margin-right: 0.52083333rem;
}
.styleguide.button__group-label p {
  max-width: 14.58333333rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.25rem;
  margin: 0;
  line-height: 1.97916667rem;
}
.styleguide.button__group-label.collection {
  color: #277cd9;
  background-color: white;
  border: 1px solid #277cd9;
}
.styleguide.button__group-label.collection .group-icon {
  display: none;
}
.styleguide.button__group-label .flat__icon {
  width: 1rem;
  height: 1rem;
  margin-left: 0.52083333rem;
}
.styleguide.button__group-label .flat__icon.disabled {
  opacity: 0.5;
}
.styleguide.button__group-label .flat__icon .icon--graphics {
  fill: #ffffff;
}
.styleguide.button__group-label.clickable:not(:disabled) {
  cursor: pointer;
}
.styleguide.button__group-label.clickable:not(:disabled) .flat__icon {
  cursor: pointer;
}
.styleguide.gynzy.button__group-label.color--crimson {
  background-color: #dc2828;
}
.styleguide.gynzy.button__group-label.color--pumpkin {
  background-color: #d36e09;
}
.styleguide.gynzy.button__group-label.color--lemon {
  background-color: #d3b109;
}
.styleguide.gynzy.button__group-label.color--pear {
  background-color: #98bb30;
}
.styleguide.gynzy.button__group-label.color--mantis {
  background-color: #47c12f;
}
.styleguide.gynzy.button__group-label.color--emerald {
  background-color: #34ad70;
}
.styleguide.gynzy.button__group-label.color--caribbean {
  background-color: #30bbbb;
}
.styleguide.gynzy.button__group-label.color--sky {
  background-color: #2690c9;
}
.styleguide.gynzy.button__group-label.color--indigo {
  background-color: #3452ad;
}
.styleguide.gynzy.button__group-label.color--lavender {
  background-color: #772ec2;
}
.styleguide.gynzy.button__group-label.color--fuchsia {
  background-color: #c22ec2;
}
.styleguide.gynzy.button__group-label.color--cranberry {
  background-color: #c12f77;
}
.styleguide.gynzy.button__group-label.color--parnassys {
  background-color: #ed5c82;
}
.styleguide.gynzy.button__group-label.color--smartschool {
  background-color: #ff520e;
}
.styleguide.gynzy.button__group-label.color--basispoort {
  background-color: #282c59;
}
.styleguide.gynzy.button__group-label.color--esis {
  background-color: #2bb60f;
}
.styleguide.gynzy.button__group-label.color--questi {
  background-color: #dddb00;
}
.styleguide.gynzy.button__group-label.color--primary {
  background-color: #2690c9;
}
.styleguide.gynzy.button__group-label.color--google-classroom {
  background-color: #e9eaef;
  border: 1px solid #d1d3de;
  color: #556474;
}
.styleguide.gynzy.button__group-label.color--google-classroom .group-icon {
  height: auto;
  width: 1.04166667rem;
}
.styleguide.gynzy.button__group-label.color--google-classroom .group-icon.group-icon--white {
  filter: none;
}
.styleguide.gynzy.button__group-label.color--google-classroom.size--large .group-icon {
  margin-top: 0.20833333rem;
  width: auto;
  height: 1.66666667rem;
}
.styleguide.gynzy.button__group-label .group-icon.group-icon--white {
  filter: var(--color-filter-white);
}
/**
 * The layout for button-square is almost identical to button-regular.
 * Only different is the width of the buttons.
 */
.styleguide.button__icon__label {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
  background-clip: padding-box;
  cursor: pointer;
  transition-property: background-color, box-shadow, color, opacity;
  transition-duration: 0.15s;
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
}
.styleguide.button__icon__label.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.button__icon__label.column {
  flex-direction: column;
}
.styleguide.button__icon__label.end {
  justify-content: flex-end;
}
.styleguide.button__icon__label.start {
  justify-content: flex-start;
}
.styleguide.button__icon__label.flex-center {
  justify-content: center;
}
.styleguide.button__icon__label.between {
  justify-content: space-between;
}
.styleguide.button__icon__label.around {
  justify-content: space-around;
}
.styleguide.button__icon__label.cross-start {
  align-items: flex-start;
}
.styleguide.button__icon__label.cross-end {
  align-items: flex-end;
}
.styleguide.button__icon__label.stretch {
  align-items: stretch;
}
.styleguide.button__icon__label.evenly {
  justify-content: space-evenly;
}
.styleguide.button__icon__label.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.button__icon__label.wrap {
  flex-wrap: wrap;
}
.styleguide.button__icon__label.grow {
  flex: 1;
}
.styleguide.button__icon__label .flex-half,
.styleguide.button__icon__label .flex-quarter,
.styleguide.button__icon__label .flex-sixth,
.styleguide.button__icon__label .flex-third,
.styleguide.button__icon__label .flex-two-third {
  box-sizing: border-box;
}
.styleguide.button__icon__label .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.button__icon__label .flex-grow-1 {
  flex: 1 1;
}
.styleguide.button__icon__label .flex-grow-2 {
  flex: 2 1;
}
.styleguide.button__icon__label .flex-grow-3 {
  flex: 3 1;
}
.styleguide.button__icon__label .flex-grow-4 {
  flex: 4 1;
}
.styleguide.button__icon__label .flex-grow-5 {
  flex: 5 1;
}
.styleguide.button__icon__label .flex-grow-6 {
  flex: 6 1;
}
.styleguide.button__icon__label .flex-grow-7 {
  flex: 7 1;
}
.styleguide.button__icon__label .flex-grow-8 {
  flex: 8 1;
}
.styleguide.button__icon__label.max--width {
  width: 100%;
}
.styleguide.button__icon__label.orientation--column {
  flex-direction: column;
}
.styleguide.button__icon__label.orientation--column p {
  margin: 0.6rem 0 0;
}
.styleguide.button__icon__label a {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 0 0.6rem;
}
.styleguide.button__icon__label.audience--teacher.size--small a {
  font-size: 1.25rem;
}
.styleguide.button__icon__label.audience--teacher.size--small .svg__icon {
  width: 1.56rem;
  height: 1.56rem;
}
.styleguide.button__icon__label.audience--teacher.size--small.orientation--column .svg__icon {
  width: 2.09rem;
  height: 2.09rem;
}
.styleguide.button__icon__label.audience--teacher.size--normal a {
  font-size: 1.66666667rem;
}
.styleguide.button__icon__label.audience--teacher.size--normal .svg__icon {
  width: 2.09rem;
  height: 2.09rem;
}
.styleguide.button__icon__label.audience--teacher.size--normal.orientation--column .svg__icon {
  width: 2.92rem;
  height: 2.92rem;
}
.styleguide.button__icon__label.audience--teacher.size--large a {
  font-size: 2.19rem;
}
.styleguide.button__icon__label.audience--teacher.size--large .svg__icon {
  width: 2.92rem;
  height: 2.92rem;
}
.styleguide.button__icon__label.audience--teacher.size--large.orientation--column .svg__icon {
  width: 3.91rem;
  height: 3.91rem;
}
.styleguide.button__icon__label.audience--student.size--small a {
  font-size: 2.19rem;
}
.styleguide.button__icon__label.audience--student.size--small .svg__icon {
  width: 2.92rem;
  height: 2.92rem;
}
.styleguide.button__icon__label.audience--student.size--small.orientation--column .svg__icon {
  width: 3.91rem;
  height: 3.91rem;
}
.styleguide.button__icon__label.audience--student.size--normal a {
  font-size: 2.9rem;
}
.styleguide.button__icon__label.audience--student.size--normal .svg__icon {
  width: 3.91rem;
  height: 3.91rem;
}
.styleguide.button__icon__label.audience--student.size--normal.orientation--column .svg__icon {
  width: 5.46rem;
  height: 5.46rem;
}
.styleguide.button__icon__label.audience--student.size--large a {
  font-size: 3.83rem;
}
.styleguide.button__icon__label.audience--student.size--large .svg__icon {
  width: 5.46rem;
  height: 5.46rem;
}
.styleguide.button__icon__label.audience--student.size--large.orientation--column .svg__icon {
  width: 7.01rem;
  height: 7.01rem;
}
.styleguide.gynzy.button__icon__label {
  background-color: transparent;
}
.styleguide.gynzy.button__icon__label.color--white .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.button__icon__label.color--white:hover:enabled .icon--graphics {
  fill: #d1d3de;
}
.styleguide.gynzy.button__icon__label.color--black .icon--graphics {
  fill: #3f4c5a;
}
.styleguide.gynzy.button__icon__label.color--black:hover:enabled .icon--graphics {
  fill: #6b7c8e;
}
.styleguide.gynzy.button__icon__label.color--blue .icon--graphics {
  fill: #277cd9;
}
.styleguide.gynzy.button__icon__label.color--blue:hover:enabled .icon--graphics {
  fill: #4e92ff;
}
.styleguide.gynzy.button__icon__label:disabled {
  pointer-events: none;
  opacity: 0.5;
  filter: grayscale(1);
}
.styleguide.gynzy.button__icon__label:hover:enabled .flat__icon .icon--container svg path {
  fill: #4e92ff;
}
.button-color {
  cursor: pointer;
}
.button-color.disabled {
  opacity: 0.5;
  filter: grayscale(1);
  cursor: default;
}
.button-color.extra-large {
  width: 3.54166667rem;
  height: 3.54166667rem;
  margin: 0.3125rem;
}
.button-color.large {
  width: 3.125rem;
  height: 3.125rem;
  margin: 0.625rem;
}
.button-color.normal {
  width: 2.70833333rem;
  height: 2.70833333rem;
  margin: 0.83333333rem;
}
.button-color.small {
  width: 2.29166667rem;
  height: 2.29166667rem;
  margin: 1.04166667rem;
}
.button-color .hover {
  display: none;
}
.button-color:hover .hover {
  display: block;
}
.styleguide.scroll-indicator {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 5rem;
  background-color: #ffffff;
  cursor: pointer;
  transition: 0.25s;
}
.styleguide.scroll-indicator .styleguide.flat__icon {
  width: 1.66666667rem;
  height: 1.66666667rem;
}
.styleguide.scroll-indicator .styleguide.flat__icon .icon--graphics {
  fill: #556474;
}
.styleguide.scroll-indicator:hover .styleguide.flat__icon .icon--graphics {
  fill: #6b7c8e;
}
.styleguide.scroll-indicator:active .styleguide.flat__icon .icon--graphics {
  fill: #3f4c5a;
}
.styleguide.scroll-indicator.up {
  top: 0;
  border-top-left-radius: 0.83333333rem;
  border-top-right-radius: 0.83333333rem;
}
.styleguide.scroll-indicator.up::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: calc(100% - 48 * 0.10416667rem);
  border-bottom: 1px solid #aeb7c2;
}
.styleguide.scroll-indicator.down {
  bottom: 0;
  border-bottom-left-radius: 0.83333333rem;
  border-bottom-right-radius: 0.83333333rem;
}
.styleguide.scroll-indicator.down::before {
  content: '';
  position: absolute;
  top: 0;
  width: calc(100% - 48 * 0.10416667rem);
  border-top: 1px solid #aeb7c2;
}
.styleguide.scroll-indicator.hidden {
  visibility: hidden;
  opacity: 0;
}
/**
 * External file
 **/
.external-file {
  display: flex;
  padding: 1rem 1.5rem;
  align-items: center;
  margin: 0.5rem;
  border-radius: 0.5rem;
  transition: all 0.15s;
  background-color: var(--color-aqua-haze);
}
.external-file .file-icon {
  margin-right: 1rem;
}
.external-file .file-icon .flat__icon .icon--graphics {
  fill: #556474;
}
.external-file.has-link {
  cursor: pointer;
}
.external-file .file-link {
  color: #556474;
}
.external-file .file-link a {
  font-size: 1.66666667rem;
  line-height: 1.66666667rem;
  font-weight: 600;
  color: var(--color-mariner);
  text-decoration: none;
}
.external-file .file-name {
  font-size: 1.66666667rem;
  font-weight: 600;
}
.external-file:hover .file-link a {
  color: var(--color-mariner-light);
  text-decoration: underline;
}
.external-file:active .file-link a {
  color: var(--color-mariner-dark);
}
/**
 * Document file
 **/
.document-file {
  display: inline-flex;
  align-items: center;
  width: 100%;
  padding: 0.83333333rem;
  margin-top: 0.83333333rem;
  border-radius: 0.41666667rem;
  cursor: pointer;
}
.document-file:hover {
  background-color: #f5f5f8;
}
.document-file:active {
  background-color: #e9eaef;
}
.document-file:last-of-type {
  margin-bottom: 0;
}
.document-file .document-icon .flat__icon {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 1.25rem;
}
.document-file .document-icon .flat__icon .icon--container svg {
  position: relative;
}
.document-file .document-link a {
  font-size: 1.66666667rem;
  line-height: 150%;
  font-weight: 600;
  color: #556474;
}
.document-file.document--pdf .flat__icon .icon--graphics {
  fill: #e64545;
}
.document-file.document--word .flat__icon .icon--graphics {
  fill: #38a4de;
}
.document-file.document--spreadsheet .flat__icon .icon--graphics {
  fill: #59d640;
}
.document-file.document--website .flat__icon .icon--graphics {
  fill: #8c41d9;
}
/**
 * Callout
 **/
.styleguide.callout.ember-popover {
  background: white;
  border-color: #d1d3de;
  color: #556474;
  z-index: 100;
}
.styleguide.callout.ember-popover > .ember-popover-arrow {
  background-image: url('../gynzy-styleguide/assets/svg/callout-arrow-7b7d7d5fb447d2487144b2d726c90182.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 0;
  margin: 0;
}
.styleguide.callout.ember-popover[x-placement^='left'] > .ember-popover-arrow {
  transform: rotate(-90deg);
}
.styleguide.callout.ember-popover[x-placement^='right'] > .ember-popover-arrow {
  transform: rotate(90deg);
}
.styleguide.callout.ember-popover[x-placement^='bottom'] > .ember-popover-arrow {
  transform: rotate(180deg);
}
.styleguide.callout.audience--teacher.ember-popover {
  border-radius: 0.625rem;
  padding: 1.66666667rem;
  font-size: 1.25rem;
}
.styleguide.callout.audience--teacher.ember-popover > .ember-popover-arrow {
  width: 2.29166667rem;
  height: 1.35416667rem;
}
.styleguide.callout.audience--teacher.ember-popover[x-placement^='left'] > .ember-popover-arrow {
  right: -1.66666667rem;
}
.styleguide.callout.audience--teacher.ember-popover[x-placement^='right'] > .ember-popover-arrow {
  left: -1.66666667rem;
}
.styleguide.callout.audience--teacher.ember-popover[x-placement^='top'] > .ember-popover-arrow {
  bottom: -1.25rem;
}
.styleguide.callout.audience--teacher.ember-popover[x-placement^='bottom'] > .ember-popover-arrow {
  top: -1.25rem;
}
.styleguide.callout.audience--teacher.no--padding.ember-popover {
  padding: 0;
}
.styleguide.callout.audience--teacher.no-animated-margin.ember-popover {
  transition: opacity ease-out;
  transition-duration: 200ms;
}
/**
 * Icons
 **/
.styleguide.flat__icon {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
}
.styleguide.flat__icon.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.flat__icon.column {
  flex-direction: column;
}
.styleguide.flat__icon.end {
  justify-content: flex-end;
}
.styleguide.flat__icon.start {
  justify-content: flex-start;
}
.styleguide.flat__icon.flex-center {
  justify-content: center;
}
.styleguide.flat__icon.between {
  justify-content: space-between;
}
.styleguide.flat__icon.around {
  justify-content: space-around;
}
.styleguide.flat__icon.cross-start {
  align-items: flex-start;
}
.styleguide.flat__icon.cross-end {
  align-items: flex-end;
}
.styleguide.flat__icon.stretch {
  align-items: stretch;
}
.styleguide.flat__icon.evenly {
  justify-content: space-evenly;
}
.styleguide.flat__icon.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.flat__icon.wrap {
  flex-wrap: wrap;
}
.styleguide.flat__icon.grow {
  flex: 1;
}
.styleguide.flat__icon .flex-half,
.styleguide.flat__icon .flex-quarter,
.styleguide.flat__icon .flex-sixth,
.styleguide.flat__icon .flex-third,
.styleguide.flat__icon .flex-two-third {
  box-sizing: border-box;
}
.styleguide.flat__icon .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.flat__icon .flex-grow-1 {
  flex: 1 1;
}
.styleguide.flat__icon .flex-grow-2 {
  flex: 2 1;
}
.styleguide.flat__icon .flex-grow-3 {
  flex: 3 1;
}
.styleguide.flat__icon .flex-grow-4 {
  flex: 4 1;
}
.styleguide.flat__icon .flex-grow-5 {
  flex: 5 1;
}
.styleguide.flat__icon .flex-grow-6 {
  flex: 6 1;
}
.styleguide.flat__icon .flex-grow-7 {
  flex: 7 1;
}
.styleguide.flat__icon .flex-grow-8 {
  flex: 8 1;
}
.styleguide.flat__icon .icon--container {
  position: relative;
  width: inherit;
  height: inherit;
}
.styleguide.flat__icon .icon--container svg {
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
}
.styleguide.flat__icon .icon--graphics {
  fill: #000;
}
.styleguide.flat__icon.icon--clickable {
  cursor: pointer;
}
.styleguide.flat__icon.hide--icon {
  display: none;
}
.styleguide.svg__icon {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
}
.styleguide.svg__icon.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.svg__icon.column {
  flex-direction: column;
}
.styleguide.svg__icon.end {
  justify-content: flex-end;
}
.styleguide.svg__icon.start {
  justify-content: flex-start;
}
.styleguide.svg__icon.flex-center {
  justify-content: center;
}
.styleguide.svg__icon.between {
  justify-content: space-between;
}
.styleguide.svg__icon.around {
  justify-content: space-around;
}
.styleguide.svg__icon.cross-start {
  align-items: flex-start;
}
.styleguide.svg__icon.cross-end {
  align-items: flex-end;
}
.styleguide.svg__icon.stretch {
  align-items: stretch;
}
.styleguide.svg__icon.evenly {
  justify-content: space-evenly;
}
.styleguide.svg__icon.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.svg__icon.wrap {
  flex-wrap: wrap;
}
.styleguide.svg__icon.grow {
  flex: 1;
}
.styleguide.svg__icon .flex-half,
.styleguide.svg__icon .flex-quarter,
.styleguide.svg__icon .flex-sixth,
.styleguide.svg__icon .flex-third,
.styleguide.svg__icon .flex-two-third {
  box-sizing: border-box;
}
.styleguide.svg__icon .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.svg__icon .flex-grow-1 {
  flex: 1 1;
}
.styleguide.svg__icon .flex-grow-2 {
  flex: 2 1;
}
.styleguide.svg__icon .flex-grow-3 {
  flex: 3 1;
}
.styleguide.svg__icon .flex-grow-4 {
  flex: 4 1;
}
.styleguide.svg__icon .flex-grow-5 {
  flex: 5 1;
}
.styleguide.svg__icon .flex-grow-6 {
  flex: 6 1;
}
.styleguide.svg__icon .flex-grow-7 {
  flex: 7 1;
}
.styleguide.svg__icon .flex-grow-8 {
  flex: 8 1;
}
.styleguide.svg__icon img {
  width: inherit;
  height: inherit;
}
.styleguide.svg__icon.hide--icon {
  display: none;
}
/**
 * Input-fields
 * Import in correct order, first input-regular!
 **/
.styleguide.gynzy.input__field__default {
  border-color: #d1d3de;
  color: #2a3541;
  /* WebKit, Blink, Edge */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10-11 */
  /* Microsoft Edge */
}
.styleguide.gynzy.input__field__default::placeholder {
  color: #8c99a8;
}
.styleguide.gynzy.input__field__default::placeholder::-ms-input-placeholder {
  color: #8c99a8;
}
.styleguide.gynzy.input__field__default:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 9999px white;
}
.styleguide.gynzy.input__field__default:disabled {
  opacity: 0.5;
  cursor: default;
}
.styleguide.gynzy.input__field__default:focus {
  border: 1px solid #277cd9;
}
.styleguide.gynzy.input__field__default.state--correct {
  color: #1eaa10;
  border: 1px solid #1eaa10;
}
.styleguide.gynzy.input__field__default.state--wrong {
  color: #ed1c24;
  border: 1px solid #ed1c24;
}
.styleguide.gynzy.input__field__default.readonly {
  background: #f5f5f8;
}
.styleguide.input__field__default {
  width: 100%;
  margin: 0;
  outline: none;
  box-sizing: border-box;
  border: 1px solid;
  -webkit-appearance: none;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  box-shadow: none;
  background-image: none;
}
.styleguide.input__field__default.audience--student,
.styleguide.input__field__default.audience--teacher {
  width: 100%;
  margin: 0;
  outline: none;
  box-sizing: border-box;
  -webkit-appearance: none;
  font-style: normal;
  font-weight: 400;
  box-shadow: none;
  background-image: none;
  font-family: 'Open Sans', sans-serif;
}
.styleguide.input__field__default.audience--student.size--small,
.styleguide.input__field__default.audience--teacher.size--small {
  height: 3.13rem;
  font-size: 1.25rem;
  border-radius: 0.42rem;
  padding: 0 0.94rem;
}
.styleguide.input__field__default.audience--student.size--small.state--correct.validation--icons,
.styleguide.input__field__default.audience--teacher.size--small.state--correct.validation--icons,
.styleguide.input__field__default.audience--student.size--small.state--wrong.validation--icons,
.styleguide.input__field__default.audience--teacher.size--small.state--wrong.validation--icons {
  padding-right: 3.13rem;
  background-position: 97.81% center;
  background-size: 1.25rem 1.25rem;
}
.styleguide.input__field__default.audience--student.size--normal,
.styleguide.input__field__default.audience--teacher.size--normal {
  height: 4.17rem;
  font-size: 1.66rem;
  border-radius: 0.52rem;
  padding: 0 1.25rem;
}
.styleguide.input__field__default.audience--student.size--normal.state--correct.validation--icons,
.styleguide.input__field__default.audience--teacher.size--normal.state--correct.validation--icons,
.styleguide.input__field__default.audience--student.size--normal.state--wrong.validation--icons,
.styleguide.input__field__default.audience--teacher.size--normal.state--wrong.validation--icons {
  padding-right: 4.17rem;
  background-position: 97.08% center;
  background-size: 1.67rem 1.67rem;
}
.styleguide.input__field__default.audience--student.size--large,
.styleguide.input__field__default.audience--teacher.size--large {
  height: 5.21rem;
  font-size: 2.19rem;
  border-radius: 0.62rem;
  padding: 0 1.56rem;
}
.styleguide.input__field__default.audience--student.size--large.state--correct.validation--icons,
.styleguide.input__field__default.audience--teacher.size--large.state--correct.validation--icons,
.styleguide.input__field__default.audience--student.size--large.state--wrong.validation--icons,
.styleguide.input__field__default.audience--teacher.size--large.state--wrong.validation--icons {
  padding-right: 5.2rem;
  background-position: 96.36% center;
  background-size: 2.08rem 2.08rem;
}
.styleguide.input__field__default.audience--board.size--small {
  height: 30px;
  font-size: 12px;
  border-radius: 4px;
  padding: 0 9px;
}
.styleguide.input__field__default.audience--board.size--small.state--correct.validation--icons,
.styleguide.input__field__default.audience--board.size--small.state--wrong.validation--icons {
  padding-right: 30px;
  background-position: 79% center;
  background-size: 12px 12px;
}
.styleguide.input__field__default.audience--board.size--normal {
  height: 40px;
  font-size: 16px;
  border-radius: 5px;
  padding: 0 12px;
}
.styleguide.input__field__default.audience--board.size--normal.state--correct.validation--icons,
.styleguide.input__field__default.audience--board.size--normal.state--wrong.validation--icons {
  padding-right: 40px;
  background-position: 72% center;
  background-size: 16px 16px;
}
.styleguide.input__field__default.audience--board.size--large {
  height: 6.66666667rem;
  font-size: 3.33333333rem;
  border-radius: 0.625rem;
  padding: 0 1.66666667rem;
}
.styleguide.input__field__default.audience--board.size--large.state--correct.validation--icons,
.styleguide.input__field__default.audience--board.size--large.state--wrong.validation--icons {
  padding-right: 51px;
  background-position: 64% center;
  background-size: 21px 21px;
}
.styleguide.input__field__default::-ms-clear {
  display: none;
}
.styleguide.input__field__default::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.styleguide.input__field__default.state--correct.validation--icons {
  background: url('../gynzy-styleguide/assets/svg/input-field/valid-11527cc9c81c1f2ecc600ce82eb84cb6.svg') no-repeat;
}
.styleguide.input__field__default.state--wrong.validation--icons {
  background: url('../gynzy-styleguide/assets/svg/input-field/invalid-7adbc9553ece60ee97a1e8a208012a46.svg') no-repeat;
}
.styleguide.input__field__label-container {
  text-align: left;
}
.styleguide.input__field__label-container.audience--student.size--small .input-field__label,
.styleguide.input__field__label-container.audience--teacher.size--small .input-field__label {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 2.4rem;
}
.styleguide.input__field__label-container.audience--student.size--normal .input-field__label,
.styleguide.input__field__label-container.audience--teacher.size--normal .input-field__label {
  font-size: 1.66rem;
  line-height: 3rem;
}
.styleguide.input__field__label-container.audience--student.size--large .input-field__label,
.styleguide.input__field__label-container.audience--teacher.size--large .input-field__label {
  font-size: 2.19rem;
  line-height: 3.8rem;
}
.styleguide.input__field__label-container.audience--board.size--small {
  font-size: 12px;
}
.styleguide.input__field__label-container.audience--board.size--normal {
  font-size: 16px;
}
.styleguide.input__field__label-container .input-field__label {
  color: #556474;
}
.styleguide.input__field__label-container .input-field__error-message {
  text-align: right;
  float: right;
  font-size: 1.25rem;
  line-height: 12px;
  margin-top: 4px;
  color: red;
  word-break: break-word;
}
/**
* Inputs
**/
.styleguide.input__checkbox {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
}
.styleguide.input__checkbox.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.input__checkbox.column {
  flex-direction: column;
}
.styleguide.input__checkbox.end {
  justify-content: flex-end;
}
.styleguide.input__checkbox.start {
  justify-content: flex-start;
}
.styleguide.input__checkbox.flex-center {
  justify-content: center;
}
.styleguide.input__checkbox.between {
  justify-content: space-between;
}
.styleguide.input__checkbox.around {
  justify-content: space-around;
}
.styleguide.input__checkbox.cross-start {
  align-items: flex-start;
}
.styleguide.input__checkbox.cross-end {
  align-items: flex-end;
}
.styleguide.input__checkbox.stretch {
  align-items: stretch;
}
.styleguide.input__checkbox.evenly {
  justify-content: space-evenly;
}
.styleguide.input__checkbox.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.input__checkbox.wrap {
  flex-wrap: wrap;
}
.styleguide.input__checkbox.grow {
  flex: 1;
}
.styleguide.input__checkbox .flex-half,
.styleguide.input__checkbox .flex-quarter,
.styleguide.input__checkbox .flex-sixth,
.styleguide.input__checkbox .flex-third,
.styleguide.input__checkbox .flex-two-third {
  box-sizing: border-box;
}
.styleguide.input__checkbox .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.input__checkbox .flex-grow-1 {
  flex: 1 1;
}
.styleguide.input__checkbox .flex-grow-2 {
  flex: 2 1;
}
.styleguide.input__checkbox .flex-grow-3 {
  flex: 3 1;
}
.styleguide.input__checkbox .flex-grow-4 {
  flex: 4 1;
}
.styleguide.input__checkbox .flex-grow-5 {
  flex: 5 1;
}
.styleguide.input__checkbox .flex-grow-6 {
  flex: 6 1;
}
.styleguide.input__checkbox .flex-grow-7 {
  flex: 7 1;
}
.styleguide.input__checkbox .flex-grow-8 {
  flex: 8 1;
}
.styleguide.input__checkbox .svg--container {
  cursor: pointer;
  border: 1px solid;
}
.styleguide.input__checkbox .input--label {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  cursor: pointer;
  text-indent: 0;
  -webkit-user-select: none;
          user-select: none;
}
.styleguide.input__checkbox .input--label.hidden {
  display: none;
}
.styleguide.input__checkbox.input--disabled {
  opacity: 0.5;
}
.styleguide.input__checkbox.input--disabled .input--label,
.styleguide.input__checkbox.input--disabled .svg--container {
  cursor: auto;
}
.styleguide.input__checkbox.size--small .svg--container {
  width: 1.56rem;
  min-width: 1.56rem;
  height: 1.56rem;
  line-height: 1.56rem;
  border-radius: 0.31rem;
}
.styleguide.input__checkbox.size--small .input--label {
  padding-left: 0.73rem;
  font-size: 1.25rem;
  line-height: 1.56rem;
}
.styleguide.input__checkbox.size--normal .svg--container {
  width: 2.08rem;
  min-width: 2.08rem;
  height: 2.08rem;
  line-height: 2.08rem;
  border-radius: 0.42rem;
}
.styleguide.input__checkbox.size--normal .input--label {
  padding-left: 1.25rem;
  font-size: 1.45833333rem;
  line-height: 2.08rem;
}
.styleguide.input__checkbox.size--large .svg--container {
  width: 2.6rem;
  min-width: 2.6rem;
  height: 2.6rem;
  line-height: 2.6rem;
  border-radius: 0.52rem;
}
.styleguide.input__checkbox.size--large .input--label {
  padding-left: 1.56rem;
  font-size: 1.88rem;
  line-height: 2.5rem;
}
.styleguide.gynzy.input__checkbox .svg--container {
  border-color: #aeb7c2;
}
.styleguide.gynzy.input__checkbox .svg--container #checkbox_outside {
  fill: #ffffff;
}
.styleguide.gynzy.input__checkbox .svg--container #checkbox_inside {
  fill: #f6f6f6;
}
.styleguide.gynzy.input__checkbox .svg--container #checkmark,
.styleguide.gynzy.input__checkbox .svg--container #indeterminate {
  opacity: 0;
  fill: #ffffff;
}
.styleguide.gynzy.input__checkbox .input--label {
  color: #556474;
}
.styleguide.gynzy.input__checkbox:not(.input--selected):not(.input--indeterminate):not(.input--disabled).hover #checkbox_inside,
.styleguide.gynzy.input__checkbox:not(.input--selected):not(.input--indeterminate):not(.input--disabled):hover #checkbox_inside {
  fill: #dfecfa;
}
.styleguide.gynzy.input__checkbox.input--selected .svg--container,
.styleguide.gynzy.input__checkbox.input--indeterminate .svg--container {
  background-color: #28759f;
  border-color: #28759f;
}
.styleguide.gynzy.input__checkbox.input--selected .svg--container #checkbox_inside,
.styleguide.gynzy.input__checkbox.input--indeterminate .svg--container #checkbox_inside,
.styleguide.gynzy.input__checkbox.input--selected .svg--container #checkbox_outside,
.styleguide.gynzy.input__checkbox.input--indeterminate .svg--container #checkbox_outside {
  fill: #28759f;
}
.styleguide.gynzy.input__checkbox.input--selected #checkmark {
  opacity: 1;
}
.styleguide.gynzy.input__checkbox.input--indeterminate #indeterminate {
  opacity: 1;
}
.styleguide.input__radio {
  display: flex;
  text-align: left;
}
.styleguide.input__radio .svg--container {
  cursor: pointer;
  border: 1px solid;
  border-radius: 50%;
}
.styleguide.input__radio .input--label {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  cursor: pointer;
  text-indent: 0;
  -webkit-user-select: none;
          user-select: none;
}
.styleguide.input__radio .input--label.hidden {
  display: none;
}
.styleguide.input__radio.input--disabled {
  opacity: 0.5;
}
.styleguide.input__radio.input--disabled .input--label,
.styleguide.input__radio.input--disabled .svg--container {
  cursor: auto;
}
.styleguide.input__radio.size--small .svg--container {
  width: 1.56rem;
  min-width: 1.56rem;
  height: 1.56rem;
  line-height: 1.56rem;
}
.styleguide.input__radio.size--small .input--label {
  padding-left: 0.73rem;
  font-size: 1.15rem;
  line-height: 1.56rem;
}
.styleguide.input__radio.size--normal .svg--container {
  width: 2.08rem;
  min-width: 2.08rem;
  height: 2.08rem;
  line-height: 2.08rem;
}
.styleguide.input__radio.size--normal .input--label {
  padding-left: 1.25rem;
  font-size: 1.56rem;
  line-height: 2.08rem;
}
.styleguide.input__radio.size--large .svg--container {
  width: 2.6rem;
  min-width: 2.6rem;
  height: 2.6rem;
  line-height: 2.6rem;
}
.styleguide.input__radio.size--large .input--label {
  padding-left: 1.56rem;
  font-size: 1.88rem;
  line-height: 2.5rem;
}
.styleguide.gynzy.input__radio .svg--container {
  border-color: #aeb7c2;
}
.styleguide.gynzy.input__radio .svg--container #radiobtn_outside {
  fill: #ffffff;
}
.styleguide.gynzy.input__radio .svg--container .radio-btn #radiobtn_inside {
  fill: #f6f6f6;
}
.styleguide.gynzy.input__radio .svg--container .checkmark-btn #radiobtn_inside {
  fill: #ffffff;
}
.styleguide.gynzy.input__radio .svg--container #checkmark {
  opacity: 0;
  fill: #ffffff;
}
.styleguide.gynzy.input__radio .input--label {
  color: #556474;
}
.styleguide.gynzy.input__radio:not(.input--selected):not(.input--disabled).hover .radio-btn #radiobtn_inside,
.styleguide.gynzy.input__radio:not(.input--selected):not(.input--disabled):hover .radio-btn #radiobtn_inside {
  fill: #dfecfa;
}
.styleguide.gynzy.input__radio.input--selected .svg--container {
  background-color: #28759f;
  border-color: #28759f;
}
.styleguide.gynzy.input__radio.input--selected .svg--container #radiobtn_inside {
  fill: #28759f;
}
.atom-input-slider {
  --grip-svg: url('../gynzy-styleguide/assets/svg/input-slider/grip-c734f8658e30a7810ab49734759cd8ed.svg');
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.atom-input-slider.vertical {
  flex-direction: column;
}
.atom-input-slider.vertical .slider__container .slider {
  transform: rotate(-90deg);
}
.atom-input-slider.vertical--reverse {
  flex-direction: column;
}
.atom-input-slider.vertical--reverse .slider__container .slider {
  transform: rotate(90deg);
}
.atom-input-slider.vertical .slider__container,
.atom-input-slider.vertical--reverse .slider__container {
  height: 120px;
  width: 6px;
  margin: 10px 0;
}
.atom-input-slider.audience--student.vertical .slider__container,
.atom-input-slider.audience--student.vertical--reverse .slider__container,
.atom-input-slider.audience--teacher.vertical .slider__container,
.atom-input-slider.audience--teacher.vertical--reverse .slider__container {
  height: 18rem;
  width: 1rem;
  margin: 0.5rem 0;
}
.atom-input-slider.is--small .slider__container {
  height: 40px;
}
.atom-input-slider.is--small .slider__container .slider {
  width: 50px;
}
.atom-input-slider.is--auto--width .slider__container {
  flex-grow: 1;
}
.atom-input-slider.is--auto--width .slider__container .slider {
  margin: 0;
  width: calc(100% - 20px);
}
.atom-input-slider.audience--student.is--auto--width .slider__container .slider,
.atom-input-slider.audience--teacher.is--auto--width .slider__container .slider {
  width: calc(100% - 1rem);
}
.atom-input-slider .slider__container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.atom-input-slider .slider__container .slider {
  -webkit-appearance: none;
  height: 6px;
  width: 120px;
  border-radius: 3px;
  background-color: #eee;
  margin: 0 10px;
  outline: none;
}
.atom-input-slider .slider__container .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  cursor: pointer;
  border: none;
  background: #277cd9;
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: var(--grip-svg);
}
.atom-input-slider .slider__container .slider::-webkit-slider-thumb:hover {
  background: #4e92ff;
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: var(--grip-svg);
}
.atom-input-slider .slider__container .slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  cursor: pointer;
  border: none;
  background: #277cd9;
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: var(--grip-svg);
}
.atom-input-slider .slider__container .slider::-moz-range-thumb:hover {
  background: #4e92ff;
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: var(--grip-svg);
}
.atom-input-slider .slider__container input[type='range']::-moz-focus-outer {
  border: 0;
}
.atom-input-slider.audience--student .slider__container .slider,
.atom-input-slider.audience--teacher .slider__container .slider {
  height: 1rem;
  width: 18rem;
  border-radius: 0.5rem;
}
.atom-input-slider.audience--student .slider__container .slider::-webkit-slider-thumb,
.atom-input-slider.audience--teacher .slider__container .slider::-webkit-slider-thumb {
  width: 3rem;
  height: 3rem;
  border-radius: 1.5rem;
  background-size: 1.2rem;
}
.atom-input-slider.audience--student .slider__container .slider::-webkit-slider-thumb:hover,
.atom-input-slider.audience--teacher .slider__container .slider::-webkit-slider-thumb:hover {
  background-size: 1.2rem;
}
.atom-input-slider.audience--student .slider__container .slider::-moz-range-thumb,
.atom-input-slider.audience--teacher .slider__container .slider::-moz-range-thumb {
  width: 3rem;
  height: 3rem;
  border-radius: 1.5rem;
  background-size: 1.2rem;
}
.atom-input-slider.audience--student .slider__container .slider::-moz-range-thumb:hover,
.atom-input-slider.audience--teacher .slider__container .slider::-moz-range-thumb:hover {
  background-size: 1.2rem;
}
.audience--board {
  --ratio: 1px;
}
.audience--teacher {
  --ratio: var(--px-rem-ratio);
}
.atom-input-range-slider,
.atom-input-range-slider * {
  box-sizing: border-box !important;
}
.atom-input-range-slider {
  position: relative;
  display: flex;
  align-items: center;
  width: calc(100% - 32 * var(--ratio));
  height: calc(32 * var(--ratio));
  margin: 0 calc(16 * var(--ratio));
  cursor: pointer;
}
.atom-input-range-slider .slider-bar-outer {
  position: absolute;
  width: 100%;
  height: calc(2 * var(--ratio));
  border-radius: calc(1 * var(--ratio));
  background-color: var(--color-heather);
}
.atom-input-range-slider .slider-bar-inner {
  position: absolute;
  height: calc(4 * var(--ratio));
  border-radius: calc(2 * var(--ratio));
  background-color: var(--color-mariner);
  transition: 0.1s;
}
.atom-input-range-slider .slider-steps-container {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: calc(100% + calc(28 * var(--ratio)));
  margin-left: calc(-14 * var(--ratio));
}
.atom-input-range-slider .slider-step {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: calc(28 * var(--ratio));
  height: calc(28 * var(--ratio));
  padding: calc(8 * var(--ratio));
  border-radius: calc(14 * var(--ratio));
}
.atom-input-range-slider .slider-step::after {
  content: '';
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  border: calc(2 * var(--ratio)) solid var(--color-heather);
  border-radius: 50%;
  background-color: var(--color-white);
  transition: 0.15s;
}
.atom-input-range-slider .slider-step.active::after {
  border-color: var(--color-mariner);
  background-color: var(--color-mariner);
}
.atom-input-range-slider .slider-handle {
  position: absolute;
  width: calc(32 * var(--ratio));
  height: calc(32 * var(--ratio));
  margin-left: calc(-16 * var(--ratio));
  border-radius: calc(16 * var(--ratio));
  background-color: var(--color-mariner);
  background-image: url('../gynzy-styleguide/assets/svg/input-slider/drag-horizontal-fb71d8773251fc7d676e782a76ed5783.svg');
  background-position: center;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  transition: background-color 0.15s, left 0.1s ease-out;
  cursor: inherit;
}
.atom-input-range-slider .slider-handle:hover {
  background-color: var(--color-mariner-light);
}
.atom-input-range-slider .slider-handle:active {
  background-color: var(--color-mariner-dark);
}
.atom-input-range-slider.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
.atom-input-range-slider.smaller {
  width: 80%;
  height: 24px;
  margin: 0 8px;
}
.atom-input-range-slider.smaller .slider-bar-outer {
  height: 2px;
  border-radius: 0.5px;
}
.atom-input-range-slider.smaller .slider-bar-inner {
  height: 2px;
  border-radius: 1px;
}
.atom-input-range-slider.smaller .slider-steps-container {
  width: calc(100% + 20px);
  margin-left: -10px;
}
.atom-input-range-slider.smaller .slider-step {
  width: 20px;
  height: 20px;
  padding: 6px;
  border-radius: 10px;
}
.atom-input-range-slider.smaller .slider-handle {
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-radius: 12px;
}
.atom-input-color {
  width: 4.16666667rem;
  height: 4.16666667rem;
}
.atom-input-color input {
  width: 4.16666667rem;
  height: 4.16666667rem;
}
.styleguide.gynzy.input__textarea {
  border-color: #d1d3de;
  color: #2a3541;
  /* WebKit, Blink, Edge */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10-11 */
  /* Microsoft Edge */
}
.styleguide.gynzy.input__textarea::placeholder {
  color: #8c99a8;
}
.styleguide.gynzy.input__textarea::placeholder::-ms-input-placeholder {
  color: #8c99a8;
}
.styleguide.gynzy.input__textarea:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 9999px white;
}
.styleguide.gynzy.input__textarea:disabled {
  opacity: 0.5;
  cursor: default;
}
.styleguide.gynzy.input__textarea:focus {
  border: 1px solid #277cd9;
}
.styleguide.gynzy.input__textarea.state--correct {
  color: #1eaa10;
  border: 1px solid #1eaa10;
}
.styleguide.gynzy.input__textarea.state--wrong {
  color: #ed1c24;
  border: 1px solid #ed1c24;
}
.styleguide.gynzy.input__textarea.readonly {
  background: #f5f5f8;
}
.styleguide.input__textarea {
  width: 100%;
  margin: 0;
  outline: none;
  box-sizing: border-box;
  border: 1px solid;
  -webkit-appearance: none;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  box-shadow: none;
  background-image: none;
  resize: none;
}
.styleguide.input__textarea.audience--student,
.styleguide.input__textarea.audience--teacher {
  width: 100%;
  margin: 0;
  outline: none;
  box-sizing: border-box;
  -webkit-appearance: none;
  font-style: normal;
  font-weight: 400;
  box-shadow: none;
  background-image: none;
  font-family: 'Open Sans', sans-serif;
}
.styleguide.input__textarea.audience--student.size--small,
.styleguide.input__textarea.audience--teacher.size--small {
  font-size: 1.15rem;
  border-radius: 0.42rem;
  padding: 0.5rem 0.94rem;
}
.styleguide.input__textarea.audience--student.size--normal,
.styleguide.input__textarea.audience--teacher.size--normal {
  font-size: 1.56rem;
  border-radius: 0.52rem;
  padding: 0.8rem 1.25rem;
}
.styleguide.input__textarea.audience--student.size--large,
.styleguide.input__textarea.audience--teacher.size--large {
  font-size: 2.1rem;
  border-radius: 0.62rem;
  padding: 1.1rem 1.56rem;
}
.styleguide.input__textarea.audience--board.size--small {
  font-size: 12px;
  border-radius: 4px;
  padding: 5px 9px;
}
.styleguide.input__textarea.audience--board.size--normal {
  font-size: 16px;
  border-radius: 5px;
  padding: 8px 12px;
}
.styleguide.input__textarea.audience--board.size--large {
  font-size: 20px;
  border-radius: 6px;
  padding: 11px 15px;
}
.styleguide.input__textarea::-ms-clear {
  display: none;
}
.styleguide.input__textarea::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.styleguide.input__textarea.state--correct.validation--icons {
  background: url('../gynzy-styleguide/assets/svg/input-field/valid-11527cc9c81c1f2ecc600ce82eb84cb6.svg') no-repeat;
}
.styleguide.input__textarea.state--wrong.validation--icons {
  background: url('../gynzy-styleguide/assets/svg/input-field/invalid-7adbc9553ece60ee97a1e8a208012a46.svg') no-repeat;
  background-position-x: 98%;
  background-position-y: 5%;
  background-size: 1.66666667rem;
}
/**
 * Progress
 * Import in correct order, first progress-percentage!
 **/
.styleguide.progress__amount {
  position: relative;
  width: 100%;
  border-radius: 4rem;
  overflow: hidden;
}
.styleguide.progress__amount .block-container {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  height: 1.2rem;
}
.styleguide.progress__amount .block-container.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.progress__amount .block-container.column {
  flex-direction: column;
}
.styleguide.progress__amount .block-container.end {
  justify-content: flex-end;
}
.styleguide.progress__amount .block-container.start {
  justify-content: flex-start;
}
.styleguide.progress__amount .block-container.flex-center {
  justify-content: center;
}
.styleguide.progress__amount .block-container.between {
  justify-content: space-between;
}
.styleguide.progress__amount .block-container.around {
  justify-content: space-around;
}
.styleguide.progress__amount .block-container.cross-start {
  align-items: flex-start;
}
.styleguide.progress__amount .block-container.cross-end {
  align-items: flex-end;
}
.styleguide.progress__amount .block-container.stretch {
  align-items: stretch;
}
.styleguide.progress__amount .block-container.evenly {
  justify-content: space-evenly;
}
.styleguide.progress__amount .block-container.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.progress__amount .block-container.wrap {
  flex-wrap: wrap;
}
.styleguide.progress__amount .block-container.grow {
  flex: 1;
}
.styleguide.progress__amount .block-container .flex-half,
.styleguide.progress__amount .block-container .flex-quarter,
.styleguide.progress__amount .block-container .flex-sixth,
.styleguide.progress__amount .block-container .flex-third,
.styleguide.progress__amount .block-container .flex-two-third {
  box-sizing: border-box;
}
.styleguide.progress__amount .block-container .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.progress__amount .block-container .flex-grow-1 {
  flex: 1 1;
}
.styleguide.progress__amount .block-container .flex-grow-2 {
  flex: 2 1;
}
.styleguide.progress__amount .block-container .flex-grow-3 {
  flex: 3 1;
}
.styleguide.progress__amount .block-container .flex-grow-4 {
  flex: 4 1;
}
.styleguide.progress__amount .block-container .flex-grow-5 {
  flex: 5 1;
}
.styleguide.progress__amount .block-container .flex-grow-6 {
  flex: 6 1;
}
.styleguide.progress__amount .block-container .flex-grow-7 {
  flex: 7 1;
}
.styleguide.progress__amount .block-container .flex-grow-8 {
  flex: 8 1;
}
.styleguide.progress__amount .block-container .progress--block {
  height: 1.3rem;
  box-sizing: border-box;
  border-left: 1px solid;
  border-right: 1px solid;
}
.styleguide.progress__amount .block-container .progress--block:first-child {
  border-left: 1px solid;
}
.styleguide.progress__amount .block-container .progress--block:last-child {
  border-right: 1px solid;
}
.styleguide.progress__amount .block-container .progress--block.hide--border {
  border-left: 1px solid;
  border-right: 1px solid;
}
.styleguide.progress__amount .animation--overlay {
  position: absolute;
  top: 0;
  height: 1.3rem;
  width: 100%;
  transform-origin: 100%;
  transition: transform 1s;
  border: none;
}
.styleguide.gynzy.progress__amount {
  border: solid 2px #000;
  background-color: #000;
}
.styleguide.gynzy.progress__amount .block-container .progress--block {
  background-color: #000000;
  border-left-color: #000000;
  border-right-color: #000000;
}
.styleguide.gynzy.progress__amount .block-container .progress--block:first-child {
  border-left-color: transparent;
}
.styleguide.gynzy.progress__amount .block-container .progress--block:last-child {
  border-right-color: #000000;
}
.styleguide.gynzy.progress__amount .block-container .progress--block.hide--border {
  border-left-color: transparent;
  border-right-color: transparent;
}
.styleguide.gynzy.progress__amount .block-container .progress--block.block--white {
  background-color: #ffffff;
}
.styleguide.gynzy.progress__amount .block-container .progress--block.block--green {
  background-color: #1eaa10;
}
.styleguide.gynzy.progress__amount .block-container .progress--block.block--red {
  background-color: #ed1c24;
}
.styleguide.gynzy.progress__amount .block-container .progress--block.block--blue {
  background-color: #277cd9;
}
.styleguide.gynzy.progress__amount .block-container .progress--block.block--gray {
  background-color: #999999;
}
.styleguide.gynzy.progress__amount .animation--overlay {
  background-color: #000000;
  border: none;
}
.progress__iteration.audience--teacher {
  width: 100%;
  height: 3.125rem;
  border-radius: 4rem;
  box-sizing: content-box;
  display: flex;
  overflow: hidden;
  padding: 0 0.413rem;
  flex-direction: column;
  justify-content: center;
}
.progress__iteration.audience--teacher .progress--bar__container {
  border-radius: 4rem;
  overflow: hidden;
}
.progress__iteration.audience--teacher .progress--bar__container .progress--bar {
  height: 2.3rem;
  border-radius: 4rem;
  animation-name: fill-progress-bar;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.progress__iteration.audience--teacher .progress--bar__container .progress--bar.pause--animation {
  animation-play-state: paused;
}
.progress__iteration.audience--teacher .progress--bar__container .progress--bar.stop--animation {
  width: 0;
  animation-name: none;
}
.progress__iteration.audience--teacher .progress--bar__container .progress--bar.fill--bar {
  width: 100%;
  animation-name: none;
}
@keyframes fill-progress-bar {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
.progress__iteration.audience--board {
  width: 100%;
  height: 30px;
  border-radius: 38.4px;
  box-sizing: content-box;
  display: flex;
  overflow: hidden;
  padding: 0 3.9648px;
  flex-direction: column;
  justify-content: center;
}
.progress__iteration.audience--board .progress--bar__container {
  border-radius: 38.4px;
  overflow: hidden;
}
.progress__iteration.audience--board .progress--bar__container .progress--bar {
  height: 22.08px;
  border-radius: 38.4px;
  animation-name: fill-progress-bar;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.progress__iteration.audience--board .progress--bar__container .progress--bar.pause--animation {
  animation-play-state: paused;
}
.progress__iteration.audience--board .progress--bar__container .progress--bar.stop--animation {
  width: 0;
  animation-name: none;
}
.progress__iteration.audience--board .progress--bar__container .progress--bar.fill--bar {
  width: 100%;
  animation-name: none;
}
@keyframes fill-progress-bar {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
.progress__iteration {
  background: #d1d3de;
}
.progress__iteration .progress--bar.color--black {
  background: #000000;
}
.progress__iteration .progress--bar.color--blue {
  background: #277cd9;
}
.styleguide.progress__percentage {
  width: 100%;
  height: 1.25rem;
  border-radius: 4rem;
  box-sizing: content-box;
  display: inline-block;
  overflow: hidden;
}
.styleguide.progress__percentage .progress--fill {
  height: 1.25rem;
  border-radius: 4rem;
  transition: width 1s;
}
.styleguide.gynzy.progress__percentage {
  background: #d1d3de;
}
.styleguide.gynzy.progress__percentage .progress--fill {
  background: #38a4de;
}
/**
 * Displays
 **/
.styleguide.display__timer {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  background-clip: padding-box;
  border-width: 1px;
  overflow: hidden;
}
.styleguide.display__timer.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.display__timer.column {
  flex-direction: column;
}
.styleguide.display__timer.end {
  justify-content: flex-end;
}
.styleguide.display__timer.start {
  justify-content: flex-start;
}
.styleguide.display__timer.flex-center {
  justify-content: center;
}
.styleguide.display__timer.between {
  justify-content: space-between;
}
.styleguide.display__timer.around {
  justify-content: space-around;
}
.styleguide.display__timer.cross-start {
  align-items: flex-start;
}
.styleguide.display__timer.cross-end {
  align-items: flex-end;
}
.styleguide.display__timer.stretch {
  align-items: stretch;
}
.styleguide.display__timer.evenly {
  justify-content: space-evenly;
}
.styleguide.display__timer.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.display__timer.wrap {
  flex-wrap: wrap;
}
.styleguide.display__timer.grow {
  flex: 1;
}
.styleguide.display__timer .flex-half,
.styleguide.display__timer .flex-quarter,
.styleguide.display__timer .flex-sixth,
.styleguide.display__timer .flex-third,
.styleguide.display__timer .flex-two-third {
  box-sizing: border-box;
}
.styleguide.display__timer .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.display__timer .flex-grow-1 {
  flex: 1 1;
}
.styleguide.display__timer .flex-grow-2 {
  flex: 2 1;
}
.styleguide.display__timer .flex-grow-3 {
  flex: 3 1;
}
.styleguide.display__timer .flex-grow-4 {
  flex: 4 1;
}
.styleguide.display__timer .flex-grow-5 {
  flex: 5 1;
}
.styleguide.display__timer .flex-grow-6 {
  flex: 6 1;
}
.styleguide.display__timer .flex-grow-7 {
  flex: 7 1;
}
.styleguide.display__timer .flex-grow-8 {
  flex: 8 1;
}
.styleguide.display__timer.audience--student {
  width: 7.29rem;
  height: 8.65rem;
  line-height: 4.2rem;
  font-size: 4.15rem;
  border-radius: 0.83rem;
}
.styleguide.display__timer.audience--teacher {
  width: 4.38rem;
  height: 5.21rem;
  line-height: 2.6rem;
  font-size: 2.5rem;
  border-radius: 0.625rem;
}
.styleguide.display__timer.audience--board {
  width: 42px;
  height: 50px;
  line-height: 25px;
  font-size: 24px;
  border-radius: 5px;
}
.styleguide.gynzy.display__timer {
  font-family: 'Arial';
  font-style: normal;
  color: #556474;
  background-color: #fff;
  border-color: #d1d3de;
  border-style: solid;
  font-weight: bold;
  text-decoration: none;
  text-indent: 0;
  cursor: default;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
}
.styleguide.gynzy.display__timer.disabled {
  color: #aeb7c2;
}
/**
 * Responsive Image
 **/
.styleguide.gynzy.responsive-image {
  position: relative;
  color: #000;
  width: 100%;
  max-width: 100%;
}
.styleguide.gynzy.responsive-image.hidden {
  visibility: hidden;
}
.styleguide.gynzy.responsive-image.unavailable-offline {
  box-sizing: border-box;
}
.styleguide.gynzy.responsive-image .__absolute-center {
  position: absolute;
  inset: 0;
}
.styleguide.gynzy.responsive-image .clipped-container {
  width: inherit;
  height: inherit;
}
.styleguide.gynzy.responsive-image .unavailable-container {
  width: 100%;
  height: 100%;
  display: flex;
  background: #ffffff;
}
.styleguide.gynzy.responsive-image .unavailable-container .unavailable-offline-message {
  height: auto;
  display: flex;
  align-items: center;
  font-weight: 400;
  padding: 12px 16px;
  box-sizing: border-box;
  color: #556474;
  gap: 8px;
}
.styleguide.gynzy.responsive-image .unavailable-container.center {
  justify-content: center;
  align-items: center;
  background: #e9eaef;
  border-radius: 24px;
}
.styleguide.gynzy.responsive-image .unavailable-container.center .unavailable-offline-message {
  font-size: 16px;
  justify-content: center;
  width: 100%;
  overflow-wrap: break-word;
}
.styleguide.gynzy.responsive-image .unavailable-container.center .unavailable-offline-message .message-text {
  max-width: 80%;
}
.styleguide.gynzy.responsive-image .unavailable-container.center.skinny .unavailable-offline-message {
  flex-direction: column;
  padding: 6px 8px;
  font-size: 10px;
}
.styleguide.gynzy.responsive-image .unavailable-container.center.skinny .unavailable-offline-message .message-text {
  max-width: 90%;
  text-align: center;
}
.styleguide.gynzy.responsive-image .unavailable-container.corner {
  justify-content: flex-start;
  align-items: flex-start;
  background: #ffffff;
  margin: 20px 0 0 28px;
}
.styleguide.gynzy.responsive-image .unavailable-container.corner .unavailable-offline-message {
  font-size: 14px;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
}
.styleguide.gynzy.responsive-image img {
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.styleguide.gynzy.responsive-image img.responsive-image__isLoading {
  display: none;
}
.styleguide.gynzy.responsive-image img.white-background {
  background-color: #fff;
}
.styleguide.gynzy.responsive-image img.clipped {
  width: inherit;
  height: inherit;
  object-fit: cover;
}
.styleguide.gynzy.responsive-image .responsive-image__error-container {
  position: relative;
  background: #fff;
  border: 1px solid #ddd;
  color: #06c;
  font-size: 2.2rem;
  cursor: pointer;
}
.styleguide.gynzy.responsive-image .responsive-image__error-container.error-container__hidden {
  visibility: hidden;
}
.styleguide.gynzy.responsive-image .responsive-image__error-container .reload-text div {
  white-space: nowrap;
}
.styleguide.gynzy.responsive-image .responsive-image__error-container .gynzy-awesome {
  font-size: 2.6rem;
}
.styleguide.gynzy.responsive-image .responsive-image__error-container .ga-reload {
  padding: 0 1rem;
}
.styleguide.gynzy.responsive-image .responsive-image__error-container .ga-broken-img {
  position: absolute;
  color: #bbb;
  top: 1rem;
  right: 1rem;
}
.styleguide.gynzy.responsive-image .responsive-image__full-screen-preview-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  padding: 3rem;
  z-index: 21001;
}
.styleguide.gynzy.responsive-image .responsive-image__full-screen-preview-container .responsive-image__full-screen-preview-container-bg {
  position: absolute;
  inset: 0;
  background-color: #fff;
  opacity: 0.95;
}
/**
 * Show/Hide Container
 **/
.title-white .show-hide-container__title {
  color: #ffffff;
}
.title-white .show-hide-container__icon .flat__icon .icon--graphics {
  fill: #ffffff;
}
.title-white .show-hide-container__icon .svg__icon img {
  filter: brightness(0) invert(1);
}
.title-white .show-hide-container__controls .show-hide-container__controls__toggle .flat__icon .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.show-hide-container {
  position: relative;
  width: 100%;
  text-align: left;
}
.styleguide.gynzy.show-hide-container .show-hide-container__icon {
  margin-right: 0.625rem;
}
.styleguide.gynzy.show-hide-container.color--gray {
  border: 1px solid #d1d3de;
  border-radius: 0.41666rem;
}
.styleguide.gynzy.show-hide-container.color--gray .show-hide-container__title-container {
  background-color: #f5f5f8;
  height: 5.20833rem;
  margin: 0;
  padding: 0;
  border-radius: 0.41666rem;
  border-bottom: none;
}
.styleguide.gynzy.show-hide-container.color--gray .show-hide-container__title-container .show-hide-container__icon {
  padding-left: 2.08333rem;
}
.styleguide.gynzy.show-hide-container.color--gray .show-hide-container__title-container .show-hide-container__icon .flat__icon .icon--graphics {
  fill: #3f4c5a;
}
.styleguide.gynzy.show-hide-container.color--gray .show-hide-container__title-container .show-hide-container__title {
  padding-left: 0.5rem;
  font-size: 2.1875rem;
  text-transform: none;
  color: #2a3541;
}
.styleguide.gynzy.show-hide-container.color--gray .show-hide-container__title-container .show-hide-container__controls > * {
  margin-right: 2.08333rem;
}
.styleguide.gynzy.show-hide-container.color--gray .show-hide-container__title-container .show-hide-container__controls .show-hide-container__controls__toggle .flat__icon {
  width: 1.46rem;
  height: 1.46rem;
}
.styleguide.gynzy.show-hide-container.color--gray .show-hide-container__title-container .show-hide-container__controls .show-hide-container__controls__toggle .flat__icon .icon--graphics {
  fill: #556474;
}
.styleguide.gynzy.show-hide-container.color--gray.show-hide-container--open .show-hide-container__title-container {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.styleguide.gynzy.show-hide-container.color--gray .show-hide-container__content-container .show-hide-container__content {
  border-top: 1px solid #d1d3de;
  padding: 2.08333rem;
}
.styleguide.gynzy.show-hide-container.color--white .show-hide-container__title-container {
  background-color: #ffffff;
}
.styleguide.gynzy.show-hide-container.color--havelock-blue-desaturated-dark .show-hide-container__title-container {
  background-color: #2477a3;
}
.styleguide.gynzy.show-hide-container.color--havelock-blue-desaturated-dark .show-hide-container__title-container .show-hide-container__title {
  color: #ffffff;
}
.styleguide.gynzy.show-hide-container.color--havelock-blue-desaturated-dark .show-hide-container__title-container .show-hide-container__icon .flat__icon .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.show-hide-container.color--havelock-blue-desaturated-dark .show-hide-container__title-container .show-hide-container__icon .svg__icon img {
  filter: brightness(0) invert(1);
}
.styleguide.gynzy.show-hide-container.color--havelock-blue-desaturated-dark .show-hide-container__title-container .show-hide-container__controls .show-hide-container__controls__toggle .flat__icon .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.show-hide-container.color--havelock-blue-desaturated .show-hide-container__title-container {
  background-color: #2690c9;
}
.styleguide.gynzy.show-hide-container.color--havelock-blue-desaturated .show-hide-container__title-container .show-hide-container__title {
  color: #ffffff;
}
.styleguide.gynzy.show-hide-container.color--havelock-blue-desaturated .show-hide-container__title-container .show-hide-container__icon .flat__icon .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.show-hide-container.color--havelock-blue-desaturated .show-hide-container__title-container .show-hide-container__icon .svg__icon img {
  filter: brightness(0) invert(1);
}
.styleguide.gynzy.show-hide-container.color--havelock-blue-desaturated .show-hide-container__title-container .show-hide-container__controls .show-hide-container__controls__toggle .flat__icon .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.show-hide-container.color--havelock-blue-soft .show-hide-container__title-container {
  background-color: #59b6e8;
}
.styleguide.gynzy.show-hide-container.color--havelock-blue-soft .show-hide-container__title-container .show-hide-container__title {
  color: #ffffff;
}
.styleguide.gynzy.show-hide-container.color--havelock-blue-soft .show-hide-container__title-container .show-hide-container__icon .flat__icon .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.show-hide-container.color--havelock-blue-soft .show-hide-container__title-container .show-hide-container__icon .svg__icon img {
  filter: brightness(0) invert(1);
}
.styleguide.gynzy.show-hide-container.color--havelock-blue-soft .show-hide-container__title-container .show-hide-container__controls .show-hide-container__controls__toggle .flat__icon .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.show-hide-container.color--raw-sienna .show-hide-container__title-container {
  background-color: #fa830c;
}
.styleguide.gynzy.show-hide-container.color--raw-sienna .show-hide-container__title-container .show-hide-container__title {
  color: #ffffff;
}
.styleguide.gynzy.show-hide-container.color--raw-sienna .show-hide-container__title-container .show-hide-container__icon .flat__icon .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.show-hide-container.color--raw-sienna .show-hide-container__title-container .show-hide-container__icon .svg__icon img {
  filter: brightness(0) invert(1);
}
.styleguide.gynzy.show-hide-container.color--raw-sienna .show-hide-container__title-container .show-hide-container__controls .show-hide-container__controls__toggle .flat__icon .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.show-hide-container.color--slate-gray .show-hide-container__title-container {
  background-color: #6b7c8e;
}
.styleguide.gynzy.show-hide-container.color--slate-gray .show-hide-container__title-container .show-hide-container__title {
  color: #ffffff;
}
.styleguide.gynzy.show-hide-container.color--slate-gray .show-hide-container__title-container .show-hide-container__icon .flat__icon .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.show-hide-container.color--slate-gray .show-hide-container__title-container .show-hide-container__icon .svg__icon img {
  filter: brightness(0) invert(1);
}
.styleguide.gynzy.show-hide-container.color--slate-gray .show-hide-container__title-container .show-hide-container__controls .show-hide-container__controls__toggle .flat__icon .icon--graphics {
  fill: #ffffff;
}
.styleguide.gynzy.show-hide-container .show-hide-container__title-container {
  width: 100%;
  padding: 0.8rem 0;
  margin-top: 1rem;
  position: relative;
  cursor: pointer;
}
.styleguide.gynzy.show-hide-container .show-hide-container__title-container.no-controls {
  cursor: auto;
}
.styleguide.gynzy.show-hide-container .show-hide-container__title-container .show-hide-container__title {
  font-size: 1.7rem;
  font-weight: bold;
  color: #3f4c5a;
  text-transform: capitalize;
}
.styleguide.gynzy.show-hide-container .show-hide-container__title-container .show-hide-container__controls .show-hide-container__controls__toggle .flat__icon {
  width: 1.46rem;
  height: 1.46rem;
}
.styleguide.gynzy.show-hide-container .show-hide-container__title-container .show-hide-container__controls .show-hide-container__controls__toggle .flat__icon .icon--graphics {
  fill: #8c99a8;
}
.styleguide.gynzy.show-hide-container.show-hide-container__title-container--bottom-border .show-hide-container__title-container {
  border-bottom: 1px solid #e9eaef;
}
.styleguide.gynzy.show-hide-container .show-hide-container__content-container {
  position: relative;
  overflow: hidden;
  color: #556474;
}
.styleguide.gynzy.show-hide-container .show-hide-container__content-container .show-hide-container__content {
  margin-top: -100%;
  opacity: 0;
  padding: 1rem 0;
  font-size: 1.5rem;
}
.styleguide.gynzy.show-hide-container .show-hide-container__content-container .show-hide-container__content.no-padding {
  padding: 0;
}
.styleguide.gynzy.show-hide-container .show-hide-container__content-container .show-hide-container__content span {
  max-width: 848px;
}
.styleguide.gynzy.show-hide-container.show-hide-container--open .show-hide-container__content-container {
  overflow: visible;
  transition: max-height 0.2s;
  max-height: 9999999px;
}
.styleguide.gynzy.show-hide-container.show-hide-container--open .show-hide-container__content {
  margin-top: 0;
  opacity: 1;
  transition: opacity 0.2s ease-in-out 0.2s, margin 0.2s;
}
.styleguide.gynzy.show-hide-container.show-hide-container--open .show-hide-container__title-container .show-hide-container__controls__toggle .flat__icon {
  animation-name: show-hide-container-flipUp;
  animation-duration: 400ms;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
.styleguide.gynzy.show-hide-container.show-hide-container--closed .show-hide-container__content-container {
  max-height: 0;
  transition: max-height 0.2s linear 0.2s;
}
.styleguide.gynzy.show-hide-container.show-hide-container--closed .show-hide-container__content {
  margin-top: -100%;
  opacity: 0;
  transition: margin 0.2s linear 0.2s, opacity 0.2s;
}
.styleguide.gynzy.show-hide-container.show-hide-container--closed .show-hide-container__title-container .show-hide-container__controls__toggle .flat__icon {
  animation-name: show-hide-container-flipDown;
  animation-duration: 400ms;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
@keyframes show-hide-container-flipDown {
  from {
    transform: rotate3d(0);
  }
  to {
    transform: rotate3d(1, 0, 0, 0.5turn);
  }
}
@keyframes show-hide-container-flipUp {
  from {
    transform: rotate3d(1, 0, 0, 0.5turn);
  }
  to {
    transform: rotate3d(0);
  }
}
/**
 * Draggables
 **/
.styleguide__draggable-dropzone {
  width: 100%;
  height: 100%;
}
.styleguide__draggable-dropzone .draggable-dropzone {
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.styleguide__draggable-dropzone .draggable-dropzone.draggable-over * {
  pointer-events: none;
}
.styleguide__draggable-dropzone .draggable-dropzone.pointer-events {
  pointer-events: auto;
}
.styleguide__draggable-item .draggable-item {
  width: 100%;
  height: 100%;
  pointer-events: auto;
  overflow: hidden;
  cursor: move;
  touch-action: none;
}
.styleguide__draggable-item .draggable-item.draggable-item__drag-disabled {
  touch-action: auto;
}
.styleguide__draggable-item .draggable-item.is-dragging {
  opacity: 0.6;
}
.styleguide__draggable-item .draggable-item.draggable-item__hidden {
  opacity: 0;
}
.styleguide__draggable-item .draggable-item:not([draggable='false']) * {
  cursor: move;
}
.styleguide__draggable-item .draggable-item [draggable='false'] {
  cursor: default;
}
.draggable-ghost {
  z-index: 50000;
  opacity: 0.5;
  position: fixed;
  pointer-events: none;
  width: auto;
  height: auto;
  overflow: unset;
}
/**
* plyr components
*/
.atom-plyr-audio .plyr {
  opacity: 1;
  transition: 0.3s;
}
.atom-plyr-audio .plyr .plyr__controls {
  border-radius: 30px;
  height: 30px;
  padding: 0 40px 0 15px;
  background-color: #fff;
  color: #2a3541;
}
.atom-plyr-audio .plyr .plyr__controls .plyr__tab-focus {
  background: transparent;
  color: #2a3541;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.atom-plyr-audio .plyr .plyr__controls .plyr__control:hover {
  color: #2a3541;
  background: transparent;
}
.atom-plyr-audio .plyr .plyr__controls .plyr__tooltip--visible {
  display: none;
}
.atom-plyr-audio.player--opacity .plyr {
  transition: 0.3s;
  opacity: 0.6;
}
.atom-plyr-audio.player--opacity .plyr:hover {
  opacity: 1;
}
.atom-plyr-audio .plyr--full-ui input[type='range'] {
  color: #38a4de;
}
.styleguide.plyr__video {
  height: 100%;
  width: 100%;
  overflow: auto;
}
@supports (-ms-ime-align: auto) {
  .styleguide.plyr__video .plyr__progress {
    width: 50%;
  }
}
.styleguide.plyr__video.audience--board {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.styleguide.plyr__video.audience--board .plyr--video {
  width: 100%;
  position: inherit;
}
.styleguide.plyr__video.audience--board .plyr--video .plyr__video-wrapper {
  background: none;
}
.styleguide.plyr__video.audience--board .plyr--video:not(:-webkit-full-screen) .plyr__video-wrapper {
  position: inherit;
}
.styleguide.plyr__video.audience--board .plyr--video:not(:fullscreen) .plyr__video-wrapper {
  position: inherit;
}
.styleguide.plyr__video.audience--board .plyr--video .plyr__video-embed__container {
  z-index: -1;
}
.styleguide.plyr__video.audience--board .plyr--video.plyr--youtube .plyr__controls .plyr__control:hover,
.styleguide.plyr__video.audience--board .plyr--video.plyr--youtube .plyr__controls .plyr__control:focus {
  background: red;
}
.styleguide.plyr__video.audience--board .plyr--video.plyr--youtube .plyr__controls input[type='range'] {
  color: red;
}
.styleguide.plyr__video.audience--board .plyr--video.plyr--youtube:hover button.plyr__control--overlaid {
  background: red;
}
.styleguide.plyr__video.audience--board .plyr--video.plyr--youtube button.plyr__control--overlaid {
  background: #424242;
  border-radius: 50% / 10%;
  color: #fff;
  font-size: 1.4rem;
  /* change this to change size */
  width: 4em;
  height: 3em;
  padding: 0;
  text-align: center;
  text-indent: 0.1em;
  transition: all 150ms ease-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.styleguide.plyr__video.audience--board .plyr--video.plyr--youtube button.plyr__control--overlaid svg {
  display: none;
}
.styleguide.plyr__video.audience--board .plyr--video.plyr--youtube button.plyr__control--overlaid::before {
  background: inherit;
  border-radius: 5% / 50%;
  inset: 9% -5%;
  content: '';
  position: absolute;
}
.styleguide.plyr__video.audience--board .plyr--video.plyr--youtube button.plyr__control--overlaid::after {
  border-style: solid;
  border-width: 1em 0 1em 1.732em;
  border-color: transparent transparent transparent #fff;
  content: ' ';
  font-size: 0.75em;
  height: 0;
  margin: -1em 0 0 -0.75em;
  top: 50%;
  position: absolute;
  width: 0;
}
.styleguide.plyr__video.audience--teacher._isFullScreen .plyr {
  width: 100%;
  height: 100%;
}
.styleguide.plyr__video.audience--teacher .plyr {
  height: 36rem;
  width: 64rem;
}
.styleguide.plyr__video.audience--teacher .plyr .plyr__video-wrapper {
  height: 100%;
  padding-bottom: 0;
}
.styleguide.plyr__video.audience--teacher .plyr .plyr__video-wrapper video {
  object-fit: contain;
  height: 100%;
}
.styleguide.plyr__video.audience--teacher .plyr.plyr--video button {
  padding: 1rem;
}
.styleguide.plyr__video.audience--teacher [class='plyr__play-large'] svg {
  height: 5rem;
  width: 5rem;
  left: 0.5rem;
}
/**
* tool-tip component
*/
.styleguide__tooltip {
  background: #2a3541;
  color: white;
  text-shadow: none;
  z-index: 5;
  padding: 1rem;
  max-width: 40rem;
}
.styleguide__tooltip .tooltip__title {
  font-weight: bold;
  font-size: 1.4rem;
}
.styleguide__tooltip .tooltip-inner {
  font-weight: normal;
  font-size: 1.25rem;
}
.styleguide__tooltip hr {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin: 0.5rem 0;
}
.styleguide__tooltip.ember-tooltip[x-placement^='bottom'] .ember-tooltip-arrow {
  border-bottom-color: #2a3541;
}
.styleguide__tooltip.ember-tooltip[x-placement^='top'] > .ember-tooltip-arrow {
  border-top-color: #2a3541;
}
.styleguide__tooltip.ember-tooltip[x-placement^='left'] > .ember-tooltip-arrow {
  border-left-color: #2a3541;
}
.styleguide__tooltip.ember-tooltip[x-placement^='right'] > .ember-tooltip-arrow {
  border-right-color: #2a3541;
}
.styleguide__tooltip.top,
.styleguide__tooltip.bottom {
  text-align: center;
}
.styleguide__tooltip.left,
.styleguide__tooltip.right {
  text-align: left;
}
.styleguide__tooltip span {
  -webkit-user-select: none;
          user-select: none;
}
/**
* loader-component component
*/
.styleguide.loader__component {
  width: 4rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-size: 100%;
}
.styleguide.loader__component.color--black {
  background-image: url('../gynzy-styleguide/assets/loader/loading_indicator_black-fc6475f4963922b7aa5f95e26bbcdb0d.gif');
}
.styleguide.loader__component.color--white {
  background-image: url('../gynzy-styleguide/assets/loader/loading_indicator_white-4c51dcb0a6b1c4d2ac7a1ef21f18e093.gif');
}
.styleguide.loader__component.audience--board {
  width: 40px;
  height: 40px;
}
/**
* notifier-modeless component
*/
.styleguide.notifier__modeless {
  display: inline-block;
  padding: 1.75rem;
  background: #ffffff;
  box-shadow: 0 1.25rem 2rem 0 rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  z-index: 9999;
  position: fixed;
  left: 50%;
  top: 2%;
  transform: translateX(-50%);
}
.styleguide.notifier__modeless p {
  max-width: 25rem;
  display: flex;
  align-items: center;
  font-size: 1.66666667rem;
  color: #556474;
  overflow: hidden;
}
.styleguide.notifier__modeless .content {
  display: flex;
  justify-content: center;
}
.styleguide.notifier__modeless.slideFadeIn {
  animation: 0.5s ease-in appear;
}
@keyframes appear {
  from {
    opacity: 0;
    transform: translate(-50%, -15%);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0%);
  }
}
/**
* tool-tip component
*/
.styleguide.snack-bar {
  background: #ffffff;
  height: auto;
  min-height: 4.16666667rem;
  border: 1px solid #d1d3de;
  color: #2a3541;
  box-shadow: 0 0 2px 0 rgba(42, 53, 65, 0.08), 0 2px 4px 0 rgba(42, 53, 65, 0.16);
  border-radius: 2.08333333rem;
  padding: 1.25rem 2.08333333rem;
  display: flex;
  align-items: center;
  gap: 0.83333333rem;
  pointer-events: none;
  transition: 0.5s;
  opacity: 0;
  font-size: 1.66666667rem;
  font-family: 'Open Sans', sans-serif;
}
.styleguide.snack-bar.closable {
  pointer-events: all;
}
.styleguide.snack-bar.show {
  transform: translateY(-10px);
  opacity: 1;
}
.styleguide.snack-bar .snackbar-icon .styleguide.flat__icon .icon--container {
  width: 1.45833333rem;
}
.styleguide.snack-bar .snackbar-icon .styleguide.flat__icon.icon__checkmark .icon--graphics {
  fill: #1eaa10;
}
.styleguide.snack-bar .snackbar-icon .styleguide.flat__icon.icon__incorrect .icon--graphics {
  fill: #ed1c24;
}
.styleguide.snack-bar .snackbar-icon .styleguide.flat__icon.icon__warning .icon--graphics {
  fill: #fad20c;
}
.styleguide.snack-bar.fadeOut {
  animation: 0.5s ease-in hidePopup;
}
@keyframes hidePopup {
  from {
    opacity: 1;
    transform: translateY(-10px);
  }
  to {
    opacity: 0;
    transform: translateY(0);
  }
}
.styleguide.snack-bar p {
  margin: 0;
  padding-right: 0.41666667rem;
  line-height: 1.4;
}
.styleguide.snack-bar strong,
.styleguide.snack-bar b,
.styleguide.snack-bar .bold {
  font-weight: 600;
}
/**
* overlay-scrollbars component
*/
.styleguide.overlay__scrollbars {
  width: 100%;
  height: 100%;
}
.styleguide.overlay__scrollbars .os-scrollbar .os-scrollbar-track {
  border-radius: 1.04166667rem;
  background: #e9eaef;
}
.styleguide.overlay__scrollbars .os-scrollbar .os-scrollbar-handle {
  border-radius: 1.04166667rem;
  background: #d1d3de;
}
.styleguide.overlay__scrollbars .os-scrollbar .os-scrollbar-handle:hover {
  cursor: pointer;
  background-color: #dadce4;
}
.styleguide.overlay__scrollbars .os-scrollbar .os-scrollbar-handle.active {
  background-color: #c8cad8;
}
.styleguide.overlay__scrollbars .os-scrollbar-horizontal {
  height: 1.66666667rem;
}
.styleguide.overlay__scrollbars .os-scrollbar-vertical {
  width: 1.66666667rem;
}
/**
 * session-pin component
 **/
.pin-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 23.33333333rem;
  height: 5.41666667rem;
  background-color: #fff;
  border: 1px solid #aeb7c2;
  border-radius: 0.41666667rem;
}
.pin-container .pin-code {
  font-size: 2.5rem;
  font-weight: bold;
  color: #2a3541;
  text-align: center;
  letter-spacing: 0.41666667rem;
}
/**
 * microgoal-alphabet component
 **/
div.microgoal-alphabet {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: bold;
  margin-right: 0.83333333rem;
  align-items: center;
}
div.microgoal-alphabet span {
  font-style: 'Open Sans' sans-serif;
}
div.microgoal-alphabet.small {
  height: 1.66666667rem;
  width: 1.66666667rem;
}
div.microgoal-alphabet.small span {
  line-height: 1.66666667rem;
  font-size: 1.04166667rem;
}
div.microgoal-alphabet.medium {
  height: 3.33333333rem;
  width: 3.33333333rem;
}
div.microgoal-alphabet.medium span {
  line-height: 2.91666667rem;
  font-size: 1.875rem;
}
div.microgoal-alphabet.large {
  height: 4.16666667rem;
  width: 4.16666667rem;
}
div.microgoal-alphabet.large span {
  line-height: 3.64583333rem;
  font-size: 2.39583333rem;
}
div.microgoal-alphabet.zill_math,
div.microgoal-alphabet.ovsg_math,
div.microgoal-alphabet.go_math,
div.microgoal-alphabet.go-ijsberg_math,
div.microgoal-alphabet.rekenen {
  background: #59b6e8;
  color: #1a455b;
}
div.microgoal-alphabet.spelling,
div.microgoal-alphabet.nederlands {
  background: #75e260;
  color: #28571e;
}
div.microgoal-alphabet.mammoth {
  background: #e06cd6;
  color: #461a21;
}
div.microgoal-alphabet.woordenschat {
  background: #ff962e;
  color: #57300a;
}
div.microgoal-alphabet.grammatica {
  background: #e260a0;
  color: #571e3a;
}
div.microgoal-alphabet.wereldorientatie {
  background: #5ddfdf;
  color: #1e5252;
}
div.microgoal-alphabet.digitale_geletterdheid {
  background: #e35fe3;
  color: #581d58;
}
div.microgoal-alphabet.engels {
  background-color: #d9b9f8;
  color: #3a1d58;
}
div.microgoal-alphabet.topografie {
  background-color: #e6f6b6;
  color: #45521e;
}
div.microgoal-alphabet.cijfers_en_letters {
  background: #5ad899;
  color: #1e4833;
}
div.microgoal-alphabet.zill_numbers,
div.microgoal-alphabet.ovsg_numbers,
div.microgoal-alphabet.go_numbers,
div.microgoal-alphabet.go-ijsberg_numbers,
div.microgoal-alphabet.cijfers {
  background: #3fd4d4;
  color: #1e5252;
}
div.microgoal-alphabet.zill_letters,
div.microgoal-alphabet.ovsg_letters,
div.microgoal-alphabet.go_letters,
div.microgoal-alphabet.letters {
  background: #3dcc84;
  color: #1e4833;
}
div.microgoal-alphabet.taalontdekkers {
  background: #ffdc2e;
  color: #574a0a;
}
div.microgoal-alphabet.frans {
  background: #5a79d8;
  color: #1e2848;
}
div.microgoal-alphabet.disabled {
  background: #e9eaef;
  color: #6b7c8e;
  opacity: 1 !important;
}
/**
 * group-icon-label component
 **/
.group-icon-label {
  display: flex;
  align-items: center;
  margin: 0.41666667rem 0;
  text-align: left;
}
.group-icon-label .group-icon-label__icon .user-portrait__container {
  border: 0.20833333rem solid #fff;
  box-sizing: border-box;
  width: 3.54166667rem;
  height: 3.54166667rem;
}
.group-icon-label .group-icon-label__icon .user-portrait__container .user-portrait__avatar {
  height: 1.66666667rem;
  width: 1.66666667rem;
  border-radius: 0;
  filter: var(--color-filter-white);
}
.group-icon-label .group-icon-label__label {
  margin-left: 0.83333333rem;
  color: #556474;
  font-size: 1.66666667rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 150%;
}
.molecule-breadcrumbs {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  max-width: 100%;
}
.molecule-breadcrumbs .breadcrumb-folder-icon {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 0.625rem 0 0;
  flex-shrink: 0;
}
.molecule-breadcrumbs .folder--divider {
  display: flex;
  align-items: center;
  margin: 0 0.625rem;
  flex-shrink: 0;
}
.molecule-breadcrumbs .folder--divider .flat__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.molecule-breadcrumbs .folder--divider .flat__icon .icon--graphics {
  fill: #aeb7c2;
}
.molecule-breadcrumbs button.button__icon__label {
  padding: 0.625rem;
  flex: 0 1 auto;
  display: flex !important;
  align-items: center;
  overflow: hidden;
  max-width: 100%;
}
.molecule-breadcrumbs button.button__icon__label .svg__icon {
  margin-right: 0.625rem;
  flex-shrink: 0;
}
.molecule-breadcrumbs button.button__icon__label.active a {
  font-weight: 600;
  color: #3f4c5a;
  cursor: default;
}
.molecule-breadcrumbs button.button__icon__label a {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  min-width: 0;
  flex: 1;
}
.molecule-breadcrumbs .styleguide__draggable-dropzone {
  width: unset;
  height: unset;
  min-width: 0;
  flex: 0 1 content;
  overflow: hidden;
}
.molecule-breadcrumbs .styleguide__draggable-dropzone .draggable-dropzone.draggable-over .button__icon__label {
  border-radius: 0.41666667rem;
  background-color: #effaff;
  box-shadow: inset 0 0 0 1px #38a4de;
}
/**
 * no colors to define yet, cause colors are defined in counter-base
 */
/* stylelint-disable-next-line */
.styleguide.toggle__buttons {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  width: 100%;
}
.styleguide.toggle__buttons.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.toggle__buttons.column {
  flex-direction: column;
}
.styleguide.toggle__buttons.end {
  justify-content: flex-end;
}
.styleguide.toggle__buttons.start {
  justify-content: flex-start;
}
.styleguide.toggle__buttons.flex-center {
  justify-content: center;
}
.styleguide.toggle__buttons.between {
  justify-content: space-between;
}
.styleguide.toggle__buttons.around {
  justify-content: space-around;
}
.styleguide.toggle__buttons.cross-start {
  align-items: flex-start;
}
.styleguide.toggle__buttons.cross-end {
  align-items: flex-end;
}
.styleguide.toggle__buttons.stretch {
  align-items: stretch;
}
.styleguide.toggle__buttons.evenly {
  justify-content: space-evenly;
}
.styleguide.toggle__buttons.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.toggle__buttons.wrap {
  flex-wrap: wrap;
}
.styleguide.toggle__buttons.grow {
  flex: 1;
}
.styleguide.toggle__buttons .flex-half,
.styleguide.toggle__buttons .flex-quarter,
.styleguide.toggle__buttons .flex-sixth,
.styleguide.toggle__buttons .flex-third,
.styleguide.toggle__buttons .flex-two-third {
  box-sizing: border-box;
}
.styleguide.toggle__buttons .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.toggle__buttons .flex-grow-1 {
  flex: 1 1;
}
.styleguide.toggle__buttons .flex-grow-2 {
  flex: 2 1;
}
.styleguide.toggle__buttons .flex-grow-3 {
  flex: 3 1;
}
.styleguide.toggle__buttons .flex-grow-4 {
  flex: 4 1;
}
.styleguide.toggle__buttons .flex-grow-5 {
  flex: 5 1;
}
.styleguide.toggle__buttons .flex-grow-6 {
  flex: 6 1;
}
.styleguide.toggle__buttons .flex-grow-7 {
  flex: 7 1;
}
.styleguide.toggle__buttons .flex-grow-8 {
  flex: 8 1;
}
.molecule-state-switcher {
  transition: opacity 0.25s;
  opacity: 1;
  --state-switcher-height: calc(22 * 0.10416667rem);
  --state-switcher-width: calc(42 * 0.10416667rem);
  --state-switcher-icon: calc(12 * 0.10416667rem);
}
.molecule-state-switcher.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.molecule-state-switcher.size--small {
  --state-switcher-height: calc(18 * 0.10416667rem);
  --state-switcher-width: calc(34 * 0.10416667rem);
  --state-switcher-icon: calc(10 * 0.10416667rem);
}
.molecule-state-switcher .state-switcher__wrapper {
  position: relative;
  cursor: pointer !important;
}
.molecule-state-switcher .state-switcher__wrapper .state-switcher__bar {
  height: var(--state-switcher-height);
  width: var(--state-switcher-width);
  border-radius: var(--state-switcher-height);
  box-sizing: content-box;
}
.molecule-state-switcher .state-switcher__wrapper .state-switcher__bar.state-on {
  transition: background-color 0.25s, border 0.25s;
  background-color: #28759f;
  border: 1px solid #28759f;
}
.molecule-state-switcher .state-switcher__wrapper .state-switcher__bar.state-off {
  transition: background-color 0.25s, border 0.25s;
  background-color: #aeb7c2;
  border: 1px solid #aeb7c2;
}
.molecule-state-switcher .state-switcher__wrapper .state-switcher__bar.state-disabled {
  opacity: 0.5;
}
.molecule-state-switcher .state-switcher__wrapper .state-switcher__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--state-switcher-height);
  height: var(--state-switcher-height);
  border-radius: var(--state-switcher-height);
  background-color: #e9eaef;
  transition: transform 0.25s;
  pointer-events: none;
}
.molecule-state-switcher .state-switcher__wrapper .state-switcher__button .flat__icon {
  width: var(--state-switcher-icon);
  height: var(--state-switcher-icon);
}
.molecule-state-switcher .state-switcher__wrapper .state-switcher__button .flat__icon .icon--graphics {
  fill: #3f4c5a;
}
.molecule-state-switcher .state-switcher__wrapper .state-switcher__button.state-on {
  transform: translateX(calc(var(--state-switcher-width) - var(--state-switcher-height)));
}
.molecule-state-switcher .state-switcher__wrapper .state-switcher__button.state-off {
  transform: translateX(0);
}
.molecule-state-switcher .state-switcher__wrapper .state-switcher__button:hover {
  background-color: white;
}
.molecule-toggle-dropdown-builder {
  width: 100%;
}
.molecule-toggle-dropdown-builder a {
  color: #277cd9;
  font-weight: normal;
  text-decoration: underline;
}
.molecule-toggle-dropdown-builder a:hover {
  color: #4e92ff;
}
.molecule-toggle-dropdown-builder a:active {
  color: #2465ab;
}
.toggle-button-group {
  display: flex;
}
.toggle-button-group .toggle-button {
  margin-right: -1px;
  cursor: pointer;
}
.toggle-button {
  position: relative;
  display: flex;
  justify-content: center;
  min-width: 11.45833333rem;
  align-items: center;
  padding: 0.83333333rem 2.5rem;
  font-weight: 600;
  border: 1px solid #28759f;
  background-color: white;
  color: #28759f;
  transition: 0.2s;
  gap: 0.83333333rem;
  font-family: 'Open Sans', sans-serif;
}
.toggle-button.active {
  background-color: #d4eefc;
  transition: 0.2s;
}
.toggle-button.active .check-mark {
  display: block;
}
.toggle-button .check-mark {
  display: none;
}
.toggle-button .check-mark .styleguide.flat__icon .icon--graphics {
  fill: #28759f;
}
.toggle-button:first-child {
  border-top-left-radius: 2.5rem;
  border-bottom-left-radius: 2.5rem;
}
.toggle-button:last-child {
  border-top-right-radius: 2.5rem;
  border-bottom-right-radius: 2.5rem;
}
.toggle-button:only-child {
  border-radius: 2.5rem;
}
.toggle-button.size--small {
  font-size: 1.25rem;
}
/* stylelint-disable-next-line */
.styleguide.digit__timer.orientation--horizontal {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  flex-direction: row-reverse;
}
.styleguide.digit__timer.orientation--horizontal.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.digit__timer.orientation--horizontal.column {
  flex-direction: column;
}
.styleguide.digit__timer.orientation--horizontal.end {
  justify-content: flex-end;
}
.styleguide.digit__timer.orientation--horizontal.start {
  justify-content: flex-start;
}
.styleguide.digit__timer.orientation--horizontal.flex-center {
  justify-content: center;
}
.styleguide.digit__timer.orientation--horizontal.between {
  justify-content: space-between;
}
.styleguide.digit__timer.orientation--horizontal.around {
  justify-content: space-around;
}
.styleguide.digit__timer.orientation--horizontal.cross-start {
  align-items: flex-start;
}
.styleguide.digit__timer.orientation--horizontal.cross-end {
  align-items: flex-end;
}
.styleguide.digit__timer.orientation--horizontal.stretch {
  align-items: stretch;
}
.styleguide.digit__timer.orientation--horizontal.evenly {
  justify-content: space-evenly;
}
.styleguide.digit__timer.orientation--horizontal.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.digit__timer.orientation--horizontal.wrap {
  flex-wrap: wrap;
}
.styleguide.digit__timer.orientation--horizontal.grow {
  flex: 1;
}
.styleguide.digit__timer.orientation--horizontal .flex-half,
.styleguide.digit__timer.orientation--horizontal .flex-quarter,
.styleguide.digit__timer.orientation--horizontal .flex-sixth,
.styleguide.digit__timer.orientation--horizontal .flex-third,
.styleguide.digit__timer.orientation--horizontal .flex-two-third {
  box-sizing: border-box;
}
.styleguide.digit__timer.orientation--horizontal .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.digit__timer.orientation--horizontal .flex-grow-1 {
  flex: 1 1;
}
.styleguide.digit__timer.orientation--horizontal .flex-grow-2 {
  flex: 2 1;
}
.styleguide.digit__timer.orientation--horizontal .flex-grow-3 {
  flex: 3 1;
}
.styleguide.digit__timer.orientation--horizontal .flex-grow-4 {
  flex: 4 1;
}
.styleguide.digit__timer.orientation--horizontal .flex-grow-5 {
  flex: 5 1;
}
.styleguide.digit__timer.orientation--horizontal .flex-grow-6 {
  flex: 6 1;
}
.styleguide.digit__timer.orientation--horizontal .flex-grow-7 {
  flex: 7 1;
}
.styleguide.digit__timer.orientation--horizontal .flex-grow-8 {
  flex: 8 1;
}
.styleguide.digit__timer.orientation--horizontal .button__square:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-right: none;
}
.styleguide.digit__timer.orientation--horizontal .button__square:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-left: none;
}
.styleguide.digit__timer.orientation--vertical {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  flex-direction: column;
}
.styleguide.digit__timer.orientation--vertical.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.digit__timer.orientation--vertical.column {
  flex-direction: column;
}
.styleguide.digit__timer.orientation--vertical.end {
  justify-content: flex-end;
}
.styleguide.digit__timer.orientation--vertical.start {
  justify-content: flex-start;
}
.styleguide.digit__timer.orientation--vertical.flex-center {
  justify-content: center;
}
.styleguide.digit__timer.orientation--vertical.between {
  justify-content: space-between;
}
.styleguide.digit__timer.orientation--vertical.around {
  justify-content: space-around;
}
.styleguide.digit__timer.orientation--vertical.cross-start {
  align-items: flex-start;
}
.styleguide.digit__timer.orientation--vertical.cross-end {
  align-items: flex-end;
}
.styleguide.digit__timer.orientation--vertical.stretch {
  align-items: stretch;
}
.styleguide.digit__timer.orientation--vertical.evenly {
  justify-content: space-evenly;
}
.styleguide.digit__timer.orientation--vertical.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.digit__timer.orientation--vertical.wrap {
  flex-wrap: wrap;
}
.styleguide.digit__timer.orientation--vertical.grow {
  flex: 1;
}
.styleguide.digit__timer.orientation--vertical .flex-half,
.styleguide.digit__timer.orientation--vertical .flex-quarter,
.styleguide.digit__timer.orientation--vertical .flex-sixth,
.styleguide.digit__timer.orientation--vertical .flex-third,
.styleguide.digit__timer.orientation--vertical .flex-two-third {
  box-sizing: border-box;
}
.styleguide.digit__timer.orientation--vertical .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.digit__timer.orientation--vertical .flex-grow-1 {
  flex: 1 1;
}
.styleguide.digit__timer.orientation--vertical .flex-grow-2 {
  flex: 2 1;
}
.styleguide.digit__timer.orientation--vertical .flex-grow-3 {
  flex: 3 1;
}
.styleguide.digit__timer.orientation--vertical .flex-grow-4 {
  flex: 4 1;
}
.styleguide.digit__timer.orientation--vertical .flex-grow-5 {
  flex: 5 1;
}
.styleguide.digit__timer.orientation--vertical .flex-grow-6 {
  flex: 6 1;
}
.styleguide.digit__timer.orientation--vertical .flex-grow-7 {
  flex: 7 1;
}
.styleguide.digit__timer.orientation--vertical .flex-grow-8 {
  flex: 8 1;
}
.styleguide.digit__timer.orientation--vertical .button__square:first-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
  box-shadow: none;
}
.styleguide.digit__timer.orientation--vertical .button__square:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: none;
}
.styleguide.digit__timer__multiple {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
}
.styleguide.digit__timer__multiple.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.digit__timer__multiple.column {
  flex-direction: column;
}
.styleguide.digit__timer__multiple.end {
  justify-content: flex-end;
}
.styleguide.digit__timer__multiple.start {
  justify-content: flex-start;
}
.styleguide.digit__timer__multiple.flex-center {
  justify-content: center;
}
.styleguide.digit__timer__multiple.between {
  justify-content: space-between;
}
.styleguide.digit__timer__multiple.around {
  justify-content: space-around;
}
.styleguide.digit__timer__multiple.cross-start {
  align-items: flex-start;
}
.styleguide.digit__timer__multiple.cross-end {
  align-items: flex-end;
}
.styleguide.digit__timer__multiple.stretch {
  align-items: stretch;
}
.styleguide.digit__timer__multiple.evenly {
  justify-content: space-evenly;
}
.styleguide.digit__timer__multiple.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.digit__timer__multiple.wrap {
  flex-wrap: wrap;
}
.styleguide.digit__timer__multiple.grow {
  flex: 1;
}
.styleguide.digit__timer__multiple .flex-half,
.styleguide.digit__timer__multiple .flex-quarter,
.styleguide.digit__timer__multiple .flex-sixth,
.styleguide.digit__timer__multiple .flex-third,
.styleguide.digit__timer__multiple .flex-two-third {
  box-sizing: border-box;
}
.styleguide.digit__timer__multiple .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.digit__timer__multiple .flex-grow-1 {
  flex: 1 1;
}
.styleguide.digit__timer__multiple .flex-grow-2 {
  flex: 2 1;
}
.styleguide.digit__timer__multiple .flex-grow-3 {
  flex: 3 1;
}
.styleguide.digit__timer__multiple .flex-grow-4 {
  flex: 4 1;
}
.styleguide.digit__timer__multiple .flex-grow-5 {
  flex: 5 1;
}
.styleguide.digit__timer__multiple .flex-grow-6 {
  flex: 6 1;
}
.styleguide.digit__timer__multiple .flex-grow-7 {
  flex: 7 1;
}
.styleguide.digit__timer__multiple .flex-grow-8 {
  flex: 8 1;
}
.styleguide.digit__timer__multiple .digit__timer:not(:last-child) .display__timer {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.styleguide.digit__timer__multiple .digit__timer:not(:first-child) .display__timer {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.styleguide.gynzy.digit__timer__multiple .digit__timer:not(:last-child) .display__timer {
  border-right-color: #e9eaef;
}
.molecule-user-portrait.color--crimson .user-portrait__container {
  background-color: #dc2828;
}
.molecule-user-portrait.color--pumpkin .user-portrait__container {
  background-color: #d36e09;
}
.molecule-user-portrait.color--lemon .user-portrait__container {
  background-color: #d3b109;
}
.molecule-user-portrait.color--pear .user-portrait__container {
  background-color: #98bb30;
}
.molecule-user-portrait.color--mantis .user-portrait__container {
  background-color: #47c12f;
}
.molecule-user-portrait.color--emerald .user-portrait__container {
  background-color: #34ad70;
}
.molecule-user-portrait.color--caribbean .user-portrait__container {
  background-color: #30bbbb;
}
.molecule-user-portrait.color--sky .user-portrait__container {
  background-color: #2690c9;
}
.molecule-user-portrait.color--indigo .user-portrait__container {
  background-color: #3452ad;
}
.molecule-user-portrait.color--lavender .user-portrait__container {
  background-color: #772ec2;
}
.molecule-user-portrait.color--fuchsia .user-portrait__container {
  background-color: #c22ec2;
}
.molecule-user-portrait.color--cranberry .user-portrait__container {
  background-color: #c12f77;
}
.molecule-user-portrait.color--parnassys .user-portrait__container {
  background-color: #ed5c82;
}
.molecule-user-portrait.color--smartschool .user-portrait__container {
  background-color: #ff520e;
}
.molecule-user-portrait.color--basispoort .user-portrait__container {
  background-color: #282c59;
}
.molecule-user-portrait.color--esis .user-portrait__container {
  background-color: #2bb60f;
}
.molecule-user-portrait.color--google-classroom .user-portrait__container {
  background-color: #e9eaef;
}
.molecule-user-portrait.color--google-classroom .user-portrait__container .user-portrait__avatar {
  filter: none;
}
.user-portrait__container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.user-portrait__container.user-portrait--layout-circle {
  border-radius: 50%;
}
.user-portrait__container.user-portrait--layout-rectangle-portrait,
.user-portrait__container.user-portrait--layout-rectangle-landscape {
  border-radius: 4px;
}
.user-portrait__container .user-portrait__initials {
  font-size: 1.66666667rem;
  color: white;
  margin: 0;
}
.user-portrait__container .user-portrait__avatar {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
  object-fit: cover;
}
.user-portrait__container .user-portrait__overlay {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
  box-sizing: border-box;
}
.user-portrait__container[data-portrait-color='indigo'] {
  background-color: #3452ad;
}
.user-portrait__container[data-portrait-color='crimson'] {
  background-color: #dc2828;
}
.user-portrait__container[data-portrait-color='pumpkin'] {
  background-color: #d36e09;
}
.user-portrait__container[data-portrait-color='lemon'] {
  background-color: #d3b109;
}
.user-portrait__container[data-portrait-color='pear'] {
  background-color: #98bb30;
}
.user-portrait__container[data-portrait-color='mantis'] {
  background-color: #47c12f;
}
.user-portrait__container[data-portrait-color='emerald'] {
  background-color: #34ad70;
}
.user-portrait__container[data-portrait-color='caribbean'] {
  background-color: #30bbbb;
}
.user-portrait__container[data-portrait-color='sky'] {
  background-color: #2690c9;
}
.user-portrait__container[data-portrait-color='lavender'] {
  background-color: #772ec2;
}
.user-portrait__container[data-portrait-color='fuchsia'] {
  background-color: #c22ec2;
}
.user-portrait__container[data-portrait-color='cranberry'] {
  background-color: #c12f77;
}
.user-portrait__container[data-portrait-color='ghost'] {
  background-color: #d1d3de;
}
.snackbar-outlet {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transition: all 0.15s ease;
}
.snackbar-outlet.up .snack-bar {
  margin-top: 1rem;
}
.snackbar-outlet.down {
  flex-direction: column-reverse;
}
.snackbar-outlet.down .snack-bar {
  margin-bottom: 1rem;
}
.snackbar-outlet.left {
  align-items: flex-start;
}
.snackbar-outlet.center {
  align-items: center;
}
.snackbar-outlet.right {
  align-items: flex-end;
}
.styleguide.callout.ember-popover.global-group-selection-popover {
  display: flex;
  position: relative;
  width: 35rem;
  padding: 0;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
}
.styleguide.callout.ember-popover.global-group-selection-popover .global-group-selection-popover__inner {
  width: 100%;
}
.styleguide.callout.ember-popover.global-group-selection-popover .global-group-selection-popover__inner .inner--content h3 {
  font-weight: 600;
  color: #556474;
  font-size: 1.66666667rem;
  padding: 1.25rem 2.29166667rem;
  margin: 0;
}
.styleguide.callout.ember-popover.global-group-selection-popover .global-group-selection-popover__inner .global-group-selection__wrapper {
  max-height: 75vh;
  overflow-y: auto;
  padding: 2.5rem 2.29166667rem;
  border-top: 1px solid #aeb7c2;
}
.styleguide.callout.ember-popover.global-group-selection-popover .global-group-selection-popover__inner .global-group-selection__wrapper p {
  color: #556474;
  font-size: 1.66666667rem;
  line-height: 2.5rem;
}
.styleguide.callout.ember-popover.global-group-selection-popover .global-group-selection-popover__inner .global-group-selection__wrapper .group-icon-label__label {
  width: 20.83333333rem;
}
.styleguide.callout.ember-popover.global-group-selection-popover .global-group-selection-popover__inner .global-group-selection__footer {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem 2.08333333rem;
  border-top: 1px solid #aeb7c2;
  line-height: 2.5rem;
  font-size: 1.66666667rem;
  color: #277cd9;
  border-radius: 0 0 0.52083333rem 0.52083333rem;
}
.styleguide.callout.ember-popover.global-group-selection-popover .global-group-selection-popover__inner .global-group-selection__footer:hover {
  color: #4e92ff;
}
.styleguide.callout.ember-popover.global-group-selection-popover .global-group-selection-popover__inner .global-group-selection__footer:active {
  color: #2465ab;
}
.global-group-selection__target-class {
  position: absolute;
  z-index: -1;
  height: 3.75rem;
  width: 3.75rem;
  top: -1.04166667rem;
  right: 0;
}
.global-group-selection__target-class.is-board {
  top: 0;
}
.molecule-global-group-selection {
  cursor: pointer;
  width: 18.75rem;
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.molecule-global-group-selection.is-board-direction {
  justify-content: flex-start;
  width: auto;
}
.molecule-global-group-selection .user-portrait__group-selection .user-portrait__container {
  border: 0.20833333rem solid #fff;
  box-sizing: border-box;
  width: 3.75rem;
  height: 3.75rem;
}
.molecule-global-group-selection .user-portrait__group-selection .user-portrait__container .user-portrait__avatar {
  height: 1.66666667rem;
  width: 1.66666667rem;
  border-radius: 0;
  filter: var(--color-filter-white);
}
.molecule-global-group-selection .icon-background {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.75rem;
  width: 3.75rem;
  background-color: #b7e3fa;
  border-radius: 50%;
  border: 2px solid #b7e3fa;
  box-sizing: border-box;
}
.molecule-global-group-selection .icon-background.selected {
  border: 2px solid #277cd9;
}
.molecule-global-group-selection .icon-background.selected .button__icon .flat__icon .icon--container .icon--graphics {
  fill: #277cd9;
}
.molecule-global-group-selection .icon-background.selected:hover {
  border: 2px solid #277cd9;
}
.molecule-global-group-selection .icon-background.selected:hover .button__icon .flat__icon .icon--container .icon--graphics {
  fill: #277cd9;
}
.molecule-global-group-selection .icon-background:hover {
  border: 2px solid #4e92ff;
  transition: 0.15s;
}
.molecule-global-group-selection .icon-background:hover .flat__icon .icon--container .icon--graphics {
  transition: 0.15s;
  fill: #4e92ff;
}
.molecule-global-group-selection .group-button.is--board {
  position: relative;
}
.molecule-global-group-selection .group-button.is--board .styleguide.gynzy.button__icon.color--black .icon--graphics {
  fill: #277cd9;
}
.molecule-global-group-selection .group-button.is--board .label {
  position: absolute;
  white-space: nowrap;
  color: #277cd9;
  font-weight: 600;
  cursor: pointer;
  top: 0.2rem;
  left: 3rem;
}
.molecule-global-group-selection .placeholder {
  display: flex;
  align-items: center;
}
.molecule-global-group-selection .placeholder .placeholder-label {
  margin-left: 1.04166667rem;
  font-size: 1.45833333rem;
  font-weight: 600;
  color: #277cd9;
}
.molecule-group-toggle .group-toggle__container {
  display: flex;
  justify-content: space-between;
}
.molecule-group-toggle .group-toggle__container .group-toggle__user-portrait {
  display: flex;
  align-items: center;
  margin: 0.41666667rem 0;
}
.molecule-group-toggle .group-toggle__container .group-toggle__user-portrait .group-toggle__name {
  margin-left: 0.83333333rem;
  color: #556474;
  font-size: 1.66666667rem;
}
.molecule-group-toggle .group-toggle__container .group-toggle__user-portrait .user-portrait__container {
  border: 0.20833333rem solid #fff;
  box-sizing: border-box;
  width: 3.54166667rem;
  height: 3.54166667rem;
}
.molecule-group-toggle .group-toggle__container .group-toggle__user-portrait .user-portrait__container .user-portrait__avatar {
  height: 1.66666667rem;
  width: 1.66666667rem;
  border-radius: 0;
  filter: var(--color-filter-white);
}
.molecule-group-toggle .group-toggle__container .group-toggle__user-portrait .color--google-classroom .user-portrait__container .user-portrait__avatar {
  filter: none;
}
.molecule-group-toggle .group-toggle__container .state-switcher__container {
  align-self: center;
}
.molecule-limited-each .limited-each__container {
  display: flex;
}
.molecule-limited-each .limited-each__container .items-left {
  display: flex;
  align-self: center;
  font-weight: 600;
  font-size: 1.45833333rem;
  margin-left: 0.3125rem;
  color: #556474;
}
.molecule-limited-each .limited-each__container .styleguide__tooltip.ember-tooltip .tooltip-items {
  max-width: 41.66666667rem;
  text-align: left;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.text-placeholder {
  display: block;
  width: 100%;
  height: 1.5625rem;
  border-radius: 0.41666667rem;
  background: #f5f5f8;
}
.text-placeholder.w20 {
  width: 20%;
}
.text-placeholder.w35 {
  width: 35%;
}
.text-placeholder.w50 {
  width: 50%;
}
.molecule-skeleton-component.loading {
  position: relative;
  overflow: hidden;
}
.molecule-skeleton-component.loading::after {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: loading 2s infinite;
  top: 0;
}
@keyframes loading {
  100% {
    transform: translateX(100%);
  }
}
.molecule-skeleton-component.category {
  padding: 0.78rem 1.56rem;
  border-bottom: 1px solid #e9eaef;
}
.molecule-skeleton-component.skeleton-checkbox .flex-wrapper {
  display: flex;
  align-items: center;
  margin-top: 1.04166667rem;
}
.molecule-skeleton-component.skeleton-checkbox .checkbox {
  width: 1.5625rem;
  height: 1.5625rem;
  border-radius: 0.41666667rem;
  margin-right: 0.52083333rem;
  background: #f5f5f8;
}
.molecule-skeleton-component.skeleton-square {
  display: flex;
  flex-direction: column;
  border-radius: 0.83333333rem;
  background: #ffffff;
  aspect-ratio: 1;
}
@supports not (aspect-ratio: 1) {
  .molecule-skeleton-component.skeleton-square {
    height: 100%;
  }
}
.molecule-skeleton-component.skeleton-square .square {
  width: 100%;
  height: 100%;
  background: #e9eaef;
}
.molecule-skeleton-component.skeleton-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 26.5625rem;
  border-radius: 0.83333333rem;
  background: #ffffff;
}
.molecule-skeleton-component.skeleton-content .image {
  width: 100%;
  height: 13.4375rem;
  background: #e9eaef;
}
.molecule-skeleton-component.skeleton-content .text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 13.125rem;
  padding: 2.08333333rem;
  box-sizing: border-box;
}
.molecule-skeleton-component.skeleton-content .text-wrapper .text-placeholder:not(:first-child) {
  margin-top: 1.04166667rem;
}
.molecule-skeleton-component.skeleton-filter {
  padding: 1.45833333rem 0;
}
.molecule-skeleton-component.skeleton-filter.loading::after {
  background: linear-gradient(90deg, transparent, rgba(233, 234, 239, 0.5), transparent);
}
.molecule-skeleton-component.skeleton-filter .text-placeholder {
  background: #d1d3de;
}
.molecule-skeleton-component.skeleton-folder {
  display: flex;
  flex-direction: column;
  width: 19.79166667rem;
  height: 18.75rem;
  padding: 1.04166667rem;
  box-sizing: content-box;
}
.molecule-skeleton-component.skeleton-folder .folder {
  width: 100%;
  height: 13.33333333rem;
  border-radius: 0.41666667rem;
  background: #e9eaef;
}
.molecule-skeleton-component.skeleton-folder .text-wrapper {
  width: 100%;
  height: 2.5rem;
  margin-left: 0;
}
.molecule-skeleton-component.skeleton-folder .text-placeholder {
  margin-top: 0.83333333rem;
}
.molecule-skeleton-component.skeleton-folder .text-placeholder:first-of-type {
  background: #d1d3de;
}
.molecule-skeleton-component.skeleton-featured {
  display: flex;
  justify-content: center;
  width: 39.79166667rem;
  height: 14.375rem;
  box-sizing: border-box;
  border-radius: 8px;
  background: #ffffff;
}
.molecule-skeleton-component.skeleton-featured .fc-image,
.molecule-skeleton-component.skeleton-featured .fc-content {
  width: 50%;
}
.molecule-skeleton-component.skeleton-featured .fc-image {
  background: #e9eaef;
  border-radius: 8px 0 0 8px;
}
.molecule-skeleton-component.skeleton-featured .fc-text {
  width: 100%;
  box-sizing: border-box;
  padding: 1.66666667rem;
}
.molecule-skeleton-component.skeleton-featured .fc-text .fc-header {
  line-height: 2.5rem;
  background: #e9eaef;
  width: 100%;
}
.molecule-skeleton-component.skeleton-featured .fc-text .fc-desc {
  line-height: 1.875rem;
  background: #e9eaef;
  width: 100%;
}
.molecule-skeleton-component.skeleton-featured .text-placeholder {
  margin-top: 1.04166667rem;
}
.molecule-skeleton-component.skeleton-featured .text-placeholder:first-of-type {
  background: #e9eaef;
}
.molecule-skeleton-component.skeleton-score-progress-bar {
  display: flex;
  width: 100%;
}
.molecule-skeleton-component.skeleton-score-progress-bar .score-progress-bar {
  position: relative;
  width: 100%;
}
.molecule-skeleton-component.skeleton-score-progress-bar .score-progress-bar .progress-bar {
  height: 1.25rem;
  background-color: #d1d3de;
  width: 100%;
  position: relative;
  border-radius: 0.625rem;
}
.molecule-skeleton-component.skeleton-score-indicator {
  display: flex;
}
.molecule-skeleton-component.skeleton-score-indicator .score-indicator {
  width: 3.33333333rem;
  height: 2.5rem;
  border-radius: 0.41666667rem;
  line-height: 2.5rem;
  background-color: #d1d3de;
}
.molecule-skeleton-component.skeleton-goal-indicator {
  display: flex;
}
.molecule-skeleton-component.skeleton-goal-indicator .goal-indicator {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #d1d3de;
}
.molecule-tag-list-component {
  display: inline-block;
  width: 100%;
}
.molecule-tag-list-component label {
  text-align: left;
  color: #3f4c5a;
  font-size: 1.5625rem;
  font-weight: 600;
  letter-spacing: 0;
}
.molecule-tag-list-component ::-ms-clear {
  display: none;
}
.molecule-tag-list-component .tag__error-message__container {
  height: 1.77083333rem;
  margin-top: 0.52083333rem;
}
.molecule-tag-list-component .tag__error-message__container .tag__error-message {
  text-align: right;
  font-size: 1.25rem;
  line-height: 1.25rem;
  color: #ed1c24;
}
.molecule-tag-list-component .tags__container {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 2px;
  min-height: 2.91666667rem;
  padding: 0.625rem;
  margin-top: 0.41666667rem;
  box-shadow: 0 0 0 1px #d1d3de;
}
.molecule-tag-list-component .tags__container:focus-within {
  box-shadow: 0 0 0 1px #277cd9;
}
.molecule-tag-list-component .tags__container.invalid {
  box-shadow: 0 0 0 1px #ed1c24;
}
.molecule-tag-list-component .tags__container .error-icon {
  position: absolute;
  bottom: 11px;
  right: 11px;
}
.molecule-tag-list-component .tags__container .error-icon .icon--graphics {
  fill: #ed1c24;
}
.molecule-tag-list-component .tags__container .add__tags {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.molecule-tag-list-component .tags__container .add__tags .tag {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 1.45833333rem;
  line-height: 1.45833333rem;
  background-color: #277cd9;
  border-radius: 1.04166667rem;
  padding: 3px;
  margin: 2px 5px;
}
.molecule-tag-list-component .tags__container .add__tags .tag .icon__container .flat__icon {
  height: 0.72916667rem;
  width: 0.72916667rem;
  margin-right: 0.625rem;
}
.molecule-tag-list-component .tags__container .add__tags .tag .icon__container .flat__icon .icon--graphics {
  fill: #fff;
}
.molecule-tag-list-component .tags__container .add__tags .tag.invalid {
  color: #ed1c24;
  background-color: #ed1c24;
}
.molecule-tag-list-component .tags__container .add__tags .tag span {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #fff;
  font-size: 1.04166667rem;
  padding: 0 0.72916667rem;
}
.molecule-tag-list-component .tags__container .add__tags input {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  flex-grow: 1;
  font-size: 1.66666667rem;
  box-sizing: border-box;
  border: none;
  outline: none;
  box-shadow: none;
  height: 2.60416667rem;
  padding: 0.625rem 0;
  margin-left: 0.52083333rem;
}
.user-label {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  height: 4.16666667rem;
  margin: 0.26041667rem;
  padding: 0rem 0.83333333rem;
  border-radius: 0.41666667rem;
  align-items: center;
  background-color: #e9eaef;
}
.user-label .user-label__name {
  margin: 0 1.04166667rem;
}
.user-label .user-portrait__container {
  width: 2.5rem;
  height: 2.5rem;
}
.user-label .user-portrait__initials {
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.875rem;
  text-align: center;
}
.user-label .button__icon {
  width: 1.14583333rem;
  height: 1.14583333rem;
}
.user-label.is-loader .user-label__name {
  width: 9rem;
  height: 1.5rem;
  background: linear-gradient(90deg, #f5f5f8 0%, #e9eaef 50%, #f5f5f8 100%);
  background-size: 400% 400%;
  animation: gradient 5s ease infinite;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.molecule-loading-indicator {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.molecule-loading-indicator .loading-indicator__spinner {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0.83333333rem 0;
}
.molecule-loading-indicator .loading-indicator__spinner .icon--graphics {
  fill: #277cd9;
}
.molecule-loading-indicator p {
  text-align: center;
  line-height: 2.5rem;
  font-size: 1.66666667rem;
}
.molecule-loading-indicator .loading-indicator__heading {
  text-align: center;
  font-weight: 600;
}
.lesson-suggestion.text {
  display: block;
  line-height: 150%;
  margin-bottom: 0.83333333rem;
}
.lesson-suggestion.text img.icon--markdown {
  width: 2.08333333rem;
  height: 2.08333333rem;
  margin-right: 0.83333333rem;
  margin-top: -0.52083333rem;
  vertical-align: middle;
}
.lesson-suggestion.content-item {
  display: inline-block;
}
.lesson-suggestion.content-item:hover .item-wrapper .image-wrapper {
  border: 1px solid #4e92ff;
  box-shadow: 0 0 0 1px #4e92ff;
}
.lesson-suggestion.content-item:hover .item-wrapper span {
  color: #4e92ff;
}
.lesson-suggestion.content-item:active .item-wrapper .image-wrapper {
  border: 1px solid #2465ab;
  box-shadow: 0 0 0 1px #2465ab;
}
.lesson-suggestion.content-item:active .item-wrapper span {
  color: #2465ab;
}
.lesson-suggestion.content-item .item-wrapper {
  max-width: 17.70833333rem;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin: 0.83333333rem 1.66666667rem 0.83333333rem 0;
  cursor: pointer;
  position: relative;
  text-align: center;
}
.lesson-suggestion.content-item .item-wrapper .image-wrapper {
  width: 17.70833333rem;
  height: 12.91666667rem;
  margin-bottom: 0.83333333rem;
  border: 1px solid #aeb7c2;
  border-radius: 0.41666667rem;
  padding: 0.10416667rem;
  background: #ffffff;
}
.lesson-suggestion.content-item .item-wrapper .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lesson-suggestion.content-item .item-wrapper span {
  font-size: 1.66666667rem;
  font-weight: 600;
  color: #277cd9;
}
.lesson-suggestion.content-item .item-wrapper .type {
  position: absolute;
  left: 0;
  margin: 0.83333333rem;
  padding: 0.20833333rem 0.9375rem;
  border: 1px solid;
  border-radius: 0.41666667rem;
  font-weight: 600;
  color: #3f4c5a;
  border-color: #aeb7c2;
  background-color: #e9eaef;
}
.lesson-suggestion.content-item .item-wrapper .type.type--tool {
  color: #45521e;
  border-color: #98bb30;
  background-color: #e6f6b6;
}
.lesson-suggestion.content-item .item-wrapper .type.type--instruction_lesson {
  color: #3a1d58;
  border-color: #a05fe3;
  background-color: #d9b9f8;
}
.lesson-suggestion.content-item .item-wrapper .type.type--presentation {
  color: #571e3a;
  border-color: #e260a0;
  background-color: #f8bad9;
}
.lesson-suggestion.content-item .item-wrapper .type.type--activity {
  color: #1a455b;
  border-color: #59b6e8;
  background-color: #b7e3fa;
}
.lesson-suggestion.content-item .item-wrapper .type.type--template {
  color: #574a0a;
  border-color: #d3b109;
  background-color: #ffef9e;
}
.lesson-suggestion.content-item .item-wrapper .type.type--practice_serie {
  color: #1e2848;
  border-color: #5a79d8;
  background-color: #afc0f3;
}
.lesson-suggestion.content-item .item-wrapper .type.type--interactive_question {
  color: #1e4833;
  border-color: #34ad70;
  background-color: #aff3d1;
}
.lesson-suggestion.loading {
  width: 17.70833333rem;
  height: 12.91666667rem;
  margin: 0.83333333rem 1.66666667rem 0.83333333rem 0;
}
.lesson-suggestion.loading .flat__icon .icon--graphics {
  fill: #556474;
}
.alert-box {
  display: flex;
  text-align: left;
  border-radius: 0.41666667rem;
  padding: 1.25rem;
  width: 100%;
}
.alert-box .alert-box__icon-container {
  margin: 0.41666667rem 0.83333333rem 0 0;
  display: flex;
  justify-content: flex-start;
}
.alert-box .alert-box__message {
  color: #556474;
  font-size: 1.66666667rem;
  line-height: 150%;
  margin: 0;
}
.alert-box.state--info {
  background-color: #eaf2fb;
}
.alert-box.state--info .flat__icon .icon--graphics {
  fill: #277cd9;
}
.alert-box.state--error {
  background-color: #fee7e7;
}
.alert-box.state--error .flat__icon .icon--graphics {
  fill: #e64545;
}
.alert-box.state--warning {
  background-color: #fff4bd;
}
.alert-box.state--warning .flat__icon .icon--graphics {
  fill: #fad20c;
}
.dropdown-chip-container {
  position: relative;
}
.dropdown-chip-container .chip-label-section {
  border-radius: 4.58333333rem;
  border: 0.10416667rem solid #28759f;
  background-color: #ffffff;
  padding: 0.41666667rem 1.45833333rem;
  transition: 0.2s;
}
.dropdown-chip-container .chip-label-section .chip-label {
  color: #2a3541;
  font-size: 1.45833333rem;
  margin-right: 0.83333333rem;
}
.dropdown-chip-container .chip-label-section .flat__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.dropdown-chip-container .chip-label-section .flat__icon.icon__point-down .icon--graphics {
  fill: #2a3541;
}
.dropdown-chip-container .chip-label-section .flat__icon.icon__checkmark {
  margin-right: 0.83333333rem;
}
.dropdown-chip-container .chip-label-section .flat__icon.icon__checkmark .icon--graphics {
  fill: #28759f;
}
.dropdown-chip-container .chip-label-section:hover {
  cursor: pointer;
  background-color: #effaff;
}
.dropdown-chip-container .chip-label-section.active {
  background-color: #d4eefc;
  border-color: #d4eefc;
}
.dropdown-chip-container .chip-options-container {
  position: absolute;
  top: 3.125rem;
  background-color: #ffffff;
  padding: 0.83333333rem 0;
  border-radius: 0.41666667rem;
  box-shadow: 0 0.20833333rem 0.625rem 0.20833333rem rgba(0, 0, 0, 0.15), 0 0.10416667rem 0.20833333rem 0 rgba(0, 0, 0, 0.3);
  z-index: 1;
  width: 20.83333333rem;
}
.dropdown-chip-container .chip-options-container .option:hover {
  background-color: #e9eaef;
  cursor: pointer;
}
.dropdown-chip-container .chip-options-container .option .option-checkbox {
  display: inline-block;
  width: 1.45833333rem;
  height: 1.45833333rem;
  margin-right: 0.83333333rem;
  margin-left: 1.25rem;
}
.dropdown-chip-container .chip-options-container .option .option-checkbox:hover {
  cursor: pointer;
}
.dropdown-chip-container .chip-options-container .option label {
  font-size: 1.45833333rem;
  color: #556474;
  margin-bottom: 0;
  width: 100%;
  text-align: left;
  padding: 0.83333333rem 1.25rem 0.83333333rem 0;
}
.dropdown-chip-container .chip-options-container .option label:hover {
  cursor: pointer;
}
.action-selection-chip {
  display: inline-flex;
  align-items: center;
  padding: 1.25rem 1.66666667rem;
  background-color: #f5f5f8;
  border-radius: 3.75rem;
}
.action-selection-chip .button-icon--close {
  margin-right: 2.5rem;
}
.action-selection-chip .chip-text {
  font-size: 1.66666667rem;
  font-weight: 600;
  line-height: 150%;
  color: #556474;
}
.action-selection-chip .chip-actions {
  display: flex;
  margin-left: 3.33333333rem;
}
.action-selection-chip .chip-actions > *:not(:last-child) {
  margin-right: 2.5rem;
}
.action-selection-chip .chip-actions .styleguide.svg__icon,
.action-selection-chip .chip-actions .styleguide.flat__icon {
  height: 2.5rem;
  width: 2.5rem;
}
.action-selection-chip .chip-actions .styleguide.button-icon {
  height: 2.5rem;
  width: 2.5rem;
}
/**
 * Table cells
 */
.cell__regular {
  vertical-align: middle;
  position: relative;
  padding: 0.5rem;
  text-align: left;
  overflow: hidden;
}
.cell__regular.align-top {
  vertical-align: top;
}
.cell__regular::after {
  content: ' ';
  position: absolute;
  width: 1px;
  right: 0;
  top: 10px;
  bottom: 10px;
  z-index: 5;
}
@media all and (-ms-high-contrast: none) {
  .cell__regular {
    border-right-width: 1px;
    border-right-style: solid;
  }
  .cell__regular::after {
    content: none;
  }
}
.cell__regular:first-of-type {
  padding-left: 3.12rem;
}
.cell__regular:last-of-type {
  padding-right: 3.12rem;
  border-right-width: 0;
}
.cell__regular:last-of-type::after {
  content: none;
}
.cell__regular::after {
  background: rgba(0, 0, 0, 0.15);
}
@media all and (-ms-high-contrast: none) {
  .cell__regular {
    border-right-color: rgba(0, 0, 0, 0.15);
  }
}
.table__header__regular {
  vertical-align: middle;
  position: relative;
  padding: 0.6rem;
  text-align: left;
  font-size: 1.45rem;
  line-height: 1.98rem;
  font-family: 'Open Sans', sans-serif;
  color: #2a3541;
  font-weight: 600;
}
.table__header__regular::after {
  content: ' ';
  position: absolute;
  width: 1px;
  right: 0;
  top: 10px;
  bottom: 10px;
}
.table__header__regular:first-of-type {
  padding-left: 3.12rem;
}
.table__header__regular:last-of-type {
  padding-right: 3.12rem;
}
.table__header__regular:last-of-type::after {
  content: none;
}
.table__header__regular.header-cell-size-small {
  width: 10%;
}
.table__header__regular.header-cell-size-normal {
  width: 25%;
}
.table__header__regular.header-cell-size-large {
  width: 50%;
}
.styleguide.table__header__sort .table__header__sort__container {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
}
.styleguide.table__header__sort .table__header__sort__container.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.table__header__sort .table__header__sort__container.column {
  flex-direction: column;
}
.styleguide.table__header__sort .table__header__sort__container.end {
  justify-content: flex-end;
}
.styleguide.table__header__sort .table__header__sort__container.start {
  justify-content: flex-start;
}
.styleguide.table__header__sort .table__header__sort__container.flex-center {
  justify-content: center;
}
.styleguide.table__header__sort .table__header__sort__container.between {
  justify-content: space-between;
}
.styleguide.table__header__sort .table__header__sort__container.around {
  justify-content: space-around;
}
.styleguide.table__header__sort .table__header__sort__container.cross-start {
  align-items: flex-start;
}
.styleguide.table__header__sort .table__header__sort__container.cross-end {
  align-items: flex-end;
}
.styleguide.table__header__sort .table__header__sort__container.stretch {
  align-items: stretch;
}
.styleguide.table__header__sort .table__header__sort__container.evenly {
  justify-content: space-evenly;
}
.styleguide.table__header__sort .table__header__sort__container.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.table__header__sort .table__header__sort__container.wrap {
  flex-wrap: wrap;
}
.styleguide.table__header__sort .table__header__sort__container.grow {
  flex: 1;
}
.styleguide.table__header__sort .table__header__sort__container .flex-half,
.styleguide.table__header__sort .table__header__sort__container .flex-quarter,
.styleguide.table__header__sort .table__header__sort__container .flex-sixth,
.styleguide.table__header__sort .table__header__sort__container .flex-third,
.styleguide.table__header__sort .table__header__sort__container .flex-two-third {
  box-sizing: border-box;
}
.styleguide.table__header__sort .table__header__sort__container .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.table__header__sort .table__header__sort__container .flex-grow-1 {
  flex: 1 1;
}
.styleguide.table__header__sort .table__header__sort__container .flex-grow-2 {
  flex: 2 1;
}
.styleguide.table__header__sort .table__header__sort__container .flex-grow-3 {
  flex: 3 1;
}
.styleguide.table__header__sort .table__header__sort__container .flex-grow-4 {
  flex: 4 1;
}
.styleguide.table__header__sort .table__header__sort__container .flex-grow-5 {
  flex: 5 1;
}
.styleguide.table__header__sort .table__header__sort__container .flex-grow-6 {
  flex: 6 1;
}
.styleguide.table__header__sort .table__header__sort__container .flex-grow-7 {
  flex: 7 1;
}
.styleguide.table__header__sort .table__header__sort__container .flex-grow-8 {
  flex: 8 1;
}
.styleguide.table__header__sort .table__header__sort__toggle {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 0.3rem;
  cursor: pointer;
}
.styleguide.table__header__sort .table__header__sort__toggle.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.table__header__sort .table__header__sort__toggle.column {
  flex-direction: column;
}
.styleguide.table__header__sort .table__header__sort__toggle.end {
  justify-content: flex-end;
}
.styleguide.table__header__sort .table__header__sort__toggle.start {
  justify-content: flex-start;
}
.styleguide.table__header__sort .table__header__sort__toggle.flex-center {
  justify-content: center;
}
.styleguide.table__header__sort .table__header__sort__toggle.between {
  justify-content: space-between;
}
.styleguide.table__header__sort .table__header__sort__toggle.around {
  justify-content: space-around;
}
.styleguide.table__header__sort .table__header__sort__toggle.cross-start {
  align-items: flex-start;
}
.styleguide.table__header__sort .table__header__sort__toggle.cross-end {
  align-items: flex-end;
}
.styleguide.table__header__sort .table__header__sort__toggle.stretch {
  align-items: stretch;
}
.styleguide.table__header__sort .table__header__sort__toggle.evenly {
  justify-content: space-evenly;
}
.styleguide.table__header__sort .table__header__sort__toggle.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.table__header__sort .table__header__sort__toggle.wrap {
  flex-wrap: wrap;
}
.styleguide.table__header__sort .table__header__sort__toggle.grow {
  flex: 1;
}
.styleguide.table__header__sort .table__header__sort__toggle .flex-half,
.styleguide.table__header__sort .table__header__sort__toggle .flex-quarter,
.styleguide.table__header__sort .table__header__sort__toggle .flex-sixth,
.styleguide.table__header__sort .table__header__sort__toggle .flex-third,
.styleguide.table__header__sort .table__header__sort__toggle .flex-two-third {
  box-sizing: border-box;
}
.styleguide.table__header__sort .table__header__sort__toggle .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.table__header__sort .table__header__sort__toggle .flex-grow-1 {
  flex: 1 1;
}
.styleguide.table__header__sort .table__header__sort__toggle .flex-grow-2 {
  flex: 2 1;
}
.styleguide.table__header__sort .table__header__sort__toggle .flex-grow-3 {
  flex: 3 1;
}
.styleguide.table__header__sort .table__header__sort__toggle .flex-grow-4 {
  flex: 4 1;
}
.styleguide.table__header__sort .table__header__sort__toggle .flex-grow-5 {
  flex: 5 1;
}
.styleguide.table__header__sort .table__header__sort__toggle .flex-grow-6 {
  flex: 6 1;
}
.styleguide.table__header__sort .table__header__sort__toggle .flex-grow-7 {
  flex: 7 1;
}
.styleguide.table__header__sort .table__header__sort__toggle .flex-grow-8 {
  flex: 8 1;
}
.styleguide.table__header__sort .table__header__sort__toggle .flat__icon {
  width: 1.4rem;
  height: 1.4rem;
}
.styleguide.table__header__sort .table-header__sort__title {
  cursor: pointer;
}
.styleguide.table__header__sort .typo-title-section {
  margin-bottom: 0;
}
.styleguide.table__header__sort .table__header__sort__toggle .flat__icon {
  width: 1.4rem;
  height: 1.4rem;
}
.styleguide.table__header__sort .table__header__sort__toggle .flat__icon .icon--graphics {
  fill: #277cd9;
}
.table__header__scroll {
  padding: 0 3.12rem;
  overflow: hidden;
}
.table__header__scroll .table__header__scroll__container {
  position: relative;
}
.table__header__scroll .table__header__scroll__container .cell__scroll__yield__container {
  display: inline-block;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
.table__header__scroll .table__header__scroll__container .cell__scroll__yield__container .cell__scroll__yield {
  transition: margin 0.5s ease;
  z-index: 1;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column,
.table__header__scroll .table__header__scroll__container .scroll__right__column {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  width: 3rem;
  position: absolute;
  top: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 2;
  background: #fff;
  transition: opacity 0.5s ease;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column.row-reverse,
.table__header__scroll .table__header__scroll__container .scroll__right__column.row-reverse {
  flex-direction: row-reverse;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column.column,
.table__header__scroll .table__header__scroll__container .scroll__right__column.column {
  flex-direction: column;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column.end,
.table__header__scroll .table__header__scroll__container .scroll__right__column.end {
  justify-content: flex-end;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column.start,
.table__header__scroll .table__header__scroll__container .scroll__right__column.start {
  justify-content: flex-start;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column.flex-center,
.table__header__scroll .table__header__scroll__container .scroll__right__column.flex-center {
  justify-content: center;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column.between,
.table__header__scroll .table__header__scroll__container .scroll__right__column.between {
  justify-content: space-between;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column.around,
.table__header__scroll .table__header__scroll__container .scroll__right__column.around {
  justify-content: space-around;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column.cross-start,
.table__header__scroll .table__header__scroll__container .scroll__right__column.cross-start {
  align-items: flex-start;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column.cross-end,
.table__header__scroll .table__header__scroll__container .scroll__right__column.cross-end {
  align-items: flex-end;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column.stretch,
.table__header__scroll .table__header__scroll__container .scroll__right__column.stretch {
  align-items: stretch;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column.evenly,
.table__header__scroll .table__header__scroll__container .scroll__right__column.evenly {
  justify-content: space-evenly;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column.overlay-dark,
.table__header__scroll .table__header__scroll__container .scroll__right__column.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.table__header__scroll .table__header__scroll__container .scroll__left__column.wrap,
.table__header__scroll .table__header__scroll__container .scroll__right__column.wrap {
  flex-wrap: wrap;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column.grow,
.table__header__scroll .table__header__scroll__container .scroll__right__column.grow {
  flex: 1;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column .flex-half,
.table__header__scroll .table__header__scroll__container .scroll__right__column .flex-half,
.table__header__scroll .table__header__scroll__container .scroll__left__column .flex-quarter,
.table__header__scroll .table__header__scroll__container .scroll__right__column .flex-quarter,
.table__header__scroll .table__header__scroll__container .scroll__left__column .flex-sixth,
.table__header__scroll .table__header__scroll__container .scroll__right__column .flex-sixth,
.table__header__scroll .table__header__scroll__container .scroll__left__column .flex-third,
.table__header__scroll .table__header__scroll__container .scroll__right__column .flex-third,
.table__header__scroll .table__header__scroll__container .scroll__left__column .flex-two-third,
.table__header__scroll .table__header__scroll__container .scroll__right__column .flex-two-third {
  box-sizing: border-box;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column .flex-remaining-space,
.table__header__scroll .table__header__scroll__container .scroll__right__column .flex-remaining-space {
  flex-grow: 1;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column .flex-grow-1,
.table__header__scroll .table__header__scroll__container .scroll__right__column .flex-grow-1 {
  flex: 1 1;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column .flex-grow-2,
.table__header__scroll .table__header__scroll__container .scroll__right__column .flex-grow-2 {
  flex: 2 1;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column .flex-grow-3,
.table__header__scroll .table__header__scroll__container .scroll__right__column .flex-grow-3 {
  flex: 3 1;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column .flex-grow-4,
.table__header__scroll .table__header__scroll__container .scroll__right__column .flex-grow-4 {
  flex: 4 1;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column .flex-grow-5,
.table__header__scroll .table__header__scroll__container .scroll__right__column .flex-grow-5 {
  flex: 5 1;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column .flex-grow-6,
.table__header__scroll .table__header__scroll__container .scroll__right__column .flex-grow-6 {
  flex: 6 1;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column .flex-grow-7,
.table__header__scroll .table__header__scroll__container .scroll__right__column .flex-grow-7 {
  flex: 7 1;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column .flex-grow-8,
.table__header__scroll .table__header__scroll__container .scroll__right__column .flex-grow-8 {
  flex: 8 1;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column .flat__icon,
.table__header__scroll .table__header__scroll__container .scroll__right__column .flat__icon {
  width: 1.6rem;
  height: 1.6rem;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column .flat__icon .icon--graphics,
.table__header__scroll .table__header__scroll__container .scroll__right__column .flat__icon .icon--graphics {
  fill: #277cd9;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column.scrolling-header::before,
.table__header__scroll .table__header__scroll__container .scroll__right__column.scrolling-header::before {
  content: ' ';
  position: absolute;
  height: 100%;
  width: 5rem;
  top: 0;
  pointer-events: none;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column.data-column-disabled,
.table__header__scroll .table__header__scroll__container .scroll__right__column.data-column-disabled {
  opacity: 0.5;
  cursor: default;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column.data-column-disabled.scrolling-header::before,
.table__header__scroll .table__header__scroll__container .scroll__right__column.data-column-disabled.scrolling-header::before {
  background-image: none !important;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column {
  left: -3.12rem;
}
.table__header__scroll .table__header__scroll__container .scroll__left__column.scrolling-header::before {
  right: -5rem;
  background-image: linear-gradient(270deg, rgba(255, 255, 255, 0.1), #fff);
}
.table__header__scroll .table__header__scroll__container .scroll__right__column {
  right: -3.12rem;
}
.table__header__scroll .table__header__scroll__container .scroll__right__column.scrolling-header::before {
  left: -5rem;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1), #fff);
}
.table__header__scroll .scroll__left__column,
.table__header__scroll .scroll__right__column {
  color: #277cd9;
}
.table__header__scroll .scroll__left__column {
  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
}
.table__header__scroll .scroll__right__column {
  background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
}
.table__header__text {
  text-overflow: ellipsis;
}
.cell__scroll {
  overflow: hidden;
  padding-left: 3.12rem;
  padding-right: 3.12rem;
}
.cell__scroll .cell__scroll__container {
  position: relative;
}
.cell__scroll .cell__scroll__container .cell__scroll__yield__container {
  display: flex;
}
.cell__scroll .cell__scroll__container .cell__scroll__yield__container.scroll_left_to_right {
  flex-direction: row;
}
.cell__scroll .cell__scroll__container .cell__scroll__yield__container.scroll_right_to_left {
  flex-direction: row-reverse;
}
.cell__scroll .cell__scroll__container .cell__scroll__yield__container .cell__scroll__yield {
  transition: margin 0.5s ease;
  z-index: 1;
  display: inline-block;
}
.cell__scroll .cell__scroll__container .cell__scroll__yield__container::before,
.cell__scroll .cell__scroll__container .cell__scroll__yield__container::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3.12rem;
  z-index: 2;
}
.cell__scroll .cell__scroll__container .cell__scroll__yield__container::before {
  left: -3.12rem;
}
.cell__scroll .cell__scroll__container .cell__scroll__yield__container::after {
  right: -3.12rem;
}
.cell__text {
  text-overflow: ellipsis;
}
/**
 * Dropdown
 */
.styleguide.dropdown__basic__button {
  position: relative;
  border: 1px solid;
  box-sizing: border-box;
  -webkit-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  text-align: left;
  font-weight: 600;
  padding: 0;
  margin: 0;
  width: 100%;
  letter-spacing: 0.05rem;
}
.styleguide.dropdown__basic__button.ember-view {
  height: auto;
}
.styleguide.dropdown__basic__button .dropdown--container {
  align-items: stretch;
  overflow: hidden;
  box-sizing: border-box;
}
.styleguide.dropdown__basic__button .dropdown--container .fixed--padding--left,
.styleguide.dropdown__basic__button .dropdown--container .container--icon,
.styleguide.dropdown__basic__button .dropdown--container .container--text,
.styleguide.dropdown__basic__button .dropdown--container .container--point--down {
  position: relative;
  box-sizing: border-box;
}
.styleguide.dropdown__basic__button .dropdown--container .container--text {
  position: relative;
  overflow: hidden;
}
.styleguide.dropdown__basic__button .dropdown--container .container--text .text {
  white-space: nowrap;
  text-align: left;
}
.styleguide.dropdown__basic__button .dropdown--container .container--text .fade--out {
  position: absolute;
  box-sizing: border-box;
  border: none;
  top: 1px;
  right: 0;
  bottom: 1px;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down {
  display: inherit;
  border-left: 1px solid;
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  justify-content: center;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down.column {
  flex-direction: column;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down.end {
  justify-content: flex-end;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down.start {
  justify-content: flex-start;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down.flex-center {
  justify-content: center;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down.between {
  justify-content: space-between;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down.around {
  justify-content: space-around;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down.cross-start {
  align-items: flex-start;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down.cross-end {
  align-items: flex-end;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down.stretch {
  align-items: stretch;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down.evenly {
  justify-content: space-evenly;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down.wrap {
  flex-wrap: wrap;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down.grow {
  flex: 1;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down .flex-half,
.styleguide.dropdown__basic__button .dropdown--container .container--point--down .flex-quarter,
.styleguide.dropdown__basic__button .dropdown--container .container--point--down .flex-sixth,
.styleguide.dropdown__basic__button .dropdown--container .container--point--down .flex-third,
.styleguide.dropdown__basic__button .dropdown--container .container--point--down .flex-two-third {
  box-sizing: border-box;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down .flex-grow-1 {
  flex: 1 1;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down .flex-grow-2 {
  flex: 2 1;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down .flex-grow-3 {
  flex: 3 1;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down .flex-grow-4 {
  flex: 4 1;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down .flex-grow-5 {
  flex: 5 1;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down .flex-grow-6 {
  flex: 6 1;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down .flex-grow-7 {
  flex: 7 1;
}
.styleguide.dropdown__basic__button .dropdown--container .container--point--down .flex-grow-8 {
  flex: 8 1;
}
.styleguide.dropdown__basic__button.menu--item .container--text,
.styleguide.dropdown__basic__button.show--text .container--text {
  font-weight: 400;
}
.styleguide.dropdown__basic__button.menu--item .container--text .text,
.styleguide.dropdown__basic__button.show--text .container--text .text {
  white-space: normal;
}
.styleguide.dropdown__basic__button.menu--item .container--text .fade--out,
.styleguide.dropdown__basic__button.show--text .container--text .fade--out {
  display: none;
}
.styleguide.dropdown__basic__button.menu--item.selected .container--text,
.styleguide.dropdown__basic__button.show--text.selected .container--text {
  font-weight: 600;
}
.styleguide.dropdown__basic__button.menu--item .container--point--down,
.styleguide.dropdown__basic__button.show--text .container--point--down {
  display: none;
}
.styleguide.dropdown__basic__button.icon--hidden .container--icon {
  display: none;
}
.styleguide.dropdown__basic__button.menu--item {
  border-radius: 0;
}
.styleguide.dropdown__basic__button.menu--item .dropdown--container {
  border-radius: 0;
}
.styleguide.dropdown__basic__button.size--small {
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.styleguide.dropdown__basic__button.size--small:not(.menu--item) {
  border-radius: 0.625rem;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container {
  border-radius: 0.625rem;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .fixed--padding--left,
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon,
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--text,
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down {
  min-height: 3.13rem;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .fixed--padding--left {
  width: 1.56rem;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon {
  width: calc(1.25rem + 0.83rem);
  padding-top: calc((3.13rem - 1.25rem)/2);
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon {
  min-width: 1.25rem;
  width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  height: 1.25rem;
  max-height: 1.25rem;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  min-width: 1.25rem;
  width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  height: 1.25rem;
  max-height: 1.25rem;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container.column {
  flex-direction: column;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container.end {
  justify-content: flex-end;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container.start {
  justify-content: flex-start;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container.flex-center {
  justify-content: center;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container.between {
  justify-content: space-between;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container.around {
  justify-content: space-around;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container.cross-start {
  align-items: flex-start;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container.cross-end {
  align-items: flex-end;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container.stretch {
  align-items: stretch;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container.evenly {
  justify-content: space-evenly;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container.wrap {
  flex-wrap: wrap;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container.grow {
  flex: 1;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-half,
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-quarter,
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-sixth,
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-third,
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-two-third {
  box-sizing: border-box;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-1 {
  flex: 1 1;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-2 {
  flex: 2 1;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-3 {
  flex: 3 1;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-4 {
  flex: 4 1;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-5 {
  flex: 5 1;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-6 {
  flex: 6 1;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-7 {
  flex: 7 1;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-8 {
  flex: 8 1;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--text .text {
  margin: calc((3.13rem - 1.25rem)/2) 0;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--text .fade--out {
  width: 3.13rem;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down {
  min-width: 3.13rem;
  width: 3.13rem;
  max-width: 3.13rem;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon {
  min-width: 1.25rem;
  width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  height: 1.25rem;
  max-height: 1.25rem;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  min-width: 1.25rem;
  width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  height: 1.25rem;
  max-height: 1.25rem;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container.column {
  flex-direction: column;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container.end {
  justify-content: flex-end;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container.start {
  justify-content: flex-start;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container.flex-center {
  justify-content: center;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container.between {
  justify-content: space-between;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container.around {
  justify-content: space-around;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container.cross-start {
  align-items: flex-start;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container.cross-end {
  align-items: flex-end;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container.stretch {
  align-items: stretch;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container.evenly {
  justify-content: space-evenly;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container.wrap {
  flex-wrap: wrap;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container.grow {
  flex: 1;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-half,
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-quarter,
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-sixth,
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-third,
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-two-third {
  box-sizing: border-box;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-1 {
  flex: 1 1;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-2 {
  flex: 2 1;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-3 {
  flex: 3 1;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-4 {
  flex: 4 1;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-5 {
  flex: 5 1;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-6 {
  flex: 6 1;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-7 {
  flex: 7 1;
}
.styleguide.dropdown__basic__button.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-8 {
  flex: 8 1;
}
.styleguide.dropdown__basic__button.size--small.menu--item .container--text,
.styleguide.dropdown__basic__button.size--small.show--text .container--text {
  padding-right: 0.83rem;
}
.styleguide.dropdown__basic__button.size--small.flatten--top--border,
.styleguide.dropdown__basic__button.size--small.flatten--top--border .dropdown--container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.styleguide.dropdown__basic__button.size--small.flatten--bottom--border,
.styleguide.dropdown__basic__button.size--small.flatten--bottom--border .dropdown--container {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.styleguide.dropdown__basic__button.size--normal {
  font-size: 1.66666667rem;
  line-height: 1.66666667rem;
}
.styleguide.dropdown__basic__button.size--normal:not(.menu--item) {
  border-radius: 0.83333333rem;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container {
  border-radius: 0.83333333rem;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .fixed--padding--left,
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon,
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--text,
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down {
  min-height: 4.17rem;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .fixed--padding--left {
  width: 2.08rem;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon {
  width: calc(1.6666666666666667rem + 0.94rem);
  padding-top: calc((4.17rem - 1.6666666666666667rem)/2);
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon {
  min-width: 1.66666667rem;
  width: 1.66666667rem;
  max-width: 1.66666667rem;
  min-height: 1.66666667rem;
  height: 1.66666667rem;
  max-height: 1.66666667rem;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  min-width: 1.66666667rem;
  width: 1.66666667rem;
  max-width: 1.66666667rem;
  min-height: 1.66666667rem;
  height: 1.66666667rem;
  max-height: 1.66666667rem;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container.column {
  flex-direction: column;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container.end {
  justify-content: flex-end;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container.start {
  justify-content: flex-start;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container.flex-center {
  justify-content: center;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container.between {
  justify-content: space-between;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container.around {
  justify-content: space-around;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container.cross-start {
  align-items: flex-start;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container.cross-end {
  align-items: flex-end;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container.stretch {
  align-items: stretch;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container.evenly {
  justify-content: space-evenly;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container.wrap {
  flex-wrap: wrap;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container.grow {
  flex: 1;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-half,
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-quarter,
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-sixth,
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-third,
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-two-third {
  box-sizing: border-box;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-1 {
  flex: 1 1;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-2 {
  flex: 2 1;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-3 {
  flex: 3 1;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-4 {
  flex: 4 1;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-5 {
  flex: 5 1;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-6 {
  flex: 6 1;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-7 {
  flex: 7 1;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-8 {
  flex: 8 1;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--text .text {
  margin: calc((4.17rem - 1.6666666666666667rem)/2) 0;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--text .fade--out {
  width: 4.17rem;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down {
  min-width: 4.17rem;
  width: 4.17rem;
  max-width: 4.17rem;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon {
  min-width: 1.66666667rem;
  width: 1.66666667rem;
  max-width: 1.66666667rem;
  min-height: 1.66666667rem;
  height: 1.66666667rem;
  max-height: 1.66666667rem;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  min-width: 1.66666667rem;
  width: 1.66666667rem;
  max-width: 1.66666667rem;
  min-height: 1.66666667rem;
  height: 1.66666667rem;
  max-height: 1.66666667rem;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.column {
  flex-direction: column;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.end {
  justify-content: flex-end;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.start {
  justify-content: flex-start;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.flex-center {
  justify-content: center;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.between {
  justify-content: space-between;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.around {
  justify-content: space-around;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.cross-start {
  align-items: flex-start;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.cross-end {
  align-items: flex-end;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.stretch {
  align-items: stretch;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.evenly {
  justify-content: space-evenly;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.wrap {
  flex-wrap: wrap;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.grow {
  flex: 1;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-half,
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-quarter,
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-sixth,
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-third,
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-two-third {
  box-sizing: border-box;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-1 {
  flex: 1 1;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-2 {
  flex: 2 1;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-3 {
  flex: 3 1;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-4 {
  flex: 4 1;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-5 {
  flex: 5 1;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-6 {
  flex: 6 1;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-7 {
  flex: 7 1;
}
.styleguide.dropdown__basic__button.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-8 {
  flex: 8 1;
}
.styleguide.dropdown__basic__button.size--normal.menu--item .container--text,
.styleguide.dropdown__basic__button.size--normal.show--text .container--text {
  padding-right: 0.94rem;
}
.styleguide.dropdown__basic__button.size--normal.flatten--top--border,
.styleguide.dropdown__basic__button.size--normal.flatten--top--border .dropdown--container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.styleguide.dropdown__basic__button.size--normal.flatten--bottom--border,
.styleguide.dropdown__basic__button.size--normal.flatten--bottom--border .dropdown--container {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.styleguide.dropdown__basic__button.size--large {
  font-size: 2.19rem;
  line-height: 2.19rem;
}
.styleguide.dropdown__basic__button.size--large:not(.menu--item) {
  border-radius: 1.04166667rem;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container {
  border-radius: 1.04166667rem;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .fixed--padding--left,
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon,
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--text,
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down {
  min-height: 5.21rem;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .fixed--padding--left {
  width: 2.6rem;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon {
  width: calc(2.19rem + 1.25rem);
  padding-top: calc((5.21rem - 2.19rem)/2);
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon {
  min-width: 2.19rem;
  width: 2.19rem;
  max-width: 2.19rem;
  min-height: 2.19rem;
  height: 2.19rem;
  max-height: 2.19rem;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  min-width: 2.19rem;
  width: 2.19rem;
  max-width: 2.19rem;
  min-height: 2.19rem;
  height: 2.19rem;
  max-height: 2.19rem;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container.column {
  flex-direction: column;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container.end {
  justify-content: flex-end;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container.start {
  justify-content: flex-start;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container.flex-center {
  justify-content: center;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container.between {
  justify-content: space-between;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container.around {
  justify-content: space-around;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container.cross-start {
  align-items: flex-start;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container.cross-end {
  align-items: flex-end;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container.stretch {
  align-items: stretch;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container.evenly {
  justify-content: space-evenly;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container.wrap {
  flex-wrap: wrap;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container.grow {
  flex: 1;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-half,
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-quarter,
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-sixth,
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-third,
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-two-third {
  box-sizing: border-box;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-1 {
  flex: 1 1;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-2 {
  flex: 2 1;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-3 {
  flex: 3 1;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-4 {
  flex: 4 1;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-5 {
  flex: 5 1;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-6 {
  flex: 6 1;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-7 {
  flex: 7 1;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-8 {
  flex: 8 1;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--text .text {
  margin: calc((5.21rem - 2.19rem)/2) 0;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--text .fade--out {
  width: 5.21rem;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down {
  min-width: 5.21rem;
  width: 5.21rem;
  max-width: 5.21rem;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon {
  min-width: 2.19rem;
  width: 2.19rem;
  max-width: 2.19rem;
  min-height: 2.19rem;
  height: 2.19rem;
  max-height: 2.19rem;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  min-width: 2.19rem;
  width: 2.19rem;
  max-width: 2.19rem;
  min-height: 2.19rem;
  height: 2.19rem;
  max-height: 2.19rem;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container.column {
  flex-direction: column;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container.end {
  justify-content: flex-end;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container.start {
  justify-content: flex-start;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container.flex-center {
  justify-content: center;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container.between {
  justify-content: space-between;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container.around {
  justify-content: space-around;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container.cross-start {
  align-items: flex-start;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container.cross-end {
  align-items: flex-end;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container.stretch {
  align-items: stretch;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container.evenly {
  justify-content: space-evenly;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container.wrap {
  flex-wrap: wrap;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container.grow {
  flex: 1;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-half,
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-quarter,
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-sixth,
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-third,
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-two-third {
  box-sizing: border-box;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-1 {
  flex: 1 1;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-2 {
  flex: 2 1;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-3 {
  flex: 3 1;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-4 {
  flex: 4 1;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-5 {
  flex: 5 1;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-6 {
  flex: 6 1;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-7 {
  flex: 7 1;
}
.styleguide.dropdown__basic__button.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-8 {
  flex: 8 1;
}
.styleguide.dropdown__basic__button.size--large.menu--item .container--text,
.styleguide.dropdown__basic__button.size--large.show--text .container--text {
  padding-right: 1.25rem;
}
.styleguide.dropdown__basic__button.size--large.flatten--top--border,
.styleguide.dropdown__basic__button.size--large.flatten--top--border .dropdown--container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.styleguide.dropdown__basic__button.size--large.flatten--bottom--border,
.styleguide.dropdown__basic__button.size--large.flatten--bottom--border .dropdown--container {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.styleguide.dropdown__basic__button.audience--board.size--small {
  font-size: 12px;
  line-height: 12px;
}
.styleguide.dropdown__basic__button.audience--board.size--small:not(.menu--item) {
  border-radius: 5px;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container {
  border-radius: 5px;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .fixed--padding--left,
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon,
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--text,
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down {
  min-height: 30px;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .fixed--padding--left {
  width: 15px;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon {
  width: calc(12px + 8px);
  padding-top: calc((30px - 12px)/2);
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon {
  min-width: 12px;
  width: 12px;
  max-width: 12px;
  min-height: 12px;
  height: 12px;
  max-height: 12px;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  min-width: 12px;
  width: 12px;
  max-width: 12px;
  min-height: 12px;
  height: 12px;
  max-height: 12px;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container.column {
  flex-direction: column;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container.end {
  justify-content: flex-end;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container.start {
  justify-content: flex-start;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container.flex-center {
  justify-content: center;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container.between {
  justify-content: space-between;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container.around {
  justify-content: space-around;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container.cross-start {
  align-items: flex-start;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container.cross-end {
  align-items: flex-end;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container.stretch {
  align-items: stretch;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container.evenly {
  justify-content: space-evenly;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container.wrap {
  flex-wrap: wrap;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container.grow {
  flex: 1;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-half,
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-quarter,
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-sixth,
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-third,
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-two-third {
  box-sizing: border-box;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-1 {
  flex: 1 1;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-2 {
  flex: 2 1;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-3 {
  flex: 3 1;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-4 {
  flex: 4 1;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-5 {
  flex: 5 1;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-6 {
  flex: 6 1;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-7 {
  flex: 7 1;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-8 {
  flex: 8 1;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--text .text {
  margin: calc((30px - 12px)/2) 0;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--text .fade--out {
  width: 30px;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down {
  min-width: 30px;
  width: 30px;
  max-width: 30px;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon {
  min-width: 12px;
  width: 12px;
  max-width: 12px;
  min-height: 12px;
  height: 12px;
  max-height: 12px;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  min-width: 12px;
  width: 12px;
  max-width: 12px;
  min-height: 12px;
  height: 12px;
  max-height: 12px;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container.column {
  flex-direction: column;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container.end {
  justify-content: flex-end;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container.start {
  justify-content: flex-start;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container.flex-center {
  justify-content: center;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container.between {
  justify-content: space-between;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container.around {
  justify-content: space-around;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container.cross-start {
  align-items: flex-start;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container.cross-end {
  align-items: flex-end;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container.stretch {
  align-items: stretch;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container.evenly {
  justify-content: space-evenly;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container.wrap {
  flex-wrap: wrap;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container.grow {
  flex: 1;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-half,
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-quarter,
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-sixth,
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-third,
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-two-third {
  box-sizing: border-box;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-1 {
  flex: 1 1;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-2 {
  flex: 2 1;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-3 {
  flex: 3 1;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-4 {
  flex: 4 1;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-5 {
  flex: 5 1;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-6 {
  flex: 6 1;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-7 {
  flex: 7 1;
}
.styleguide.dropdown__basic__button.audience--board.size--small .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-8 {
  flex: 8 1;
}
.styleguide.dropdown__basic__button.audience--board.size--small.menu--item .container--text,
.styleguide.dropdown__basic__button.audience--board.size--small.show--text .container--text {
  padding-right: 8px;
}
.styleguide.dropdown__basic__button.audience--board.size--small.flatten--top--border,
.styleguide.dropdown__basic__button.audience--board.size--small.flatten--top--border .dropdown--container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.styleguide.dropdown__basic__button.audience--board.size--small.flatten--bottom--border,
.styleguide.dropdown__basic__button.audience--board.size--small.flatten--bottom--border .dropdown--container {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.styleguide.dropdown__basic__button.audience--board.size--normal {
  font-size: 16px;
  line-height: 16px;
}
.styleguide.dropdown__basic__button.audience--board.size--normal:not(.menu--item) {
  border-radius: 6px;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container {
  border-radius: 6px;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .fixed--padding--left,
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon,
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--text,
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down {
  min-height: 40px;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .fixed--padding--left {
  width: 20px;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon {
  width: calc(16px + 9px);
  padding-top: calc((40px - 16px)/2);
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon {
  min-width: 16px;
  width: 16px;
  max-width: 16px;
  min-height: 16px;
  height: 16px;
  max-height: 16px;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  min-width: 16px;
  width: 16px;
  max-width: 16px;
  min-height: 16px;
  height: 16px;
  max-height: 16px;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container.column {
  flex-direction: column;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container.end {
  justify-content: flex-end;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container.start {
  justify-content: flex-start;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container.flex-center {
  justify-content: center;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container.between {
  justify-content: space-between;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container.around {
  justify-content: space-around;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container.cross-start {
  align-items: flex-start;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container.cross-end {
  align-items: flex-end;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container.stretch {
  align-items: stretch;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container.evenly {
  justify-content: space-evenly;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container.wrap {
  flex-wrap: wrap;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container.grow {
  flex: 1;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-half,
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-quarter,
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-sixth,
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-third,
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-two-third {
  box-sizing: border-box;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-1 {
  flex: 1 1;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-2 {
  flex: 2 1;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-3 {
  flex: 3 1;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-4 {
  flex: 4 1;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-5 {
  flex: 5 1;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-6 {
  flex: 6 1;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-7 {
  flex: 7 1;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-8 {
  flex: 8 1;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--text .text {
  margin: calc((40px - 16px)/2) 0;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--text .fade--out {
  width: 40px;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down {
  min-width: 40px;
  width: 40px;
  max-width: 40px;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon {
  min-width: 16px;
  width: 16px;
  max-width: 16px;
  min-height: 16px;
  height: 16px;
  max-height: 16px;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  min-width: 16px;
  width: 16px;
  max-width: 16px;
  min-height: 16px;
  height: 16px;
  max-height: 16px;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.column {
  flex-direction: column;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.end {
  justify-content: flex-end;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.start {
  justify-content: flex-start;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.flex-center {
  justify-content: center;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.between {
  justify-content: space-between;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.around {
  justify-content: space-around;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.cross-start {
  align-items: flex-start;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.cross-end {
  align-items: flex-end;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.stretch {
  align-items: stretch;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.evenly {
  justify-content: space-evenly;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.wrap {
  flex-wrap: wrap;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container.grow {
  flex: 1;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-half,
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-quarter,
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-sixth,
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-third,
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-two-third {
  box-sizing: border-box;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-1 {
  flex: 1 1;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-2 {
  flex: 2 1;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-3 {
  flex: 3 1;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-4 {
  flex: 4 1;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-5 {
  flex: 5 1;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-6 {
  flex: 6 1;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-7 {
  flex: 7 1;
}
.styleguide.dropdown__basic__button.audience--board.size--normal .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-8 {
  flex: 8 1;
}
.styleguide.dropdown__basic__button.audience--board.size--normal.menu--item .container--text,
.styleguide.dropdown__basic__button.audience--board.size--normal.show--text .container--text {
  padding-right: 9px;
}
.styleguide.dropdown__basic__button.audience--board.size--normal.flatten--top--border,
.styleguide.dropdown__basic__button.audience--board.size--normal.flatten--top--border .dropdown--container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.styleguide.dropdown__basic__button.audience--board.size--normal.flatten--bottom--border,
.styleguide.dropdown__basic__button.audience--board.size--normal.flatten--bottom--border .dropdown--container {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.styleguide.dropdown__basic__button.audience--board.size--large {
  font-size: 21px;
  line-height: 21px;
}
.styleguide.dropdown__basic__button.audience--board.size--large:not(.menu--item) {
  border-radius: 8px;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container {
  border-radius: 8px;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .fixed--padding--left,
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon,
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--text,
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down {
  min-height: 50px;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .fixed--padding--left {
  width: 25px;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon {
  width: calc(21px + 12px);
  padding-top: calc((50px - 21px)/2);
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon {
  min-width: 21px;
  width: 21px;
  max-width: 21px;
  min-height: 21px;
  height: 21px;
  max-height: 21px;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  min-width: 21px;
  width: 21px;
  max-width: 21px;
  min-height: 21px;
  height: 21px;
  max-height: 21px;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container.column {
  flex-direction: column;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container.end {
  justify-content: flex-end;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container.start {
  justify-content: flex-start;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container.flex-center {
  justify-content: center;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container.between {
  justify-content: space-between;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container.around {
  justify-content: space-around;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container.cross-start {
  align-items: flex-start;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container.cross-end {
  align-items: flex-end;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container.stretch {
  align-items: stretch;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container.evenly {
  justify-content: space-evenly;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container.wrap {
  flex-wrap: wrap;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container.grow {
  flex: 1;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-half,
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-quarter,
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-sixth,
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-third,
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-two-third {
  box-sizing: border-box;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-1 {
  flex: 1 1;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-2 {
  flex: 2 1;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-3 {
  flex: 3 1;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-4 {
  flex: 4 1;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-5 {
  flex: 5 1;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-6 {
  flex: 6 1;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-7 {
  flex: 7 1;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--icon .flat__icon .icon--container .flex-grow-8 {
  flex: 8 1;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--text .text {
  margin: calc((50px - 21px)/2) 0;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--text .fade--out {
  width: 50px;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down {
  min-width: 50px;
  width: 50px;
  max-width: 50px;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon {
  min-width: 21px;
  width: 21px;
  max-width: 21px;
  min-height: 21px;
  height: 21px;
  max-height: 21px;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  min-width: 21px;
  width: 21px;
  max-width: 21px;
  min-height: 21px;
  height: 21px;
  max-height: 21px;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container.column {
  flex-direction: column;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container.end {
  justify-content: flex-end;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container.start {
  justify-content: flex-start;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container.flex-center {
  justify-content: center;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container.between {
  justify-content: space-between;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container.around {
  justify-content: space-around;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container.cross-start {
  align-items: flex-start;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container.cross-end {
  align-items: flex-end;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container.stretch {
  align-items: stretch;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container.evenly {
  justify-content: space-evenly;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container.wrap {
  flex-wrap: wrap;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container.grow {
  flex: 1;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-half,
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-quarter,
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-sixth,
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-third,
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-two-third {
  box-sizing: border-box;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-1 {
  flex: 1 1;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-2 {
  flex: 2 1;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-3 {
  flex: 3 1;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-4 {
  flex: 4 1;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-5 {
  flex: 5 1;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-6 {
  flex: 6 1;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-7 {
  flex: 7 1;
}
.styleguide.dropdown__basic__button.audience--board.size--large .dropdown--container .container--point--down .flat__icon .icon--container .flex-grow-8 {
  flex: 8 1;
}
.styleguide.dropdown__basic__button.audience--board.size--large.menu--item .container--text,
.styleguide.dropdown__basic__button.audience--board.size--large.show--text .container--text {
  padding-right: 12px;
}
.styleguide.dropdown__basic__button.audience--board.size--large.flatten--top--border,
.styleguide.dropdown__basic__button.audience--board.size--large.flatten--top--border .dropdown--container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.styleguide.dropdown__basic__button.audience--board.size--large.flatten--bottom--border,
.styleguide.dropdown__basic__button.audience--board.size--large.flatten--bottom--border .dropdown--container {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.styleguide.dropdown__basic__button:hover:not(.show--text),
.styleguide.dropdown__basic__button.hover:not(.show--text) {
  cursor: pointer;
}
/**
 * Because the gynzy-collors for 'button-dropdown' apply to all gynzy-buttons,
 * Therefore we defined the collors in button-base folder.
 */
.styleguide.gynzy.dropdown__basic__button.color--secondary {
  color: #556474;
  background-color: #ffffff;
  border-color: #d1d3de;
}
.styleguide.gynzy.dropdown__basic__button.color--secondary .icon--graphics {
  fill: #556474;
}
.styleguide.gynzy.dropdown__basic__button.color--secondary .container--point--down {
  border-color: rgba(0, 0, 0, 0);
  border-left-color: #d1d3de;
}
.styleguide.gynzy.dropdown__basic__button.color--secondary .fade--out {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 50%, #ffffff 100%);
}
.styleguide.gynzy.dropdown__basic__button.color--secondary.hover:not(.disabled):not(.show--text),
.styleguide.gynzy.dropdown__basic__button.color--secondary:hover:not(.disabled):not(.show--text) {
  color: #277cd9;
}
.styleguide.gynzy.dropdown__basic__button.color--secondary.hover:not(.disabled):not(.show--text) .icon--graphics,
.styleguide.gynzy.dropdown__basic__button.color--secondary:hover:not(.disabled):not(.show--text) .icon--graphics {
  fill: #277cd9;
}
.styleguide.gynzy.dropdown__basic__button.color--secondary.active:not(.disabled):not(.show--text),
.styleguide.gynzy.dropdown__basic__button.color--secondary:active:not(.disabled):not(.show--text) {
  color: #277cd9;
  background-color: #f5f5f8;
}
.styleguide.gynzy.dropdown__basic__button.color--secondary.active:not(.disabled):not(.show--text) .icon--graphics,
.styleguide.gynzy.dropdown__basic__button.color--secondary:active:not(.disabled):not(.show--text) .icon--graphics {
  fill: #277cd9;
}
.styleguide.gynzy.dropdown__basic__button.color--secondary.active:not(.disabled):not(.show--text) .fade--out,
.styleguide.gynzy.dropdown__basic__button.color--secondary:active:not(.disabled):not(.show--text) .fade--out {
  background: linear-gradient(to right, rgba(245, 245, 248, 0) 0%, #f5f5f8 50%, #f5f5f8 100%);
}
.styleguide.gynzy.dropdown__basic__button.color--secondary.show--text {
  color: #8c99a8;
  background-color: #f5f5f8;
}
.styleguide.gynzy.dropdown__basic__button.color--secondary.show--text .icon--graphics {
  fill: #8c99a8;
}
.styleguide.gynzy.dropdown__basic__button.color--secondary.show--text.flat--top {
  border-top-color: #f5f5f8;
}
.styleguide.gynzy.dropdown__basic__button.color--secondary.disabled {
  opacity: 0.5;
  cursor: default;
}
.styleguide.gynzy.dropdown__basic__button.color--secondary.menu--item {
  background-color: #f5f5f8;
  border-color: #f5f5f8;
}
.styleguide.gynzy.dropdown__basic__button.color--secondary.menu--item.hover:not(.disabled),
.styleguide.gynzy.dropdown__basic__button.color--secondary.menu--item:hover:not(.disabled) {
  background-color: #e9eaef;
  border-color: #e9eaef;
}
.styleguide.gynzy.dropdown__basic__button.color--secondary.menu--item.hover:not(.disabled).flat--top,
.styleguide.gynzy.dropdown__basic__button.color--secondary.menu--item:hover:not(.disabled).flat--top {
  border-top-color: #f5f5f8;
}
.styleguide.gynzy.dropdown__basic__button.color--secondary.menu--item.hover:not(.disabled):not(.selected),
.styleguide.gynzy.dropdown__basic__button.color--secondary.menu--item:hover:not(.disabled):not(.selected) {
  color: #556474;
}
.styleguide.gynzy.dropdown__basic__button.color--secondary.menu--item.hover:not(.disabled):not(.selected) .icon--graphics,
.styleguide.gynzy.dropdown__basic__button.color--secondary.menu--item:hover:not(.disabled):not(.selected) .icon--graphics {
  fill: #556474;
}
.styleguide.gynzy.dropdown__basic__button.color--secondary.menu--item.selected {
  color: #277cd9;
  font-weight: 600;
}
.styleguide.gynzy.dropdown__basic__button.color--secondary.menu--item.selected .icon--graphics {
  fill: #277cd9;
}
.styleguide.gynzy.dropdown__basic__button.color--secondary.menu--item.active:not(.disabled),
.styleguide.gynzy.dropdown__basic__button.color--secondary.menu--item:active:not(.disabled) {
  color: #277cd9;
  background-color: #e9eaef;
  border-color: #e9eaef;
}
.styleguide.gynzy.dropdown__basic__button.color--secondary.menu--item.active:not(.disabled) .icon--graphics,
.styleguide.gynzy.dropdown__basic__button.color--secondary.menu--item:active:not(.disabled) .icon--graphics {
  fill: #277cd9;
}
.styleguide.gynzy.dropdown__basic__button.color--secondary.menu--item.disabled {
  opacity: 0.5;
  cursor: default;
}
.styleguide.gynzy.dropdown__basic__button.color--regent-gray {
  color: #556474;
  background-color: #ffffff;
  border-color: #d1d3de;
  color: #8c99a8;
}
.styleguide.gynzy.dropdown__basic__button.color--regent-gray .icon--graphics {
  fill: #556474;
}
.styleguide.gynzy.dropdown__basic__button.color--regent-gray .container--point--down {
  border-color: rgba(0, 0, 0, 0);
  border-left-color: #d1d3de;
}
.styleguide.gynzy.dropdown__basic__button.color--regent-gray .fade--out {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 50%, #ffffff 100%);
}
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.hover:not(.disabled):not(.show--text),
.styleguide.gynzy.dropdown__basic__button.color--regent-gray:hover:not(.disabled):not(.show--text) {
  color: #277cd9;
}
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.hover:not(.disabled):not(.show--text) .icon--graphics,
.styleguide.gynzy.dropdown__basic__button.color--regent-gray:hover:not(.disabled):not(.show--text) .icon--graphics {
  fill: #277cd9;
}
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.active:not(.disabled):not(.show--text),
.styleguide.gynzy.dropdown__basic__button.color--regent-gray:active:not(.disabled):not(.show--text) {
  color: #277cd9;
  background-color: #f5f5f8;
}
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.active:not(.disabled):not(.show--text) .icon--graphics,
.styleguide.gynzy.dropdown__basic__button.color--regent-gray:active:not(.disabled):not(.show--text) .icon--graphics {
  fill: #277cd9;
}
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.active:not(.disabled):not(.show--text) .fade--out,
.styleguide.gynzy.dropdown__basic__button.color--regent-gray:active:not(.disabled):not(.show--text) .fade--out {
  background: linear-gradient(to right, rgba(245, 245, 248, 0) 0%, #f5f5f8 50%, #f5f5f8 100%);
}
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.show--text {
  color: #8c99a8;
  background-color: #f5f5f8;
}
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.show--text .icon--graphics {
  fill: #8c99a8;
}
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.show--text.flat--top {
  border-top-color: #f5f5f8;
}
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.disabled {
  opacity: 0.5;
  cursor: default;
}
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.menu--item {
  background-color: #f5f5f8;
  border-color: #f5f5f8;
}
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.menu--item.hover:not(.disabled),
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.menu--item:hover:not(.disabled) {
  background-color: #e9eaef;
  border-color: #e9eaef;
}
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.menu--item.hover:not(.disabled).flat--top,
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.menu--item:hover:not(.disabled).flat--top {
  border-top-color: #f5f5f8;
}
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.menu--item.hover:not(.disabled):not(.selected),
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.menu--item:hover:not(.disabled):not(.selected) {
  color: #556474;
}
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.menu--item.hover:not(.disabled):not(.selected) .icon--graphics,
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.menu--item:hover:not(.disabled):not(.selected) .icon--graphics {
  fill: #556474;
}
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.menu--item.selected {
  color: #277cd9;
  font-weight: 600;
}
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.menu--item.selected .icon--graphics {
  fill: #277cd9;
}
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.menu--item.active:not(.disabled),
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.menu--item:active:not(.disabled) {
  color: #277cd9;
  background-color: #e9eaef;
  border-color: #e9eaef;
}
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.menu--item.active:not(.disabled) .icon--graphics,
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.menu--item:active:not(.disabled) .icon--graphics {
  fill: #277cd9;
}
.styleguide.gynzy.dropdown__basic__button.color--regent-gray.menu--item.disabled {
  opacity: 0.5;
  cursor: default;
}
.styleguide.gynzy.dropdown__basic {
  width: 100%;
}
.styleguide.gynzy.dropdown__basic .dropdown__basic-trigger {
  outline: none;
  z-index: 100;
}
.dropdown__basic-content {
  position: relative;
  border: 1px solid;
  overflow: hidden;
  box-sizing: border-box;
}
.dropdown__basic-content .arrow {
  position: absolute;
  z-index: 999;
}
.dropdown__basic-content .arrow .flat__icon {
  width: 1.2rem;
  height: 1.2rem;
}
.dropdown__basic-content .arrow.arrow--above {
  top: 0;
  left: 50%;
  display: none;
}
.dropdown__basic-content .arrow.arrow--below {
  bottom: 0;
  left: 50%;
  display: none;
}
.dropdown__basic-content .dropdown-search .input-field__dropdown-search input.styleguide.input__field__default {
  display: flex;
  flex-direction: row;
  align-self: center;
  border-radius: 0;
  padding-left: 4.8rem;
  border: 0;
  outline: 0.10416667rem solid #d1d3de;
}
.dropdown__basic-content .dropdown-search .input-field__dropdown-search .input-field-icon__icon {
  left: 2.1rem;
}
.dropdown__basic-content .dropdown-search .dropdown__menu {
  overflow-y: auto;
}
.dropdown__basic-content .dropdown-search .dropdown__menu .arrow--above {
  top: 4.16666667rem;
}
.dropdown__basic-content.size--small {
  border-radius: 0.625rem;
}
.dropdown__basic-content.size--normal {
  border-radius: 0.83333333rem;
}
.dropdown__basic-content.size--large {
  border-radius: 1.04166667rem;
}
.dropdown__basic-content.flatten--top--border {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.dropdown__basic-content.flatten--bottom--border {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.dropdown__basic-content .menu--items {
  -webkit-overflow-scrolling: auto;
}
.dropdown__basic-content.ember-basic-dropdown-content {
  background-color: #f5f5f8;
  border-color: #d1d3de;
}
.dropdown__basic-content .arrow .flat__icon .icon--graphics {
  fill: #8c99a8;
}
.molecule-dropdown-menu {
  position: absolute;
  min-width: 21.875rem;
  border: 1px solid #d1d3de;
  background: #ffffff;
  border-radius: 5px;
  z-index: 3;
  display: flex;
  flex-direction: column;
}
.molecule-dropdown-menu .menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5625rem;
}
.molecule-dropdown-menu .menu-header .flat__icon {
  cursor: pointer;
}
.molecule-dropdown-menu .menu-header .flat__icon .icon--graphics {
  fill: #8c99a8;
}
.molecule-dropdown-menu .menu-header .menu-title {
  text-align: left;
  color: #8c99a8;
  font-size: 1.5625rem;
  line-height: 1.5625rem;
  padding-right: 1.5625rem;
}
.molecule-dropdown-menu .menu-header .menu-title .title {
  white-space: nowrap;
}
.molecule-dropdown-menu-item {
  display: flex;
  padding: 1.45833333rem;
  cursor: pointer;
}
.molecule-dropdown-menu-item .styleguide.flat__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.molecule-dropdown-menu-item .styleguide.flat__icon .icon--graphics {
  fill: #8c99a8;
}
.molecule-dropdown-menu-item .styleguide.flat__icon svg {
  width: 1.25rem;
  height: 1.25rem;
}
.molecule-dropdown-menu-item .text {
  color: #556474;
  padding-left: 1.45833333rem;
  font-size: 1.25rem;
  line-height: 1.25rem;
  width: max-content;
}
.molecule-dropdown-menu-item.disabled {
  cursor: default;
  opacity: 0.5;
}
.styleguide.date-picker-wrapper .date-picker {
  text-align: left;
  position: relative;
}
.styleguide.date-picker-wrapper .date-picker label {
  font-size: 1.4rem;
  color: #8c99a8;
  display: block;
  margin-bottom: 1rem;
}
.styleguide.date-picker-wrapper .date-picker input.styleguide.input__field__default.audience--teacher {
  padding-left: 4.5833rem;
}
.styleguide.date-picker-wrapper .date-picker .flat__icon {
  position: absolute;
  bottom: 1.25rem;
  left: 2.0833rem;
  width: 1.5625rem;
  height: 1.6667rem;
  z-index: 10;
}
.styleguide.date-picker-wrapper .date-picker .flat__icon .icon--graphics {
  fill: #556474;
}
.styleguide.date-picker-wrapper.size--small input.styleguide.input__field__default.audience--teacher {
  padding-left: 3.3333rem;
}
.styleguide.date-picker-wrapper.size--small .flat__icon {
  bottom: 0.9375rem;
  left: 1.5625rem;
  width: 1.1604rem;
  height: 1.25rem;
}
.styleguide.date-picker-wrapper.size--small .date-picker-separator {
  margin: 1rem 1rem 1.1rem;
}
.styleguide.date-picker-wrapper.size--small .date-picker-separator .flat__icon {
  width: 0.7rem;
  height: 0.7rem;
}
.styleguide.date-picker-wrapper.size--small .date-picker-separator .flat__icon .icon--graphics {
  fill: #8c99a8;
}
.styleguide.date-picker-wrapper.size--normal .date-picker-separator {
  margin: 1rem 1rem 1.5rem;
}
.styleguide.date-picker-wrapper.size--normal .date-picker-separator .flat__icon {
  width: 1.2rem;
  height: 1.2rem;
}
.styleguide.date-picker-wrapper.size--normal .date-picker-separator .flat__icon .icon--graphics {
  fill: #8c99a8;
}
/** Flatpickr **/
.flatpickr-calendar {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.35rem;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  animation: none;
  direction: ltr;
  border-radius: 5px;
  position: absolute;
  padding: 2rem;
  width: 37.6rem !important;
  box-sizing: border-box;
  touch-action: manipulation;
  background: #fff;
  border: 1px solid #d1d3de;
}
.flatpickr-calendar.hasWeeks {
  width: 42.6rem !important;
}
.flatpickr-calendar.arrowTop {
  margin-top: 2rem;
}
.flatpickr-calendar.arrowBottom {
  margin-top: -6rem;
}
.flatpickr-calendar.size--small {
  padding: 1.5rem;
}
.flatpickr-calendar.size--small.hasWeeks {
  width: 31.35rem !important;
}
.flatpickr-calendar.size--small .flatpickr-day,
.flatpickr-calendar.size--small .flatpickr-weekday {
  width: 3.45rem;
  height: 3.45rem;
  flex-basis: 3.45rem;
  line-height: 3.45rem;
  font-size: 1.15rem;
}
.flatpickr-calendar.size--small .flatpickr-day:hover,
.flatpickr-calendar.size--small .flatpickr-weekday:hover {
  width: 3.45rem;
}
.flatpickr-calendar.size--small .flatpickr-weekdays {
  height: 3.45rem;
}
.flatpickr-calendar.size--small .dayContainer,
.flatpickr-calendar.size--small .flatpickr-days {
  width: 24.15rem;
  min-width: 24.15rem;
  max-width: 24.15rem;
}
.flatpickr-calendar.size--small .flatpickr-weekwrapper {
  padding-right: 0.75rem;
}
.flatpickr-calendar.size--small .flatpickr-months .flatpickr-prev-month .flat__icon,
.flatpickr-calendar.size--small .flatpickr-months .flatpickr-next-month .flat__icon {
  width: 1.15rem;
  height: 1.15rem;
}
.flatpickr-calendar.size--small .numInputWrapper input,
.flatpickr-calendar.size--small .flatpickr-current-month span.cur-month,
.flatpickr-calendar.size--small .flatpickr-current-month span.cur-year {
  font-size: 1.37rem;
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 1) .flatpickr-day.inRange:nth-child(7n + 7) {
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 2) .flatpickr-day.inRange:nth-child(7n + 1) {
  box-shadow: -2px 0 0 #eaf2fb, 5px 0 0 #eaf2fb;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar::before,
.flatpickr-calendar::after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost::before,
.flatpickr-calendar.rightMost::after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar::before {
  border-width: 12px;
  margin: 0 -12px;
}
.flatpickr-calendar::after {
  border-width: 11px;
  margin: 0 -11px;
}
.flatpickr-calendar.arrowTop::before,
.flatpickr-calendar.arrowTop::after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop::before {
  border-bottom-color: #d1d3de;
}
.flatpickr-calendar.arrowTop::after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom::before,
.flatpickr-calendar.arrowBottom::after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom::before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom::after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  position: relative;
  clear: both;
  justify-content: flex-end;
  display: flex;
  align-items: center;
  text-align: center;
}
.flatpickr-months .flatpickr-month {
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  -webkit-user-select: none;
          user-select: none;
  display: flex;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  width: 4.7rem;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  cursor: pointer;
}
.flatpickr-months .flatpickr-prev-month .flat__icon,
.flatpickr-months .flatpickr-next-month .flat__icon {
  width: 1.354rem;
  height: 1.354rem;
}
.flatpickr-months .flatpickr-prev-month .flat__icon .icon--graphics,
.flatpickr-months .flatpickr-next-month .flat__icon .icon--graphics {
  fill: #556474;
}
.flatpickr-months .flatpickr-prev-month.disabled,
.flatpickr-months .flatpickr-next-month.disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  margin-left: 0.4rem;
  font-weight: 600;
  font-size: 1.875rem;
  font-family: 'Open Sans', sans-serif;
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper span {
  position: absolute;
  right: -0.3rem;
  width: auto;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}
.numInputWrapper span::after {
  display: block;
  content: '';
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp::after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #556474;
  bottom: 20%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown::after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #556474;
  top: 20%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-weight: 300;
  height: 2.5rem;
  display: inline-block;
  text-align: center;
  width: 23.5rem;
}
.flatpickr-current-month span.cur-month {
  display: inline-block;
  font-size: 1.875rem;
  line-height: 2.5rem;
  color: #3f4c5a;
  font-weight: 600;
  padding: 0;
}
.flatpickr-current-month .numInputWrapper {
  width: 5rem;
  line-height: 2.5rem;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp::after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown::after {
  border-top-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month input.cur-year {
  font-size: 1.875rem;
  color: #3f4c5a;
  cursor: text;
  background: none;
  border: 0;
  border-radius: 0;
  outline: none;
}
.flatpickr-current-month input.cur-year::selection {
  background: #fff;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  height: 4.7rem;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  background: transparent;
  line-height: 4.7rem;
  height: 4.7rem;
  width: 4.7rem;
  font-size: 1.354rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #3f4c5a;
  justify-content: center;
  margin: 0;
  text-align: center;
  display: block;
  flex: 1;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  width: 32.9rem !important;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 32.9rem;
  min-width: 32.9rem;
  max-width: 32.9rem;
  box-sizing: border-box;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.dayContainer + .dayContainer {
  box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border-radius: 1rem;
  box-sizing: border-box;
  color: #556474;
  cursor: pointer;
  width: 4.7rem;
  flex-basis: 4.7rem;
  height: 4.7rem;
  line-height: 4.7rem;
  font-size: 1.5625rem;
  margin: 0;
  display: inline-block;
  position: relative;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #eaf2fb;
  border-color: #eaf2fb;
}
.flatpickr-day.today {
  background: #e9eaef;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border: none;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #277cd9;
  color: #fff;
  border-radius: 1rem;
  border: none;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  box-shadow: -1.5rem 0 0 #277cd9;
}
.flatpickr-day.startRange.endRange {
  box-shadow: none !important;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 1rem;
}
.flatpickr-day.selected.startRange {
  box-shadow: 1rem 0 0 #eaf2fb, 1rem 0 0 #eaf2fb;
}
.flatpickr-day.inRange + .flatpickr-day.endRange {
  box-shadow: -1rem 0 0 #eaf2fb, -1rem 0 0 #eaf2fb;
}
.flatpickr-day.inRange {
  border-radius: 0;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: #d1d3de;
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
  cursor: not-allowed;
  color: #d1d3de;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.flatpickr-weekwrapper {
  padding-right: 1rem;
  display: inline-block;
  float: left;
}
.flatpickr-weekwrapper .flatpickr-day {
  font-size: 1.354rem;
}
.flatpickr-weekwrapper .flatpickr-day:hover {
  background: none;
  cursor: default;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  color: #fff;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 4.7rem;
  font-weight: bold;
  color: #3f4c5a;
}
.flatpickr-innerContainer {
  display: flex;
  box-sizing: border-box;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.multiselect-dropdown {
  position: relative;
  width: 100%;
}
.multiselect-dropdown .multiselect-dropdown__trigger {
  outline: none;
}
.multiselect-dropdown .ember-basic-dropdown-trigger--below::before {
  content: '';
  width: 100%;
  height: 2rem;
  display: block;
  border-left: 1px solid #d1d3de;
  border-right: 1px solid #d1d3de;
  position: absolute;
  bottom: -1px;
  box-sizing: border-box;
}
.multiselect-dropdown__content {
  margin-top: 1px;
}
.multiselect-dropdown__content.ember-basic-dropdown-content {
  position: relative;
  background-color: #f5f5f8;
  border: 1px solid #d1d3de;
  border-top: none;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.multiselect-dropdown__content.above.ember-basic-dropdown-content {
  border-bottom: none;
  border-top: 1px solid #d1d3de;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.multiselect-dropdown__content .multiselect-dropdown__content-wrapper {
  max-height: 40rem;
  overflow-y: scroll;
}
.multiselect-dropdown__content .multiselect-dropdown__selected-items {
  padding: 0.5rem 1rem 1rem;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
}
.multiselect-dropdown__content .multiselect-dropdown__selected-items .button__student-label {
  float: left;
  margin-right: 0.5rem;
  margin-top: 0.5rem;
  white-space: normal;
  text-align: left;
  background-color: #8c99a8;
}
.multiselect-dropdown__content .multiselect-dropdown__selected-items::after {
  content: '';
  display: table;
  clear: both;
}
.multiselect-dropdown__content .menu-items {
  padding: 1.4rem;
}
.multiselect-dropdown__content .menu-items .input__checkbox {
  margin-bottom: 1rem;
  text-align: left;
}
.multiselect-dropdown__content .menu-items .input__checkbox:last-child {
  margin-bottom: 0;
}
.multiselect-dropdown .multiselect-dropdown__input {
  z-index: 2;
}
.multiselect-dropdown .multiselect-dropdown__input.disabled .container--point--down,
.multiselect-dropdown .multiselect-dropdown__input.disabled .multiselect-dropdown__input-selection {
  opacity: 0.5;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container {
  position: relative;
  width: 100%;
  border: 1px solid #d1d3de;
  border-radius: 0.42rem;
  -webkit-appearance: none;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection {
  margin: 0;
  outline: none;
  box-sizing: border-box;
  border: 1px solid;
  -webkit-appearance: none;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  box-shadow: none;
  background-image: none;
  cursor: pointer;
  border: none;
  width: 100%;
  background-color: #ffffff;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--student,
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--teacher {
  width: 100%;
  margin: 0;
  outline: none;
  box-sizing: border-box;
  -webkit-appearance: none;
  font-style: normal;
  font-weight: 400;
  box-shadow: none;
  background-image: none;
  font-family: 'Open Sans', sans-serif;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--student.size--small,
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--teacher.size--small {
  height: 3.13rem;
  font-size: 1.25rem;
  border-radius: 0.42rem;
  padding: 0 0.94rem;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--student.size--small.state--correct.validation--icons,
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--teacher.size--small.state--correct.validation--icons,
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--student.size--small.state--wrong.validation--icons,
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--teacher.size--small.state--wrong.validation--icons {
  padding-right: 3.13rem;
  background-position: 97.81% center;
  background-size: 1.25rem 1.25rem;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--student.size--normal,
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--teacher.size--normal {
  height: 4.17rem;
  font-size: 1.66rem;
  border-radius: 0.52rem;
  padding: 0 1.25rem;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--student.size--normal.state--correct.validation--icons,
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--teacher.size--normal.state--correct.validation--icons,
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--student.size--normal.state--wrong.validation--icons,
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--teacher.size--normal.state--wrong.validation--icons {
  padding-right: 4.17rem;
  background-position: 97.08% center;
  background-size: 1.67rem 1.67rem;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--student.size--large,
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--teacher.size--large {
  height: 5.21rem;
  font-size: 2.19rem;
  border-radius: 0.62rem;
  padding: 0 1.56rem;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--student.size--large.state--correct.validation--icons,
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--teacher.size--large.state--correct.validation--icons,
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--student.size--large.state--wrong.validation--icons,
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--teacher.size--large.state--wrong.validation--icons {
  padding-right: 5.2rem;
  background-position: 96.36% center;
  background-size: 2.08rem 2.08rem;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--board.size--small {
  height: 30px;
  font-size: 12px;
  border-radius: 4px;
  padding: 0 9px;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--board.size--small.state--correct.validation--icons,
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--board.size--small.state--wrong.validation--icons {
  padding-right: 30px;
  background-position: 79% center;
  background-size: 12px 12px;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--board.size--normal {
  height: 40px;
  font-size: 16px;
  border-radius: 5px;
  padding: 0 12px;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--board.size--normal.state--correct.validation--icons,
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--board.size--normal.state--wrong.validation--icons {
  padding-right: 40px;
  background-position: 72% center;
  background-size: 16px 16px;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--board.size--large {
  height: 6.66666667rem;
  font-size: 3.33333333rem;
  border-radius: 0.625rem;
  padding: 0 1.66666667rem;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--board.size--large.state--correct.validation--icons,
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.audience--board.size--large.state--wrong.validation--icons {
  padding-right: 51px;
  background-position: 64% center;
  background-size: 21px 21px;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection::-ms-clear {
  display: none;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.state--correct.validation--icons {
  background: url('../gynzy-styleguide/assets/svg/input-field/valid-11527cc9c81c1f2ecc600ce82eb84cb6.svg') no-repeat;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.state--wrong.validation--icons {
  background: url('../gynzy-styleguide/assets/svg/input-field/invalid-7adbc9553ece60ee97a1e8a208012a46.svg') no-repeat;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.size--normal.audience--teacher {
  height: 4.17rem;
  font-size: 1.66rem;
  border-radius: 0.52rem;
  padding: 0 1.25rem;
  padding: 0 3rem 0 1.25rem;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.size--normal.audience--teacher.state--correct.validation--icons,
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection.size--normal.audience--teacher.state--wrong.validation--icons {
  padding-right: 4.17rem;
  background-position: 97.08% center;
  background-size: 1.67rem 1.67rem;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection .multiselect-dropdown__input-selection-container {
  width: calc(100% - 4rem);
  overflow: hidden;
  height: 1.8rem;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection .multiselect-dropdown__input-selection-container .button__student-label {
  pointer-events: none;
  margin-right: 0.5rem;
  float: left;
  margin-bottom: 1rem;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .multiselect-dropdown__input-selection .multiselect-dropdown__input-selection-selection-count {
  border-radius: 0.2rem;
  border: 1px solid #277cd9;
  color: #277cd9;
  font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  height: 1.8rem;
  font-weight: bold;
  padding: 0 0.5rem;
  box-sizing: border-box;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .container--point--down,
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .container--clear-input {
  position: absolute;
  right: 1rem;
  top: 0;
  height: 100%;
  cursor: pointer;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .container--point--down .icon--graphics,
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .container--clear-input .icon--graphics {
  fill: #556474;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .container--point--down .icon__point-down,
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .container--clear-input .icon__point-down,
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .container--point--down .icon__point-up,
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .container--clear-input .icon__point-up {
  width: 1.2rem;
  height: 1.2rem;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .container--icon {
  position: absolute;
  left: 1rem;
  top: 0;
  height: 100%;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container .container--icon .icon--graphics {
  fill: #8c99a8;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container input {
  z-index: 10;
  box-shadow: none;
  background: #fff none;
  font-family: 'Open Sans', serif;
  border: none;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container input::-ms-clear {
  display: none;
}
.multiselect-dropdown .multiselect-dropdown__input .multiselect-dropdown__input-container input.styleguide.input__field__default.audience--teacher.size--normal {
  padding: 0 3.5rem;
}
.multiselect-dropdown.size--small .multiselect-dropdown__input .multiselect-dropdown__input-container .container--point--down .icon__point-down,
.multiselect-dropdown.size--small .multiselect-dropdown__input .multiselect-dropdown__input-container .container--point--down .icon__point-up {
  width: 0.9rem;
  height: 0.9rem;
}
.multiselect-dropdown.size--small .multiselect-dropdown__input .multiselect-dropdown__input-container .icon__clear-input {
  width: 1.4rem;
  height: 1.4rem;
}
.multiselect-dropdown.size--small .multiselect-dropdown__input .multiselect-dropdown__input-container .container--icon {
  left: 0.7rem;
}
.multiselect-dropdown.size--small .multiselect-dropdown__input .multiselect-dropdown__input-container .container--icon .icon__search {
  width: 1.4rem;
  height: 1.4rem;
}
.multiselect-dropdown.size--small .multiselect-dropdown__input .multiselect-dropdown__input-container input.styleguide.input__field__default.audience--teacher.size--small {
  padding: 0 2.5rem;
}
.multiselect-dropdown.size--large .multiselect-dropdown__input .multiselect-dropdown__input-container .container--point--down {
  right: 1.5rem;
}
.multiselect-dropdown.size--large .multiselect-dropdown__input .multiselect-dropdown__input-container .container--point--down .icon__point-down,
.multiselect-dropdown.size--large .multiselect-dropdown__input .multiselect-dropdown__input-container .container--point--down .icon__point-up {
  width: 1.6rem;
  height: 1.6rem;
}
.multiselect-dropdown.size--large .multiselect-dropdown__input .multiselect-dropdown__input-container .icon__clear-input {
  width: 2.2rem;
  height: 2.2rem;
}
.multiselect-dropdown.size--large .multiselect-dropdown__input .multiselect-dropdown__input-container .container--icon {
  left: 1.4rem;
}
.multiselect-dropdown.size--large .multiselect-dropdown__input .multiselect-dropdown__input-container .container--icon .icon__search {
  width: 2.2rem;
  height: 2.2rem;
}
.multiselect-dropdown.size--large .multiselect-dropdown__input .multiselect-dropdown__input-container input.styleguide.input__field__default.audience--teacher.size--large {
  padding: 0 4.5rem;
}
.molecule-input-field-icon {
  position: relative;
}
.molecule-input-field-icon .no-front-icon input.styleguide.input__field__default.audience--teacher.size--normal,
.molecule-input-field-icon .no-front-icon input.styleguide.input__field__default.audience--teacher.size--small {
  padding-left: 1rem;
}
.molecule-input-field-icon input.styleguide.input__field__default.audience--teacher {
  background: #ffffff;
}
.molecule-input-field-icon input.styleguide.input__field__default.audience--teacher.size--normal {
  padding-left: 4rem;
}
.molecule-input-field-icon input.styleguide.input__field__default.audience--teacher.size--normal[type='search'] {
  padding-right: 4rem;
}
.molecule-input-field-icon input.styleguide.input__field__default.audience--teacher.size--small {
  padding-left: 3rem;
}
.molecule-input-field-icon input.styleguide.input__field__default.audience--teacher.size--small[type='search'] {
  padding-right: 3rem;
}
.molecule-input-field-icon .input-field-icon__icon {
  position: absolute;
}
.molecule-input-field-icon .input-field-icon__icon .flat__icon .icon--graphics {
  fill: #8c99a8;
}
.molecule-input-field-icon .clear-input,
.molecule-input-field-icon .toggle-view {
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
  border-radius: 0 0.42rem 0.42rem 0;
  width: 4.58333333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
}
.molecule-input-field-icon .clear-input .styleguide.gynzy.button__icon.color--black .icon--graphics,
.molecule-input-field-icon .toggle-view .styleguide.gynzy.button__icon.color--black .icon--graphics {
  fill: #8c99a8;
}
.molecule-input-field-icon .styleguide.gynzy.button__icon.audience--teacher.size--normal {
  width: 1.66666667rem;
  height: 1.66666667rem;
}
.molecule-input-field-icon .styleguide.gynzy.button__icon.audience--teacher.size--small {
  width: 1.25rem;
  height: 1.25rem;
}
.molecule-input-field-icon.audience--teacher.size--normal .input-field-icon__icon {
  left: 1rem;
  top: 1.25rem;
}
.molecule-input-field-icon.audience--teacher.size--normal .input-field-icon__icon .flat__icon {
  width: 1.66666667rem;
  height: 1.66666667rem;
}
.molecule-input-field-icon.audience--teacher.size--small .input-field-icon__icon {
  left: 0.75rem;
  top: 0.9375rem;
}
.molecule-input-field-icon.audience--teacher.size--small .input-field-icon__icon .flat__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.molecule-input-textarea-label {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.molecule-input-textarea-label.input-textarea__error-message {
  height: calc(100% - 30 * 0.10416667rem);
}
.molecule-input-textarea-label .input-textarea__subtitle {
  color: #8c99a8;
  font-size: 1.25rem;
  line-height: 1.51041667rem;
  margin-bottom: 0.41666667rem;
}
.molecule-input-textarea-label .input-textarea__label {
  margin-bottom: 0.83333333rem;
  font-size: 1.45833333rem;
  font-weight: 600;
  color: #556474;
  word-break: break-word;
}
.molecule-input-textarea-label .input-textarea__error-message {
  text-align: right;
  font-size: 1.25rem;
  line-height: 12px;
  margin-top: 4px;
  margin-bottom: -16px;
  color: red;
  word-break: break-word;
}
.dropdown__basic-trigger .styleguide.molecule-input-field-icon.flatten--bottom--border input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.dropdown__basic-trigger .styleguide.molecule-input-field-icon.flatten--top--border input {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/**
 * Menus
 */
.styleguide.multi__level-list {
  width: 100%;
}
.styleguide.share-content-component {
  display: flex;
  height: 17.70833333rem;
  padding: 3.33333333rem;
  flex-direction: row;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
}
.styleguide.share-content-component .link-share-container {
  min-width: 41.66666667rem;
}
.styleguide.share-content-component .link-share-container .share__toggle__wrapper {
  display: flex;
  justify-content: flex-start;
  padding: 0;
}
.styleguide.share-content-component .link-share-container .share__message {
  margin-left: 1.25rem;
}
.styleguide.share-content-component .link-share-container .share__message p {
  font-size: 1.66666667rem;
  line-height: 2.5rem;
  color: #556474;
  -webkit-user-select: none;
          user-select: none;
  margin: 0 0 0.41666667rem 0;
}
.styleguide.share-content-component .link-share-container .share__message .bold {
  font-weight: bold;
}
.styleguide.share-content-component .link-share-container .copy__button__wrapper {
  display: flex;
  padding: 2.5rem;
}
.styleguide.share-content-component .link-share-container .copy__button__wrapper button {
  margin-left: 1.04166667rem;
}
.styleguide.share-content-component .link-share-container .copy__button__wrapper input {
  direction: ltr;
}
.styleguide.share-content-component .divider {
  width: 0.10416667rem;
  height: 17.70833333rem;
  background-color: #d1d3de;
  margin: 0 2.5rem;
}
.styleguide.share-content-component .qr-share-container {
  width: 20.83333333rem;
  height: 17.70833333rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.styleguide.share-content-component .qr-share-container.placeholder-container {
  justify-content: center;
}
.styleguide.share-content-component .qr-share-container.placeholder-container .placeholder-wrapper {
  flex-wrap: wrap;
  height: 13.33333333rem;
  width: -moz-fit-content;
  width: fit-content;
  cursor: default;
  gap: 3.33333333rem;
}
.styleguide.share-content-component .qr-share-container.placeholder-container .placeholder-wrapper .svg-container {
  width: 100%;
  display: flex;
  justify-content: center;
}
.styleguide.share-content-component .qr-share-container.placeholder-container .placeholder-wrapper .svg-container .svg__icon {
  width: 5rem;
  height: 5rem;
}
.styleguide.share-content-component .qr-share-container .qr-text {
  font-size: 1.66666667rem;
  font-weight: 400;
  color: #556474;
}
.styleguide.share-content-component .qr-share-container .qr-code-wrapper {
  width: 13.75rem;
  height: 13.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  opacity: 0.75;
}
.styleguide.share-content-component .qr-share-container .qr-code-wrapper:hover {
  cursor: pointer;
}
.styleguide.share-content-component .qr-share-container .qr-code-wrapper:hover .qr-code-overlay .flat__icon .icon--graphics {
  fill: #4e92ff;
}
.styleguide.share-content-component .qr-share-container .qr-code-wrapper:active .qr-code-overlay .flat__icon .icon--graphics {
  fill: #2465ab;
}
.styleguide.share-content-component .qr-share-container .qr-code-wrapper .qr-code-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  pointer-events: none;
  box-sizing: border-box;
  width: 4.375rem;
  height: 4.375rem;
  background-color: #eaf2fb;
  border: 0.52083333rem solid #ffffff;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.styleguide.share-content-component .qr-share-container .qr-code-wrapper .qr-code-overlay .flat__icon {
  width: 1.66666667rem;
  height: 1.66666667rem;
}
.styleguide.share-content-component .qr-share-container .qr-code-wrapper .qr-code-overlay .flat__icon .icon--graphics {
  fill: #277cd9;
}
.organism-switch-header-yield .switch-header {
  height: 10rem;
}
.organism-switch-header-yield .switch-tabs {
  height: 5rem;
  font-weight: bold;
  font-size: 1.66rem;
}
.organism-switch-header-yield .switch-tabs .tab {
  padding: 0 2rem 1rem;
  border-bottom: 0.4rem solid transparent;
  text-transform: uppercase;
  transition: border-bottom 0.5s ease, color 0.5s ease;
  cursor: pointer;
  color: #3f4c5a;
}
.organism-switch-header-yield .switch-tabs .tab * {
  cursor: pointer;
}
.organism-switch-header-yield .switch-tabs .tab.tab-selected {
  border-bottom: 0.4rem solid #277cd9;
  color: #277cd9;
}
.styleguide.timer__digital {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
}
.styleguide.timer__digital.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.timer__digital.column {
  flex-direction: column;
}
.styleguide.timer__digital.end {
  justify-content: flex-end;
}
.styleguide.timer__digital.start {
  justify-content: flex-start;
}
.styleguide.timer__digital.flex-center {
  justify-content: center;
}
.styleguide.timer__digital.between {
  justify-content: space-between;
}
.styleguide.timer__digital.around {
  justify-content: space-around;
}
.styleguide.timer__digital.cross-start {
  align-items: flex-start;
}
.styleguide.timer__digital.cross-end {
  align-items: flex-end;
}
.styleguide.timer__digital.stretch {
  align-items: stretch;
}
.styleguide.timer__digital.evenly {
  justify-content: space-evenly;
}
.styleguide.timer__digital.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.timer__digital.wrap {
  flex-wrap: wrap;
}
.styleguide.timer__digital.grow {
  flex: 1;
}
.styleguide.timer__digital .flex-half,
.styleguide.timer__digital .flex-quarter,
.styleguide.timer__digital .flex-sixth,
.styleguide.timer__digital .flex-third,
.styleguide.timer__digital .flex-two-third {
  box-sizing: border-box;
}
.styleguide.timer__digital .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.timer__digital .flex-grow-1 {
  flex: 1 1;
}
.styleguide.timer__digital .flex-grow-2 {
  flex: 2 1;
}
.styleguide.timer__digital .flex-grow-3 {
  flex: 3 1;
}
.styleguide.timer__digital .flex-grow-4 {
  flex: 4 1;
}
.styleguide.timer__digital .flex-grow-5 {
  flex: 5 1;
}
.styleguide.timer__digital .flex-grow-6 {
  flex: 6 1;
}
.styleguide.timer__digital .flex-grow-7 {
  flex: 7 1;
}
.styleguide.timer__digital .flex-grow-8 {
  flex: 8 1;
}
.styleguide.timer__digital .colon {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
}
.styleguide.timer__digital .colon.row-reverse {
  flex-direction: row-reverse;
}
.styleguide.timer__digital .colon.column {
  flex-direction: column;
}
.styleguide.timer__digital .colon.end {
  justify-content: flex-end;
}
.styleguide.timer__digital .colon.start {
  justify-content: flex-start;
}
.styleguide.timer__digital .colon.flex-center {
  justify-content: center;
}
.styleguide.timer__digital .colon.between {
  justify-content: space-between;
}
.styleguide.timer__digital .colon.around {
  justify-content: space-around;
}
.styleguide.timer__digital .colon.cross-start {
  align-items: flex-start;
}
.styleguide.timer__digital .colon.cross-end {
  align-items: flex-end;
}
.styleguide.timer__digital .colon.stretch {
  align-items: stretch;
}
.styleguide.timer__digital .colon.evenly {
  justify-content: space-evenly;
}
.styleguide.timer__digital .colon.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.styleguide.timer__digital .colon.wrap {
  flex-wrap: wrap;
}
.styleguide.timer__digital .colon.grow {
  flex: 1;
}
.styleguide.timer__digital .colon .flex-half,
.styleguide.timer__digital .colon .flex-quarter,
.styleguide.timer__digital .colon .flex-sixth,
.styleguide.timer__digital .colon .flex-third,
.styleguide.timer__digital .colon .flex-two-third {
  box-sizing: border-box;
}
.styleguide.timer__digital .colon .flex-remaining-space {
  flex-grow: 1;
}
.styleguide.timer__digital .colon .flex-grow-1 {
  flex: 1 1;
}
.styleguide.timer__digital .colon .flex-grow-2 {
  flex: 2 1;
}
.styleguide.timer__digital .colon .flex-grow-3 {
  flex: 3 1;
}
.styleguide.timer__digital .colon .flex-grow-4 {
  flex: 4 1;
}
.styleguide.timer__digital .colon .flex-grow-5 {
  flex: 5 1;
}
.styleguide.timer__digital .colon .flex-grow-6 {
  flex: 6 1;
}
.styleguide.timer__digital .colon .flex-grow-7 {
  flex: 7 1;
}
.styleguide.timer__digital .colon .flex-grow-8 {
  flex: 8 1;
}
.styleguide.timer__digital.audience--student .colon {
  width: 3.84rem;
  font-size: 4.15rem;
}
.styleguide.timer__digital.audience--teacher .colon {
  width: 2.3rem;
  font-size: 2.5rem;
}
.styleguide.gynzy.timer__digital .colon {
  color: #8c99a8;
  text-decoration: none;
  text-indent: 0;
  cursor: default;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
}
.styleguide.table__regular tr.validation-class {
  transition: 1s;
}
.styleguide.table__regular tr.validation-class.dirty {
  background-color: #fff7e5;
}
.styleguide.table__regular tr.validation-class.error {
  background-color: #fef1f1;
}
.styleguide.table__regular tr.validation-class.success {
  background-color: #dbfbd7;
}
.styleguide.table__regular tbody tr {
  min-height: 6.25rem;
}
.styleguide.table__regular tbody tr:nth-child(odd) {
  background: #f5f5f8;
}
.styleguide.table__regular tbody tr:nth-child(odd) .cell__scroll__yield__container::before {
  background: linear-gradient(to right, #f5f5f8, rgba(245, 245, 248, 0));
}
.styleguide.table__regular tbody tr:nth-child(odd) .cell__scroll__yield__container::after {
  background: linear-gradient(to left, #f5f5f8, rgba(245, 245, 248, 0));
}
.styleguide.table__regular tbody tr:nth-child(even) {
  background: #ffffff;
}
.styleguide.table__regular tbody tr:nth-child(even) .cell__scroll__yield__container::before {
  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
}
.styleguide.table__regular tbody tr:nth-child(even) .cell__scroll__yield__container::after {
  background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
}
.styleguide.table__regular thead tr {
  background: #ffffff;
}
.styleguide.table__regular {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
}
.styleguide.table__regular .typo-title {
  margin-left: 3rem;
  font-size: 2.08333333rem;
  line-height: 3.125rem;
  font-weight: 600;
}
.scroll-button-wrapper {
  width: 6.66666667rem;
  height: 6.66666667rem;
  position: absolute;
  top: 50%;
  margin-top: -3.33333333rem;
  z-index: 6;
  transition: 0.25s;
}
.scroll-button-wrapper.hidden {
  width: 0;
  visibility: hidden;
}
.scroll-button-wrapper.hidden.left {
  left: -6.66666667rem;
}
.scroll-button-wrapper.hidden.right {
  right: -6.66666667rem;
}
.scroll-button-wrapper.left {
  left: -3.33333333rem;
}
.scroll-button-wrapper.left .table-scroll-button {
  justify-content: flex-end;
}
.scroll-button-wrapper.right {
  right: -3.33333333rem;
}
.scroll-button-wrapper.right .table-scroll-button {
  justify-content: flex-start;
}
.scroll-button-wrapper .table-scroll-button {
  position: fixed;
  display: flex;
  align-items: center;
  width: 6.66666667rem;
  height: 6.66666667rem;
  padding: 0 0.625rem;
  background-color: rgba(63, 76, 90, 0.85);
  border: 0.20833333rem solid #ffffff;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.15s;
}
.scroll-button-wrapper .table-scroll-button .styleguide.flat__icon {
  width: 2.08333333rem;
  height: 2.08333333rem;
}
.scroll-button-wrapper .table-scroll-button .styleguide.flat__icon .icon--graphics {
  fill: #ffffff;
}
.scroll-button-wrapper .table-scroll-button:hover {
  background-color: rgba(85, 100, 116, 0.8);
}
.scroll-button-wrapper .table-scroll-button:active {
  background-color: rgba(42, 53, 65, 0.9);
}
.scroll-button-wrapper .table-scroll-button:active .styleguide.flat__icon {
  opacity: 0.7;
}
table.styleguide.table-grid {
  display: grid;
  border-collapse: collapse;
  font-size: 1.66666667rem;
  color: #556474;
  grid-template-columns: repeat(var(--dynamic-column-count), minmax(var(--column-width, 26.66666667rem), 1fr));
}
table.styleguide.table-grid .sortable-header {
  display: flex;
  align-items: center;
}
table.styleguide.table-grid .sortable-header .header__title {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 150%;
  height: 100%;
}
table.styleguide.table-grid .sortable-header button.sortable-header__sort-button {
  margin-left: 1.25rem;
  cursor: pointer;
  transition: 0.15s;
}
table.styleguide.table-grid .sortable-header button.sortable-header__sort-button.descending {
  transform: rotate(180deg);
}
table.styleguide.table-grid .sortable-header button.sortable-header__sort-button .flat__icon .icon--graphics {
  fill: #aeb7c2;
  height: 1.25rem;
  width: 1.25rem;
}
table.styleguide.table-grid .sortable-header button.sortable-header__sort-button:hover .flat__icon .icon--graphics {
  fill: #d1d3de;
}
table.styleguide.table-grid .sortable-header button.sortable-header__sort-button:active .flat__icon .icon--graphics {
  fill: #8c99a8;
}
table.styleguide.table-grid .sortable-header button.sortable-header__sort-button.active .flat__icon .icon--graphics {
  fill: #277cd9;
}
table.styleguide.table-grid .sortable-header button.sortable-header__sort-button.active:hover .flat__icon .icon--graphics {
  fill: #4e92ff;
}
table.styleguide.table-grid .sortable-header button.sortable-header__sort-button.active:active .flat__icon .icon--graphics {
  fill: #2465ab;
}
table.styleguide.table-grid thead,
table.styleguide.table-grid tbody,
table.styleguide.table-grid tr {
  display: contents;
}
table.styleguide.table-grid thead tr.table-grid__header th {
  height: 4.16666667rem;
  font-weight: 600;
  color: #2a3541;
  background: white;
  padding: 0.83333333rem 1.25rem 0.83333333rem 2.5rem;
}
table.styleguide.table-grid thead tr th,
table.styleguide.table-grid tbody tr td {
  display: flex;
  align-items: center;
  border-right: 1px solid #d1d3de;
}
table.styleguide.table-grid thead tr th:last-child,
table.styleguide.table-grid tbody tr td:last-child {
  border-right: none;
}
table.styleguide.table-grid thead tr:first-child th {
  position: sticky;
  top: 0;
  z-index: 4;
  border-top: 1px solid #d1d3de;
}
table.styleguide.table-grid thead tr.table-grid__sub-header th {
  height: 5.83333333rem;
  background: #f5f5f8;
  font-weight: 600;
  padding: 1.25rem 2.5rem;
  border-bottom: 1px solid #d1d3de;
  border-top: 1px solid #d1d3de;
}
table.styleguide.table-grid thead tr.sub-header--sticky th {
  top: 4.16666667rem;
  position: sticky;
  z-index: 3;
}
table.styleguide.table-grid thead tr th.column--sticky {
  z-index: 5;
  left: 0;
}
table.styleguide.table-grid tbody tr td.column--sticky {
  position: sticky;
  left: 0;
  z-index: 4;
}
table.styleguide.table-grid tbody tr td {
  padding: 1.25rem 2.5rem;
  background: white;
}
table.styleguide.table-grid tbody tr:nth-child(even) td {
  background: #f5f5f8;
}
table.styleguide.table-grid tbody tr:last-child td {
  border-bottom: 1px solid #d1d3de;
}
.tabs-selection-component {
  background: white;
  position: relative;
}
.tabs-selection-component .tabs .tabs-selection__tab {
  padding: 0 1.5625rem;
  height: 6.25rem;
  background: 0 0;
  border: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  font-family: var(--font-family-header);
  color: #2a3541;
  font-size: 2.08333333rem;
  font-weight: 500;
  line-height: 160%;
}
.tabs-selection-component .tabs .tabs-selection__tab .svg__icon,
.tabs-selection-component .tabs .tabs-selection__tab img {
  height: 2.70833333rem;
  width: 2.70833333rem;
  margin-right: 1.25rem;
}
.tabs-selection-component .tabs .tabs-selection__tab:not(.selected) {
  color: #8c99a8;
}
.tabs-selection-component .tabs .tabs-selection__tab:not(.selected) .svg__icon {
  filter: grayscale(1);
  opacity: 0.7;
  transition: 0.3s;
}
.tabs-selection-component .tabs .tabs-selection__tab.disabled {
  cursor: default;
}
.tabs-selection-component .tabs .tabs-selection__tab span {
  white-space: nowrap;
}
.tabs-selection-component .tabs .tabs-selection-slider {
  position: absolute;
  height: 0.41666667rem;
  bottom: 0;
  background: #277cd9;
  transition: width 0.3s, left 0.3s;
}
.tabs-selection-component .yield {
  position: absolute;
  right: 0.83333333rem;
}
.info__bar {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  font-size: 1.5rem;
  color: #556474;
  overflow: hidden;
  transition: height 0.5s;
  text-align: center;
  padding: 1rem 0;
  border-top: 1px solid #277cd9;
  border-bottom: 1px solid #277cd9;
  background-color: #eaf2fb;
}
.info__bar.row-reverse {
  flex-direction: row-reverse;
}
.info__bar.column {
  flex-direction: column;
}
.info__bar.end {
  justify-content: flex-end;
}
.info__bar.start {
  justify-content: flex-start;
}
.info__bar.flex-center {
  justify-content: center;
}
.info__bar.between {
  justify-content: space-between;
}
.info__bar.around {
  justify-content: space-around;
}
.info__bar.cross-start {
  align-items: flex-start;
}
.info__bar.cross-end {
  align-items: flex-end;
}
.info__bar.stretch {
  align-items: stretch;
}
.info__bar.evenly {
  justify-content: space-evenly;
}
.info__bar.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.info__bar.wrap {
  flex-wrap: wrap;
}
.info__bar.grow {
  flex: 1;
}
.info__bar .flex-half,
.info__bar .flex-quarter,
.info__bar .flex-sixth,
.info__bar .flex-third,
.info__bar .flex-two-third {
  box-sizing: border-box;
}
.info__bar .flex-remaining-space {
  flex-grow: 1;
}
.info__bar .flex-grow-1 {
  flex: 1 1;
}
.info__bar .flex-grow-2 {
  flex: 2 1;
}
.info__bar .flex-grow-3 {
  flex: 3 1;
}
.info__bar .flex-grow-4 {
  flex: 4 1;
}
.info__bar .flex-grow-5 {
  flex: 5 1;
}
.info__bar .flex-grow-6 {
  flex: 6 1;
}
.info__bar .flex-grow-7 {
  flex: 7 1;
}
.info__bar .flex-grow-8 {
  flex: 8 1;
}
.info__bar.info-bar-yellow {
  border-top: 1px solid #fad20c;
  border-bottom: 1px solid #fad20c;
  background-color: #fff4bd;
  color: #556474;
}
.info__bar h2 {
  font-size: 2.1rem;
  color: #3a5a79;
}
.modal__component {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 22000;
}
.modal__component.row-reverse {
  flex-direction: row-reverse;
}
.modal__component.column {
  flex-direction: column;
}
.modal__component.end {
  justify-content: flex-end;
}
.modal__component.start {
  justify-content: flex-start;
}
.modal__component.flex-center {
  justify-content: center;
}
.modal__component.between {
  justify-content: space-between;
}
.modal__component.around {
  justify-content: space-around;
}
.modal__component.cross-start {
  align-items: flex-start;
}
.modal__component.cross-end {
  align-items: flex-end;
}
.modal__component.stretch {
  align-items: stretch;
}
.modal__component.evenly {
  justify-content: space-evenly;
}
.modal__component.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.modal__component.wrap {
  flex-wrap: wrap;
}
.modal__component.grow {
  flex: 1;
}
.modal__component .flex-half,
.modal__component .flex-quarter,
.modal__component .flex-sixth,
.modal__component .flex-third,
.modal__component .flex-two-third {
  box-sizing: border-box;
}
.modal__component .flex-remaining-space {
  flex-grow: 1;
}
.modal__component .flex-grow-1 {
  flex: 1 1;
}
.modal__component .flex-grow-2 {
  flex: 2 1;
}
.modal__component .flex-grow-3 {
  flex: 3 1;
}
.modal__component .flex-grow-4 {
  flex: 4 1;
}
.modal__component .flex-grow-5 {
  flex: 5 1;
}
.modal__component .flex-grow-6 {
  flex: 6 1;
}
.modal__component .flex-grow-7 {
  flex: 7 1;
}
.modal__component .flex-grow-8 {
  flex: 8 1;
}
.modal__component .modal__dialog-content {
  background: #ffffff;
  border-radius: 1.25rem;
  box-shadow: 0 0.4rem 0 0 rgba(0, 0, 0, 0.25);
  position: relative;
  overflow: hidden;
}
.modal__component .modal__dialog-content .modal__close-icon-button {
  position: absolute;
  z-index: 22010;
}
.modal__component .modal__dialog-content .modal__close-icon-button.size--small {
  top: 1.04166667rem;
  right: 1.04166667rem;
  width: 1.875rem;
  height: 1.875rem;
}
.modal__component .modal__dialog-content .modal__close-icon-button.size--large {
  top: 2.5rem;
  right: 2.5rem;
  width: 5rem;
  height: 5rem;
}
.modal__component .modal__dialog-content .modal__close-icon-button .svg__icon {
  width: inherit;
  height: inherit;
}
.modal__component .modal__dialog-content .modal__component-header {
  display: flex;
  align-items: center;
  color: #2a3541;
  text-align: left;
  font-size: 2.2rem;
  font-family: var(--font-family-header);
  line-height: 2.2rem;
  padding: 3rem;
  padding-bottom: 0;
  font-weight: bold;
}
.modal__component .modal__dialog-content .modal__component-header::first-letter {
  text-transform: capitalize;
}
.modal__component .modal__dialog-content .modal__component-header .svg__icon img {
  width: 2.5rem;
  height: 2.5rem;
}
.modal__component .modal__dialog-content .modal__component-header.top-border {
  padding-bottom: 3rem;
  border-top: none;
  border-bottom: 0.1rem solid #d1d3de;
}
.modal__component .modal__dialog-content .modal__component-header.centered {
  justify-content: center;
}
.modal__component .modal__dialog-content .modal__component-header.header-has-icon {
  padding-right: 6rem;
}
.modal__component .modal__dialog-content .modal__dialog-buttons--close-icon {
  position: absolute;
  top: 1.66666667rem;
  right: 1.66666667rem;
}
.modal__component .modal__dialog-content .modal__dialog-yield {
  font-size: 1.5rem;
  padding: 3rem;
  color: #556474;
  text-align: left;
}
.modal__component .modal__dialog-content .modal__dialog-yield a {
  color: #277cd9;
}
.modal__component .modal__dialog-content .modal__dialog-yield a:hover {
  color: #4e92ff;
}
.modal__component .modal__dialog-content .modal__dialog-yield a:focus,
.modal__component .modal__dialog-content .modal__dialog-yield a:active {
  color: #2465ab;
}
.modal__component .modal__dialog-content .modal__dialog-buttons {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  padding: 3rem 2rem;
  border-top: 0.1rem solid #d1d3de;
}
.modal__component .modal__dialog-content .modal__dialog-buttons.row-reverse {
  flex-direction: row-reverse;
}
.modal__component .modal__dialog-content .modal__dialog-buttons.column {
  flex-direction: column;
}
.modal__component .modal__dialog-content .modal__dialog-buttons.end {
  justify-content: flex-end;
}
.modal__component .modal__dialog-content .modal__dialog-buttons.start {
  justify-content: flex-start;
}
.modal__component .modal__dialog-content .modal__dialog-buttons.flex-center {
  justify-content: center;
}
.modal__component .modal__dialog-content .modal__dialog-buttons.between {
  justify-content: space-between;
}
.modal__component .modal__dialog-content .modal__dialog-buttons.around {
  justify-content: space-around;
}
.modal__component .modal__dialog-content .modal__dialog-buttons.cross-start {
  align-items: flex-start;
}
.modal__component .modal__dialog-content .modal__dialog-buttons.cross-end {
  align-items: flex-end;
}
.modal__component .modal__dialog-content .modal__dialog-buttons.stretch {
  align-items: stretch;
}
.modal__component .modal__dialog-content .modal__dialog-buttons.evenly {
  justify-content: space-evenly;
}
.modal__component .modal__dialog-content .modal__dialog-buttons.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.modal__component .modal__dialog-content .modal__dialog-buttons.wrap {
  flex-wrap: wrap;
}
.modal__component .modal__dialog-content .modal__dialog-buttons.grow {
  flex: 1;
}
.modal__component .modal__dialog-content .modal__dialog-buttons .flex-half,
.modal__component .modal__dialog-content .modal__dialog-buttons .flex-quarter,
.modal__component .modal__dialog-content .modal__dialog-buttons .flex-sixth,
.modal__component .modal__dialog-content .modal__dialog-buttons .flex-third,
.modal__component .modal__dialog-content .modal__dialog-buttons .flex-two-third {
  box-sizing: border-box;
}
.modal__component .modal__dialog-content .modal__dialog-buttons .flex-remaining-space {
  flex-grow: 1;
}
.modal__component .modal__dialog-content .modal__dialog-buttons .flex-grow-1 {
  flex: 1 1;
}
.modal__component .modal__dialog-content .modal__dialog-buttons .flex-grow-2 {
  flex: 2 1;
}
.modal__component .modal__dialog-content .modal__dialog-buttons .flex-grow-3 {
  flex: 3 1;
}
.modal__component .modal__dialog-content .modal__dialog-buttons .flex-grow-4 {
  flex: 4 1;
}
.modal__component .modal__dialog-content .modal__dialog-buttons .flex-grow-5 {
  flex: 5 1;
}
.modal__component .modal__dialog-content .modal__dialog-buttons .flex-grow-6 {
  flex: 6 1;
}
.modal__component .modal__dialog-content .modal__dialog-buttons .flex-grow-7 {
  flex: 7 1;
}
.modal__component .modal__dialog-content .modal__dialog-buttons .flex-grow-8 {
  flex: 8 1;
}
.modal__component .modal__dialog-content .modal__dialog-buttons.pos-left {
  justify-content: flex-start;
}
.modal__component .modal__dialog-content .modal__dialog-buttons.pos-left .modal__dialog-buttons--button {
  min-width: 16.66666667rem;
}
.modal__component .modal__dialog-content .modal__dialog-buttons.pos-right {
  justify-content: flex-end;
}
.modal__component .modal__dialog-content .modal__dialog-buttons.pos-right .modal__dialog-buttons--button {
  min-width: 16.66666667rem;
}
.modal__component .modal__dialog-content .modal__dialog-buttons.pos-half {
  justify-content: right;
}
.modal__component .modal__dialog-content .modal__dialog-buttons.pos-half .modal__dialog-buttons--button {
  width: 50%;
}
.modal__component .modal__dialog-content .modal__dialog-buttons.pos-full {
  justify-content: center;
}
.modal__component .modal__dialog-content .modal__dialog-buttons.pos-full .modal__dialog-buttons--button {
  width: 100%;
}
.modal__component .modal__dialog-content .modal__dialog-buttons .modal__dialog-buttons--button {
  padding: 0 1rem;
}
.buttons__group.orientation--horizontal {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
}
.buttons__group.orientation--horizontal.row-reverse {
  flex-direction: row-reverse;
}
.buttons__group.orientation--horizontal.column {
  flex-direction: column;
}
.buttons__group.orientation--horizontal.end {
  justify-content: flex-end;
}
.buttons__group.orientation--horizontal.start {
  justify-content: flex-start;
}
.buttons__group.orientation--horizontal.flex-center {
  justify-content: center;
}
.buttons__group.orientation--horizontal.between {
  justify-content: space-between;
}
.buttons__group.orientation--horizontal.around {
  justify-content: space-around;
}
.buttons__group.orientation--horizontal.cross-start {
  align-items: flex-start;
}
.buttons__group.orientation--horizontal.cross-end {
  align-items: flex-end;
}
.buttons__group.orientation--horizontal.stretch {
  align-items: stretch;
}
.buttons__group.orientation--horizontal.evenly {
  justify-content: space-evenly;
}
.buttons__group.orientation--horizontal.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.buttons__group.orientation--horizontal.wrap {
  flex-wrap: wrap;
}
.buttons__group.orientation--horizontal.grow {
  flex: 1;
}
.buttons__group.orientation--horizontal .flex-half,
.buttons__group.orientation--horizontal .flex-quarter,
.buttons__group.orientation--horizontal .flex-sixth,
.buttons__group.orientation--horizontal .flex-third,
.buttons__group.orientation--horizontal .flex-two-third {
  box-sizing: border-box;
}
.buttons__group.orientation--horizontal .flex-remaining-space {
  flex-grow: 1;
}
.buttons__group.orientation--horizontal .flex-grow-1 {
  flex: 1 1;
}
.buttons__group.orientation--horizontal .flex-grow-2 {
  flex: 2 1;
}
.buttons__group.orientation--horizontal .flex-grow-3 {
  flex: 3 1;
}
.buttons__group.orientation--horizontal .flex-grow-4 {
  flex: 4 1;
}
.buttons__group.orientation--horizontal .flex-grow-5 {
  flex: 5 1;
}
.buttons__group.orientation--horizontal .flex-grow-6 {
  flex: 6 1;
}
.buttons__group.orientation--horizontal .flex-grow-7 {
  flex: 7 1;
}
.buttons__group.orientation--horizontal .flex-grow-8 {
  flex: 8 1;
}
.buttons__group.orientation--horizontal > button:first-of-type {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.buttons__group.orientation--horizontal > button:last-of-type {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.buttons__group.orientation--horizontal > button:not(:last-of-type):not(:first-of-type) {
  border-radius: 0 !important;
}
.buttons__group.orientation--horizontal > button:not(:last-of-type) {
  border-right: none !important;
}
.buttons__group.orientation--vertical {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: row;
  flex-direction: column;
}
.buttons__group.orientation--vertical.row-reverse {
  flex-direction: row-reverse;
}
.buttons__group.orientation--vertical.column {
  flex-direction: column;
}
.buttons__group.orientation--vertical.end {
  justify-content: flex-end;
}
.buttons__group.orientation--vertical.start {
  justify-content: flex-start;
}
.buttons__group.orientation--vertical.flex-center {
  justify-content: center;
}
.buttons__group.orientation--vertical.between {
  justify-content: space-between;
}
.buttons__group.orientation--vertical.around {
  justify-content: space-around;
}
.buttons__group.orientation--vertical.cross-start {
  align-items: flex-start;
}
.buttons__group.orientation--vertical.cross-end {
  align-items: flex-end;
}
.buttons__group.orientation--vertical.stretch {
  align-items: stretch;
}
.buttons__group.orientation--vertical.evenly {
  justify-content: space-evenly;
}
.buttons__group.orientation--vertical.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.buttons__group.orientation--vertical.wrap {
  flex-wrap: wrap;
}
.buttons__group.orientation--vertical.grow {
  flex: 1;
}
.buttons__group.orientation--vertical .flex-half,
.buttons__group.orientation--vertical .flex-quarter,
.buttons__group.orientation--vertical .flex-sixth,
.buttons__group.orientation--vertical .flex-third,
.buttons__group.orientation--vertical .flex-two-third {
  box-sizing: border-box;
}
.buttons__group.orientation--vertical .flex-remaining-space {
  flex-grow: 1;
}
.buttons__group.orientation--vertical .flex-grow-1 {
  flex: 1 1;
}
.buttons__group.orientation--vertical .flex-grow-2 {
  flex: 2 1;
}
.buttons__group.orientation--vertical .flex-grow-3 {
  flex: 3 1;
}
.buttons__group.orientation--vertical .flex-grow-4 {
  flex: 4 1;
}
.buttons__group.orientation--vertical .flex-grow-5 {
  flex: 5 1;
}
.buttons__group.orientation--vertical .flex-grow-6 {
  flex: 6 1;
}
.buttons__group.orientation--vertical .flex-grow-7 {
  flex: 7 1;
}
.buttons__group.orientation--vertical .flex-grow-8 {
  flex: 8 1;
}
.buttons__group.orientation--vertical > button:first-of-type {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.buttons__group.orientation--vertical > button:last-of-type {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.buttons__group.orientation--vertical > button:not(:last-of-type):not(:first-of-type) {
  border-radius: 0 !important;
}
.buttons__group.orientation--vertical > button:not(:last-of-type) {
  border-bottom: none !important;
}
.template-card-modal .card-modal-component__container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 21000;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.25);
}
.template-card-modal .card-modal-component__container .lesson-card-lesson-results,
.template-card-modal .card-modal-component__container #arrangement-results-component {
  overflow-x: clip;
}
.template-card-modal .card-modal-component__container .lesson-card-lesson-results .table__regular thead,
.template-card-modal .card-modal-component__container #arrangement-results-component .table__regular thead {
  position: sticky;
  top: 0;
  z-index: 7;
  background-color: white;
}
.template-card-modal .card-modal-component__container .card-modal-component__close {
  position: absolute;
  right: 0.5rem;
  top: -5rem;
  font-size: 4rem;
  color: #ffffff;
  cursor: pointer;
}
.template-card-modal .card-modal-component__container .card-modal-component__close * {
  cursor: pointer;
}
.template-card-modal .card-modal-component__container .card-modal-component__wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.template-card-modal .card-modal-component__container .card-modal-component__wrapper .modal-flex {
  width: 100%;
  z-index: 21000;
  background-color: white;
  border-radius: 1rem;
  overflow-y: auto;
  line-height: 2rem;
  height: auto;
  max-width: 90%;
  position: relative;
}
.template-card-modal .card-modal-component__container .card-modal-component__wrapper .card-modal.modal-flex {
  width: 90%;
  min-height: calc(100vh - 10rem);
  height: auto;
  margin-top: 10rem;
  border-radius: 1rem 1rem 0 0;
  display: block;
  overflow: visible;
}
.template-card-modal .card-modal-component__container .card-modal-component__wrapper .card-modal.modal-flex .modal-flex {
  min-height: 10rem;
  border-radius: 1rem;
  margin-top: 0;
}
.template-color-picker .color-selection {
  display: flex;
}
.template-color-picker .color-selection .colors {
  width: 20.83333333rem;
}
.template-color-picker .color-selection .color-container {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  white-space: normal;
  z-index: 1;
}
.template-color-picker .color-selection .author-color-container {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  white-space: normal;
  z-index: 1;
  margin-bottom: 1.66666667rem;
}
.template-color-picker .color-selection .regular-colors-container {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  white-space: normal;
  z-index: 1;
}
.template-color-picker .color-selection .markers,
.template-color-picker .color-selection .pen-widths {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  white-space: normal;
  z-index: 1;
  width: 4.16666667rem;
}
.template-color-picker .color-selection .marker-color-wrapper {
  position: relative;
}
.template-color-picker .color-selection .input-type-icons {
  position: absolute;
  display: flex;
  z-index: 2;
  background-color: #fff;
  right: -0.20833333rem;
  top: -0.20833333rem;
  border-radius: 50%;
  box-shadow: 0 0 2px 0 rgba(42, 53, 65, 0.08), 0 2px 4px 0 rgba(42, 53, 65, 0.16);
  padding: 0.3125rem;
}
.template-color-picker .color-selection .input-type-icons .svg__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.template-color-picker .color-selection .input-type-icons.multi {
  border-radius: 37.5rem;
}
.template-color-picker .color-selection .input-type-icons.multi :first-child .svg__icon {
  margin-right: 0.20833333rem;
}
.template-color-picker .color-selection .color-circle {
  cursor: pointer;
  position: relative;
  width: 3.54166667rem;
  height: 3.54166667rem;
  padding: 0.3125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.template-color-picker .color-selection .color-circle .color-circle-outer {
  min-width: 3.125rem;
  width: 3.125rem;
  min-height: 3.125rem;
  height: 3.125rem;
  border-radius: 100%;
  border: 0.20833333rem solid transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.template-color-picker .color-selection .color-circle .color-circle-outer .color-circle-inner {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
}
.template-color-picker .color-selection .color-circle .color-circle-outer .color-circle-inner.border {
  border: 1px solid #aeb7c2;
}
.template-color-picker .color-selection .color-circle .color-circle-outer .color-circle-inner.transparent {
  border: 1px solid #aeb7c2;
  background: #fff;
  background: linear-gradient(45deg, #fff 0%, #fff 45%, #f00 45%, #f00 55%, #fff 55%, #fff 100%);
}
@media (hover: hover) and (pointer: fine) {
  .template-color-picker .color-selection .color-circle:hover .color-circle-outer {
    border: 0.20833333rem solid #bed8f4;
  }
}
.template-color-picker .color-selection .color-circle.is-selected .color-circle-outer {
  border: 0.20833333rem solid #277cd9;
}
.template-color-picker .color-selection .color-circle.disabled {
  opacity: 0.5;
  filter: grayscale(1);
  pointer-events: none;
}
.template-color-picker .color-selection .custom-color-selection {
  display: flex;
}
.template-color-picker .color-selection .custom-color-selection .custom-color-wrapper {
  position: relative;
  width: 4.16666667rem;
  height: 4.16666667rem;
}
.template-color-picker .color-selection .custom-color-selection .custom-color-wrapper .hide_selection {
  opacity: 0;
}
.template-color-picker .color-selection .custom-color-selection .custom-color-wrapper .hide_selection.disable {
  pointer-events: none;
}
.template-color-picker .color-selection .custom-color-selection .custom-color-wrapper .hide_selection input {
  cursor: pointer;
}
.template-color-picker .color-selection .custom-color-selection .custom-color-wrapper .custom-round-color {
  position: absolute;
  top: 0;
  left: 0;
}
.template-color-picker .color-selection .custom-color-selection .custom-color-wrapper .add_color {
  position: absolute;
  top: 0.83333333rem;
  left: 0.83333333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  pointer-events: none;
  background: #e9eaef;
  border-radius: 50%;
}
.template-color-picker .color-selection .custom-color-selection .custom-color-wrapper .add_color .flat__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.template-color-picker .color-selection .custom-color-selection .custom-color-wrapper .add_color .flat__icon .icon--graphics {
  fill: #8c99a8;
}
.template-color-picker .color-selection.element-styling .colors {
  width: 172px;
}
.template-color-picker .color-selection.element-styling .color-container {
  display: flex;
  flex-wrap: wrap;
  place-content: center center;
  white-space: nowrap;
}
.template-color-picker .color-selection.element-styling .color-circle {
  width: 24px;
  height: 24px;
  padding: 2px;
}
.template-color-picker .color-selection.element-styling .color-circle .color-circle-outer {
  min-width: 20px;
  width: 20px;
  min-height: 20px;
  height: 20px;
}
.template-color-picker .color-selection.element-styling .color-circle .color-circle-outer .color-circle-inner {
  width: 16px;
  height: 16px;
}
.template-color-picker .color-selection.element-styling .custom-color-selection .custom-color-wrapper {
  width: 24px;
  height: 24px;
  padding: 2px;
}
.template-color-picker .color-selection.element-styling .custom-color-selection .custom-color-wrapper .atom-input-color {
  width: 24px;
  height: 24px;
}
.template-color-picker .color-selection.element-styling .custom-color-selection .custom-color-wrapper .atom-input-color input {
  width: 24px;
  height: 24px;
}
.template-color-picker .color-selection.element-styling .custom-color-selection .custom-color-wrapper .add_color {
  width: 16px;
  height: 16px;
  top: 6px;
  left: 6px;
}
.template-color-picker .color-selection.element-styling .custom-color-selection .custom-color-wrapper .add_color .flat__icon {
  width: 8px;
  height: 8px;
}
.template-global-card .global-card-back {
  position: absolute;
  top: -5rem;
  color: #ffffff;
  line-height: 4rem;
  vertical-align: middle;
  font-size: 1.9rem;
  font-weight: 600;
  cursor: pointer;
}
.template-global-card .global-card-back .flat__icon {
  width: 1.7rem;
  height: 1.7rem;
  line-height: 4rem;
  display: inline-block;
  margin-right: 0.5em;
}
.template-global-card .global-card-back .flat__icon .icon--container {
  display: flex;
}
.template-global-card .global-card-back .flat__icon .icon--graphics {
  fill: #ffffff;
}
.template-global-card .global-card-header {
  height: 10rem;
  width: 100%;
  border-bottom: 1px solid #aeb7c2;
  border-radius: 1rem 1rem 0 0;
  background: #f5f5f8;
}
.template-global-card .global-card-header *:not(input):not(textarea) {
  -webkit-user-select: text;
          user-select: text;
}
.template-global-card .global-card-header.large-header {
  height: 15rem;
}
.template-global-card .global-card-header-title {
  font-size: 2.5rem;
  font-weight: bold;
  color: #2a3541;
  line-height: 1.1em;
}
.template-global-card .global-card-header-subtitle {
  font-size: 1.87rem;
  color: #2a3541;
  margin-top: 0.6rem;
  line-height: 1.1em;
}
.template-global-card .global-card-header-subtitle strong {
  font-weight: 600;
}
.template-global-card .global-card-content {
  background: #fff;
  min-height: calc(100vh - 20rem);
  width: 100%;
}
.template-global-card .global-card-content *:not(input):not(textarea) {
  -webkit-user-select: text;
          user-select: text;
}
.template-global-card .global-card-content.border-radius {
  border-radius: 1rem 1rem 0 0;
}
.template-global-card .card-loading-container {
  width: 100%;
  min-height: 30rem;
}
.template-global-card-yield .global-card-back {
  position: absolute;
  top: -5rem;
  color: #ffffff;
  line-height: 4rem;
  vertical-align: middle;
  font-size: 1.9rem;
  font-weight: 600;
  cursor: pointer;
}
.template-global-card-yield .global-card-back .flat__icon {
  width: 1.7rem;
  height: 1.7rem;
  line-height: 4rem;
  display: inline-block;
  margin-right: 0.5em;
}
.template-global-card-yield .global-card-back .flat__icon .icon--container {
  display: flex;
}
.template-global-card-yield .global-card-back .flat__icon .icon--graphics {
  fill: #ffffff;
}
.template-global-card-yield .global-card-header {
  height: 10rem;
  width: 100%;
  border-bottom: 1px solid #aeb7c2;
  border-radius: 1rem 1rem 0 0;
  background: #f5f5f8;
}
.template-global-card-yield .global-card-header *:not(input):not(textarea) {
  -webkit-user-select: text;
          user-select: text;
}
.template-global-card-yield .global-card-header.large-header {
  height: 15rem;
}
.template-global-card-yield .global-card-header-title {
  font-size: 2.5rem;
  font-weight: bold;
  color: #2a3541;
  line-height: 1.1em;
}
.template-global-card-yield .global-card-header-subtitle {
  font-size: 1.87rem;
  color: #2a3541;
  margin-top: 0.6rem;
  line-height: 1.1em;
}
.template-global-card-yield .global-card-header-subtitle strong {
  font-weight: 600;
}
.template-global-card-yield .global-card-content {
  background: #fff;
  min-height: calc(100vh - 20rem);
  width: 100%;
}
.template-global-card-yield .global-card-content *:not(input):not(textarea) {
  -webkit-user-select: text;
          user-select: text;
}
.template-global-card-yield .global-card-content.border-radius {
  border-radius: 1rem 1rem 0 0;
}
.template-global-card-yield .card-loading-container {
  width: 100%;
  min-height: 30rem;
}
.template-library-header {
  max-height: 15rem;
  z-index: 1;
  text-align: center;
  padding: 2.89rem 3.33333333rem;
  border-bottom: 1px solid #d1d3de;
}
.template-library-header .logo-wrapper img.gynzykids-logo {
  height: 4rem;
}
.template-library-header div.flex.flex-center {
  position: relative;
}
.template-library-header .buttons-header-right button {
  margin: 0 0.4rem;
}
.template-library-header .buttons-header-right button:last-child {
  margin: 0;
  margin-left: 0.4rem;
}
.template-library-header .buttons-header-right a {
  padding: 0.89rem 2.04rem;
  font-size: 1.66rem;
  min-height: 2.4rem;
  border-radius: 0.63rem;
  color: #556474;
  background-color: #e9eaef;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.15);
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  cursor: pointer;
  line-height: normal;
  box-sizing: content-box;
  margin: 0 0.4rem;
}
.template-library-header .buttons-header-right a:not(.desktop-button-disabled):hover {
  background-color: #f5f5f8;
}
.template-library-header .buttons-header-right a:not(.desktop-button-disabled):active {
  background-color: #d1d3de;
  color: rgba(255, 255, 255, 0.7);
}
.template-library-header .buttons-header-right a.desktop-button-disabled {
  opacity: 0.5;
  cursor: default;
}
.template-library-header .mobile-buttons.flex {
  display: none;
}
.template-library-header .mobile-buttons,
.template-library-header .desktop-buttons {
  position: absolute;
  right: 0;
}
.template-loading-screen {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.template-loading-screen img.logo {
  width: 28rem;
}
.template-loading-screen .loader {
  position: relative;
  width: 21rem;
  border-radius: 0.20833333rem;
  padding: 0.10416667rem;
  background: #d1d3de;
  margin-top: 2.1875rem;
  overflow: hidden;
}
.template-loading-screen .loader .loader-bar {
  position: absolute;
  inset: 0 0 0 -20%;
  border-radius: 0.20833333rem;
  background: #06c;
  animation: borealisBar 1.75s linear infinite;
  width: 20%;
}
@keyframes borealisBar {
  0% {
    left: -20%;
  }
  50% {
    left: 100%;
  }
  100% {
    left: -20%;
  }
}
.template-page-header {
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: center;
  height: 6.25rem;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #d1d3de;
  box-sizing: border-box;
  padding: 0 0.83333333rem 0 1.66666667rem;
  z-index: 5;
  min-width: 0;
}
.template-page-header.audience-student {
  justify-content: space-between;
}
.template-page-header.audience-student .page-header__title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.template-page-header.middle-header {
  justify-content: space-between;
}
.template-page-header.middle-header .page-header__title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.template-page-header.audience-teacher .page-header__aside {
  margin-left: auto;
}
.template-page-header.audience-teacher .button-left button {
  margin-right: 1.5rem;
}
@media print {
  .template-page-header {
    display: none;
  }
}
.template-page-header .button-left .logout-button {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 0.83333333rem;
  background-color: white;
}
.template-page-header .button-left .logout-button .styleguide.flat__icon {
  width: 2.08333333rem;
  height: 2.08333333rem;
}
.template-page-header .button-left .logout-button .styleguide.flat__icon .icon--graphics {
  fill: #556474;
}
.template-page-header .button-left .logout-button span {
  text-decoration: none;
  color: #556474;
  font-size: 1.66666667rem;
  font-family: 'Open Sans', sans-serif;
}
.template-page-header .button-left .logout-button:hover .styleguide.flat__icon .icon--graphics {
  fill: #6b7c8e;
}
.template-page-header .button-left .logout-button:hover span {
  color: #6b7c8e;
}
.template-page-header .button-left .logout-button:active .styleguide.flat__icon .icon--graphics {
  fill: #3f4c5a;
}
.template-page-header .button-left .logout-button:active span {
  color: #3f4c5a;
}
.template-page-header .page-header__title {
  max-width: 70%;
  height: 3.75rem;
  font-family: var(--font-family-header);
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 3.75rem;
  color: #2a3541;
  display: flex;
  text-align: center;
  word-break: break-word;
}
.template-page-header .page-header__title .header-title {
  display: flex;
  align-items: center;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.template-page-header .page-header__title .header-title .header-title__text {
  text-overflow: ellipsis;
  overflow: hidden;
}
.template-page-header .page-header__title .header-title .header-title__svg-icon,
.template-page-header .page-header__title .header-title .header-title__icon {
  height: 3.33333333rem;
  width: 3.33333333rem;
  margin-right: 0.83333333rem;
}
.template-page-header .page-header__title .header-title .header-title__svg-icon .styleguide.svg__icon,
.template-page-header .page-header__title .header-title .header-title__icon .styleguide.svg__icon,
.template-page-header .page-header__title .header-title .header-title__svg-icon img,
.template-page-header .page-header__title .header-title .header-title__icon img {
  height: 3.33333333rem;
  width: 3.33333333rem;
}
.template-page-header .page-header__aside {
  display: flex;
  align-items: center;
  height: 100%;
}
.template-page-header .page-header__aside .page-header__group-buttons {
  display: flex;
  align-items: center;
  height: 6.25rem;
}
.template-page-header .page-header__aside .page-header__group-buttons .button-close {
  margin-left: 1.5rem;
}
.template-section-component {
  position: relative;
  border-radius: 1.66666667rem;
  border: 1px solid var(--border-default);
  height: auto;
  margin: 4.16666667rem 0;
}
.template-section-component h3 {
  font-size: 2.08333333rem;
  color: var(--text-header);
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0;
  line-height: 3.33333333rem;
  margin: 1.66666667rem 2.5rem;
}
.template-section-component .template-section-button {
  position: absolute;
  right: 1.66666667rem;
  top: 1.66666667rem;
}
.template-section-component table {
  border-bottom-left-radius: 1.66666667rem;
  border-bottom-right-radius: 1.66666667rem;
}
.empty-state-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
  justify-content: center;
  text-align: center;
}
.empty-state-placeholder .empty-state-placeholder__icon {
  height: 8.33333333rem;
  width: 8.33333333rem;
  margin-bottom: 1.66666667rem;
}
.empty-state-placeholder h3.empty-state-placeholder__title {
  font-size: 2.08333333rem;
  line-height: 3.125rem;
  font-weight: 600;
}
.empty-state-placeholder div.empty-state-placeholder__body {
  margin: 1.25rem 0;
}
.empty-state-placeholder div.empty-state-placeholder__body p {
  font-size: 1.66666667rem;
  line-height: 2.5rem;
  color: #556474;
  margin-bottom: 0;
}
.empty-state-placeholder .button-group {
  margin-top: 2.08333333rem;
  display: flex;
}
.empty-state-placeholder .button-group .button-divider {
  font-size: 1.66666667rem;
  color: #556474;
}
.empty-state-placeholder .button-group .google-classroom-icon {
  margin-right: 0.41666667rem;
}
.empty-state-placeholder .button-group .google-classroom-icon.disabled {
  opacity: 0.5;
}
.empty-state-placeholder .button-group .google-classroom-icon .svg__icon {
  width: 4.16666667rem;
  height: 4.16666667rem;
}
.empty-state-placeholder .button-group .button__regular {
  margin: 0 0.625rem;
}
.empty-state-placeholder .button-group .styleguide__tooltip {
  width: 1.25rem;
}
.unverified-alert-component {
  width: 100%;
  padding: 0 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-align: left;
}
.board-lessons .unverified-alert-component {
  margin-left: 50%;
  transform: translate(-50%);
  width: 96rem;
  position: absolute;
  z-index: 999;
  -webkit-user-select: none;
          user-select: none;
}
.unverified-alert-component .unverified-alert {
  font-size: 1.25rem;
  display: flex;
  justify-content: space-between;
}
.unverified-alert-component .unverified-alert .unverified-alert__content {
  flex: 1;
}
.unverified-alert-component .unverified-alert .flat__icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1.04166667rem;
}
.unverified-alert-component .unverified-alert .flat__icon .icon--graphics {
  fill: #fff;
}
.unverified-alert-component .unverified-alert .unverified-alert__link {
  font-weight: 600;
}
.unverified-alert-component .unverified-alert .unverified-alert__link a {
  margin-left: 0.52083333rem;
  text-decoration: underline;
  cursor: pointer;
}
.teacher-profile-page {
  height: 100%;
  overflow: auto;
}
.teacher-profile-page .profile-modal .modal__dialog-content {
  width: 52.08333333rem;
  color: var(--text-paragraph, #556474);
  font-feature-settings: 'liga' off, 'clig' off;
  /* paragraph/default */
  font-family: 'Open Sans';
  font-size: 1.66666667rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.teacher-profile-page .legacy-pricing-alert {
  margin-top: 1.66666667rem;
  width: -moz-fit-content;
  width: fit-content;
  color: #556474;
  font-size: 1.5625rem;
  line-height: 1.5;
}
.teacher-profile-page .teacher-profile-route .unverified-alert {
  margin-bottom: 1.66666667rem;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section {
  margin: 2.08333333rem;
  border: 1px solid #d1d3de;
  border-radius: 0.5rem;
  padding: 1.66666667rem;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .section__title {
  color: #3f4c5a;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.875rem;
  font-weight: 600;
  padding-bottom: 3.125rem;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .sub-section__title {
  color: #556474;
  font-size: 1.66rem;
  font-weight: 600;
  line-height: 3;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section {
  display: flex;
  align-items: flex-end;
  padding-bottom: 1.5625rem;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section.admin-notifications .flex {
  gap: 1.66666667rem;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section.admin-notifications p {
  padding-top: 1.25rem;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section.password-line {
  align-items: flex-start;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section.password-line .input-field__error-message {
  margin-right: 3.125rem;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section.name-line {
  align-items: flex-start;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section.name-line .input-field__error-message {
  margin-right: 1.04166667rem;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section input[type='text'] {
  width: 20.83333333rem;
  margin-right: 1.04166667rem;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .input-field__label {
  font-weight: 600;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .profile_email input {
  width: 42.70833333rem;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .profile_password,
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .profile_email {
  display: flex;
  flex-direction: column;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .dropdown__basic,
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .profile_password input {
  width: 32.29166667rem;
  margin-right: 3.125rem;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .teacher-profile-school-search {
  width: 67.70833333rem;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .teacher-profile-school__close-school-search {
  color: #277cd9;
  font-size: 1.5625rem;
  padding: 1rem 0;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .teacher-profile-school-name-wrapper {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .teacher-profile-link-school {
  display: flex;
  align-items: center;
  /* Centers the items vertically if needed */
  gap: 0.5rem;
  /* Optional: Adds some space between the icon and text */
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .teacher-profile-control-buttons {
  display: flex;
  align-items: center;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .teacher-profile-control-buttons > * {
  margin-right: 1rem;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .error-message {
  padding-top: 1rem;
  color: red;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .button-info {
  margin-bottom: 1rem;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .subscription-label {
  display: flex;
  align-items: center;
  height: 2.5rem;
  padding: 0 1.25rem;
  border-radius: 1.25rem;
  color: white;
  font-size: 1.25rem;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #277cd9;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .subscription-label.trial {
  background-color: #fd8b1d;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .subscription-info-text {
  margin-left: 1.66666667rem;
  color: #556474;
  font-style: italic;
  font-size: 1.66666667rem;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .subscription-manage-link {
  padding-top: 0.83333333rem;
  font-size: 1.66666667rem;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .subscription-container {
  justify-content: space-between;
  align-items: center;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .subscription-content {
  flex: 1;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .subscription-action {
  flex-shrink: 0;
  padding-left: 3.33333333rem;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .button__icon__label {
  display: flex;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .button__icon__label .actionable-link {
  text-decoration: none;
  color: #277cd9;
  font-weight: 600;
  transition: all 0.15s ease;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .button__icon__label .actionable-link:hover {
  color: #4e92ff;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .button__icon__label .flat__icon {
  height: 1.45833333rem;
  width: 1.45833333rem;
  margin: 0 0.52083333rem 0 1.04166667rem;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-sub-section .button__icon__label .flat__icon .icon--graphics {
  fill: #277cd9;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-linked-account-section {
  display: flex;
  align-items: center;
  width: 70rem;
  padding: 2.5rem;
  border: 1px solid #d1d3de;
  border-radius: 1.66666667rem;
  margin-bottom: 1.45833333rem;
  gap: 1.66666667rem;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-linked-account-section p {
  line-height: 1.7;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-linked-account-section:last-child {
  margin-bottom: 0;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-linked-account-section .teacher-profile-linked-account-icon {
  justify-content: center;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-linked-account-section .teacher-profile-linked-account-icon .svg__icon {
  width: 6rem;
  height: 6rem;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-linked-account-section .teacher-profile-linked-account-info .teacher-profile-linked-account-info-texts {
  margin: 0;
  display: flex;
  flex-direction: column;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-linked-account-section .teacher-profile-linked-account-info .teacher-profile-linked-account-info-texts .teacher-profile-linked-account-info-name {
  font-size: 1.66666667rem;
  font-weight: 600;
  line-height: 2.5rem;
  color: #2a3541;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-linked-account-section .teacher-profile-linked-account-info .teacher-profile-linked-account-info-texts .teacher-profile-linked-account-info-description {
  font-size: 1.25rem;
  line-height: 2.08333333rem;
  color: #556474;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-linked-account-section .teacher-profile-linked-account-buttons {
  margin-left: auto;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-info {
  background-color: #f5f5f8;
  border-radius: 0.52083333rem;
  margin-right: 2rem;
  padding: 1.5rem;
  font-size: 1.5625rem;
  font-style: normal;
  line-height: 1.66666667rem;
  color: #556474;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-info.approved {
  display: flex;
  background-color: #dbfbd7;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-info.approved .flat__icon {
  margin: 0 0.5rem;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-info.approved .flat__icon .icon--graphics {
  fill: #167b0c;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-info.approved span {
  color: #167b0c;
  font-weight: 600;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-info.warn {
  background-color: #fff7e5;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-info.warn span {
  font-style: italic;
  font-weight: 600;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-info.error {
  background-color: #fef1f1;
  height: auto;
  text-align: left;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-info.error span {
  color: #c61017;
  font-weight: 600;
}
.teacher-profile-page .teacher-profile-route .teacher-profile-section .teacher-profile-linked-account-error {
  display: flex;
  background-color: #fef1f1;
  border-radius: 0.5rem;
  margin: 0 0.5rem;
  margin-top: 0.5rem;
  padding: 1.5rem;
  font-weight: 600;
  font-size: 1.5625rem;
  color: #c61017;
}
.teacher-profile-error {
  width: 100%;
}
.teacher-profile-error .teacher-profile-error-container {
  width: 43.75rem;
}
.country-item-rtl {
  direction: rtl;
  text-align: right;
}
.modal-dialog-web-only-modal .modal__dialog-content {
  margin: 0 1.66666667rem;
  width: 58.33333333rem;
  animation: fadeIn 0.3s ease-in-out;
}
.modal-dialog-web-only-modal .modal__dialog-content .modal__dialog-yield {
  padding: 3.33333333rem;
}
.modal-dialog-web-only-modal .modal__dialog-content .modal__dialog-yield .image-container {
  width: 31.25rem;
  height: auto;
  align-self: center;
}
.modal-dialog-web-only-modal .modal__dialog-content .modal__dialog-yield .image-container .svg__icon {
  width: 100%;
  height: 100%;
}
.modal-dialog-web-only-modal .modal__dialog-content .modal__dialog-yield h2 {
  font-size: 2.5rem;
  font-weight: 600;
  font-family: var(--font-family-header);
}
.modal-dialog-web-only-modal .modal__dialog-content .modal__dialog-buttons {
  border-top: none;
  padding-top: 0;
}
.modal-dialog-web-only-modal .web-only-container {
  display: flex;
  flex-direction: column;
  gap: 3.33333333rem;
}
.modal-dialog-web-only-modal .web-only-container .dropdown-container {
  width: 26.45833333rem;
  margin-bottom: -1.66666667rem;
}
.school-label {
  display: flex;
  flex-direction: row;
  background-color: #f5f5f8;
  border-radius: 0.52083333rem;
  margin: 0 1.04166667rem 1.04166667rem 0;
  line-height: 2.5rem;
  padding: 1.66666667rem;
  font-size: 1.66666667rem;
  white-space: nowrap;
  width: 42.5rem;
  cursor: default;
}
.school-label .school-label__data {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  min-width: 100%;
  gap: 2.08333333rem;
}
.school-label .school-label__data .school {
  font-size: 1.66666667rem;
  line-height: 2.5rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.school-label .school-label__data .school-info {
  flex-direction: row;
  display: flex;
  gap: 1.25rem;
  max-width: 100%;
  min-width: 100%;
}
.school-label .school-label__data .school-info .school-info-icon {
  width: 5rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.school-label .school-label__data .school-info .school-info-icon .svg__icon {
  height: 4.16666667rem;
  width: 4.16666667rem;
}
.school-label .school-label__data .school-info .school-info-container {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  overflow: hidden;
}
.school-label .school-label__data .school-info .school-info-actions {
  margin-left: auto;
}
.school-label .school-label__data .school-info .school-info-actions .center-vertically {
  align-content: center;
  height: 100%;
}
.school-label .school-label__data .school-info-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
}
.school-label .school-label__data .address,
.school-label .school-label__data .type,
.school-label .school-label__data .external-identifier {
  font-size: 1.25rem;
  line-height: 2.08333333rem;
  white-space: nowrap;
  /* Prevents the text from wrapping */
  overflow: hidden;
  /* Hides overflowed text */
  text-overflow: ellipsis;
  /* Adds ellipsis when the text is too long */
  max-width: 100%;
  /* Ensures it doesn’t exceed the container's width */
  display: inline-block;
  /* Necessary for ellipsis to work on inline elements */
}
.school-label .school-label__data .school-info-status {
  font-size: 1.25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.school-label .school-label__data .school-info-status .active-label {
  font-size: 1.04166667rem;
  margin-left: 0.83333333rem;
  display: flex;
  height: 2.08333333rem;
  padding: 0.41666667rem 0.83333333rem;
  justify-content: center;
  align-items: center;
  border-radius: 2.5rem;
  background-color: #28759f;
  color: white;
}
.school-label .school-label__data .school-info-status > .flat__icon {
  height: 1.66666667rem;
  width: 1.66666667rem;
  margin: 0 0.52083333rem 0 1.04166667rem;
}
.school-label .school-label__data .school-info-status > .flat__icon .icon--graphics {
  fill: #ce6e0d;
}
.school-label .school-label__data .school-info-subscriptions-container {
  display: flex;
  flex-direction: column;
  gap: 0.41666667rem;
}
.school-label .school-label__data .school-info-subscriptions-container .school-info-subscription-container {
  font-size: 1.25rem;
  display: flex;
  flex-direction: row;
}
.school-label .school-label__data .school-info-subscriptions-container .school-info-subscription-container .school-info-subscription-header--hidden {
  color: transparent;
}
.school-label .school-label__data .school-info-subscriptions-container .school-info-subscription-container .school-info-subscription {
  display: flex;
  flex-direction: row;
  gap: 0.41666667rem;
  margin-left: 0.41666667rem;
  align-items: center;
}
.school-label .school-label__data .school-info-subscriptions-container .school-info-subscription-container .school-info-subscription .svg__icon {
  width: 1.66666667rem;
  height: 1.66666667rem;
}
.school-label .school-label__data .school-info-subscriptions-container .school-info-subscription-container .school-info-subscription .icon__info-round {
  width: 1.66666667rem;
  height: 1.66666667rem;
  cursor: pointer;
}
.school-label .school-label__data .school-info-subscriptions-container .school-info-subscription-container .school-info-subscription .icon__info-round .icon--graphics {
  fill: #1f5e7f;
}
.school-label .school-label__data .school-info-subscriptions-container .school-info-subscription-container .school-info-subscription .ember-tooltip {
  pointer-events: initial;
}
.school-label .school-label__data .school-info-subscriptions-container .school-info-subscription-container .school-info-subscription .ember-tooltip a {
  color: #ffffff;
  text-decoration: underline;
  font-size: 1.25rem;
  line-height: 2.08333333rem;
}
.school-label .school-label__data .school-info-subscriptions-container .school-info-subscription-container .school-info-subscription .ember-tooltip a:hover {
  opacity: 0.8;
}
.school-label .school-label__data .school-info-subscriptions-container .school-info-subscription-none {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1.66666667rem;
  gap: 0.83333333rem;
  background-color: #d4eefc;
  color: #1a455b;
  font-size: 1.25rem;
  line-height: 2.08333333rem;
  border-radius: 0.83333333rem;
}
.school-label .school-label__data .school-info-subscriptions-container .school-info-subscription-none .school-info-subscription-none-description {
  white-space: normal;
  word-break: break-word;
}
.school-label .school-label__data .school-info-subscriptions-container .school-info-subscription-none .school-info-subscription-none-description a {
  text-decoration: underline;
  color: #1a455b;
}
.school-label .school-label__data .school-info-subscriptions-container .school-info-subscription-none .icon--graphics {
  fill: #1a455b;
}
.school-label .school-label__data .status-message {
  white-space: nowrap;
  /* Prevents the text from wrapping */
  overflow: hidden;
  /* Hides overflowed text */
  text-overflow: ellipsis;
  /* Adds ellipsis when the text is too long */
  max-width: 100%;
  color: #ce6e0d;
}
.school-label__view-administrators-button {
  width: 100%;
}
.school-label__divider {
  height: 1px;
  width: 100%;
  background-color: var(--color-ghost);
}
.school-label__profile-settings {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.school-label__setting-section-title {
  font-weight: 600;
}
.school-label__setting-title {
  font-size: 1.25rem;
}
.school-label__setting-section-title + .school-label__setting-value,
.school-label__setting-title {
  margin-top: 0.83333333rem;
}
.school-label__setting-value {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
}
.school-label__setting-value > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-shrink: 1;
}
.school-label .school-label__button--delete {
  overflow: visible;
  cursor: pointer;
}
.school-label .school-label__button--close {
  cursor: pointer;
}
.school-label .school-label__button--close .flat__icon .icon--graphics {
  fill: #556474;
}
.school-label.approved {
  border: 0.10416667rem solid;
  background-color: #ffffff;
  border-color: #d1d3de;
}
.school-label.approved .school-label__data .school-info-status > .flat__icon .icon--graphics {
  fill: #167b0c;
}
.school-label.approved .status-message {
  color: #167b0c;
}
.school-label.active {
  border: 0.20833333rem solid;
  background-color: #effaff;
  border-color: #1f5e7f;
  cursor: default;
}
.school-administrators-modal .modal__dialog-content {
  width: 78.125rem;
}
.school-administrators-modal .modal__component .modal__dialog-content .modal__component-header {
  font-size: 3.33333333rem;
  font-weight: 500;
  line-height: 5rem;
  letter-spacing: 0.02083333rem;
}
.school-administrators-modal__content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.school-administrators-modal__content > p.school-administrators-modal__description {
  font-size: 1.66666667rem;
  line-height: 2.5rem;
  color: #556474;
  margin-bottom: 0;
}
.school-administrators-modal__loading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.5rem;
}
.school-administrators-modal__error,
.school-administrators-modal__empty {
  font-size: 1.45833333rem;
  line-height: 2.08333333rem;
  color: #556474;
  text-align: center;
  padding: 1.66666667rem;
}
.school-administrators-modal__table {
  border-radius: 0.83333333rem;
  max-height: 50vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.school-administrators-modal__table-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex-shrink: 0;
}
.school-administrators-modal__table-header .school-administrators-modal__table-cell {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.875rem;
  color: #556474;
  padding: 1.25rem;
  border-bottom: 0.10416667rem solid #d1d3de;
}
.school-administrators-modal__table-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow-y: auto;
}
.school-administrators-modal__table-row {
  display: contents;
}
.school-administrators-modal__table-cell {
  font-size: 1.66666667rem;
  line-height: 2.5rem;
  color: #556474;
  padding: 1.25rem;
  overflow-wrap: break-word;
  word-break: break-word;
}
.grade-selection-component {
  position: relative;
  width: 100%;
  display: flex;
}
.grade-selection-component .grade-wrapper {
  margin-right: 2rem;
}
.fraction-character {
  font-size: 0.8em;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  margin: 0 0.3em;
  line-height: 1.1em;
}
.fraction-character .fraction-part {
  display: block;
}
.fraction-character .fraction-divider {
  height: 0.1em;
  border-bottom: 0.1em solid;
}
.icon-group-markdown__container {
  display: flex;
  flex-direction: column;
}
.icon-group-markdown__container .icon-group-markdown {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.icon-group-markdown__container .icon-group-markdown .icon {
  margin-right: 0.52083333rem;
}
.icon-group-markdown__container .icon-group-markdown .icon img {
  height: 1.875rem;
}
.icon-group-markdown__container .icon-group-markdown .text {
  text-align: left;
}
.nowrap {
  white-space: nowrap;
}
span.small-font {
  font-size: 75%;
}
.alternating-color {
  color: #256afd;
}
.alternating-color-2 {
  color: #ff7200;
}
.alternating-color-3 {
  color: #d000c3;
}
.alternating-color-4 {
  color: #afd441;
}
.alternating-color-5 {
  color: #fad20c;
}
.alternating-color-6 {
  color: #e64545;
}
.lesson-screenshot--markdown {
  display: inline-flex;
  width: auto;
}
.lesson-screenshot--markdown img {
  width: 20rem;
}
.primary-dark,
input[type='text'].primary-dark {
  background-color: #256afd;
}
.primary-light,
input[type='text'].primary-light {
  background-color: #a4c5f3;
}
.secondary-dark,
input[type='text'].secondary-dark {
  background-color: #ff7200;
}
.secondary-light,
input[type='text'].secondary-light {
  background-color: #f4bf86;
}
.tertiary-dark,
input[type='text'].tertiary-dark {
  background-color: #d000c3;
}
.tertiary-light,
input[type='text'].tertiary-light {
  background-color: #e1a2e9;
}
.quaternary-dark,
input[type='text'].quaternary-dark {
  background-color: #ecbf0d;
}
.quaternary-light,
input[type='text'].quaternary-light {
  background-color: #c7bd96;
}
.quinary-dark,
input[type='text'].quinary-dark {
  background-color: #00be00;
}
.senary-dark,
input[type='text'].senary-dark {
  background-color: #00a169;
}
.neutral,
input[type='text'].neutral {
  background-color: #fff;
}

/* arimo-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/arimo/arimo-v29-all-regular-1e3a0e94ba2bc8dcb88dd8a4d7e4cd08.woff2') format('woff2');
}
/* lexend-deca-regular - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-regular-5dc449bf89c8996180f0bf586f6370e7.woff2') format('woff2');
}
/* lexend-deca-500 - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 500;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-500-86663f8e4c24f0f64ebbcf94016b651a.woff2') format('woff2');
}
/* lexend-deca-600 - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 600;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-600-f70f8f823d24acc577ce02d800e1dd23.woff2') format('woff2');
}
/* mulish-regular - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-regular-c8802cd4edbbc28ae7c85e4374d3f924.woff2') format('woff2');
}
/* mulish-italic - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-italic-1db4ee7c71dfc060681293c00828e521.woff2') format('woff2');
}
/* mulish-700 - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-700-639ec8157b44583ea8ed7fad3d8dfeb0.woff2') format('woff2');
}
/* mulish-700italic - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-700italic-c5a3347dc8754ff8fda86531e03797a6.woff2') format('woff2');
}
/* open-sans-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-regular-c07cd0d1a063582245c8193d978f799b.woff2') format('woff2');
}
/* open-sans-italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-italic-d4e5cf548d6dedbed35fa9fd65b37ef0.woff2') format('woff2');
}
/* open-sans-600 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-600-b94f001b27f8c83057b118dff8d859cc.woff2') format('woff2');
}
/* open-sans-700 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-700-d03f336b3845249375499d014fa49b55.woff2') format('woff2');
}
/* open-sans-700italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-700italic-e6888e94f2367285f7776ed161bdb8ce.woff2') format('woff2');
}
/* open-sans-800 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-800-18f82823a9df95dec46891f281b3df46.woff2') format('woff2');
}
@font-face {
  font-family: 'ds-digi';
  src: url('../gynzy-styleguide/assets/fonts/ds-digi/ds-digi-839cd00f56360147c956a354753eaa07.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
.font-arial-bold {
  font-family: 'Arial';
  font-style: normal;
  font-weight: bold;
}
.font-open-sans {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
}
.font-open-sans-italic {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
}
.font-open-sans-semibold {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
}
.font-open-sans-bold {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
}
.font-open-sans-bold-italic {
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  font-weight: 700;
}
/* Group Colors */
/* ParnasSys */
/* Folders */
.flex {
  display: flex;
  flex-direction: row;
}
.flex.row {
  flex-direction: row;
}
.flex.flex-align-center {
  align-items: center;
  text-align: center;
}
.flex.column {
  flex-direction: column;
}
.flex.end {
  justify-content: flex-end;
}
.flex.start {
  justify-content: flex-start;
}
.flex.flex-center {
  justify-content: center;
}
.flex.between {
  justify-content: space-between;
}
.flex.around {
  justify-content: space-around;
}
.flex.cross-start {
  align-items: flex-start;
}
.flex.cross-end {
  align-items: flex-end;
}
.flex.stretch {
  align-items: stretch;
}
.flex.evenly {
  justify-content: space-evenly;
}
.flex.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.flex.wrap {
  flex-wrap: wrap;
}
.flex.grow {
  flex: 1;
}
.flex .flex-half,
.flex .flex-quarter,
.flex .flex-sixth,
.flex .flex-third,
.flex .flex-two-third {
  box-sizing: border-box;
}
.flex .flex-remaining-space {
  flex-grow: 1;
}
.flex .flex-grow-1 {
  flex: 1 1;
}
.flex .flex-grow-2 {
  flex: 2 1;
}
.flex .flex-grow-3 {
  flex: 3 1;
}
.flex .flex-grow-4 {
  flex: 4 1;
}
.flex .flex-grow-5 {
  flex: 5 1;
}
.flex .flex-grow-6 {
  flex: 6 1;
}
.flex .flex-grow-7 {
  flex: 7 1;
}
.flex .flex-grow-8 {
  flex: 8 1;
}
.letter__tile {
  display: flex;
  justify-content: center;
  align-items: center;
}
.letter__tile.audience--board {
  width: 56px;
  height: 56px;
}
.letter__tile.audience--student {
  width: 5.83333333rem;
  height: 5.83333333rem;
}
.letter__tile.letter {
  border-bottom: none;
  color: #2a3541;
}
.letter__tile.correct-letter {
  border-bottom: none;
  color: #1eaa10;
}
.letter__tile.incorrect-letter {
  text-decoration: underline;
  color: #ed1c24;
}
.letter-button {
  background-color: #277cd9;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  cursor: pointer;
  z-index: 10;
  position: relative;
}
.letter-button.audience--board {
  width: 48px;
  height: 48px;
  font-size: 24px;
  margin: 12px 6px 0;
  border-radius: 6px;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.15);
}
.letter-button.audience--board .state-icon {
  top: 6px;
  right: 6px;
}
.letter-button.audience--board .state-icon .icon {
  width: 8px;
  height: 8px;
}
.letter-button.audience--board.smaller {
  width: 40px;
  height: 40px;
  font-size: 20px;
  margin: 8px 4px 0;
}
.letter-button.audience--board.smaller .state-icon {
  top: 4px;
  right: 4px;
}
.letter-button.audience--board.smaller .state-icon .icon {
  width: 6px;
  height: 6px;
}
.letter-button.audience--student {
  width: 5rem;
  height: 5rem;
  font-size: 24 0.10416667rem;
  margin: 1.25rem 0.625rem 0;
  border-radius: 0.625rem;
  box-shadow: inset 0 -0.20833333rem 0 0 rgba(0, 0, 0, 0.15);
}
.letter-button.audience--student .state-icon {
  top: 0.625rem;
  right: 0.625rem;
}
.letter-button.audience--student .state-icon .icon {
  width: 0.83333333rem;
  height: 0.83333333rem;
}
.letter-button.letter-neutral:hover {
  background-color: #4e92ff;
}
.letter-button.letter-neutral:active {
  background-color: #2465ab;
}
.letter-button.letter-correct {
  background-color: #ffffff;
  outline: 1px solid #1eaa10;
  color: #1eaa10;
  box-shadow: none;
  position: relative;
}
.letter-button.letter-wrong {
  background-color: #ffffff;
  outline: 1px solid #ed1c24;
  color: #ed1c24;
  box-shadow: none;
  position: relative;
}
.letter-button .state-icon {
  position: absolute;
}
.letter-button .state-icon .icon.correct-icon svg .icon--graphics {
  fill: #1eaa10;
}
.letter-button .state-icon .icon.wrong-icon svg .icon--graphics {
  fill: #ed1c24;
}
.word__tile {
  display: flex;
  justify-content: space-between;
  width: -moz-fit-content;
  width: fit-content;
  /* Component test for word tile assumes a width of 64px */
}
.word__tile .letter--tile--container {
  display: flex;
  align-items: center;
}
.word__tile.audience--board {
  font-size: 56px;
}
.word__tile.audience--board .letter--tile--container {
  width: 56px;
  height: 56px;
  margin: 0 4px;
}
.word__tile.audience--student {
  font-size: 5.83333333rem;
}
.word__tile.audience--student .letter--tile--container {
  width: 5.83333333rem;
  height: 5.83333333rem;
  margin: 0 0.41666667rem;
}
.generator__container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.generator__container .generator__view-container {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  overflow: hidden;
}
.generator__container .generator__view-container .button--previous,
.generator__container .generator__view-container .button--next,
.generator__container .generator__view-container .button--speech {
  z-index: 2;
}
.generator__container .generator__view-container .button--speech {
  position: absolute;
}
.generator__container .generator__view-container .generator__view {
  position: relative;
  width: 230px;
  height: 160px;
  margin: 13px;
  padding: 11px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #6b7c8e;
  border-radius: 10px;
}
.generator__container .generator__view-container .generator__value {
  -webkit-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #2a3541;
  width: 100%;
  height: 100%;
  font-size: 120px;
}
.generator__container .generator__view-container .generator__value .font-size-4 {
  font-size: 90px;
}
.generator__container .generator__view-container .generator__value .font-size-5 {
  font-size: 80px;
}
.generator__container .generator__view-container .generator__value .font-size-6 {
  font-size: 70px;
}
.generator__container .generator__view-container .generator__value .font-size-7 {
  font-size: 60px;
}
.generator__container .generator__view-container .generator__value .font-size-8 {
  font-size: 50px;
}
.generator__container .generator__view-container .generator__value .font-size-9 {
  font-size: 45px;
}
.generator__container .generator__view-container .generator__value .open-sans-font {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
}
.generator__container .generator__view-container .generator__value .muli-font {
  font-family: 'Mulish';
  font-weight: 600;
}
.letter__box .letter--box--row {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.flatpickr-calendar.noCalendar.hasTime {
  width: 20.83333333rem !important;
  padding: 1.5625rem;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time.time24hr {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: none;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time.time24hr .numInputWrapper span {
  right: 2.39583333rem;
  transform: scale(1.5);
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time.time24hr .numInputWrapper span.arrowUp::after {
  bottom: 30%;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time.time24hr .numInputWrapper span.arrowDown::after {
  top: 30%;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time.time24hr .numInputWrapper input {
  text-align: center;
  margin: 0;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time.time24hr .flatpickr-time-separator {
  position: relative;
}
.modal-container.set-time-modal {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.modal-container.set-time-modal .student-container {
  width: 43.75rem;
}
.modal-container.set-time-modal .student-container .user-portrait-container {
  display: flex;
  justify-content: center;
}
.modal-container.set-time-modal .student-container .user-portrait__container.user-portrait--layout-circle {
  width: 9.16666667rem;
  height: 9.16666667rem;
}
.modal-container.set-time-modal .student-container .user-portrait__container.user-portrait--layout-rectangle-portrait {
  width: 6.875rem;
  height: 9.16666667rem;
}
.modal-container.set-time-modal .student-container .user-portrait__container.user-portrait--layout-rectangle-landscape {
  width: 9.16666667rem;
  height: 6.875rem;
}
.modal-container.set-time-modal .student-container .user-portrait__container .user-portrait__initials {
  font-size: 2.5rem;
  color: #fff;
  margin: 0;
  text-align: center;
}
.modal-container.set-time-modal .student-container .name {
  font-family: 'Open Sans', sans-serif;
  color: #566a7e;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.45833333rem;
  text-align: center;
  margin-top: 1.5625rem;
  margin-bottom: 0;
}
.modal-container.set-time-modal .input-container {
  display: flex;
  justify-content: center;
  margin-top: 3.125rem;
}
.modal-container.set-time-modal .input-container > div {
  width: 20.83333333rem;
  margin: 0 0.52083333rem;
}
.modal-container.set-time-modal .input-container .date-picker label {
  font-size: 1.6rem;
  font-weight: 600;
  color: #556474;
}
.modal-container.set-time-modal .input-container .date-picker .flat__icon .icon--graphics {
  fill: #8c99a8;
}
.attendance__container {
  height: 600px;
  display: flex;
  flex-direction: column;
}
.attendance__container .actions__container {
  display: flex;
  height: 40px;
  justify-content: space-between;
}
.attendance__container .actions__container::before {
  content: '';
  width: 208px;
  height: 40px;
}
.attendance__container .actions__container .all__present__button {
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  width: 208px;
  color: #556474;
  margin-left: 15px;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 1px #d1d3de;
  border-radius: 5px;
  background-color: #fff;
  display: flex;
  justify-content: center;
}
.attendance__container .actions__container .all__present__button.active {
  box-shadow: inset 0 0 0 2px #277cd9;
  background-color: rgba(39, 124, 217, 0.3);
}
.attendance__container .actions__container .all__present__button.active .icon__text__container p {
  color: #277cd9;
}
.attendance__container .actions__container .all__present__button.active .icon__text__container .flat__icon .icon--graphics {
  fill: #277cd9;
}
.attendance__container .actions__container .all__present__button .icon__text__container {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: space-evenly;
}
.attendance__container .actions__container .all__present__button .icon__text__container .icon__container {
  width: 23px;
  display: flex;
  justify-content: center;
}
.attendance__container .actions__container .all__present__button .icon__text__container p {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #556474;
  margin: auto;
}
.attendance__container .actions__container .all__present__button .icon__text__container .flat__icon {
  height: 13px;
}
.attendance__container .actions__container .all__present__button .icon__text__container .flat__icon .icon--graphics {
  fill: #556474;
}
.attendance__container .actions__container .toggle__buttons {
  width: 322px;
}
.attendance__container .actions__container .toggle__buttons .styleguide.button__toggle.gynzy {
  font-size: 16px;
  height: 40px;
}
.attendance__container .snackbar__container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  height: 24px;
  flex-shrink: 0;
}
.attendance__container .snackbar__container .snackbar {
  display: flex;
  justify-content: center;
  align-items: center;
  height: inherit;
  border-radius: 12px;
  background-color: #e9eaef;
  padding: 0 12px;
  color: #556474;
  transition: background-color 0.15s, color 0.15s, width 0.15s;
}
.attendance__container .snackbar__container .snackbar.positive {
  background-color: #1eaa10;
  color: #ffffff;
}
.attendance__container .snackbar__container .snackbar.positive .styleguide.flat__icon .icon--graphics {
  fill: #ffffff;
}
.attendance__container .snackbar__container .snackbar.hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 1s,
					opacity 1s linear;
}
.attendance__container .snackbar__container .snackbar .styleguide.flat__icon {
  width: 10px;
  height: 10px;
  margin-right: 8px;
}
.attendance__container .snackbar__container .snackbar .styleguide.flat__icon .icon--graphics {
  fill: #556474;
}
.attendance__container .snackbar__container .snackbar .snackbar-text {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
}
.attendance__container .students__container {
  display: grid;
  align-self: center;
  -webkit-user-select: none;
          user-select: none;
  margin-top: auto;
  bottom: 0;
  overflow: auto;
  margin-bottom: 16px;
}
.attendance__container .students__container .student-container-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.attendance__container .students__container.student-container--small {
  gap: 8px 12px;
}
.attendance__container .students__container.student-container--small.student-columns--10 {
  grid-template-columns: repeat(10, 112px);
}
.attendance__container .students__container.student-container--small.student-columns--9 {
  grid-template-columns: repeat(9, 112px);
}
.attendance__container .students__container.student-container--small.student-columns--8 {
  grid-template-columns: repeat(8, 112px);
}
.attendance__container .students__container.student-container--small.student-columns--7 {
  grid-template-columns: repeat(7, 112px);
}
.attendance__container .students__container.student-container--small.student-columns--6 {
  grid-template-columns: repeat(6, 112px);
}
.attendance__container .students__container.student-container--small.student-columns--5 {
  grid-template-columns: repeat(5, 112px);
}
.attendance__container .students__container.student-container--small.student-columns--4 {
  grid-template-columns: repeat(4, 112px);
}
.attendance__container .students__container.student-container--small.student-columns--3 {
  grid-template-columns: repeat(3, 112px);
}
.attendance__container .students__container.student-container--small.student-columns--2 {
  grid-template-columns: repeat(2, 112px);
}
.attendance__container .students__container.student-container--small.student-columns--1 {
  grid-template-columns: repeat(1, 112px);
}
.attendance__container .students__container.student-container--small .student__container {
  width: 112px;
  height: 120px;
}
.attendance__container .students__container.student-container--small .student__container .user-portrait__container.user-portrait--layout-circle {
  width: 64px;
  height: 64px;
}
.attendance__container .students__container.student-container--small .student__container .user-portrait__container.user-portrait--layout-rectangle-portrait {
  width: 48px;
  height: 64px;
}
.attendance__container .students__container.student-container--small .student__container .user-portrait__container.user-portrait--layout-rectangle-landscape {
  width: 64px;
  height: 48px;
}
.attendance__container .students__container.student-container--small .student__container .user-portrait__container .user-portrait__initials {
  font-weight: 600;
  font-size: 16px;
}
.attendance__container .students__container.student-container--small .student__container .name {
  margin-top: 2px;
  font-size: 12px;
  line-height: 18px;
}
.attendance__container .students__container.student-container--small .student__container .absence {
  margin-top: 2px;
  font-size: 10px;
  line-height: 16px;
}
.attendance__container .students__container.student-container--medium {
  gap: 16px 20px;
}
.attendance__container .students__container.student-container--medium.student-columns--9 {
  grid-template-columns: repeat(9, 114px);
}
.attendance__container .students__container.student-container--medium.student-columns--8 {
  grid-template-columns: repeat(8, 114px);
}
.attendance__container .students__container.student-container--medium.student-columns--7 {
  grid-template-columns: repeat(7, 114px);
}
.attendance__container .students__container.student-container--medium.student-columns--6 {
  grid-template-columns: repeat(6, 114px);
}
.attendance__container .students__container.student-container--medium.student-columns--5 {
  grid-template-columns: repeat(5, 114px);
}
.attendance__container .students__container.student-container--medium.student-columns--4 {
  grid-template-columns: repeat(4, 114px);
}
.attendance__container .students__container.student-container--medium.student-columns--3 {
  grid-template-columns: repeat(3, 114px);
}
.attendance__container .students__container.student-container--medium.student-columns--2 {
  grid-template-columns: repeat(2, 114px);
}
.attendance__container .students__container.student-container--medium.student-columns--1 {
  grid-template-columns: repeat(1, 114px);
}
.attendance__container .students__container.student-container--medium .student__container {
  width: 114px;
  height: 156px;
}
.attendance__container .students__container.student-container--medium .student__container .user-portrait__container.user-portrait--layout-circle {
  width: 88px;
  height: 88px;
}
.attendance__container .students__container.student-container--medium .student__container .user-portrait__container.user-portrait--layout-rectangle-portrait {
  width: 66px;
  height: 88px;
}
.attendance__container .students__container.student-container--medium .student__container .user-portrait__container.user-portrait--layout-rectangle-landscape {
  width: 88px;
  height: 66px;
}
.attendance__container .students__container.student-container--medium .student__container .user-portrait__container .user-portrait__initials {
  font-weight: 600;
  font-size: 24px;
}
.attendance__container .students__container.student-container--medium .student__container .name {
  margin-top: 8px;
  font-size: 14px;
  line-height: 20px;
}
.attendance__container .students__container.student-container--medium .student__container .absence {
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
}
.attendance__container .students__container.student-container--large {
  gap: 27px 16px;
}
.attendance__container .students__container.student-container--large.student-columns--8 {
  grid-template-columns: repeat(8, 140px);
}
.attendance__container .students__container.student-container--large.student-columns--7 {
  grid-template-columns: repeat(7, 140px);
}
.attendance__container .students__container.student-container--large.student-columns--6 {
  grid-template-columns: repeat(6, 140px);
}
.attendance__container .students__container.student-container--large.student-columns--5 {
  grid-template-columns: repeat(5, 140px);
}
.attendance__container .students__container.student-container--large.student-columns--4 {
  grid-template-columns: repeat(4, 140px);
}
.attendance__container .students__container.student-container--large.student-columns--3 {
  grid-template-columns: repeat(3, 140px);
}
.attendance__container .students__container.student-container--large.student-columns--2 {
  grid-template-columns: repeat(2, 140px);
}
.attendance__container .students__container.student-container--large.student-columns--1 {
  grid-template-columns: repeat(1, 140px);
}
.attendance__container .students__container.student-container--large .student__container {
  width: 140px;
  height: 188px;
}
.attendance__container .students__container.student-container--large .student__container .user-portrait__container.user-portrait--layout-circle {
  width: 112px;
  height: 112px;
}
.attendance__container .students__container.student-container--large .student__container .user-portrait__container.user-portrait--layout-rectangle-portrait {
  width: 84px;
  height: 112px;
}
.attendance__container .students__container.student-container--large .student__container .user-portrait__container.user-portrait--layout-rectangle-landscape {
  width: 112px;
  height: 84px;
}
.attendance__container .students__container.student-container--large .student__container .user-portrait__container .user-portrait__initials {
  font-weight: 600;
  font-size: 36px;
}
.attendance__container .students__container.student-container--large .student__container .name {
  margin-top: 8px;
  font-size: 16px;
  line-height: 24px;
}
.attendance__container .students__container.student-container--large .student__container .absence {
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
}
.attendance__container .students__container .student__container {
  cursor: pointer;
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: column;
}
.attendance__container .students__container .student__container.disabled {
  opacity: 0.5;
}
.attendance__container .students__container .student__container .avatar-container {
  position: relative;
}
.attendance__container .students__container .student__container .avatar-container button {
  position: absolute;
  bottom: 0;
  right: 0;
  border: 0;
}
.attendance__container .students__container .student__container .avatar-container.avatar-container--layout-rectangle-portrait button,
.attendance__container .students__container .student__container .avatar-container.avatar-container--layout-rectangle-landscape button {
  transform: translateX(50%);
}
.attendance__container .students__container .student__container .user-portrait-container {
  display: flex;
  justify-content: center;
}
.attendance__container .students__container .student__container .user-portrait__container {
  cursor: pointer;
}
.attendance__container .students__container .student__container[data-status='present'] .user-portrait__container {
  background: #fff;
}
.attendance__container .students__container .student__container[data-status='present'] .user-portrait__initials {
  font-weight: bold;
  color: #1eaa10;
}
.attendance__container .students__container .student__container[data-status='present'] .user-portrait__overlay {
  border: 4px solid #1eaa10;
  background: rgba(30, 170, 16, 0.15);
}
.attendance__container .students__container .student__container[data-status='absent'] .user-portrait__container {
  background: #fff;
}
.attendance__container .students__container .student__container[data-status='absent'] .user-portrait__initials {
  font-weight: bold;
  color: #ed1c24;
}
.attendance__container .students__container .student__container[data-status='absent'] .user-portrait__overlay {
  border: 4px solid #ed1c24;
  background: rgba(237, 29, 35, 0.15);
}
.attendance__container .students__container .student__container .name {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 0;
  color: #556474;
  text-align: center;
  max-width: 100%;
}
.attendance__container .students__container .student__container .name p {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.attendance__container .students__container .student__container .absence {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #8c99a8;
  max-width: 100%;
}
.attendance__container .students__container .student__container .absence p {
  margin: 0;
  text-align: center;
  line-height: 14px;
}
.attendence-tool__parnassys-missing {
  display: inline-block;
}
.attendence-tool__parnassys-missing p {
  margin: 0;
  line-height: 1.5;
  width: 65.83333333rem;
}
.attendence-tool__parnassys-missing p a {
  text-decoration: underline;
}
.gynzy__tools__base__tool.bar__chart .tool-content {
  display: flex;
  padding-top: 20px;
  pointer-events: none;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.gynzy__tools__base__tool.bar__chart .tool-content button,
.gynzy__tools__base__tool.bar__chart .tool-content .bar,
.gynzy__tools__base__tool.bar__chart .tool-content .bar__container {
  pointer-events: auto;
}
.gynzy__tools__base__tool.bar__chart .tool-content .left__buttons {
  display: flex;
  flex-direction: column;
  margin-right: 50px;
  margin-top: -22px;
  min-width: 40px;
  height: -moz-fit-content;
  height: fit-content;
}
.gynzy__tools__base__tool.bar__chart .tool-content .left__buttons button {
  margin: 6px 0;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container {
  display: flex;
  width: 100%;
  height: 100%;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .borders {
  background-color: white;
  border-left: 2px solid #6b7c8e;
  border-bottom: 2px solid #6b7c8e;
  width: 400px;
  height: 416px;
  position: absolute;
  margin-top: -16px;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .right__buttons {
  display: flex;
  margin-top: 24px;
  margin-right: -6px;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .right__buttons button {
  margin: 0 6px;
  flex-grow: 0;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .chart {
  width: 400px;
  height: 400px;
  padding-left: 12px;
  padding-right: 2px;
  margin-left: -12px;
  position: relative;
  background-image: linear-gradient(to bottom, rgba(107, 124, 142, 0.5) 2px, transparent 1px);
  background-size: 100% calc((100%) / var(--height) * var(--linesPer));
  flex-shrink: 0;
  display: flex;
  border-bottom: 2px solid rgba(107, 124, 142, 0.1);
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .bar__container {
  display: flex;
  align-items: flex-end;
  flex-grow: 1;
  max-width: 200px;
  cursor: pointer;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .bar__container .bar {
  width: 100%;
  margin-left: 2px;
  margin-right: 5px;
  height: calc(var(--bar-height) - 2px);
  cursor: grab;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .bar__container:nth-child(10n + 1) .bar {
  background-color: #e64545;
  border: 1px solid #6e1c1c;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .bar__container:nth-child(10n + 1) .bar:hover {
  background-color: #ee6868;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .bar__container:nth-child(10n + 2) .bar {
  background-color: #fa830c;
  border: 1px solid #57300a;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .bar__container:nth-child(10n + 2) .bar:hover {
  background-color: #ff962e;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .bar__container:nth-child(10n + 3) .bar {
  background-color: #fad20c;
  border: 1px solid #574a0a;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .bar__container:nth-child(10n + 3) .bar:hover {
  background-color: #ffdc2e;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .bar__container:nth-child(10n + 4) .bar {
  background-color: #59d640;
  border: 1px solid #28571e;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .bar__container:nth-child(10n + 4) .bar:hover {
  background-color: #75e260;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .bar__container:nth-child(10n + 5) .bar {
  background-color: #3fd4d4;
  border: 1px solid #1e5252;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .bar__container:nth-child(10n + 5) .bar:hover {
  background-color: #5ddfdf;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .bar__container:nth-child(10n + 6) .bar {
  background-color: #38a4de;
  border: 1px solid #1a455b;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .bar__container:nth-child(10n + 6) .bar:hover {
  background-color: #59b6e8;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .bar__container:nth-child(10n + 7) .bar {
  background-color: #3d61cc;
  border: 1px solid #1e2848;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .bar__container:nth-child(10n + 7) .bar:hover {
  background-color: #5a79d8;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .bar__container:nth-child(10n + 8) .bar {
  background-color: #8c41d9;
  border: 1px solid #3a1d58;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .bar__container:nth-child(10n + 8) .bar:hover {
  background-color: #a05fe3;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .bar__container:nth-child(10n + 9) .bar {
  background-color: #d941d9;
  border: 1px solid #581d58;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .bar__container:nth-child(10n + 9) .bar:hover {
  background-color: #e35fe3;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .bar__container:nth-child(10n) .bar {
  background-color: #d7428c;
  border: 1px solid #571e3a;
}
.gynzy__tools__base__tool.bar__chart .tool-content .flex__line__chart__container .chart__right__container .bar__container:nth-child(10n) .bar:hover {
  background-color: #e260a0;
}
@font-face {
  font-family: 'JollyGoodSans-Regular';
  src: url('../gynzy-styleguide/assets/fonts/jollygood/jollyregular-e31cf34865e6169b7491249b28957a58.woff2') format('woff2');
  font-style: normal;
  font-weight: normal;
}
.font-jolly-good-regular {
  font-family: 'JollyGoodSans-Regular';
  font-weight: 700;
}
.gynzy__tools__base__tool.birthday__cake .cake__container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 860px;
  height: 486px;
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview {
  position: absolute;
  width: 500px;
  height: 375px;
  left: calc(50% - 250px);
  top: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview * {
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview img {
  width: 100%;
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview.round-1 {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/cakes/round/round-1-6942eedce60d3d631bf242aa612ba85e.png');
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview.round-2 {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/cakes/round/round-2-a52f864f106c1efa89a86bb7d51e3746.png');
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview.round-3 {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/cakes/round/round-3-7c9ada084bc4bb92b6fa5aed3a881742.png');
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview.round-4 {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/cakes/round/round-4-9a261f478de00b290b63f020d1a3f402.png');
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview.round-5 {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/cakes/round/round-5-3ab59d10f15d9c5a5110334c239ebb70.png');
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview.round-6 {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/cakes/round/round-6-81a524f18f16d93a8043bba679e8b397.png');
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview.round-7 {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/cakes/round/round-7-b8ad2c4141b6240f53677affdbae0549.png');
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview.round-8 {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/cakes/round/round-8-b0ab23cb52e6a64167276b78d1e55473.png');
  background-size: 90%;
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview.round-9 {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/cakes/round/round-9-479e5e9097285704cd85343160029d99.png');
  background-size: 95%;
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview.round-10 {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/cakes/round/round-10-e47bace035f0340addd0c49e61be9180.png');
  background-size: 90%;
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview.round-11 {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/cakes/round/round-11-9c4b839baae091da998f99f80cb6f4c8.png');
  background-size: 90%;
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview.round-12 {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/cakes/round/round-12-9822a588a22bd53ff6daabe0aaf5060d.png');
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview .cake__name {
  position: absolute;
  height: 70px;
  width: 250px;
  top: 125px;
  left: 125px;
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview .cake__name svg {
  overflow: inherit;
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview .cake__name svg text {
  fill: #566bad;
  stroke: #fff;
  stroke-width: 1px;
  paint-order: stroke;
  transform: matrix(1, 0, 0, 0.75, 0, 9);
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview .cake__name.round-2 {
  top: 95px;
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview .cake__name.round-3 {
  top: 140px;
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview .cake__name.round-5,
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview .cake__name.round-6 {
  top: 150px;
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview .cake__name.round-7,
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview .cake__name.round-8,
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview .cake__name.round-9,
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview .cake__name.round-10,
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview .cake__name.round-11 {
  top: 110px;
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview .cake__candles {
  position: absolute;
  top: 25%;
  left: 50%;
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview .cake__candles .cake__candle_position {
  position: absolute;
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview .cake__candles .cake__candle_position .cake__candle {
  position: absolute;
  bottom: 0;
  left: -15px;
  width: 30px;
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview .cake__candles .cake__candle_position .cake__candle .flame_anim_default {
  position: absolute;
  top: -20px;
  height: 30px;
  left: 0;
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake__preview .cake__candles .cake__candle_position .cake__candle .flame_anim_smoke {
  position: absolute;
  top: -42px;
  left: 0;
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake_decorations {
  position: absolute;
  inset: 0;
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake_decorations * {
  -webkit-user-select: none;
          user-select: none;
}
.gynzy__tools__base__tool.birthday__cake .cake__container .cake_decorations .draggable-over * {
  pointer-events: none;
}
@keyframes burn-left {
  0%,
  100% {
    transform: rotate(-45deg) skew(-10deg, -10deg) scale(1);
  }
  30%,
  60% {
    transform: rotate(-44deg) skew(-12deg, -12deg) scale(1.01);
  }
}
@keyframes burn-right {
  0%,
  100% {
    transform: rotate(-45deg) skew(-10deg, -10deg) scale(1);
  }
  30%,
  60% {
    transform: rotate(-46deg) skew(-6deg, -6deg) scale(1.01);
  }
}
.is-done-or-celebrate .celebration .cake__container-celebration .celebration-cake {
  position: absolute;
}
.is-done-or-celebrate .celebration .cake__container-celebration .cake__preview {
  width: 500px;
  height: 375px;
  left: calc(50% - 250px);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}
.is-done-or-celebrate .celebration .cake__container-celebration .cake__preview * {
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.is-done-or-celebrate .celebration .cake__container-celebration .cake__preview img {
  width: 100%;
}
.is-done-or-celebrate .celebration .cake__container-celebration .celebration-decorations {
  inset: 0;
}
.cake__decoration__balloon {
  position: absolute;
  width: 220px;
  transform: translate(0, 0);
  will-change: transform;
  transition-timing-function: ease-in;
}
.cake__decoration__balloon .balloon__container {
  position: relative;
  height: 124px;
  width: auto;
  cursor: pointer;
}
.cake__decoration__balloon .balloon__container img {
  transform: translate(-50%, -50%);
  will-change: transform;
  position: absolute;
  top: 50%;
  left: 50%;
}
.cake__decoration__balloon .balloon__container img.show {
  visibility: visible;
}
.cake__decoration__balloon .balloon__container img.hide {
  display: none;
}
.gynzy__tools__base__tool.birthday__cake {
  height: 100%;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
  color: #556474;
  pointer-events: all;
}
.gynzy__tools__base__tool.birthday__cake.has-full-page-padding {
  padding: 24px;
}
.gynzy__tools__base__tool.birthday__cake.is-full-page .celebration {
  height: 660px;
}
.gynzy__tools__base__tool.birthday__cake.is-full-page .celebration .preview__design__container.preview__celebration__container {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}
.gynzy__tools__base__tool.birthday__cake.is-full-page .celebration .preview__design__container .preview__window {
  border: none;
  border-radius: 0;
}
.gynzy__tools__base__tool.birthday__cake.is-full-page .celebration .preview__design__container .preview__window .cake__preview__container .background-table {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  background-position: 50% 130%;
  background-repeat: no-repeat;
  background-size: contain;
}
.gynzy__tools__base__tool.birthday__cake .tool-content {
  display: flex;
  flex-direction: row;
  width: 100%;
  position: relative;
}
.gynzy__tools__base__tool.birthday__cake .tool-content .preview__design__container {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 832px;
  height: 554px;
}
.gynzy__tools__base__tool.birthday__cake .tool-content .preview__design__container.preview__celebration__container {
  height: 600px;
}
.gynzy__tools__base__tool.birthday__cake .tool-content .preview__design__container.preview__celebration__container .preview__window .cake__preview__container .background-table {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  background-position: 50% 140%;
  background-repeat: no-repeat;
  background-size: contain;
}
.gynzy__tools__base__tool.birthday__cake .tool-content .preview__design__container .preview__window {
  background: #ffffff;
  position: relative;
  border-radius: 4px;
  border: 1px solid #aeb7c2;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.gynzy__tools__base__tool.birthday__cake .tool-content .preview__design__container .preview__window .cake__preview__container {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}
.gynzy__tools__base__tool.birthday__cake .tool-content .preview__design__container .preview__window .cake__preview__container .background-table {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  background-position: 50% 220%;
  background-repeat: no-repeat;
  background-size: contain;
}
.gynzy__tools__base__tool.birthday__cake .tool-content .preview__design__container .preview__window .cake__preview__container.background_yellow {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/backgrounds/backgrounds_yellow-e98799b370f23b0e8ff291418f6a3741.png');
}
.gynzy__tools__base__tool.birthday__cake .tool-content .preview__design__container .preview__window .cake__preview__container.background_yellow .background-table {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/backgrounds/backgrounds_yellow_table-5ed2fd735211719656ea0557e4041662.png');
}
.gynzy__tools__base__tool.birthday__cake .tool-content .preview__design__container .preview__window .cake__preview__container.background_salmon {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/backgrounds/backgrounds_salmon-7589754b002fb71e233776b01f97d6fc.png');
}
.gynzy__tools__base__tool.birthday__cake .tool-content .preview__design__container .preview__window .cake__preview__container.background_salmon .background-table {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/backgrounds/backgrounds_salmon_table-1e52e88c12f18053c597be9e5538428e.png');
}
.gynzy__tools__base__tool.birthday__cake .tool-content .preview__design__container .preview__window .cake__preview__container.background_purple {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/backgrounds/backgrounds_purple-d90a89de8426d0af7e1248f700846d1f.png');
}
.gynzy__tools__base__tool.birthday__cake .tool-content .preview__design__container .preview__window .cake__preview__container.background_purple .background-table {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/backgrounds/backgrounds_purple_table-00c5a7069c78f55a0233609a9f5d8201.png');
}
.gynzy__tools__base__tool.birthday__cake .tool-content .preview__design__container .preview__window .cake__preview__container.background_pink {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/backgrounds/backgrounds_pink-18911fff7d371a811be41bf4f65539eb.png');
}
.gynzy__tools__base__tool.birthday__cake .tool-content .preview__design__container .preview__window .cake__preview__container.background_pink .background-table {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/backgrounds/backgrounds_pink_table-d218faa0736a3c38ddaaa6bf80472422.png');
}
.gynzy__tools__base__tool.birthday__cake .tool-content .preview__design__container .preview__window .cake__preview__container.background_green {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/backgrounds/backgrounds_green-1901f3134099462ac77073c162116e1d.png');
}
.gynzy__tools__base__tool.birthday__cake .tool-content .preview__design__container .preview__window .cake__preview__container.background_green .background-table {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/backgrounds/backgrounds_green_table-8d3d0a773ea6fb9709a6eed95ec86b85.png');
}
.gynzy__tools__base__tool.birthday__cake .tool-content .preview__design__container .preview__window .cake__preview__container.background_blue {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/backgrounds/backgrounds_blue-adcb7d518c036747eac5c8ce50c07e4e.png');
}
.gynzy__tools__base__tool.birthday__cake .tool-content .preview__design__container .preview__window .cake__preview__container.background_blue .background-table {
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/backgrounds/backgrounds_blue_table-f75e3cc8626640acc5394d469e2106a3.png');
}
.gynzy__tools__base__tool.birthday__cake .tool-content .preview__design__container .preview__window .cake__preview__container .cake__garlands {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../gynzy-tools/assets/tools/birthday-cake/images/room-decorations/slingers-5ad7958b06d462c638cf8085919cbeee.png');
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}
.gynzy__tools__base__tool.birthday__cake .tool-content .preview__design__container .preview__window .plyr__container {
  width: 300px;
  z-index: 2;
  top: 10px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
.gynzy__tools__base__tool.birthday__cake .tool-content .preview__design__container .design__selection__window {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #aeb7c2;
  margin-top: 16px;
  height: 104px;
  overflow: auto;
  padding: 0 8px;
}
.gynzy__tools__base__tool.birthday__cake .tool-content .preview__design__container .design__selection__window .decoration__selection {
  display: flex;
  align-items: center;
  overflow: auto;
  gap: 4px;
  height: 100%;
}
.gynzy__tools__base__tool.birthday__cake .tool-content .preview__design__container .cake__decoration__image {
  height: 50px;
  margin: 0 4.8px;
  cursor: inherit;
}
.gynzy__tools__base__tool.birthday__cake .tool-content .name__age__container {
  width: 100%;
  height: 554px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border: 1px solid #aeb7c2;
  margin-left: 16px;
  border-radius: 4px;
  background-color: #ffffff;
}
.gynzy__tools__base__tool.birthday__cake .tool-content .name__age__container label {
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
}
.gynzy__tools__base__tool.birthday__cake .tool-content .name__age__container .name__container,
.gynzy__tools__base__tool.birthday__cake .tool-content .name__age__container .age__container,
.gynzy__tools__base__tool.birthday__cake .tool-content .name__age__container .song__container {
  margin-bottom: 24px;
}
.gynzy__tools__base__tool.birthday__cake .tool-content .name__age__container .name__container,
.gynzy__tools__base__tool.birthday__cake .tool-content .name__age__container .song__container {
  max-width: 320px;
  font-size: 16px;
}
.gynzy__tools__base__tool.birthday__cake .tool-content .name__age__container .age__container .display__timer {
  font-size: 20px;
  height: 40px;
}
.gynzy__tools__base__tool.birthday__cake .tool-content .base__selection__window {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid #aeb7c2;
  width: 161px;
  margin-left: 16px;
  padding: 25px;
}
.gynzy__tools__base__tool.birthday__cake .tool-content .base__selection__window.background-selection img {
  margin: 0.5px;
  border-radius: 4px;
  width: 112px;
  height: 76px;
}
.gynzy__tools__base__tool.birthday__cake .tool-content .blow_candle {
  width: 170px;
  position: absolute;
  right: 24px;
  bottom: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}
@supports (-ms-ime-align: auto) {
  .gynzy__tools__base__tool.birthday__cake .tool-content .blow_candle {
    justify-content: space-around;
  }
}
.gynzy__tools__base__tool.birthday__cake .tool-content .blow_candle .hidden {
  display: none;
}
.gynzy__tools__base__tool.birthday__cake .tool-content .blow_candle .blow_candle__button button {
  min-width: 160px;
  margin-top: 87px;
}
.gynzy__tools__base__tool.birthday__cake .tool-content .reset__button {
  position: absolute;
  top: 24px;
  left: 24px;
  transform: scaleX(-1);
}
.gynzy__tools__base__tool.birthday__cake .control-buttons {
  display: flex;
  flex: 1;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 18px;
}
.gynzy__tools__base__tool.birthday__cake .control-buttons.celebration-buttons {
  width: 100%;
  position: absolute;
  bottom: 24px;
  left: 0;
}
.gynzy__tools__base__tool.birthday__cake .control-buttons.celebration-buttons .back__button {
  margin-left: 24px;
}
.gynzy__tools__base__tool.birthday__cake .control-buttons .button-container-cake-selection {
  display: flex;
  flex: 1;
  align-items: flex-end;
  justify-content: flex-end;
  flex-direction: column;
}
.gynzy__tools__base__tool.birthday__cake .control-buttons .ghost__button {
  visibility: hidden;
  margin-right: 24px;
}
.gynzy__tools__base__tool.birthday__cake .control-buttons button {
  min-width: 160px;
}
.gynzy__tools__base__tool.buddy__picker .student__card {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 70px;
  margin: 5px;
  transition: transform 1s;
  box-sizing: border-box;
  position: relative;
  perspective: 1000px;
}
.gynzy__tools__base__tool.buddy__picker .student__card .student-card-flipper {
  transition: transform 0.5s;
  transform-style: preserve-3d;
  position: relative;
  width: inherit;
  height: inherit;
}
.gynzy__tools__base__tool.buddy__picker .student__card.front-view-only .student-card-flipper,
.gynzy__tools__base__tool.buddy__picker .student__card.back-view-only .student-card-flipper {
  transition: none;
}
.gynzy__tools__base__tool.buddy__picker .student__card.front-view-only .student-card-front,
.gynzy__tools__base__tool.buddy__picker .student__card.back-view-only .student-card-front,
.gynzy__tools__base__tool.buddy__picker .student__card.front-view-only .student-card-back,
.gynzy__tools__base__tool.buddy__picker .student__card.back-view-only .student-card-back {
  transform: none;
}
.gynzy__tools__base__tool.buddy__picker .student__card .student-card-front,
.gynzy__tools__base__tool.buddy__picker .student__card .student-card-back {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  width: inherit;
  height: inherit;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.gynzy__tools__base__tool.buddy__picker .student__card .student-card-front {
  border: 5px solid #d1d3de;
  background-color: #ffffff;
  transform: rotateX(180deg);
}
.gynzy__tools__base__tool.buddy__picker .student__card .student-card-back {
  border: 1px solid #d1d3de;
  background-color: #f5f5f8;
  z-index: 1;
  transform: rotateX(0deg);
}
.gynzy__tools__base__tool.buddy__picker .student__card.front-view {
  z-index: 1;
}
.gynzy__tools__base__tool.buddy__picker .student__card.front-view .student-card-flipper {
  transform: rotateX(180deg);
}
.gynzy__tools__base__tool.buddy__picker .student__card.front-view-only .student-card-back {
  display: none;
}
.gynzy__tools__base__tool.buddy__picker .student__card.back-view-only .student-card-front {
  display: none;
}
.gynzy__tools__base__tool.buddy__picker .student__card.no-top-margin {
  margin-top: 0;
}
.gynzy__tools__base__tool.buddy__picker .student__card.no-margin {
  margin: 0;
}
.gynzy__tools__base__tool.buddy__picker .student__card .student-card-name {
  font-size: 28px;
  font-weight: bold;
  color: #3f4c5a;
  text-align: center;
  line-height: 38px;
  -webkit-user-select: none;
          user-select: none;
}
.gynzy__tools__base__tool.buddy__picker .student__card .student-card-image-container {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 60px;
}
.gynzy__tools__base__tool.buddy__picker .student__card .student-card-image-container .student-card-image {
  max-width: 100%;
  max-height: 100%;
}
.gynzy__tools__base__tool.buddy__picker .student__card.is-loading .student-card-name {
  visibility: hidden;
}
.gynzy__tools__base__tool.buddy__picker .student__card.invisible {
  visibility: hidden;
}
.gynzy__tools__base__tool.buddy__picker .student__card.has-action {
  cursor: pointer;
}
.gynzy__tools__base__tool.buddy__picker {
  height: inherit;
}
.gynzy__tools__base__tool.buddy__picker .tool-content {
  display: flex;
  flex-direction: column;
  height: inherit;
}
.gynzy__tools__base__tool.buddy__picker .tool-content .student-card-grid {
  flex-grow: 1;
  max-height: 400px;
}
.gynzy__tools__base__tool.buddy__picker .top-bar {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 10px;
  margin-right: 10px;
}
.gynzy__tools__base__tool.buddy__picker .top-bar .top-bar-left,
.gynzy__tools__base__tool.buddy__picker .top-bar .top-bar-right {
  display: flex;
  min-width: 200px;
}
.gynzy__tools__base__tool.buddy__picker .top-bar .top-bar-left {
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  height: inherit;
}
.gynzy__tools__base__tool.buddy__picker .top-bar .top-bar-left .toggle-step-button {
  align-self: flex-start;
  min-width: 175px;
}
.gynzy__tools__base__tool.buddy__picker .top-bar .top-bar-right {
  justify-content: flex-end;
}
.gynzy__tools__base__tool.buddy__picker .button__icon.pager-button .icon--graphics {
  fill: #8c99a8;
}
.gynzy__tools__base__tool.buddy__picker .leader-container .student__card {
  margin-left: 50px;
  margin-right: 50px;
}
.gynzy__tools__base__tool.buddy__picker .buttons-top-right-container {
  position: absolute;
  top: 0;
  right: 0;
}
.gynzy__tools__base__tool.buddy__picker .student-card-container {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
}
.gynzy__tools__base__tool.buddy__picker .student-card-container.min-height {
  min-height: 80px;
}
.gynzy__tools__base__tool.buddy__picker .student-card-grid {
  display: grid;
  grid-template-columns: repeat(9, 120px);
  justify-items: center;
  align-content: end;
  gap: 10px;
  align-self: center;
  margin-bottom: 20px;
}
.gynzy__tools__base__tool.buddy__picker .group-indicator {
  font-size: 16px;
  line-height: 22px;
  color: #556474;
}
.gynzy__tools__base__tool.buddy__picker .group-indicator p {
  margin: 0;
}
.gynzy__tools__base__tool.buddy__picker .group-indicator .group-number,
.gynzy__tools__base__tool.buddy__picker .group-indicator .group-sep,
.gynzy__tools__base__tool.buddy__picker .group-indicator .group-count {
  font-weight: bold;
}
.gynzy__tools__base__tool.buddy__picker .instruction-group-container {
  display: flex;
  flex-direction: column;
}
.gynzy__tools__base__tool.buddy__picker .instruction-message {
  display: flex;
  justify-content: center;
  font-size: 18px;
  line-height: 24px;
  color: #3f4c5a;
  min-height: 24px;
}
.gynzy__tools__base__tool.buddy__picker .instruction-message p {
  margin: 0;
}
.gynzy__tools__base__tool.buddy__picker .instruction-message.above-group {
  order: 0;
}
.gynzy__tools__base__tool.buddy__picker .instruction-message.below-group {
  order: 1;
}
.gynzy__tools__base__tool.buddy__picker .groups-overview {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-items: center;
  margin: 20px auto;
  max-width: 880px;
  overflow: auto;
}
.gynzy__tools__base__tool.buddy__picker .groups-overview .group {
  color: #3f4c5a;
  font-size: 21px;
  line-height: 28px;
  width: 200px;
}
.gynzy__tools__base__tool.buddy__picker .groups-overview .group .group-header {
  font-weight: bold;
}
.gynzy__tools__base__tool.buddy__picker .groups-overview .group .group-students {
  margin-bottom: 40px;
}
.gynzy__tools__base__tool.buddy__picker .groups-overview .group .group-students .student {
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gynzy__tools__base__tool.classroom__plan {
  width: 100%;
  height: 100%;
  display: flex;
}
.gynzy__tools__base__tool.classroom__plan .layout_containers {
  position: absolute;
  background-color: #fff;
  pointer-events: auto;
  z-index: 0;
}
.gynzy__tools__base__tool.classroom__plan .layout_containers.layout_top {
  top: 0;
  height: 30px;
  right: 0;
  left: 0;
}
.gynzy__tools__base__tool.classroom__plan .layout_containers.layout_left {
  top: 0;
  bottom: 0;
  left: 0;
  width: 280px;
}
.gynzy__tools__base__tool.classroom__plan .layout_containers.layout_bottom {
  right: 0;
  left: 0;
  height: 30px;
  bottom: 0;
}
.gynzy__tools__base__tool.classroom__plan .layout_containers.layout_right {
  top: 0;
  bottom: 0;
  right: 0;
  width: 30px;
}
.gynzy__tools__base__tool.classroom__plan .classroom-plan-menu {
  pointer-events: auto;
  width: 220px;
  z-index: 1;
  margin: 30px;
  margin-right: 15px;
}
.gynzy__tools__base__tool.classroom__plan .classroom-plan-menu .image__container .yieled-content {
  display: flex;
  justify-content: center;
}
.gynzy__tools__base__tool.classroom__plan .classroom-plan-menu .image__container .yieled-content .disable--board--drag {
  max-width: 100px;
  max-height: 60px;
  padding: 10px;
}
.gynzy__tools__base__tool.classroom__plan .classroom-plan-menu .name__picker.tool-content {
  height: 100%;
}
.gynzy__tools__base__tool.classroom__plan .classroom-plan-menu .tab-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.gynzy__tools__base__tool.classroom__plan .classroom-plan-menu .tab-wrapper .tab-header {
  display: flex;
}
.gynzy__tools__base__tool.classroom__plan .classroom-plan-menu .tab-wrapper .tab-header .tab {
  position: relative;
  width: 86px;
  height: 40px;
}
.gynzy__tools__base__tool.classroom__plan .classroom-plan-menu .tab-wrapper .tab-header .tab .tab_content {
  width: 86px;
  height: 40px;
  border: 1px solid #d1d3de;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  top: -1px;
  position: absolute;
  background: #e9eaef;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #556474;
  font-size: 12px;
}
.gynzy__tools__base__tool.classroom__plan .classroom-plan-menu .tab-wrapper .tab-header .tab .tab_content.isSelected {
  height: 42px;
  border-bottom: 0;
  background: #fff;
}
.gynzy__tools__base__tool.classroom__plan .classroom-plan-menu .tab-wrapper .tab-content {
  height: calc(100% - 40px);
  border: 1px solid #d1d3de;
  border-radius: 10px;
  border-top-left-radius: 0;
}
.gynzy__tools__base__tool.classroom__plan .classroom-plan-menu .tab-wrapper .tab-content .picker-content {
  border: 0;
}
.gynzy__tools__base__tool.classroom__plan .classroom-plan-content {
  border: 1px solid #d1d3de;
  display: flex;
  flex: 1;
  z-index: 1;
  margin: 30px;
  margin-left: 15px;
  border-radius: 10px;
}
.gynzy__tools__base__tool.clock__instruction-tool .digital-clock {
  font-family: 'ds-digi';
  color: #2a3541;
}
.gynzy__tools__base__tool.clock__instruction-tool .digital-clock.colored-digits.red .digit:nth-child(1),
.gynzy__tools__base__tool.clock__instruction-tool .digital-clock.colored-digits.red .digit:nth-child(2) {
  color: #ed1c24;
}
.gynzy__tools__base__tool.clock__instruction-tool .digital-clock.colored-digits.red .digit:nth-child(4),
.gynzy__tools__base__tool.clock__instruction-tool .digital-clock.colored-digits.red .digit:nth-child(5) {
  color: #277cd9;
}
.gynzy__tools__base__tool.clock__instruction-tool .digital-clock.colored-digits.blue .digit:nth-child(1),
.gynzy__tools__base__tool.clock__instruction-tool .digital-clock.colored-digits.blue .digit:nth-child(2) {
  color: #277cd9;
}
.gynzy__tools__base__tool.clock__instruction-tool .digital-clock.colored-digits.blue .digit:nth-child(4),
.gynzy__tools__base__tool.clock__instruction-tool .digital-clock.colored-digits.blue .digit:nth-child(5) {
  color: #ed1c24;
}
.gynzy__tools__base__tool.clock__instruction-tool .digital-clock.three-column-layout .button-area {
  grid-template-columns: 4fr 2fr 4fr;
}
.gynzy__tools__base__tool.clock__instruction-tool .digital-clock .clock {
  padding: 42px;
  background-color: #3f4c5a;
  border-radius: 52px;
}
.gynzy__tools__base__tool.clock__instruction-tool .digital-clock .clock .digit-area {
  position: relative;
  width: 428px;
  height: 208px;
  background-color: #eaf2fb;
  border-radius: 23px;
  display: grid;
  grid-template-columns: 2fr 2fr 1fr 2fr 2fr;
  box-sizing: border-box;
  padding: 0 20px;
}
.gynzy__tools__base__tool.clock__instruction-tool .digital-clock .clock .digit-area .digit {
  font-size: 172px;
  place-self: center flex-end;
}
.gynzy__tools__base__tool.clock__instruction-tool .digital-clock .clock .digit-area .period {
  font-size: 50px;
  position: absolute;
  left: 20px;
  bottom: 20px;
  letter-spacing: -5px;
}
.gynzy__tools__base__tool.clock__instruction-tool .digital-clock .button-area {
  width: 512px;
  display: grid;
  box-sizing: border-box;
  padding: 15px 82px 0;
  grid-template-columns: 4fr 1fr 2fr 2fr;
}
.gynzy__tools__base__tool.clock__instruction-tool .digital-clock .button-area .button-group {
  margin: 0 auto;
}
.gynzy__tools__base__tool.clock__instruction-tool .digital-clock .button-area .button-group:nth-child(1) {
  grid-column: 1;
}
.gynzy__tools__base__tool.clock__instruction-tool .digital-clock .button-area .button-group:nth-child(2) {
  grid-column: 3;
}
.gynzy__tools__base__tool.clock__instruction-tool .digital-clock .button-area .button-group:nth-child(3) {
  grid-column: 4;
}
.gynzy__tools__base__tool.clock__instruction-tool .digital-clock .button-area .button-group button:first-child {
  margin-bottom: 10px;
}
.gynzy__tools__base__tool.clock__instruction-tool .analog-clock {
  width: 510px;
  height: 510px;
}
.gynzy__tools__base__tool.clock__instruction-tool .analog-clock .clock {
  position: relative;
}
.gynzy__tools__base__tool.clock__instruction-tool .analog-clock .clock .button-area {
  position: absolute;
  left: 0;
  bottom: 0;
}
.gynzy__tools__base__tool.clock__instruction-tool .analog-clock .clock .button-area .button-group button:first-child {
  margin-bottom: 10px;
}
.gynzy__tools__base__tool.clock__instruction-tool .analog-clock .clock .clock-hands .hidden {
  display: none;
}
.gynzy__tools__base__tool.clock__instruction-tool .analog-clock.colored-hands.red .clock-hands .hour {
  fill: #ed1c24;
}
.gynzy__tools__base__tool.clock__instruction-tool .analog-clock.colored-hands.red .clock-hands .minute {
  fill: #277cd9;
}
.gynzy__tools__base__tool.clock__instruction-tool .analog-clock.colored-hands.blue .clock-hands .hour {
  fill: #277cd9;
}
.gynzy__tools__base__tool.clock__instruction-tool .analog-clock.colored-hands.blue .clock-hands .minute {
  fill: #ed1c24;
}
.gynzy__tools__base__tool.clock__instruction-tool .analog-clock.transparent-hands .clock-hands .hour,
.gynzy__tools__base__tool.clock__instruction-tool .analog-clock.transparent-hands .clock-hands .minute {
  opacity: 0.6;
}
.gynzy__tools__base__tool.clock__instruction-tool .analog-clock.colored-numerals.show-minutes-on-border .clock-base .border {
  fill: #e9eaef;
}
.gynzy__tools__base__tool.clock__instruction-tool .analog-clock.colored-numerals.show-minutes-on-border .clock-base .inner {
  fill: #ffffff;
}
.gynzy__tools__base__tool.clock__instruction-tool .analog-clock.colored-numerals.red .border-minutes {
  fill: #277cd9;
}
.gynzy__tools__base__tool.clock__instruction-tool .analog-clock.colored-numerals.red .numerals-roman,
.gynzy__tools__base__tool.clock__instruction-tool .analog-clock.colored-numerals.red .numerals-hour-12 {
  fill: #ed1c24;
}
.gynzy__tools__base__tool.clock__instruction-tool .analog-clock.colored-numerals.red .numerals-hour-24 {
  fill: #f04248;
}
.gynzy__tools__base__tool.clock__instruction-tool .analog-clock.colored-numerals.blue .border-minutes {
  fill: #ed1c24;
}
.gynzy__tools__base__tool.clock__instruction-tool .analog-clock.colored-numerals.blue .numerals-roman,
.gynzy__tools__base__tool.clock__instruction-tool .analog-clock.colored-numerals.blue .numerals-hour-12 {
  fill: #277cd9;
}
.gynzy__tools__base__tool.clock__instruction-tool .analog-clock.colored-numerals.blue .numerals-hour-24 {
  fill: #4e92ff;
}
.gynzy__tools__base__tool.clock__instruction-tool .analog-clock .draggable {
  cursor: pointer;
}
.gynzy__tools__base__tool.clock__instruction-tool {
  width: 100%;
  height: 100%;
}
.gynzy__tools__base__tool.clock__instruction-tool .tool-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.gynzy__tools__base__tool.clock__instruction-tool .tool-content .clocks {
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}
.gynzy__tools__base__tool.clock__instruction-tool .tool-content .buttons {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.gynzy__tools__base__tool.clock__instruction-tool .tool-content .buttons button:first-of-type {
  margin-right: 20px;
}
.gynzy__tools__base__tool.clock__timer {
  width: 289px;
  padding: 30px;
  border: 1px solid #d1d3de;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.8);
}
.gynzy__tools__base__tool.clock__timer .tool-content {
  width: 289px;
}
.gynzy__tools__base__tool.clock__timer .clock-timer {
  height: 289px;
  position: relative;
}
.gynzy__tools__base__tool.clock__timer .clock-timer canvas.pie-chart {
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1) scaleX(-1);
}
.gynzy__tools__base__tool.clock__timer .clock-timer .border {
  position: absolute;
  top: 0;
  left: 0;
  width: 289px;
  height: 289px;
  background: #e9eaef;
  border-radius: 50%;
}
.gynzy__tools__base__tool.clock__timer .clock-timer .styleguide__draggable-dropzone {
  position: absolute;
  z-index: 1;
}
.gynzy__tools__base__tool.clock__timer .clock-timer .styleguide__draggable-dropzone .draggable-dropzone {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 249px;
  height: 249px;
  background: #ffffff;
  border: 1px solid #6b7c8e;
  border-radius: 50%;
}
.gynzy__tools__base__tool.clock__timer .clock-timer .styleguide__draggable-dropzone .draggable-dropzone.draggable-over {
  background-color: #eaf2fb;
}
.gynzy__tools__base__tool.clock__timer .clock-timer img {
  height: 140px;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 0.7s;
  pointer-events: none;
  z-index: 2;
}
.gynzy__tools__base__tool.clock__timer .counter {
  display: flex;
  margin-top: 10px;
}
.gynzy__tools__base__tool.clock__timer .counter p {
  font-size: 24px;
  font-weight: 600;
  color: #3f4c5a;
  margin: 0;
}
.gynzy__tools__base__tool.clock__timer .counter p.total-time {
  margin-left: auto;
}
.gynzy__tools__base__tool.clock__timer .times {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));
  gap: 5px;
  margin-top: 20px;
}
.gynzy__tools__base__tool.clock__timer .times .time-block {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: 2px;
}
.gynzy__tools__base__tool.clock__timer .times .time-block p {
  pointer-events: none;
  font-size: 24px;
  font-weight: 700;
  margin: 0;
}
.gynzy__tools__base__tool.clock__timer .buttons {
  display: flex;
  margin-top: 30px;
}
.gynzy__tools__base__tool.clock__timer .buttons button.button__square:nth-child(2) {
  margin-left: 10px;
}
.gynzy__tools__base__tool.clock__timer .buttons button.button__square:last-child {
  margin-left: auto;
}
.curtain__tool {
  display: flex;
  flex-direction: row;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.curtain__tool.row {
  flex-direction: row;
}
.curtain__tool.flex-align-center {
  align-items: center;
  text-align: center;
}
.curtain__tool.column {
  flex-direction: column;
}
.curtain__tool.end {
  justify-content: flex-end;
}
.curtain__tool.start {
  justify-content: flex-start;
}
.curtain__tool.flex-center {
  justify-content: center;
}
.curtain__tool.between {
  justify-content: space-between;
}
.curtain__tool.around {
  justify-content: space-around;
}
.curtain__tool.cross-start {
  align-items: flex-start;
}
.curtain__tool.cross-end {
  align-items: flex-end;
}
.curtain__tool.stretch {
  align-items: stretch;
}
.curtain__tool.evenly {
  justify-content: space-evenly;
}
.curtain__tool.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.curtain__tool.wrap {
  flex-wrap: wrap;
}
.curtain__tool.grow {
  flex: 1;
}
.curtain__tool .flex-half,
.curtain__tool .flex-quarter,
.curtain__tool .flex-sixth,
.curtain__tool .flex-third,
.curtain__tool .flex-two-third {
  box-sizing: border-box;
}
.curtain__tool .flex-remaining-space {
  flex-grow: 1;
}
.curtain__tool .flex-grow-1 {
  flex: 1 1;
}
.curtain__tool .flex-grow-2 {
  flex: 2 1;
}
.curtain__tool .flex-grow-3 {
  flex: 3 1;
}
.curtain__tool .flex-grow-4 {
  flex: 4 1;
}
.curtain__tool .flex-grow-5 {
  flex: 5 1;
}
.curtain__tool .flex-grow-6 {
  flex: 6 1;
}
.curtain__tool .flex-grow-7 {
  flex: 7 1;
}
.curtain__tool .flex-grow-8 {
  flex: 8 1;
}
.curtain__tool .tool-content {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}
.curtain__tool .tool-content.row {
  flex-direction: row;
}
.curtain__tool .tool-content.flex-align-center {
  align-items: center;
  text-align: center;
}
.curtain__tool .tool-content.column {
  flex-direction: column;
}
.curtain__tool .tool-content.end {
  justify-content: flex-end;
}
.curtain__tool .tool-content.start {
  justify-content: flex-start;
}
.curtain__tool .tool-content.flex-center {
  justify-content: center;
}
.curtain__tool .tool-content.between {
  justify-content: space-between;
}
.curtain__tool .tool-content.around {
  justify-content: space-around;
}
.curtain__tool .tool-content.cross-start {
  align-items: flex-start;
}
.curtain__tool .tool-content.cross-end {
  align-items: flex-end;
}
.curtain__tool .tool-content.stretch {
  align-items: stretch;
}
.curtain__tool .tool-content.evenly {
  justify-content: space-evenly;
}
.curtain__tool .tool-content.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.curtain__tool .tool-content.wrap {
  flex-wrap: wrap;
}
.curtain__tool .tool-content.grow {
  flex: 1;
}
.curtain__tool .tool-content .flex-half,
.curtain__tool .tool-content .flex-quarter,
.curtain__tool .tool-content .flex-sixth,
.curtain__tool .tool-content .flex-third,
.curtain__tool .tool-content .flex-two-third {
  box-sizing: border-box;
}
.curtain__tool .tool-content .flex-remaining-space {
  flex-grow: 1;
}
.curtain__tool .tool-content .flex-grow-1 {
  flex: 1 1;
}
.curtain__tool .tool-content .flex-grow-2 {
  flex: 2 1;
}
.curtain__tool .tool-content .flex-grow-3 {
  flex: 3 1;
}
.curtain__tool .tool-content .flex-grow-4 {
  flex: 4 1;
}
.curtain__tool .tool-content .flex-grow-5 {
  flex: 5 1;
}
.curtain__tool .tool-content .flex-grow-6 {
  flex: 6 1;
}
.curtain__tool .tool-content .flex-grow-7 {
  flex: 7 1;
}
.curtain__tool .tool-content .flex-grow-8 {
  flex: 8 1;
}
.curtain__tool .tool-content .curtain-left,
.curtain__tool .tool-content .curtain-right {
  pointer-events: auto;
  width: 100%;
  cursor: move;
  /* fallback */
  cursor: grab;
}
.curtain__tool .tool-content .curtain-left:active,
.curtain__tool .tool-content .curtain-right:active {
  cursor: grabbing;
}
.curtain__tool .tool-content .curtain-left img,
.curtain__tool .tool-content .curtain-right img {
  width: 100%;
  height: 100%;
}
.curtain__tool .tool-content .curtain-left img.loading,
.curtain__tool .tool-content .curtain-right img.loading {
  background-color: #fff;
}
.curtain__tool .tool-content .curtain-left {
  transform-origin: top left;
}
.curtain__tool .tool-content .curtain-left img {
  width: calc(100% + 1px);
}
.curtain__tool .tool-content .curtain-right {
  transform-origin: top right;
}
.curtain__tool .tool-content .curtain-cord {
  position: absolute;
  top: 0;
  left: 14px;
  padding: 0 10px;
  pointer-events: auto;
  cursor: move;
  /* fallback */
  cursor: grab;
}
.curtain__tool .tool-content .curtain-cord:active {
  cursor: grabbing;
}
.curtain__tool .tool-content .curtain-cord img {
  width: 24px;
}
.curtain__tool .tool-content .curtain-cord .curtain-cord-tour-step {
  pointer-events: none;
  position: absolute;
  bottom: 14px;
  right: 0;
}
.camera-controls {
  position: absolute;
  right: 16px;
  bottom: 16px;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 8px;
}
.camera-controls .buttons {
  display: flex;
  align-items: center;
  border-radius: 36px;
  border: 1px solid #d1d3de;
  background-color: #ffffff;
}
.camera-controls .buttons.even-padding {
  padding: 8px;
}
.camera-controls .buttons .button__icon .svg__icon {
  width: 18px;
  height: 18px;
  padding: 4px;
}
.camera-select-popup {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 32px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
  animation: popupFadeIn 0.15s ease-in-out forwards;
}
@keyframes popupFadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.gynzy__document-camera {
  height: 100%;
}
.document-camera {
  position: relative;
  height: 100%;
}
.document-camera #camera-container {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e9eaef;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
}
.document-camera #camera-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}
.document-camera .placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.document-camera .placeholder h3 {
  font-family: var(--font-family-header);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 30px */
  letter-spacing: 0.2px;
  margin-bottom: 24px;
}
.document-camera .placeholder p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  margin-bottom: 32px;
}
.gynzy__tools__base__tool.flash__tool {
  height: 100%;
  box-sizing: border-box;
}
.gynzy__tools__base__tool.flash__tool.is-full-page {
  padding: 24px;
}
.gynzy__tools__base__tool.flash__tool .tool-content {
  height: 100%;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  height: 100%;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .main-button {
  min-width: 160px;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash__progress-indicator {
  display: flex;
  align-items: center;
  width: 335px;
  margin-left: 75px;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash__progress-indicator .flash__progress-bar {
  margin-right: 15px;
  width: 245px;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash__progress-indicator .flash__progress-numbers {
  white-space: nowrap;
  font-size: 18px;
  font-weight: 600;
  color: #2a3541;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash__progress-indicator.hidden .flash__progress-bar {
  visibility: hidden;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash__progress-indicator.hidden .flash__progress-numbers {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash-item__container {
  width: 40%;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash-item__container .flash-item.hidden {
  visibility: hidden;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash-item__container .flash-item .flash-long-sentence__container {
  position: absolute;
  inset: 0;
  text-align: center;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash-item__container .flash-item .flash-long-sentence__container .long-sentence {
  display: flex;
  height: 100%;
  align-items: center;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash-item__container .flash-item .flash-long-sentence__container .long-sentence p {
  color: #2a3541;
  width: 90%;
  margin: 0 auto;
  font-size: 43px;
  line-height: 43px;
  font-variant-ligatures: none;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash-item__container .flash-item .flash-long-sentence__container .long-sentence.open-sans-font p {
  font-family: 'Open Sans', sans-serif;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash-item__container .flash-item .flash-long-sentence__container .long-sentence.muli-font p {
  font-family: 'Mulish', sans-serif;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash-item__container .flash-item svg {
  overflow: visible;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash-item__container .flash-item svg text {
  fill: #2a3541;
  font-family: 'Open Sans', sans-serif;
  font-variant-ligatures: none;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash-item__container .flash-item svg text.open-sans-font {
  font-family: 'Open Sans', sans-serif;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash-item__container .flash-item svg text.muli-font {
  font-family: 'Mulish', sans-serif;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash_control__buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash_control__buttons .control__button {
  width: calc(100% / 3);
  display: flex;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash_control__buttons .control__button.settings {
  justify-content: flex-start;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash_control__buttons .control__button.flash,
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash_control__buttons .control__button.pause,
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash_control__buttons .control__button.restart {
  justify-content: center;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash_control__buttons .control__button.end {
  justify-content: flex-end;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash_control__buttons.flash_control__buttons_started {
  justify-content: center;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash_control__buttons button {
  min-width: 160px;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash-button {
  position: absolute;
  height: 100%;
  top: 0;
  display: flex;
  align-items: center;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash-button.flash-button--prev {
  left: 0;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__container .flash-button.flash-button--next {
  right: 0;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__end {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__end .flash__end-screen {
  display: flex;
  overflow: auto;
  flex-direction: row;
  justify-content: center;
  height: 90%;
  border: 1px solid #8c99a8;
  border-radius: 8px;
  padding: 30px 0;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__end .flash__end-screen .os-scrollbar-vertical {
  margin: 16px;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__end .flash__end-screen .flash__table {
  display: flex;
  justify-content: center;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__end .flash__end-screen .flash__table table {
  counter-reset: rowNumber;
  font-size: 32px;
  max-width: 80%;
  font-variant-ligatures: none;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__end .flash__end-screen .flash__table table tr {
  line-height: 50px;
  margin-left: 10%;
  color: #2a3541;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__end .flash__end-screen .flash__table table tr::before {
  counter-increment: rowNumber;
  content: counter(rowNumber) '.';
  color: #6b7c8e;
  font-weight: 100;
  text-align: left;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__end .flash__end-screen .flash__table table tr td {
  padding: 0 11px;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__end .flash__end-screen .flash__table.open-sans-font table {
  font-family: 'Open Sans', sans-serif;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__end .flash__end-screen .flash__table.muli-font table {
  font-family: 'Mulish', sans-serif;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__end .flash_end__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.gynzy__tools__base__tool.flash__tool .tool-content .flash__end .flash_end__buttons button {
  min-width: 160px;
}
.gynzy__tools__base__tool.gynzy__geogebra {
  position: relative;
  width: 100%;
  height: 100%;
}
.gynzy__tools__base__tool.gynzy__geogebra .geogebra__element {
  width: 100%;
  height: 100%;
}
.gynzy__tools__base__tool.gynzy__geogebra .loading--wrapper {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gynzy__tools__base__tool.group__maker .name {
  display: flex;
  align-items: center;
  color: #556474;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  line-height: normal;
  overflow: hidden;
}
.gynzy__tools__base__tool.group__maker .dummy {
  visibility: hidden;
}
.gynzy__tools__base__tool.group__maker .randomize-button {
  position: absolute;
  bottom: 2%;
  right: 2%;
}
.gynzy__tools__base__tool.group__maker .randomize-button svg {
  top: 1px;
  left: 2px;
}
.gynzy__tools__base__tool.group__maker .groupAmount {
  height: 600px;
  overflow-y: auto;
}
.gynzy__tools__base__tool.group__maker .groupAmount .group {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.gynzy__tools__base__tool.group__maker .groupAmount .group .student {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  border: 1px solid #d1d3de;
  border-radius: 10px;
  background-color: #f5f5f8;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-1 {
  display: flex;
  width: 1220px;
  justify-content: center;
  align-items: center;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-1.case0 .group {
  height: 600px;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-1.case0 .group .student {
  width: 100%;
  max-width: 300px;
  height: 33.32%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-1.case1 .group {
  width: 60%;
  height: 67%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-1.case1 .group .student {
  width: 204px;
  height: 50%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-1.case2 .group {
  width: 80%;
  height: 67%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-1.case2 .group .student {
  width: 204px;
  height: 50%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-1.case3 .group {
  width: 100%;
  height: 67%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-1.case3 .group .student {
  width: 204px;
  height: 50%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-1.case4 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  top: 50%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-1.case4 .group {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: stretch;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-1.case4 .group .student {
  width: 244px;
  max-width: 20%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 25px;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-2.case0 {
  align-items: center;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-2.case0 .group {
  height: 33.32%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-2.case0 .group .student {
  width: 50%;
  height: 100%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-2.case1 {
  align-items: center;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-2.case1 .group {
  height: 66.67%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-2.case1 .group .student {
  width: 50%;
  height: 50%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-2.case2 {
  align-items: center;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-2.case2 .group {
  height: 100%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-2.case2 .group .student {
  width: 50%;
  height: 33.32%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-2.case3 .group {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: stretch;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-2.case3 .group .student {
  grid-column: span 2;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-2.case3 .group .student:nth-last-child(1):nth-child(odd) {
  grid-column: 2 / span 2;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  column-gap: 25px;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-3.case0 .group {
  height: 33.32%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-3.case0 .group .student {
  width: 50%;
  height: 100%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-3.case1 {
  align-items: center;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-3.case1 .group {
  height: 66.67%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-3.case1 .group .student {
  width: 50%;
  height: 50%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-3.case2 {
  align-items: center;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-3.case2 .group {
  height: 100%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-3.case2 .group .student {
  width: 50%;
  height: 33.32%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-3.case3 {
  row-gap: 20px;
  align-items: stretch;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-3.case3 .group {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: stretch;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-3.case3 .group .student {
  grid-column: span 2;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-3.case3 .group .student:nth-last-child(1):nth-child(odd) {
  grid-column: 2 / span 2;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-4 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 25px;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-4.case0 {
  align-items: center;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-4.case0 .group {
  height: 50%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-4.case0 .group .student {
  width: 50%;
  height: 100%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-4.case1 {
  row-gap: 20px;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-4.case1 .group {
  height: 50%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-4.case1 .group .student {
  width: 50%;
  height: 100%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-4.case2 {
  row-gap: 20px;
  align-items: stretch;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-4.case2 .group {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: stretch;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-4.case2 .group .student {
  grid-column: span 2;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-4.case2 .group .student:nth-last-child(1):nth-child(odd) {
  grid-column: 2 / span 2;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-5 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 25px;
  align-items: center;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-5.case0 .group {
  height: 50%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-5.case0 .group .student {
  width: 50%;
  height: 100%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-5.case1 {
  row-gap: 20px;
  align-items: stretch;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-5.case1 .group {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: stretch;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-5.case1 .group .student {
  grid-column: span 2;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-5.case1 .group .student:nth-last-child(1):nth-child(odd) {
  grid-column: 2 / span 2;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-6 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 25px;
  align-items: center;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-6.case0 .group {
  height: 50%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-6.case0 .group .student {
  width: 50%;
  height: 100%;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-6.case1 {
  row-gap: 20px;
  align-items: stretch;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-6.case1 .group {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: stretch;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-6.case1 .group .student {
  grid-column: span 2;
}
.gynzy__tools__base__tool.group__maker .groupAmount.ga-6.case1 .group .student:nth-last-child(1):nth-child(odd) {
  grid-column: 2 / span 2;
}
.gynzy__tools__base__tool.group__maker .groupAmount:not(.ga-1):not(.ga-2):not(.ga-3):not(.ga-4):not(.ga-5):not(.ga-6).case0 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 25px;
  align-items: stretch;
}
.gynzy__tools__base__tool.group__maker .groupAmount:not(.ga-1):not(.ga-2):not(.ga-3):not(.ga-4):not(.ga-5):not(.ga-6).case0 .group {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: stretch;
}
.gynzy__tools__base__tool.group__maker .groupAmount:not(.ga-1):not(.ga-2):not(.ga-3):not(.ga-4):not(.ga-5):not(.ga-6).case0 .group .student {
  grid-column: span 2;
}
.gynzy__tools__base__tool.group__maker .groupAmount:not(.ga-1):not(.ga-2):not(.ga-3):not(.ga-4):not(.ga-5):not(.ga-6).case0 .group .student:nth-last-child(1):nth-child(odd) {
  grid-column: 2 / span 2;
}
@keyframes timerDone {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  /* stylelint-disable-next-line keyframe-block-no-duplicate-selectors */
  0% {
    opacity: 0;
  }
}
.gynzy__tools__base__tool.gynzy__timer.blue .border {
  background: #e9eaef;
}
.gynzy__tools__base__tool.gynzy__timer.blue .border .inside {
  background: #fff;
  border-color: #6b7c8e;
}
.gynzy__tools__base__tool.gynzy__timer.left .border .inside .svg-wrapper {
  transform: scaleX(1);
}
.gynzy__tools__base__tool.gynzy__timer.done .overlay {
  animation: timerDone 2s 3;
}
.gynzy__tools__base__tool.gynzy__timer .tool-content {
  width: 220px;
  height: 220px;
}
.gynzy__tools__base__tool.gynzy__timer .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background: rgba(237, 28, 36, 0.2);
  pointer-events: none;
  opacity: 0;
}
.gynzy__tools__base__tool.gynzy__timer .border {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 220px;
  background: #556474;
  border-radius: 20px;
}
.gynzy__tools__base__tool.gynzy__timer .border .inside {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 190px;
  height: 190px;
  background: #f5f5f8;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 5px;
}
.gynzy__tools__base__tool.gynzy__timer .border .inside img.dots {
  width: 100%;
  transform: scale(1.15);
  pointer-events: none;
}
.gynzy__tools__base__tool.gynzy__timer .border .inside img.hand {
  position: absolute;
  height: 79px;
  top: 50%;
  left: 50%;
  z-index: 1;
}
.gynzy__tools__base__tool.gynzy__timer .border .inside img.hand:hover {
  cursor: pointer;
}
.gynzy__tools__base__tool.gynzy__timer .border .inside .svg-wrapper {
  position: absolute;
  top: 26px;
  left: 26px;
  width: 138px;
  transform: scaleX(-1);
  pointer-events: none;
}
.gynzy__tools__base__tool.gynzy__timer .border .inside .svg-wrapper svg {
  transform: rotate(-90deg);
}
.gynzy__tools__base__tool.gynzy__timer .timer-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
.gynzy__tools__base__tool.gynzy__timer .timer-buttons .remaining-time {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 30px;
  margin: 0 10px;
  background: #ffffff;
  box-sizing: border-box;
  border: 1px solid #d1d3de;
  border-radius: 4px;
}
.gynzy__tools__base__tool.gynzy__timer .timer-buttons .remaining-time p {
  color: #2a3541;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0;
}
.gynzy__tools__base__tool.hangman {
  height: 100%;
  box-sizing: border-box;
}
.gynzy__tools__base__tool.hangman.is-full-page {
  padding: 24px;
}
.gynzy__tools__base__tool.hangman .hangman__tool {
  height: 100%;
  position: relative;
}
.gynzy__tools__base__tool.hangman .hangman__tool .arrow {
  display: flex;
  align-items: center;
  position: absolute;
  height: 100%;
}
.gynzy__tools__base__tool.hangman .hangman__tool .arrow.arrow-previous {
  justify-content: flex-start;
}
.gynzy__tools__base__tool.hangman .hangman__tool .arrow.arrow-next {
  right: 0;
  justify-content: flex-end;
}
.gynzy__tools__base__tool.hangman .hangman__tool .fullpage-button {
  min-width: 160px;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid {
  display: grid;
  grid-template-columns: 20% 60% 20%;
  grid-template-rows: 20% 40% 15% 25%;
  gap: 0;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  grid-template-areas: 'sound virko-container lives-container' '. virko-container .' 'word-tile-container word-tile-container word-tile-container' 'settings gameplay-area reset';
  box-sizing: border-box;
  height: 100%;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .lives {
  grid-area: lives-container;
  display: flex;
  justify-content: flex-end;
  align-items: top;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .lives .heart-icon.audience--board {
  margin-left: 4px;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .lives .heart-icon.audience--board .svg__icon {
  width: 20px;
  height: 20px;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .lives .heart-icon.audience--student {
  margin-left: 0.41666667rem;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .lives .heart-icon.audience--student .svg__icon {
  width: 3.2rem;
  height: 3.2rem;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .lives .close.audience--board {
  margin-left: 24px;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .lives .close.audience--student {
  margin-left: 2.5rem;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .sound {
  grid-area: sound;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .sound .sound-button.sound-on {
  background-color: #bed7f3;
  border-color: #277cd9;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .sound .sound-button.sound-on .flat__icon .icon--graphics {
  fill: #277cd9;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .sound .audience--board .flat__icon {
  width: 20px;
  height: 20px;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .virko-container {
  grid-area: virko-container;
  display: flex;
  justify-content: center;
  position: relative;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .virko-container.audience--board {
  height: 420px;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .virko-container.audience--student {
  height: 43.75rem;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .virko-inner {
  background-repeat: no-repeat;
  background-position: center 0;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .virko-inner.audience--board {
  background-size: 640px 4000px;
  width: 640px;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .virko-inner.audience--student {
  background-size: 66.66666667rem 416.66666667rem;
  width: 66.66666667rem;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .virko-inner.is-animated {
  animation-iteration-count: 2;
  animation-duration: 0.5s;
  animation-direction: alternate;
  animation-timing-function: steps(9);
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .virko-inner.is-animated.audience--board {
  animation-name: virko-animation;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .virko-inner.is-animated.audience--student {
  animation-name: virko-animation-student;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .virko-inner.virko9 {
  background-image: url('../gynzy-tools/assets/tools/hangman-tool/images/virko9-5faeb86a4223cdd1a076a68e2e1e8f7c.png');
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .virko-inner.virko9.low-res {
  background-image: url('../gynzy-tools/assets/tools/hangman-tool/images/virko9-lowres-7746752bc20ad723bd6e0af9d68ef507.png');
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .virko-inner.virko8 {
  background-image: url('../gynzy-tools/assets/tools/hangman-tool/images/virko8-693ff78d8e3bd8b8a2a15957da22505f.png');
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .virko-inner.virko8.low-res {
  background-image: url('../gynzy-tools/assets/tools/hangman-tool/images/virko8-lowres-58a693f336c67e0c076e1c0e5d471cfc.png');
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .virko-inner.virko7 {
  background-image: url('../gynzy-tools/assets/tools/hangman-tool/images/virko7-64b59da11c7e6f4849906e098e758ccb.png');
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .virko-inner.virko6 {
  background-image: url('../gynzy-tools/assets/tools/hangman-tool/images/virko6-0e63b376ff11da3cbd6dabeff1fdd427.png');
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .virko-inner.virko5 {
  background-image: url('../gynzy-tools/assets/tools/hangman-tool/images/virko5-8ad44df355f4ea8f0138436c2823e17b.png');
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .virko-inner.virko4 {
  background-image: url('../gynzy-tools/assets/tools/hangman-tool/images/virko4-4b14418ef070d910ac9f2117ea10d63b.png');
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .virko-inner.virko3 {
  background-image: url('../gynzy-tools/assets/tools/hangman-tool/images/virko3-4659b8d72dfbf28b774c1e7ab5495267.png');
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .virko-inner.virko2 {
  background-image: url('../gynzy-tools/assets/tools/hangman-tool/images/virko2-d6ddf88d513bb9a75b89ad9f802e1323.png');
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .virko-inner.virko1 {
  background-image: url('../gynzy-tools/assets/tools/hangman-tool/images/virko1-113b54541d8a33750b3afd3f8f7b193d.png');
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .virko-inner.virko0 {
  background-image: url('../gynzy-tools/assets/tools/hangman-tool/images/virko0-adfc30402eef4746292fc3c15c45c751.png');
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .virko-inner.virko0.audience--board {
  background-size: 640px 400px;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .virko-inner.virko0.audience--student {
  background-size: 66.66666667rem 41.66666667rem;
}
@keyframes virko-animation {
  from {
    background-position-y: 0;
  }
  to {
    background-position-y: -3600px;
  }
}
@keyframes virko-animation-student {
  from {
    background-position-y: 0;
  }
  to {
    background-position-y: -375rem;
  }
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .word-tile-container {
  grid-area: word-tile-container;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .word-tile-container .word__tile {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  padding: 10px 0 20px;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .word-tile-container.audience--board {
  margin: 20px 0 40px;
  height: 80px;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .word-tile-container.audience--student {
  margin: 2.08333333rem 0 4.16666667rem;
  height: 7rem;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .settings {
  grid-area: settings;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .gameplay-area {
  grid-area: gameplay-area;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.gynzy__tools__base__tool.hangman .hangman__tool .grid .reset {
  grid-area: reset;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.image__picker .image__picker.tool-content {
  width: 151px;
  height: 200px;
  box-sizing: border-box;
}
.image__picker .image__picker.tool-content .picker-content {
  background: rgba(255, 255, 255, 0.8);
}
.image__picker .image__picker.tool-content .picker-content.dragging .draggable-image-container {
  cursor: auto;
  pointer-events: none;
}
.image__picker .image__picker.tool-content .image__container {
  display: flex;
  width: 100%;
  white-space: nowrap;
  overflow: auto;
  flex-direction: column;
}
.image__picker .image__picker.tool-content .image__container .draggable-item {
  display: flex;
  justify-content: center;
}
.image__picker .image__picker.tool-content .image__container .draggable-image-container {
  margin: 5px;
  width: 87px;
  height: 70px;
}
.image__picker .image__picker.tool-content .image__container .draggable-image-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.image__picker .image__picker.tool-content.show--border {
  border: 1px solid #d1d3de;
  border-radius: 10px;
}
.image__picker .image__picker.tool-content.dragging {
  border: 1px solid transparent;
  background-color: rgba(38, 125, 217, 0.1);
  box-shadow: inset 0 0 0 4px #277cd9;
}
.image__picker .image__picker.tool-content .drag__instructions {
  height: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.image__picker .image__picker.tool-content .drag__instructions img {
  width: 48px;
  pointer-events: none;
}
.image__picker .image__picker.tool-content .drag__instructions p {
  font-size: 18px;
  margin: 10px;
  text-align: center;
  color: #8c99a8;
}
.letter__generator .tool-content {
  width: 358px;
  height: 253px;
}
.letter__generator-us .tool-content {
  width: 358px;
  height: 253px;
}
.gynzy__tools__base__tool.memory__tool .memory__card {
  display: flex;
  perspective: 1000px;
  transition: transform 1s;
  transform-origin: top left;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-container {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: transform 0.5s;
  transform-style: preserve-3d;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-front,
.gynzy__tools__base__tool.memory__tool .memory__card .card-back {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  border-radius: 6%;
  -webkit-user-select: none;
  user-select: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  border-style: solid;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-front {
  transform: rotateY(180deg);
  background-color: #ffffff;
  padding: 0.41666667rem;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-front img {
  border-radius: 0.20833333rem;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-front-text,
.gynzy__tools__base__tool.memory__tool .memory__card .card-back-text {
  text-align: center;
  line-height: 1;
}
.gynzy__tools__base__tool.memory__tool .memory__card.is-loading .card-front-text,
.gynzy__tools__base__tool.memory__tool .memory__card.is-loading .card-back-text {
  visibility: hidden;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-back {
  background-size: contain;
  transform: rotateY(0deg);
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-back-text {
  color: rgba(0, 0, 0, 0.5);
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-back-image {
  width: 30%;
  height: 30%;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-back-image img {
  opacity: 0.5;
}
.gynzy__tools__base__tool.memory__tool .memory__card.turned .card-container {
  transform: rotateY(180deg);
  cursor: default;
}
.gynzy__tools__base__tool.memory__tool .memory__card.taken {
  visibility: hidden;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular .card-back {
  background-image: url('../gynzy-tools/assets/tools/memory-tool/images/patterns/diamonds-c898e89067f29e843b30079a4f63d45e.svg'), linear-gradient(225deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-0 .card-front,
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-0 .card-back {
  border-color: #38a4de;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-0 .card-back {
  background-color: #59b6e8;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-1 .card-front,
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-1 .card-back {
  border-color: #59d640;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-1 .card-back {
  background-color: #75e260;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-2 .card-front,
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-2 .card-back {
  border-color: #fa830c;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-2 .card-back {
  background-color: #ff962e;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-3 .card-front,
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-3 .card-back {
  border-color: #d7428c;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-3 .card-back {
  background-color: #e260a0;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-4 .card-front,
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-4 .card-back {
  border-color: #3fd4d4;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-4 .card-back {
  background-color: #5ddfdf;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-5 .card-front,
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-5 .card-back {
  border-color: #fad20c;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-5 .card-back {
  background-color: #ffdc2e;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-6 .card-front,
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-6 .card-back {
  border-color: #e64545;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-6 .card-back {
  background-color: #ee6868;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-7 .card-front,
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-7 .card-back {
  border-color: #8c41d9;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-7 .card-back {
  background-color: #a05fe3;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-8 .card-front,
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-8 .card-back {
  border-color: #afd441;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-8 .card-back {
  background-color: #bfdf5d;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-9 .card-front,
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-9 .card-back {
  border-color: #3d61cc;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-9 .card-back {
  background-color: #5a79d8;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-10 .card-front,
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-10 .card-back {
  border-color: #d941d9;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-10 .card-back {
  background-color: #e35fe3;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-11 .card-front,
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-11 .card-back {
  border-color: #3dcc84;
}
.gynzy__tools__base__tool.memory__tool .memory__card .card-design-regular-11 .card-back {
  background-color: #5ad899;
}
.gynzy__tools__base__tool.memory__tool .memory__player {
  width: 140px;
  height: 278px;
  background-color: #f5f5f8;
  border-radius: 8px;
}
.gynzy__tools__base__tool.memory__tool .memory__player.active-styling.inactive {
  opacity: 0.5;
}
.gynzy__tools__base__tool.memory__tool .memory__player.active-styling.active {
  background-color: rgba(253, 139, 29, 0.7);
}
.gynzy__tools__base__tool.memory__tool .memory__player.no-name {
  height: 248.5px;
}
.gynzy__tools__base__tool.memory__tool .memory__player.no-avatar {
  height: 148px;
}
.gynzy__tools__base__tool.memory__tool .memory__player.no-avatar.no-name {
  padding-top: 4.75px;
  height: 129px;
}
.gynzy__tools__base__tool.memory__tool .memory__player .player-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  height: inherit;
  width: inherit;
}
.gynzy__tools__base__tool.memory__tool .memory__player .player-name,
.gynzy__tools__base__tool.memory__tool .memory__player .player-points {
  padding: 4.75px 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #2a3541;
}
.gynzy__tools__base__tool.memory__tool .memory__player .player-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 130px;
}
.gynzy__tools__base__tool.memory__tool .memory__player .player-avatar-image {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.gynzy__tools__base__tool.memory__tool .memory__player .player-deck {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 6%;
  width: 120px;
  height: 90px;
  min-height: 90px;
}
.gynzy__tools__base__tool.memory__tool .memory__player .player-card-container {
  transform-origin: top left;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes firstPlace {
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes spinAnimation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.memory-scoreboard {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height: 660px;
  animation: fadeIn 2s forwards;
  margin: -24px 0;
}
.memory-scoreboard .scoreboard__beam {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 100%;
  overflow: hidden;
  inset: 0;
}
.memory-scoreboard .scoreboard__beam img {
  width: 100%;
  animation: spinAnimation 20s linear infinite;
}
.memory-scoreboard .memory-scoreboard-container {
  width: 100%;
  height: 100%;
  padding-top: 60px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium {
  display: flex;
  flex-direction: row;
  height: 350px;
  width: 600px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-position: bottom;
  background-repeat: no-repeat;
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium.is-draw {
  justify-content: space-around;
  height: 100%;
  width: 100%;
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium.is-draw .player-name,
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium.is-draw .player-points {
  padding: 5px 0;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: #2a3541;
  text-align: center;
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium.is-draw .player-avatar {
  position: relative;
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium .player-avatar {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 130px;
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium .player-avatar.first {
  animation: 1s firstPlace 2s ease-in 3;
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium .player-avatar img {
  display: block;
  width: 100%;
  height: 100%;
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium.podium-mascottes-1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium .well-done {
  font-size: 60px;
  color: #fda045;
  -webkit-text-stroke: white 2px;
  font-weight: 800;
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium .single-player-avatar {
  width: 240px;
  height: 260px;
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium .single-player-avatar img {
  display: block;
  width: 100%;
  height: 100%;
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium .draw-player-avatar {
  width: 240px;
  height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium .draw-player-avatar img {
  width: 185px;
  height: 200px;
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium.podium-mascottes-2 {
  background-image: url('../gynzy-tools/assets/tools/memory-tool/images/scoreboard/stage_2_mascottes-5ef2b6193799a79dd3ae205c91cc890e.svg');
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium.podium-mascottes-2 .player-avatar:nth-of-type(1) {
  top: -100px;
  right: 136px;
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium.podium-mascottes-2 .player-avatar:nth-of-type(2) {
  top: 50px;
  right: 375px;
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium.podium-mascottes-3 {
  background-image: url('../gynzy-tools/assets/tools/memory-tool/images/scoreboard/stage_3_mascottes-07cc968439911430f90e825c8d63d91f.svg');
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium.podium-mascottes-3 .player-avatar:nth-of-type(1) {
  top: -100px;
  right: 239px;
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium.podium-mascottes-3 .player-avatar:nth-of-type(2) {
  top: 9px;
  right: 402px;
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium.podium-mascottes-3 .player-avatar:nth-of-type(3) {
  top: 107px;
  right: 66px;
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium.podium-mascottes-4 {
  background-image: url('../gynzy-tools/assets/tools/memory-tool/images/scoreboard/stage_4_mascottes-58c366e2eee62bebc511a738c9f01457.svg');
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium.podium-mascottes-4 .player-avatar:nth-of-type(1) {
  top: -107px;
  right: 176px;
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium.podium-mascottes-4 .player-avatar:nth-of-type(2) {
  top: -23px;
  right: 316px;
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium.podium-mascottes-4 .player-avatar:nth-of-type(3) {
  top: 67px;
  right: 34px;
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium.podium-mascottes-4 .player-avatar:nth-of-type(4) {
  top: 138px;
  right: 450px;
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium.podium-2 {
  background-image: url('../gynzy-tools/assets/tools/memory-tool/images/scoreboard/stage_2_no_mascottes-a54da1f4cd56de42c410c55bf785591c.svg');
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium.podium-3 {
  background-image: url('../gynzy-tools/assets/tools/memory-tool/images/scoreboard/stage_3_no_mascottes-3f582ed53cb6cc0fffc46c124fc5d78e.svg');
}
.memory-scoreboard .memory-scoreboard-container .scoreboard__podium.podium-4 {
  background-image: url('../gynzy-tools/assets/tools/memory-tool/images/scoreboard/stage_4_no_mascottes-9787493166338b8a42a3e07d17069987.svg');
}
.memory-scoreboard.no-mascottes .scoreboard__podium .player-avatar {
  width: 190px;
  height: 66px;
  color: white;
  background-color: #fda045;
  border: 5px solid white;
  border-radius: 10px;
  font-size: 42px;
}
.memory-scoreboard.no-mascottes .scoreboard__podium.podium-mascottes-2 {
  background-image: url('../gynzy-tools/assets/tools/memory-tool/images/scoreboard/stage_2_no_mascottes-a54da1f4cd56de42c410c55bf785591c.svg');
}
.memory-scoreboard.no-mascottes .scoreboard__podium.podium-mascottes-2 .player-avatar:nth-of-type(1) {
  top: -50px;
  right: 95px;
}
.memory-scoreboard.no-mascottes .scoreboard__podium.podium-mascottes-2 .player-avatar:nth-of-type(2) {
  top: 104px;
  right: 327px;
}
.memory-scoreboard.no-mascottes .scoreboard__podium.podium-mascottes-3 {
  background-image: url('../gynzy-tools/assets/tools/memory-tool/images/scoreboard/stage_3_no_mascottes-3f582ed53cb6cc0fffc46c124fc5d78e.svg');
}
.memory-scoreboard.no-mascottes .scoreboard__podium.podium-mascottes-3 .player-avatar {
  width: 129px;
  height: 47px;
  font-size: 30px;
  border: 3px solid white;
  border-radius: 8px;
}
.memory-scoreboard.no-mascottes .scoreboard__podium.podium-mascottes-3 .player-avatar:nth-of-type(1) {
  top: -29px;
  right: 232px;
}
.memory-scoreboard.no-mascottes .scoreboard__podium.podium-mascottes-3 .player-avatar:nth-of-type(2) {
  top: 77px;
  right: 394px;
}
.memory-scoreboard.no-mascottes .scoreboard__podium.podium-mascottes-3 .player-avatar:nth-of-type(3) {
  top: 176px;
  right: 62px;
}
.memory-scoreboard.no-mascottes .scoreboard__podium.podium-mascottes-4 {
  background-image: url('../gynzy-tools/assets/tools/memory-tool/images/scoreboard/stage_4_no_mascottes-9787493166338b8a42a3e07d17069987.svg');
}
.memory-scoreboard.no-mascottes .scoreboard__podium.podium-mascottes-4 .player-avatar {
  width: 113px;
  height: 41px;
  font-size: 27px;
  border: 2px solid white;
  border-radius: 7px;
}
.memory-scoreboard.no-mascottes .scoreboard__podium.podium-mascottes-4 .player-avatar:nth-of-type(1) {
  top: -33px;
  right: 176px;
}
.memory-scoreboard.no-mascottes .scoreboard__podium.podium-mascottes-4 .player-avatar:nth-of-type(2) {
  top: 58px;
  right: 316px;
}
.memory-scoreboard.no-mascottes .scoreboard__podium.podium-mascottes-4 .player-avatar:nth-of-type(3) {
  top: 141px;
  right: 34px;
}
.memory-scoreboard.no-mascottes .scoreboard__podium.podium-mascottes-4 .player-avatar:nth-of-type(4) {
  top: 217px;
  right: 450px;
}
.memory-scoreboard__button-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  height: 76px;
  align-items: top;
}
.memory-scoreboard__button-container .restart {
  min-width: 160px;
  height: 40px;
}
.gynzy__tools__base__tool.memory__tool {
  height: 100%;
  box-sizing: border-box;
  margin: auto;
}
.gynzy__tools__base__tool.memory__tool.is-full-page {
  padding: 24px;
}
.gynzy__tools__base__tool.memory__tool .memory-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.gynzy__tools__base__tool.memory__tool .memory-container .tool-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 564px;
}
.gynzy__tools__base__tool.memory__tool .memory-container .players-container {
  display: flex;
  flex-direction: column;
  height: inherit;
  justify-content: space-between;
  width: 140px;
}
.gynzy__tools__base__tool.memory__tool .memory-container .players-container.players-container-center {
  justify-content: center;
}
.gynzy__tools__base__tool.memory__tool .memory-container .center-container {
  display: flex;
  height: inherit;
  flex-direction: column;
  flex-grow: 1;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  place-self: center center;
  margin: 10px;
}
.gynzy__tools__base__tool.memory__tool .memory-container .cards-container {
  display: grid;
  width: inherit;
  height: inherit;
  place-content: center center;
}
.gynzy__tools__base__tool.memory__tool .memory-container.disable-interaction {
  pointer-events: none;
}
.gynzy__tools__base__tool.memory__tool .memory-container .button-container {
  display: flex;
  justify-content: space-between;
}
.gynzy__tools__base__tool.memory__tool .memory-container .button-container .settings,
.gynzy__tools__base__tool.memory__tool .memory-container .button-container .retry {
  min-width: 160px;
}
.name__picker {
  height: 100%;
}
.name__picker .picker-content {
  background: rgba(255, 255, 255, 0.8);
}
.name__picker .tool-content {
  height: inherit;
  width: inherit;
  box-sizing: border-box;
}
.name__picker .tool-content .name__container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  white-space: nowrap;
}
.name__picker .tool-content .name__container .yieled-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.name__picker .tool-content.show--border {
  border: 1px solid #d1d3de;
  border-radius: 10px;
}
.name__picker .tool-content.dragging {
  border: 1px solid transparent;
  background-color: rgba(38, 125, 217, 0.1);
  box-shadow: inset 0 0 0 4px #277cd9;
}
.name__picker .tool-content .drag__instructions {
  height: inherit;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.name__picker .tool-content .drag__instructions img {
  width: 48px;
}
.name__picker .tool-content .drag__instructions p {
  padding-left: 5px;
  font-size: 18px;
  color: #8c99a8;
}
.name-picker__name-component {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 104px;
  height: 65px;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  position: relative;
  white-space: nowrap;
}
.name-picker__name-component.is-loading div {
  visibility: hidden;
}
.name-picker__name-component div {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
          user-select: none;
}
.name-picker__name-component .stroke {
  -webkit-text-stroke: 2px rgba(255, 255, 255, 0.5);
}
.name__picker__v2 {
  height: 100%;
}
.name__picker__v2 .tool-content {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  padding: 16px;
  height: inherit;
  width: inherit;
  box-sizing: border-box;
}
.name__picker__v2 .tool-content .name__container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  margin-bottom: 8px;
}
.name__picker__v2 .tool-content .no-students-left {
  opacity: 0;
  font-size: 12px;
  font-weight: 400;
  transition: opacity 0.15s ease-in-out;
}
.name__picker__v2 .tool-content .no-students-left.show {
  opacity: 1;
}
.name-picker-v2__name-component {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family-header);
  font-weight: 500;
  font-size: 40px;
  letter-spacing: 0.2px;
  line-height: 1.4;
  opacity: 1;
  transition: opacity 0.15s ease-in-out;
  text-align: center;
  pointer-events: none;
  width: 100%;
  height: 100%;
  transform-origin: top left;
}
.name-picker-v2__name-component.is-loading div {
  visibility: hidden;
}
.name-picker-v2__name-component div {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
          user-select: none;
}
.fade-out {
  opacity: 0;
}
.fade-in {
  opacity: 1;
}
.news__tool {
  width: 560px;
  height: 390px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.8);
}
.news__tool .tool-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}
.news__tool .tool-content .plyr--wrapper,
.news__tool .tool-content iframe,
.news__tool .tool-content .error--wrapper {
  width: 560px;
  height: 315px;
}
.news__tool .tool-content .error--wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.news__tool .tool-content .error--wrapper img {
  max-width: 100%;
  max-height: 100%;
}
.news__tool .tool-content .episode--wrapper {
  display: grid;
  grid-template-columns: repeat(5, 105px);
  justify-content: space-between;
  justify-items: center;
  gap: 5px;
  width: 100%;
  height: 65px;
}
.news__tool .tool-content .episode--wrapper .episode {
  display: flex;
  width: 100%;
  height: 30px;
  padding: 5px;
  border-radius: 2px;
  box-sizing: border-box;
  background: #e9eaef;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  color: #6b7c8e;
}
.news__tool .tool-content .episode--wrapper .episode.active {
  color: #ffffff;
  background: #38a4de;
}
.news__tool .tool-content .episode--wrapper .episode:hover {
  cursor: pointer;
}
.news__tool .tool-content .message--wrapper,
.news__tool .tool-content .loader--wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.news__tool .tool-content .loader--wrapper.wrapper--grow {
  flex-grow: 1;
}
.news__tool .tool-content .loader--wrapper .flat__icon .icon--graphics {
  fill: #3f4c5a;
}
.number__generator .tool-content {
  width: 358px;
  height: 253px;
}
.gynzy__tools__base__tool.number__line__tool {
  width: 100%;
  height: 100%;
}
.gynzy__tools__base__tool.number__line__tool .top-nav {
  display: flex;
}
.gynzy__tools__base__tool.number__line__tool .label-toggle {
  margin-left: 45px;
  margin-right: auto;
}
.gynzy__tools__base__tool.number__line__tool .zoom-buttons {
  display: flex;
  margin-left: auto;
  margin-right: 45px;
}
.gynzy__tools__base__tool.number__line__tool .zoom-buttons button {
  margin: 0 5px;
  flex-grow: 0;
}
.gynzy__tools__base__tool.number__line__tool .zoom-buttons span {
  display: flex;
  align-items: center;
  margin-right: 1.5625rem;
  font-size: 1.25rem;
  font-weight: 600;
  color: #556474;
}
.gynzy__tools__base__tool.number__line__tool .parts-dropdown {
  margin-left: auto;
  margin-right: 45px;
  min-width: 15%;
}
.gynzy__tools__base__tool.number__line__tool .number-line-tool {
  position: relative;
  height: 200px;
}
.gynzy__tools__base__tool.number__line__tool .slide-buttons {
  position: absolute;
  width: 100%;
  top: 40%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
.gynzy__tools__base__tool.number__line__tool .slide-buttons button {
  pointer-events: auto;
}
.gynzy__tools__base__tool.number__line__tool .axis {
  font-family: 'Open Sans', sans-serif;
}
.gynzy__tools__base__tool.number__line__tool .axis line,
.gynzy__tools__base__tool.number__line__tool .axis path,
.gynzy__tools__base__tool.number__line__tool .axis text {
  fill: #2a3541;
}
.gynzy__tools__base__tool.number__line__tool .axis text {
  font-weight: 600;
}
.gynzy__tools__base__tool.number__line__tool .domain {
  stroke-width: 2px;
}
.gynzy__tools__base__tool.number__line__tool .regular-label-1 .tick:not(.minor):not(.major),
.gynzy__tools__base__tool.number__line__tool .regular-label-2 .tick:not(.minor):not(.major) {
  font-size: 12px;
}
.gynzy__tools__base__tool.number__line__tool .regular-label-3 .tick:not(.minor):not(.major) {
  font-size: 10px;
}
.gynzy__tools__base__tool.number__line__tool .regular-label-4 .tick:not(.minor):not(.major) {
  font-size: 8px;
}
.gynzy__tools__base__tool.number__line__tool .regular-label-5 .tick:not(.minor):not(.major) {
  font-size: 6px;
}
.gynzy__tools__base__tool.number__line__tool .regular-label-6-plus .tick:not(.minor):not(.major) .label {
  visibility: hidden;
}
.gynzy__tools__base__tool.number__line__tool .tick {
  stroke-linecap: round;
  cursor: pointer;
}
.gynzy__tools__base__tool.number__line__tool .tick.minor {
  font-size: 18px;
  stroke-width: 4px;
}
.gynzy__tools__base__tool.number__line__tool .tick.minor.coloured line {
  stroke: #ed1c24;
}
.gynzy__tools__base__tool.number__line__tool .tick.major {
  font-size: 21px;
  stroke-width: 4px;
}
.gynzy__tools__base__tool.number__line__tool .tick.major.coloured line {
  stroke: #277cd9;
}
.gynzy__tools__base__tool.number__line__tool .tick.decimal {
  font-size: 18px;
}
.gynzy__tools__base__tool.number__line__tool .tick.hidden {
  visibility: hidden;
}
.gynzy__tools__base__tool.number__line__tool .label.hidden {
  visibility: hidden;
}
.picker-content {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  border: 1px solid #d1d3de;
  border-radius: 10px;
  display: flex;
  flex-direction: row-reverse;
}
.picker-content.no-scroll-buttons {
  flex-direction: column;
}
.picker-content.no-scroll-buttons .picker-yield-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.picker-content.no-scroll-buttons .picker-yield-content {
  height: 100%;
}
.picker-content.no-scroll-buttons .image__container {
  margin-top: 18px;
  margin-bottom: 18px;
}
.picker-content.no-scroll-buttons .controls__container {
  align-self: center;
  width: auto;
  margin-top: 0;
}
.picker-content.no-scroll-buttons .controls__container .buttons__container {
  flex-direction: row;
  min-height: auto;
}
.picker-content.no-scroll-buttons .controls__container .buttons__container .button__square {
  margin: 0 4px;
}
.picker-content .scroll-icon {
  height: 36px;
  margin: 10px 0;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.picker-content .scroll-icon .flat__icon {
  width: 36px;
  height: 36px;
}
.picker-content .scroll-icon .flat__icon .icon--graphics {
  fill: #8c99a8;
}
.picker-content .scroll-icon.disabled {
  opacity: 0.5;
}
.picker-content .picker-yield-container {
  height: 100%;
  width: 100%;
}
.picker-content .picker-yield-content {
  height: calc(100% - 112px);
  scroll-behavior: smooth;
  overflow-y: auto;
}
.picker-content.dragging {
  border: 1px solid transparent;
  background-color: rgba(38, 125, 217, 0.1);
  box-shadow: inset 0 0 0 4px #277cd9;
}
.picker-content .controls__container {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  width: 50px;
  margin: 10px 0;
}
.picker-content .controls__container .buttons__container {
  display: flex;
  flex-direction: column-reverse;
  min-height: 80px;
}
.picker-content .controls__container .buttons__container .button__square {
  margin-left: 8px;
  margin-top: 8px;
}
.gynzy__tools__base__tool.rekenrek__tool {
  width: 100%;
  height: 100%;
}
.gynzy__tools__base__tool.rekenrek__tool .tool-content {
  position: relative;
  width: 610px;
  height: 113px;
}
.gynzy__tools__base__tool.rekenrek__tool .tool-content.rekenrek-2 {
  height: 163px;
}
.gynzy__tools__base__tool.rekenrek__tool .tool-content.rekenrek-5 {
  height: 277px;
}
.gynzy__tools__base__tool.rekenrek__tool .tool-content.rekenrek-10 {
  height: 476px;
}
.gynzy__tools__base__tool.rekenrek__tool .tool-content > svg {
  display: none;
}
.gynzy__tools__base__tool.rekenrek__tool .tool-content .rows {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  bottom: 56px;
  left: 65px;
}
.gynzy__tools__base__tool.rekenrek__tool .tool-content .rows .row {
  width: 480px;
  height: 32px;
  position: relative;
}
.gynzy__tools__base__tool.rekenrek__tool .tool-content .rows .row .bead {
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  bottom: 0;
  cursor: pointer;
}
.gynzy__tools__base__tool.rekenrek__tool .tool-content .rows .row .bead svg {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.gynzy__tools__base__tool .spin__the__wheel__tool {
  position: relative;
  width: 300px;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gynzy__tools__base__tool .spin__the__wheel__tool.small {
  width: 100px;
  height: 100px;
}
.gynzy__tools__base__tool .spin__the__wheel__tool.small .spinner-wrapper {
  transform: scale(0.25);
}
.gynzy__tools__base__tool .spin__the__wheel__tool.small .button-wrapper {
  width: 21px;
  height: 21px;
}
.gynzy__tools__base__tool .spin__the__wheel__tool.small .button-wrapper button {
  width: 19px;
  height: 19px;
  animation-name: spinTheWheelpulseButtonSmall;
}
.gynzy__tools__base__tool .spin__the__wheel__tool .svg-wrapper {
  width: inherit;
  height: inherit;
}
.gynzy__tools__base__tool .spin__the__wheel__tool .svg-wrapper .circle {
  width: inherit;
  height: inherit;
}
.gynzy__tools__base__tool .spin__the__wheel__tool .svg-wrapper .surfaces {
  width: 280px;
  height: 280px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.gynzy__tools__base__tool .spin__the__wheel__tool .svg-wrapper .surfaces svg {
  transform: rotate(-90deg);
}
.gynzy__tools__base__tool .spin__the__wheel__tool .svg-wrapper .surfaces svg .svgSurface {
  cursor: pointer;
}
.gynzy__tools__base__tool .spin__the__wheel__tool .svg-wrapper .numbers {
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.gynzy__tools__base__tool .spin__the__wheel__tool .svg-wrapper .number {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.gynzy__tools__base__tool .spin__the__wheel__tool .spinner-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0.6);
  width: inherit;
  height: inherit;
  border-radius: 50%;
}
.gynzy__tools__base__tool .spin__the__wheel__tool.has-surfaces .spinner-wrapper {
  cursor: pointer;
}
.gynzy__tools__base__tool .spin__the__wheel__tool img.spinner,
.gynzy__tools__base__tool .spin__the__wheel__tool img.spinner-alt {
  position: absolute;
}
.gynzy__tools__base__tool .spin__the__wheel__tool img.spinner {
  top: 0;
  left: 0;
}
.gynzy__tools__base__tool .spin__the__wheel__tool img.spinner-alt {
  top: -154px;
  left: -90px;
  transform-origin: 140px 204px;
  cursor: pointer;
}
.gynzy__tools__base__tool .spin__the__wheel__tool .button-wrapper {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
}
.gynzy__tools__base__tool .spin__the__wheel__tool .button-wrapper button {
  width: 26px;
  height: 26px;
  background: #277cd9;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  outline: none;
  margin: 0;
  padding: 0;
  animation: spinTheWheelpulseButton 1.25s 3 cubic-bezier(0.66, 0, 0, 1);
  box-shadow: 0 0 0 0 rgba(174, 183, 194, 0.7);
}
.gynzy__tools__base__tool .spin__the__wheel__tool .button-wrapper button:hover:enabled {
  background: #4e92ff;
}
.gynzy__tools__base__tool .spin__the__wheel__tool .button-wrapper button:active:enabled {
  background: #2465ab;
}
.gynzy__tools__base__tool .spin__the__wheel__tool .button-wrapper.hidden {
  visibility: hidden;
  opacity: 0;
}
.gynzy__tools__base__tool .spin__the__wheel__tool.spinner-dragging .button-wrapper {
  pointer-events: none;
}
@keyframes spinTheWheelpulseButton {
  to {
    box-shadow: 0 0 0 40px rgba(174, 183, 194, 0);
  }
}
@keyframes spinTheWheelpulseButtonSmall {
  to {
    box-shadow: 0 0 0 20px rgba(174, 183, 194, 0);
  }
}
.spotlight__tool {
  width: 1280px;
  height: 660px;
  position: relative;
  overflow: hidden;
}
.spotlight__tool .tool-content {
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.spotlight__tool .tool-content.spotlight-expanding,
.spotlight__tool .tool-content.spotlight-moving {
  pointer-events: initial;
}
.spotlight__tool .spotlight-spot {
  position: absolute;
  border-radius: 50%;
  box-sizing: border-box;
}
.spotlight__tool .spotlight-full {
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
}
.spotlight__tool .spotlight-overlay .spotlight-spot {
  box-shadow: inset -2px -2px 5px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #ffffff;
}
.spotlight__tool .spotlight-blocker {
  pointer-events: all;
  position: absolute;
}
.spotlight__tool .spotlight-blocker-clippath {
  display: none;
}
@supports (clip-path: circle(50%)) {
  .spotlight__tool .spotlight-blocker-clippath {
    display: block;
  }
}
.spotlight__tool .spotlight-button-container {
  position: relative;
}
.spotlight__tool .spotlight-button {
  pointer-events: initial;
  position: absolute;
}
.gynzy__tools__base__tool.ember-view.sticky-note {
  width: 100%;
  min-height: 100%;
  min-width: 30px;
  display: flex;
  box-sizing: border-box;
}
.gynzy__tools__base__tool.ember-view.sticky-note *,
.gynzy__tools__base__tool.ember-view.sticky-note ::before,
.gynzy__tools__base__tool.ember-view.sticky-note ::after {
  box-sizing: inherit;
}
.gynzy__tools__base__tool.ember-view.sticky-note .tool-content {
  position: relative;
  flex: 1;
  max-width: 100%;
  display: flex;
}
.gynzy__tools__base__tool.ember-view.sticky-note .tool-content .background {
  width: 100%;
  min-height: 100%;
}
.gynzy__tools__base__tool.ember-view.sticky-note .tool-content .background.hot-pink {
  background-color: #ff66cc;
}
.gynzy__tools__base__tool.ember-view.sticky-note .tool-content .background.gold {
  background-color: #ffd500;
}
.gynzy__tools__base__tool.ember-view.sticky-note .tool-content .background.spring-green {
  background-color: #33ff99;
}
.gynzy__tools__base__tool.ember-view.sticky-note .tool-content .background.dodger-blue {
  background-color: #0dc2ff;
}
.gynzy__tools__base__tool.ember-view.sticky-note .tool-content [contenteditable] {
  padding: 30px 10px 10px;
  width: 100%;
  min-height: 100%;
  outline: 0;
  color: #000;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  line-height: 19px;
  overflow-wrap: break-word;
}
.gynzy__tools__base__tool.ember-view.sticky-note .tool-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.05);
}
.gynzy__tools__base__tool.ember-view.sticky-note .tool-content .minimize-button {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  padding: 0;
  background-image: url(../gynzy-tools/assets/tools/sticky-note/images/minimize-b4be851395bea806a66df1bc7ecbff3f.svg);
  background-repeat: no-repeat;
  height: 20px;
  width: 12px;
  margin-left: 5px;
  background-color: transparent;
  background-position: center;
  outline: 0;
}
.gynzy__tools__base__tool.ember-view.sticky-note.minimized {
  width: 60px;
  height: 60px;
  min-height: initial;
}
.gynzy__tools__base__tool.ember-view.sticky-note.minimized .minimize-button {
  background-image: url(../gynzy-tools/assets/tools/sticky-note/images/restore-e8a47458398cc07a95ab3c0601f08624.svg);
}
.gynzy__tools__base__tool.ember-view.sticky-note.minimized [contenteditable] {
  display: none;
}
.gynzy__tools__base__tool.stopwatch .tool-content {
  font-family: 'ds-digi';
  font-size: 55px;
  line-height: normal;
  color: #000;
}
.gynzy__tools__base__tool.stopwatch .tool-content .counter-area {
  color: #2a3541;
  background-color: #3f4c5a;
  border-radius: 15px;
  padding: 15px;
  display: inline-block;
}
.gynzy__tools__base__tool.stopwatch .tool-content .counter-area .digit-grid {
  width: 192px;
  height: 58px;
  background-color: #eaf2fb;
  justify-content: center;
  border-radius: 3px;
  display: grid;
  grid-template-columns: 28px 28px 12px 28px 28px 8px 20px 20px;
}
.gynzy__tools__base__tool.stopwatch .tool-content .counter-area .digit-grid .digit {
  place-self: end end;
  cursor: default;
}
.gynzy__tools__base__tool.stopwatch .tool-content .counter-area .digit-grid .small {
  font-size: 40px;
  margin-bottom: 2px;
}
.gynzy__tools__base__tool.stopwatch .tool-content .buttons {
  margin-top: 10px;
  width: 222px;
  display: grid;
  grid-template-columns: repeat(2, 40px);
  justify-content: center;
}
.gynzy__tools__base__tool.stopwatch .tool-content .buttons button {
  justify-self: center;
}
.gynzy__tools__base__tool.stopwatch .tool-content .buttons button:last-child {
  transform: scaleX(-1);
}
.gynzy__tools__base__tool.table__maker {
  height: 100%;
  width: 100%;
}
.gynzy__tools__base__tool.table__maker .tool-content {
  height: 100%;
  width: 100%;
  padding: 10px;
}
.gynzy__tools__base__tool.table__maker .tool-content .disabled-overlay {
  position: absolute;
  inset: 0;
}
.gynzy__tools__base__tool.table__maker .tool-content table {
  border-collapse: collapse;
}
.gynzy__tools__base__tool.table__maker .tool-content table tr {
  height: 45px;
}
.gynzy__tools__base__tool.table__maker .tool-content table .table-maker__cell {
  position: relative;
  min-width: 45px;
  white-space: nowrap;
  cursor: text;
  border: 1px solid #6b7c8e;
  background: rgba(255, 255, 255, 0.8);
}
.gynzy__tools__base__tool.table__maker .tool-content table .table-maker__cell.newly_added_cell {
  opacity: 0.5;
  background-color: #eaf2fb;
}
.gynzy__tools__base__tool.table__maker .tool-content table .table-maker__cell.highlighted {
  background-color: #eaf2fb;
}
.gynzy__tools__base__tool.table__maker .tool-content table .table-maker__cell.selected::before {
  content: ' ';
  position: absolute;
  border: 1px solid #277cd9;
  pointer-events: none;
  inset: -1px;
}
.gynzy__tools__base__tool.table__maker .tool-content table .table-maker__cell .table__maker--rich__input {
  padding: 0 12px;
}
.gynzy__tools__base__tool.table__maker .tool-content table .table-maker__cell .total-row {
  position: absolute;
  height: 1px;
  background-color: #6b7c8e;
  top: 1px;
  left: 0;
  right: 0;
}
.gynzy__tools__base__tool.table__maker.hide-outside-borders table tr .table-maker__cell:first-child {
  border-left: 1px solid transparent !important;
}
.gynzy__tools__base__tool.table__maker.hide-outside-borders table tr .table-maker__cell:last-child {
  border-right: 1px solid transparent !important;
}
.gynzy__tools__base__tool.table__maker.hide-outside-borders table tr:first-child .table-maker__cell {
  border-top: 1px solid transparent !important;
}
.gynzy__tools__base__tool.table__maker.hide-outside-borders table tr:last-child .table-maker__cell {
  border-bottom: 1px solid transparent !important;
}
.gynzy__tools__base__tool.table__maker.is-invisible-table table tr .table-maker__cell {
  border-top: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  border-bottom: 1px solid transparent !important;
  border-left: 1px solid transparent !important;
}
.table__maker--extra-options {
  width: 150px;
  height: 24px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.table__maker--extra-options .icon-wrapper {
  cursor: pointer;
}
.table__maker--extra-options .icon-wrapper .flat__icon .icon--graphics {
  fill: #556474;
}
.table__maker--extra-options .icon-wrapper:hover .flat__icon .icon--graphics {
  fill: #277cd9;
}
.table__maker--extra-options .divider {
  width: 1px;
  height: 90%;
  background-color: #d1d3de;
}
.gynzy__tools__base__tool.voice__volume {
  height: 222px;
  display: inline-block;
  width: auto;
  padding: 15px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.8);
}
.gynzy__tools__base__tool.voice__volume .tool-content {
  height: 222px;
  display: flex;
  flex-direction: row;
}
.gynzy__tools__base__tool.voice__volume .tool-content .volume_bars {
  position: relative;
  height: 210px;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 3px solid #2a3541;
  border-radius: 40px;
  padding: 3px;
}
.gynzy__tools__base__tool.voice__volume .tool-content .volume_names {
  height: 210px;
  display: flex;
  flex-direction: column;
  padding: 6px;
  padding-right: 0;
}
.gynzy__tools__base__tool.voice__volume .tool-content .volume_names .volume_name {
  height: 100%;
  display: flex;
  align-items: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap;
  color: #3f4c5a;
  cursor: pointer;
}
.gynzy__tools__base__tool.voice__volume .tool-content .background-overlay {
  position: absolute;
  border-radius: 20px 0 0 20px;
  pointer-events: none;
  height: 210px;
  width: 20px;
  left: 3px;
}
.gynzy__tools__base__tool.voice__volume .tool-content .volume_bar {
  position: relative;
  width: 40px;
  height: 100%;
  cursor: pointer;
}
.gynzy__tools__base__tool.voice__volume .tool-content .volume_bar.blue {
  background-color: #38a4de;
}
.gynzy__tools__base__tool.voice__volume .tool-content .volume_bar.light_blue {
  background-color: #3fd4d4;
}
.gynzy__tools__base__tool.voice__volume .tool-content .volume_bar.green {
  background-color: #59d640;
}
.gynzy__tools__base__tool.voice__volume .tool-content .volume_bar.yellow {
  background-color: #fad20c;
}
.gynzy__tools__base__tool.voice__volume .tool-content .volume_bar.orange {
  background-color: #fa830c;
}
.gynzy__tools__base__tool.voice__volume .tool-content .volume_bar.red {
  background-color: #e64545;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow {
  position: absolute;
  padding-left: 8px;
  /* Border + padding */
  right: -6px;
  cursor: grab;
  visibility: visible;
  transition: 0.1s all;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow.dragging {
  transition: none;
  cursor: grabbing;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 30px;
  height: 16px;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon.row {
  flex-direction: row;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon.flex-align-center {
  align-items: center;
  text-align: center;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon.column {
  flex-direction: column;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon.end {
  justify-content: flex-end;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon.start {
  justify-content: flex-start;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon.flex-center {
  justify-content: center;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon.between {
  justify-content: space-between;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon.around {
  justify-content: space-around;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon.cross-start {
  align-items: flex-start;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon.cross-end {
  align-items: flex-end;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon.stretch {
  align-items: stretch;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon.evenly {
  justify-content: space-evenly;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon.wrap {
  flex-wrap: wrap;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon.grow {
  flex: 1;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon .flex-half,
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon .flex-quarter,
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon .flex-sixth,
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon .flex-third,
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon .flex-two-third {
  box-sizing: border-box;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon .flex-remaining-space {
  flex-grow: 1;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon .flex-grow-1 {
  flex: 1 1;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon .flex-grow-2 {
  flex: 2 1;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon .flex-grow-3 {
  flex: 3 1;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon .flex-grow-4 {
  flex: 4 1;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon .flex-grow-5 {
  flex: 5 1;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon .flex-grow-6 {
  flex: 6 1;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon .flex-grow-7 {
  flex: 7 1;
}
.gynzy__tools__base__tool.voice__volume .tool-content .selected-arrow .styleguide.svg__icon .flex-grow-8 {
  flex: 8 1;
}
.gynzy__tools__base__tool.voice__volume .tool-content .volume_bar:first-child {
  border-radius: 20px 20px 0 0;
}
.gynzy__tools__base__tool.voice__volume .tool-content .volume_bar:nth-last-child(3) {
  border-radius: 0 0 20px 20px;
}
#toolContainer {
  height: 100%;
}
.word__flash__cards__tool {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-direction: column;
  width: 100%;
  /* stylelint-disable-next-line */
  height: -webkit-fill-available;
}
.word__flash__cards__tool.row {
  flex-direction: row;
}
.word__flash__cards__tool.flex-align-center {
  align-items: center;
  text-align: center;
}
.word__flash__cards__tool.column {
  flex-direction: column;
}
.word__flash__cards__tool.end {
  justify-content: flex-end;
}
.word__flash__cards__tool.start {
  justify-content: flex-start;
}
.word__flash__cards__tool.flex-center {
  justify-content: center;
}
.word__flash__cards__tool.between {
  justify-content: space-between;
}
.word__flash__cards__tool.around {
  justify-content: space-around;
}
.word__flash__cards__tool.cross-start {
  align-items: flex-start;
}
.word__flash__cards__tool.cross-end {
  align-items: flex-end;
}
.word__flash__cards__tool.stretch {
  align-items: stretch;
}
.word__flash__cards__tool.evenly {
  justify-content: space-evenly;
}
.word__flash__cards__tool.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.word__flash__cards__tool.wrap {
  flex-wrap: wrap;
}
.word__flash__cards__tool.grow {
  flex: 1;
}
.word__flash__cards__tool .flex-half,
.word__flash__cards__tool .flex-quarter,
.word__flash__cards__tool .flex-sixth,
.word__flash__cards__tool .flex-third,
.word__flash__cards__tool .flex-two-third {
  box-sizing: border-box;
}
.word__flash__cards__tool .flex-remaining-space {
  flex-grow: 1;
}
.word__flash__cards__tool .flex-grow-1 {
  flex: 1 1;
}
.word__flash__cards__tool .flex-grow-2 {
  flex: 2 1;
}
.word__flash__cards__tool .flex-grow-3 {
  flex: 3 1;
}
.word__flash__cards__tool .flex-grow-4 {
  flex: 4 1;
}
.word__flash__cards__tool .flex-grow-5 {
  flex: 5 1;
}
.word__flash__cards__tool .flex-grow-6 {
  flex: 6 1;
}
.word__flash__cards__tool .flex-grow-7 {
  flex: 7 1;
}
.word__flash__cards__tool .flex-grow-8 {
  flex: 8 1;
}
.word__flash__cards__tool .tool--header,
.word__flash__cards__tool .tool--content,
.word__flash__cards__tool .tool--footer {
  position: relative;
}
.word__flash__cards__tool .tool--header .tool--footer {
  overflow: hidden;
}
.word__flash__cards__tool .tool--header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: 15%;
}
.word__flash__cards__tool .tool--header.row {
  flex-direction: row;
}
.word__flash__cards__tool .tool--header.flex-align-center {
  align-items: center;
  text-align: center;
}
.word__flash__cards__tool .tool--header.column {
  flex-direction: column;
}
.word__flash__cards__tool .tool--header.end {
  justify-content: flex-end;
}
.word__flash__cards__tool .tool--header.start {
  justify-content: flex-start;
}
.word__flash__cards__tool .tool--header.flex-center {
  justify-content: center;
}
.word__flash__cards__tool .tool--header.between {
  justify-content: space-between;
}
.word__flash__cards__tool .tool--header.around {
  justify-content: space-around;
}
.word__flash__cards__tool .tool--header.cross-start {
  align-items: flex-start;
}
.word__flash__cards__tool .tool--header.cross-end {
  align-items: flex-end;
}
.word__flash__cards__tool .tool--header.stretch {
  align-items: stretch;
}
.word__flash__cards__tool .tool--header.evenly {
  justify-content: space-evenly;
}
.word__flash__cards__tool .tool--header.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.word__flash__cards__tool .tool--header.wrap {
  flex-wrap: wrap;
}
.word__flash__cards__tool .tool--header.grow {
  flex: 1;
}
.word__flash__cards__tool .tool--header .flex-half,
.word__flash__cards__tool .tool--header .flex-quarter,
.word__flash__cards__tool .tool--header .flex-sixth,
.word__flash__cards__tool .tool--header .flex-third,
.word__flash__cards__tool .tool--header .flex-two-third {
  box-sizing: border-box;
}
.word__flash__cards__tool .tool--header .flex-remaining-space {
  flex-grow: 1;
}
.word__flash__cards__tool .tool--header .flex-grow-1 {
  flex: 1 1;
}
.word__flash__cards__tool .tool--header .flex-grow-2 {
  flex: 2 1;
}
.word__flash__cards__tool .tool--header .flex-grow-3 {
  flex: 3 1;
}
.word__flash__cards__tool .tool--header .flex-grow-4 {
  flex: 4 1;
}
.word__flash__cards__tool .tool--header .flex-grow-5 {
  flex: 5 1;
}
.word__flash__cards__tool .tool--header .flex-grow-6 {
  flex: 6 1;
}
.word__flash__cards__tool .tool--header .flex-grow-7 {
  flex: 7 1;
}
.word__flash__cards__tool .tool--header .flex-grow-8 {
  flex: 8 1;
}
.word__flash__cards__tool .tool--header .center--part {
  width: 50%;
}
.word__flash__cards__tool .tool--header .center--part .progress--indicator {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
}
.word__flash__cards__tool .tool--header .close--button,
.word__flash__cards__tool .tool--header .place--holder {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 7.5rem;
  height: 7.5rem;
}
.word__flash__cards__tool .tool--header .close--button.row,
.word__flash__cards__tool .tool--header .place--holder.row {
  flex-direction: row;
}
.word__flash__cards__tool .tool--header .close--button.flex-align-center,
.word__flash__cards__tool .tool--header .place--holder.flex-align-center {
  align-items: center;
  text-align: center;
}
.word__flash__cards__tool .tool--header .close--button.column,
.word__flash__cards__tool .tool--header .place--holder.column {
  flex-direction: column;
}
.word__flash__cards__tool .tool--header .close--button.end,
.word__flash__cards__tool .tool--header .place--holder.end {
  justify-content: flex-end;
}
.word__flash__cards__tool .tool--header .close--button.start,
.word__flash__cards__tool .tool--header .place--holder.start {
  justify-content: flex-start;
}
.word__flash__cards__tool .tool--header .close--button.flex-center,
.word__flash__cards__tool .tool--header .place--holder.flex-center {
  justify-content: center;
}
.word__flash__cards__tool .tool--header .close--button.between,
.word__flash__cards__tool .tool--header .place--holder.between {
  justify-content: space-between;
}
.word__flash__cards__tool .tool--header .close--button.around,
.word__flash__cards__tool .tool--header .place--holder.around {
  justify-content: space-around;
}
.word__flash__cards__tool .tool--header .close--button.cross-start,
.word__flash__cards__tool .tool--header .place--holder.cross-start {
  align-items: flex-start;
}
.word__flash__cards__tool .tool--header .close--button.cross-end,
.word__flash__cards__tool .tool--header .place--holder.cross-end {
  align-items: flex-end;
}
.word__flash__cards__tool .tool--header .close--button.stretch,
.word__flash__cards__tool .tool--header .place--holder.stretch {
  align-items: stretch;
}
.word__flash__cards__tool .tool--header .close--button.evenly,
.word__flash__cards__tool .tool--header .place--holder.evenly {
  justify-content: space-evenly;
}
.word__flash__cards__tool .tool--header .close--button.overlay-dark,
.word__flash__cards__tool .tool--header .place--holder.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.word__flash__cards__tool .tool--header .close--button.wrap,
.word__flash__cards__tool .tool--header .place--holder.wrap {
  flex-wrap: wrap;
}
.word__flash__cards__tool .tool--header .close--button.grow,
.word__flash__cards__tool .tool--header .place--holder.grow {
  flex: 1;
}
.word__flash__cards__tool .tool--header .close--button .flex-half,
.word__flash__cards__tool .tool--header .place--holder .flex-half,
.word__flash__cards__tool .tool--header .close--button .flex-quarter,
.word__flash__cards__tool .tool--header .place--holder .flex-quarter,
.word__flash__cards__tool .tool--header .close--button .flex-sixth,
.word__flash__cards__tool .tool--header .place--holder .flex-sixth,
.word__flash__cards__tool .tool--header .close--button .flex-third,
.word__flash__cards__tool .tool--header .place--holder .flex-third,
.word__flash__cards__tool .tool--header .close--button .flex-two-third,
.word__flash__cards__tool .tool--header .place--holder .flex-two-third {
  box-sizing: border-box;
}
.word__flash__cards__tool .tool--header .close--button .flex-remaining-space,
.word__flash__cards__tool .tool--header .place--holder .flex-remaining-space {
  flex-grow: 1;
}
.word__flash__cards__tool .tool--header .close--button .flex-grow-1,
.word__flash__cards__tool .tool--header .place--holder .flex-grow-1 {
  flex: 1 1;
}
.word__flash__cards__tool .tool--header .close--button .flex-grow-2,
.word__flash__cards__tool .tool--header .place--holder .flex-grow-2 {
  flex: 2 1;
}
.word__flash__cards__tool .tool--header .close--button .flex-grow-3,
.word__flash__cards__tool .tool--header .place--holder .flex-grow-3 {
  flex: 3 1;
}
.word__flash__cards__tool .tool--header .close--button .flex-grow-4,
.word__flash__cards__tool .tool--header .place--holder .flex-grow-4 {
  flex: 4 1;
}
.word__flash__cards__tool .tool--header .close--button .flex-grow-5,
.word__flash__cards__tool .tool--header .place--holder .flex-grow-5 {
  flex: 5 1;
}
.word__flash__cards__tool .tool--header .close--button .flex-grow-6,
.word__flash__cards__tool .tool--header .place--holder .flex-grow-6 {
  flex: 6 1;
}
.word__flash__cards__tool .tool--header .close--button .flex-grow-7,
.word__flash__cards__tool .tool--header .place--holder .flex-grow-7 {
  flex: 7 1;
}
.word__flash__cards__tool .tool--header .close--button .flex-grow-8,
.word__flash__cards__tool .tool--header .place--holder .flex-grow-8 {
  flex: 8 1;
}
.word__flash__cards__tool .tool--content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex: 1;
  width: 100%;
  height: 65%;
}
.word__flash__cards__tool .tool--content.row {
  flex-direction: row;
}
.word__flash__cards__tool .tool--content.flex-align-center {
  align-items: center;
  text-align: center;
}
.word__flash__cards__tool .tool--content.column {
  flex-direction: column;
}
.word__flash__cards__tool .tool--content.end {
  justify-content: flex-end;
}
.word__flash__cards__tool .tool--content.start {
  justify-content: flex-start;
}
.word__flash__cards__tool .tool--content.flex-center {
  justify-content: center;
}
.word__flash__cards__tool .tool--content.between {
  justify-content: space-between;
}
.word__flash__cards__tool .tool--content.around {
  justify-content: space-around;
}
.word__flash__cards__tool .tool--content.cross-start {
  align-items: flex-start;
}
.word__flash__cards__tool .tool--content.cross-end {
  align-items: flex-end;
}
.word__flash__cards__tool .tool--content.stretch {
  align-items: stretch;
}
.word__flash__cards__tool .tool--content.evenly {
  justify-content: space-evenly;
}
.word__flash__cards__tool .tool--content.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.word__flash__cards__tool .tool--content.wrap {
  flex-wrap: wrap;
}
.word__flash__cards__tool .tool--content.grow {
  flex: 1;
}
.word__flash__cards__tool .tool--content .flex-half,
.word__flash__cards__tool .tool--content .flex-quarter,
.word__flash__cards__tool .tool--content .flex-sixth,
.word__flash__cards__tool .tool--content .flex-third,
.word__flash__cards__tool .tool--content .flex-two-third {
  box-sizing: border-box;
}
.word__flash__cards__tool .tool--content .flex-remaining-space {
  flex-grow: 1;
}
.word__flash__cards__tool .tool--content .flex-grow-1 {
  flex: 1 1;
}
.word__flash__cards__tool .tool--content .flex-grow-2 {
  flex: 2 1;
}
.word__flash__cards__tool .tool--content .flex-grow-3 {
  flex: 3 1;
}
.word__flash__cards__tool .tool--content .flex-grow-4 {
  flex: 4 1;
}
.word__flash__cards__tool .tool--content .flex-grow-5 {
  flex: 5 1;
}
.word__flash__cards__tool .tool--content .flex-grow-6 {
  flex: 6 1;
}
.word__flash__cards__tool .tool--content .flex-grow-7 {
  flex: 7 1;
}
.word__flash__cards__tool .tool--content .flex-grow-8 {
  flex: 8 1;
}
.word__flash__cards__tool .tool--content .visible--word {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 8rem;
  font-size: 6rem;
}
.word__flash__cards__tool .tool--content .visible--word.small--font {
  line-height: normal;
  font-size: 3rem;
}
.word__flash__cards__tool .tool--content .finished--message {
  display: block;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.word__flash__cards__tool .tool--content .finished--message .stop--text {
  height: 20%;
}
.word__flash__cards__tool .tool--content .finished--message .stop--text h1 {
  font-weight: 800;
  font-size: 5rem;
}
.word__flash__cards__tool .tool--content .finished--message .stop--image {
  bottom: 0;
  position: absolute;
  align-items: center;
  width: 100%;
  height: 80%;
}
.word__flash__cards__tool .tool--content .finished--message .stop--image img {
  padding: 1rem 1rem 3rem;
  height: 100%;
  box-sizing: border-box;
}
.word__flash__cards__tool .tool--footer {
  width: 100%;
  height: 20%;
  overflow: hidden;
}
.word__flash__cards__tool .tool--footer .stop--button,
.word__flash__cards__tool .tool--footer .start--button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
  padding-bottom: 5rem;
}
.word__flash__cards__tool .tool--footer .stop--button.row,
.word__flash__cards__tool .tool--footer .start--button.row {
  flex-direction: row;
}
.word__flash__cards__tool .tool--footer .stop--button.flex-align-center,
.word__flash__cards__tool .tool--footer .start--button.flex-align-center {
  align-items: center;
  text-align: center;
}
.word__flash__cards__tool .tool--footer .stop--button.column,
.word__flash__cards__tool .tool--footer .start--button.column {
  flex-direction: column;
}
.word__flash__cards__tool .tool--footer .stop--button.end,
.word__flash__cards__tool .tool--footer .start--button.end {
  justify-content: flex-end;
}
.word__flash__cards__tool .tool--footer .stop--button.start,
.word__flash__cards__tool .tool--footer .start--button.start {
  justify-content: flex-start;
}
.word__flash__cards__tool .tool--footer .stop--button.flex-center,
.word__flash__cards__tool .tool--footer .start--button.flex-center {
  justify-content: center;
}
.word__flash__cards__tool .tool--footer .stop--button.between,
.word__flash__cards__tool .tool--footer .start--button.between {
  justify-content: space-between;
}
.word__flash__cards__tool .tool--footer .stop--button.around,
.word__flash__cards__tool .tool--footer .start--button.around {
  justify-content: space-around;
}
.word__flash__cards__tool .tool--footer .stop--button.cross-start,
.word__flash__cards__tool .tool--footer .start--button.cross-start {
  align-items: flex-start;
}
.word__flash__cards__tool .tool--footer .stop--button.cross-end,
.word__flash__cards__tool .tool--footer .start--button.cross-end {
  align-items: flex-end;
}
.word__flash__cards__tool .tool--footer .stop--button.stretch,
.word__flash__cards__tool .tool--footer .start--button.stretch {
  align-items: stretch;
}
.word__flash__cards__tool .tool--footer .stop--button.evenly,
.word__flash__cards__tool .tool--footer .start--button.evenly {
  justify-content: space-evenly;
}
.word__flash__cards__tool .tool--footer .stop--button.overlay-dark,
.word__flash__cards__tool .tool--footer .start--button.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.word__flash__cards__tool .tool--footer .stop--button.wrap,
.word__flash__cards__tool .tool--footer .start--button.wrap {
  flex-wrap: wrap;
}
.word__flash__cards__tool .tool--footer .stop--button.grow,
.word__flash__cards__tool .tool--footer .start--button.grow {
  flex: 1;
}
.word__flash__cards__tool .tool--footer .stop--button .flex-half,
.word__flash__cards__tool .tool--footer .start--button .flex-half,
.word__flash__cards__tool .tool--footer .stop--button .flex-quarter,
.word__flash__cards__tool .tool--footer .start--button .flex-quarter,
.word__flash__cards__tool .tool--footer .stop--button .flex-sixth,
.word__flash__cards__tool .tool--footer .start--button .flex-sixth,
.word__flash__cards__tool .tool--footer .stop--button .flex-third,
.word__flash__cards__tool .tool--footer .start--button .flex-third,
.word__flash__cards__tool .tool--footer .stop--button .flex-two-third,
.word__flash__cards__tool .tool--footer .start--button .flex-two-third {
  box-sizing: border-box;
}
.word__flash__cards__tool .tool--footer .stop--button .flex-remaining-space,
.word__flash__cards__tool .tool--footer .start--button .flex-remaining-space {
  flex-grow: 1;
}
.word__flash__cards__tool .tool--footer .stop--button .flex-grow-1,
.word__flash__cards__tool .tool--footer .start--button .flex-grow-1 {
  flex: 1 1;
}
.word__flash__cards__tool .tool--footer .stop--button .flex-grow-2,
.word__flash__cards__tool .tool--footer .start--button .flex-grow-2 {
  flex: 2 1;
}
.word__flash__cards__tool .tool--footer .stop--button .flex-grow-3,
.word__flash__cards__tool .tool--footer .start--button .flex-grow-3 {
  flex: 3 1;
}
.word__flash__cards__tool .tool--footer .stop--button .flex-grow-4,
.word__flash__cards__tool .tool--footer .start--button .flex-grow-4 {
  flex: 4 1;
}
.word__flash__cards__tool .tool--footer .stop--button .flex-grow-5,
.word__flash__cards__tool .tool--footer .start--button .flex-grow-5 {
  flex: 5 1;
}
.word__flash__cards__tool .tool--footer .stop--button .flex-grow-6,
.word__flash__cards__tool .tool--footer .start--button .flex-grow-6 {
  flex: 6 1;
}
.word__flash__cards__tool .tool--footer .stop--button .flex-grow-7,
.word__flash__cards__tool .tool--footer .start--button .flex-grow-7 {
  flex: 7 1;
}
.word__flash__cards__tool .tool--footer .stop--button .flex-grow-8,
.word__flash__cards__tool .tool--footer .start--button .flex-grow-8 {
  flex: 8 1;
}
.word__flash__cards__tool .tool--footer .stop--button button,
.word__flash__cards__tool .tool--footer .start--button button {
  height: 7.5rem;
}
.word__flash__cards__tool .progress--indicator {
  position: relative;
  text-align: center;
  font-size: 4rem;
  padding-top: 3rem;
  height: 80%;
  margin: 0;
}
.word__flash__cards__tool .progress--indicator span {
  font-weight: 600;
  width: 100%;
  bottom: 2rem;
  right: 0;
}
.button__tool .tool-content {
  height: 40px;
  padding: 16px;
}
.button__tool .tool-content button {
  min-height: 40px;
  height: 40px;
  max-height: 40px;
}
.button__tool .tool-content.type-icon,
.button__tool .tool-content.type-icon button {
  min-width: 40px;
  width: 40px;
  max-width: 40px;
}
.button__tool .tool-content.type-icon .button__round,
.button__tool .tool-content.type-icon button .button__round {
  border: none;
  min-width: 32px;
  width: 32px;
  max-width: 32px;
  min-height: 32px;
  height: 32px;
  max-height: 32px;
}
.button__tool .tool-content.type-icon .button__round .flat__icon,
.button__tool .tool-content.type-icon button .button__round .flat__icon {
  width: 16px;
  height: 16px;
}
.button__tool .tool-content.type-icon .button__round.color--negative,
.button__tool .tool-content.type-icon button .button__round.color--negative {
  --button-regular-background: #ed1c24;
  --button-regular-background-hover: #f04248;
  --button-regular-background-active: #c61017;
  color: var(--button-regular-color);
  background-color: var(--button-regular-background);
}
.button__tool .tool-content.type-icon .button__round.color--negative .icon--graphics,
.button__tool .tool-content.type-icon button .button__round.color--negative .icon--graphics {
  fill: var(--button-regular-color);
}
.button__tool .tool-content.type-icon .button__round.color--negative.hover:enabled,
.button__tool .tool-content.type-icon button .button__round.color--negative.hover:enabled,
.button__tool .tool-content.type-icon .button__round.color--negative:hover:enabled,
.button__tool .tool-content.type-icon button .button__round.color--negative:hover:enabled {
  background-color: var(--button-regular-background-hover);
}
.button__tool .tool-content.type-icon .button__round.color--negative.active:enabled,
.button__tool .tool-content.type-icon button .button__round.color--negative.active:enabled,
.button__tool .tool-content.type-icon .button__round.color--negative:active:enabled,
.button__tool .tool-content.type-icon button .button__round.color--negative:active:enabled {
  background-color: var(--button-regular-background-active);
  color: rgba(255, 255, 255, 0.7);
}
.button__tool .tool-content.type-icon .button__round.color--negative.active:enabled .icon--graphics,
.button__tool .tool-content.type-icon button .button__round.color--negative.active:enabled .icon--graphics,
.button__tool .tool-content.type-icon .button__round.color--negative:active:enabled .icon--graphics,
.button__tool .tool-content.type-icon button .button__round.color--negative:active:enabled .icon--graphics {
  fill: rgba(255, 255, 255, 0.7);
}
.button__tool .tool-content.type-text,
.button__tool .tool-content.type-text button {
  min-width: 160px;
}
.button__tool .tool-content.type-text-icon,
.button__tool .tool-content.type-text-icon button {
  min-width: 180px;
}
.button__tool .tool-content.button-size-large {
  height: 48px;
}
.button__tool .tool-content.button-size-large button {
  min-height: 48px;
  height: 48px;
  max-height: 48px;
}
.button__tool .tool-content.button-size-large.type-icon,
.button__tool .tool-content.button-size-large.type-icon button {
  min-width: 48px;
  width: 48px;
  max-width: 48px;
}
.button__tool .tool-content.button-size-large.type-icon .button__round,
.button__tool .tool-content.button-size-large.type-icon button .button__round {
  border: none;
  min-width: 40px;
  width: 40px;
  max-width: 40px;
  min-height: 40px;
  height: 40px;
  max-height: 40px;
}
.button__tool .tool-content.button-size-large.type-icon .button__round .flat__icon,
.button__tool .tool-content.button-size-large.type-icon button .button__round .flat__icon {
  width: 20px;
  height: 20px;
}
.button__tool .tool-content.button-size-large.type-text,
.button__tool .tool-content.button-size-large.type-text button {
  min-width: 180px;
}
.button__tool .tool-content.button-size-large.type-text-icon,
.button__tool .tool-content.button-size-large.type-text-icon button {
  min-width: 228px;
}
.prosemirror-options-menu {
  position: fixed;
  background-color: #fff;
  border: 1px solid #d1d3de;
  border-radius: 5px;
  padding: 1.04166667rem;
  width: 33rem;
  left: calc(50% - 16.5rem);
  bottom: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.prosemirror-options-menu .styleguide.flat__icon {
  display: flex;
  width: 2.08333333rem;
  height: 2.08333333rem;
  padding: 1.04166667rem;
  cursor: pointer;
}
.prosemirror-options-menu .styleguide.flat__icon .icon--graphics {
  fill: #6b7c8e;
}
.prosemirror-options-menu .styleguide.flat__icon:hover .icon--graphics {
  fill: #277cd9;
}
.prosemirror-options-menu .styleguide.svg__icon {
  display: flex;
  width: 2.08333333rem;
  height: 2.08333333rem;
  padding: 1.04166667rem;
  cursor: pointer;
  border-radius: 0.41666667rem;
}
.prosemirror-options-menu .styleguide.svg__icon:hover {
  background: #d4eefc;
}
.prosemirror-options-menu .divider {
  background-color: #d1d3de;
  width: 1px;
  height: 3.125rem;
  padding: 0, 1.04166667rem;
}
.prosemirror-options-menu .color-picker-wrapper {
  position: absolute;
  bottom: 6.5rem;
  background-color: #fff;
  border: 1px solid #d1d3de;
  right: -7.5rem;
}
.prosemirror-options-menu .color-picker-wrapper::after,
.prosemirror-options-menu .color-picker-wrapper::before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.prosemirror-options-menu .color-picker-wrapper::after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}
.prosemirror-options-menu .color-picker-wrapper::before {
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #d1d3de;
  border-width: 11px;
  margin-left: -11px;
}
.ProseMirror-Standalone p {
  margin-bottom: inherit;
  color: #2a3541;
  font-size: 16px;
}
.ProseMirror-Standalone .prosemirror-italic {
  font-style: italic;
}
.ProseMirror-Standalone .prosemirror-strikethrough {
  text-decoration: line-through;
}
.ProseMirror-Standalone .prosemirror-underscore {
  text-decoration: underline;
}
.ProseMirror-Standalone .prosemirror-left {
  text-align: left;
}
.ProseMirror-Standalone .prosemirror-center {
  text-align: center;
}
.ProseMirror-Standalone .prosemirror-right {
  text-align: right;
}

.gynzy-student-application-container,
.gynzy-teacher-application-container,
.unicorn-manager-application-wrapper {
  /* normale witte knop */
  /* normale rode knop */
  /* KLEUREN TEKST */
  /* KLEUREN GROEP */
  /* student background colors */
  /* EFFECTEN */
  /* BUTTON NORMAL */
  /* CSS klassen om snel de kleur te kunnen gebruiken */
  /* stylelint-disable */
  /* arimo-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese */
  /* lexend-deca-regular - latin_latin-ext_vietnamese */
  /* lexend-deca-500 - latin_latin-ext_vietnamese */
  /* lexend-deca-600 - latin_latin-ext_vietnamese */
  /* mulish-regular - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
  /* mulish-italic - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
  /* mulish-700 - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
  /* mulish-700italic - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
  /* open-sans-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
  /* open-sans-italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
  /* open-sans-600 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
  /* open-sans-700 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
  /* open-sans-700italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
  /* open-sans-800 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
  /* Group Colors */
  /* ParnasSys */
  /* Folders */
}
.gynzy-student-application-container .flex-one,
.gynzy-teacher-application-container .flex-one,
.unicorn-manager-application-wrapper .flex-one {
  position: relative;
  flex: 1;
}
.gynzy-student-application-container .bold,
.gynzy-teacher-application-container .bold,
.unicorn-manager-application-wrapper .bold {
  font-weight: bold;
}
.gynzy-student-application-container sup,
.gynzy-teacher-application-container sup,
.unicorn-manager-application-wrapper sup,
.gynzy-student-application-container sub,
.gynzy-teacher-application-container sub,
.unicorn-manager-application-wrapper sub {
  white-space: nowrap;
  font-size: 60%;
}
.gynzy-student-application-container .disabled,
.gynzy-teacher-application-container .disabled,
.unicorn-manager-application-wrapper .disabled {
  opacity: 0.5 !important;
}
.gynzy-student-application-container .full-screen-preview-container,
.gynzy-teacher-application-container .full-screen-preview-container,
.unicorn-manager-application-wrapper .full-screen-preview-container {
  z-index: 23001;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  padding: 3rem;
}
.gynzy-student-application-container .full-screen-preview-container .full-screen-preview-container-bg,
.gynzy-teacher-application-container .full-screen-preview-container .full-screen-preview-container-bg,
.unicorn-manager-application-wrapper .full-screen-preview-container .full-screen-preview-container-bg {
  position: absolute;
  inset: 0;
  background-color: #fff;
  opacity: 0.95;
}
.gynzy-student-application-container .absolute-center,
.gynzy-teacher-application-container .absolute-center,
.unicorn-manager-application-wrapper .absolute-center {
  position: absolute;
  inset: 0;
}
.gynzy-student-application-container #tablero-lessons-overview .method-content,
.gynzy-teacher-application-container #tablero-lessons-overview .method-content,
.unicorn-manager-application-wrapper #tablero-lessons-overview .method-content,
.gynzy-student-application-container #tablero-lessons-overview .islands-container-component,
.gynzy-teacher-application-container #tablero-lessons-overview .islands-container-component,
.unicorn-manager-application-wrapper #tablero-lessons-overview .islands-container-component,
.gynzy-student-application-container #tablero-lessons-overview .villages-container,
.gynzy-teacher-application-container #tablero-lessons-overview .villages-container,
.unicorn-manager-application-wrapper #tablero-lessons-overview .villages-container,
.gynzy-student-application-container #tablero-lessons-overview .village-overview,
.gynzy-teacher-application-container #tablero-lessons-overview .village-overview,
.unicorn-manager-application-wrapper #tablero-lessons-overview .village-overview {
  height: calc(100vh - 6.25rem);
}
.gynzy-student-application-container #tablero-lessons-overview .method-content.student,
.gynzy-teacher-application-container #tablero-lessons-overview .method-content.student,
.unicorn-manager-application-wrapper #tablero-lessons-overview .method-content.student,
.gynzy-student-application-container #tablero-lessons-overview .islands-container-component.student,
.gynzy-teacher-application-container #tablero-lessons-overview .islands-container-component.student,
.unicorn-manager-application-wrapper #tablero-lessons-overview .islands-container-component.student,
.gynzy-student-application-container #tablero-lessons-overview .villages-container.student,
.gynzy-teacher-application-container #tablero-lessons-overview .villages-container.student,
.unicorn-manager-application-wrapper #tablero-lessons-overview .villages-container.student,
.gynzy-student-application-container #tablero-lessons-overview .village-overview.student,
.gynzy-teacher-application-container #tablero-lessons-overview .village-overview.student,
.unicorn-manager-application-wrapper #tablero-lessons-overview .village-overview.student {
  height: calc(100vh - 10rem);
}
.gynzy-student-application-container #tablero-lessons-overview .method-content .button-toggle .button-left,
.gynzy-teacher-application-container #tablero-lessons-overview .method-content .button-toggle .button-left,
.unicorn-manager-application-wrapper #tablero-lessons-overview .method-content .button-toggle .button-left,
.gynzy-student-application-container #tablero-lessons-overview .islands-container-component .button-toggle .button-left,
.gynzy-teacher-application-container #tablero-lessons-overview .islands-container-component .button-toggle .button-left,
.unicorn-manager-application-wrapper #tablero-lessons-overview .islands-container-component .button-toggle .button-left,
.gynzy-student-application-container #tablero-lessons-overview .villages-container .button-toggle .button-left,
.gynzy-teacher-application-container #tablero-lessons-overview .villages-container .button-toggle .button-left,
.unicorn-manager-application-wrapper #tablero-lessons-overview .villages-container .button-toggle .button-left,
.gynzy-student-application-container #tablero-lessons-overview .village-overview .button-toggle .button-left,
.gynzy-teacher-application-container #tablero-lessons-overview .village-overview .button-toggle .button-left,
.unicorn-manager-application-wrapper #tablero-lessons-overview .village-overview .button-toggle .button-left,
.gynzy-student-application-container #tablero-lessons-overview .method-content .button-toggle .button-right,
.gynzy-teacher-application-container #tablero-lessons-overview .method-content .button-toggle .button-right,
.unicorn-manager-application-wrapper #tablero-lessons-overview .method-content .button-toggle .button-right,
.gynzy-student-application-container #tablero-lessons-overview .islands-container-component .button-toggle .button-right,
.gynzy-teacher-application-container #tablero-lessons-overview .islands-container-component .button-toggle .button-right,
.unicorn-manager-application-wrapper #tablero-lessons-overview .islands-container-component .button-toggle .button-right,
.gynzy-student-application-container #tablero-lessons-overview .villages-container .button-toggle .button-right,
.gynzy-teacher-application-container #tablero-lessons-overview .villages-container .button-toggle .button-right,
.unicorn-manager-application-wrapper #tablero-lessons-overview .villages-container .button-toggle .button-right,
.gynzy-student-application-container #tablero-lessons-overview .village-overview .button-toggle .button-right,
.gynzy-teacher-application-container #tablero-lessons-overview .village-overview .button-toggle .button-right,
.unicorn-manager-application-wrapper #tablero-lessons-overview .village-overview .button-toggle .button-right {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  border: 1px solid #93b2d2;
}
.gynzy-student-application-container #tablero-lessons-overview .method-content .button-toggle .button-left.active,
.gynzy-teacher-application-container #tablero-lessons-overview .method-content .button-toggle .button-left.active,
.unicorn-manager-application-wrapper #tablero-lessons-overview .method-content .button-toggle .button-left.active,
.gynzy-student-application-container #tablero-lessons-overview .islands-container-component .button-toggle .button-left.active,
.gynzy-teacher-application-container #tablero-lessons-overview .islands-container-component .button-toggle .button-left.active,
.unicorn-manager-application-wrapper #tablero-lessons-overview .islands-container-component .button-toggle .button-left.active,
.gynzy-student-application-container #tablero-lessons-overview .villages-container .button-toggle .button-left.active,
.gynzy-teacher-application-container #tablero-lessons-overview .villages-container .button-toggle .button-left.active,
.unicorn-manager-application-wrapper #tablero-lessons-overview .villages-container .button-toggle .button-left.active,
.gynzy-student-application-container #tablero-lessons-overview .village-overview .button-toggle .button-left.active,
.gynzy-teacher-application-container #tablero-lessons-overview .village-overview .button-toggle .button-left.active,
.unicorn-manager-application-wrapper #tablero-lessons-overview .village-overview .button-toggle .button-left.active {
  border-right: none;
}
.gynzy-student-application-container #tablero-lessons-overview .method-content .button-toggle .button-right.active,
.gynzy-teacher-application-container #tablero-lessons-overview .method-content .button-toggle .button-right.active,
.unicorn-manager-application-wrapper #tablero-lessons-overview .method-content .button-toggle .button-right.active,
.gynzy-student-application-container #tablero-lessons-overview .islands-container-component .button-toggle .button-right.active,
.gynzy-teacher-application-container #tablero-lessons-overview .islands-container-component .button-toggle .button-right.active,
.unicorn-manager-application-wrapper #tablero-lessons-overview .islands-container-component .button-toggle .button-right.active,
.gynzy-student-application-container #tablero-lessons-overview .villages-container .button-toggle .button-right.active,
.gynzy-teacher-application-container #tablero-lessons-overview .villages-container .button-toggle .button-right.active,
.unicorn-manager-application-wrapper #tablero-lessons-overview .villages-container .button-toggle .button-right.active,
.gynzy-student-application-container #tablero-lessons-overview .village-overview .button-toggle .button-right.active,
.gynzy-teacher-application-container #tablero-lessons-overview .village-overview .button-toggle .button-right.active,
.unicorn-manager-application-wrapper #tablero-lessons-overview .village-overview .button-toggle .button-right.active {
  border-left: none;
}
.gynzy-student-application-container .height-10,
.gynzy-teacher-application-container .height-10,
.unicorn-manager-application-wrapper .height-10 {
  height: 10% !important;
}
.gynzy-student-application-container .height-20,
.gynzy-teacher-application-container .height-20,
.unicorn-manager-application-wrapper .height-20 {
  height: 20% !important;
}
.gynzy-student-application-container .height-30,
.gynzy-teacher-application-container .height-30,
.unicorn-manager-application-wrapper .height-30 {
  height: 30% !important;
}
.gynzy-student-application-container .height-40,
.gynzy-teacher-application-container .height-40,
.unicorn-manager-application-wrapper .height-40 {
  height: 40% !important;
}
.gynzy-student-application-container .height-50,
.gynzy-teacher-application-container .height-50,
.unicorn-manager-application-wrapper .height-50 {
  height: 50% !important;
}
.gynzy-student-application-container .height-60,
.gynzy-teacher-application-container .height-60,
.unicorn-manager-application-wrapper .height-60 {
  height: 60% !important;
}
.gynzy-student-application-container .height-70,
.gynzy-teacher-application-container .height-70,
.unicorn-manager-application-wrapper .height-70 {
  height: 70% !important;
}
.gynzy-student-application-container .height-80,
.gynzy-teacher-application-container .height-80,
.unicorn-manager-application-wrapper .height-80 {
  height: 80% !important;
}
.gynzy-student-application-container .height-90,
.gynzy-teacher-application-container .height-90,
.unicorn-manager-application-wrapper .height-90 {
  height: 90% !important;
}
.gynzy-student-application-container .draggable-item-disabled,
.gynzy-teacher-application-container .draggable-item-disabled,
.unicorn-manager-application-wrapper .draggable-item-disabled {
  pointer-events: none;
}
.gynzy-student-application-container .modal-component,
.gynzy-teacher-application-container .modal-component,
.unicorn-manager-application-wrapper .modal-component {
  overflow: auto;
}
.gynzy-student-application-container .modal-component .modal-flex,
.gynzy-teacher-application-container .modal-component .modal-flex,
.unicorn-manager-application-wrapper .modal-component .modal-flex {
  width: auto;
  background-color: white;
  z-index: 21000;
  border-radius: 1rem;
  overflow-y: auto;
  line-height: 2rem;
  height: auto !important;
  max-width: 90%;
  padding: 2rem 0;
  position: relative;
}
.gynzy-student-application-container .modal-component .modal-flex h2,
.gynzy-teacher-application-container .modal-component .modal-flex h2,
.unicorn-manager-application-wrapper .modal-component .modal-flex h2 {
  margin-top: 3rem;
  margin-bottom: 2.5rem;
}
.gynzy-student-application-container .modal-component .modal-flex h2.modal-header,
.gynzy-teacher-application-container .modal-component .modal-flex h2.modal-header,
.unicorn-manager-application-wrapper .modal-component .modal-flex h2.modal-header {
  margin-top: 0;
}
.gynzy-student-application-container .modal-component .modal-flex.error,
.gynzy-teacher-application-container .modal-component .modal-flex.error,
.unicorn-manager-application-wrapper .modal-component .modal-flex.error,
.gynzy-student-application-container .modal-component .modal-flex .error,
.gynzy-teacher-application-container .modal-component .modal-flex .error,
.unicorn-manager-application-wrapper .modal-component .modal-flex .error {
  text-align: center;
  color: #ed1c24;
}
.gynzy-student-application-container .modal-component .modal-flex.vertical-fixed,
.gynzy-teacher-application-container .modal-component .modal-flex.vertical-fixed,
.unicorn-manager-application-wrapper .modal-component .modal-flex.vertical-fixed {
  display: inline-table;
}
.gynzy-student-application-container .modal-component .modal-flex .floatButtonBlock,
.gynzy-teacher-application-container .modal-component .modal-flex .floatButtonBlock,
.unicorn-manager-application-wrapper .modal-component .modal-flex .floatButtonBlock {
  overflow: hidden;
  padding: 1.5rem 2rem;
}
.gynzy-student-application-container .modal-component .modal-flex .row,
.gynzy-teacher-application-container .modal-component .modal-flex .row,
.unicorn-manager-application-wrapper .modal-component .modal-flex .row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.gynzy-student-application-container .modal-component .modal-flex .dark,
.gynzy-teacher-application-container .modal-component .modal-flex .dark,
.unicorn-manager-application-wrapper .modal-component .modal-flex .dark {
  background: #eee;
}
.gynzy-student-application-container .modal-component .modal-flex .modal-mega-button-wrapper button,
.gynzy-teacher-application-container .modal-component .modal-flex .modal-mega-button-wrapper button,
.unicorn-manager-application-wrapper .modal-component .modal-flex .modal-mega-button-wrapper button {
  text-transform: none;
}
.gynzy-student-application-container .modal-component.overlay-dark,
.gynzy-teacher-application-container .modal-component.overlay-dark,
.unicorn-manager-application-wrapper .modal-component.overlay-dark {
  background-color: rgba(0, 0, 0, 0.7);
}
.gynzy-student-application-container .modal-component.overlay-white,
.gynzy-teacher-application-container .modal-component.overlay-white,
.unicorn-manager-application-wrapper .modal-component.overlay-white {
  background-color: rgba(255, 255, 255, 0.6);
}
.gynzy-student-application-container .modal-component.overlay-white .modal-flex,
.gynzy-teacher-application-container .modal-component.overlay-white .modal-flex,
.unicorn-manager-application-wrapper .modal-component.overlay-white .modal-flex {
  box-shadow: 0.6rem 0.6rem 0.5rem rgba(0, 0, 0, 0.15);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-image: linear-gradient(to bottom, #fff, #ddd);
}
.gynzy-student-application-container .modal-component.overlay-white h2,
.gynzy-teacher-application-container .modal-component.overlay-white h2,
.unicorn-manager-application-wrapper .modal-component.overlay-white h2 {
  margin: 0;
}
.gynzy-student-application-container .modal-component > .column,
.gynzy-teacher-application-container .modal-component > .column,
.unicorn-manager-application-wrapper .modal-component > .column {
  min-height: 100%;
}
.gynzy-student-application-container .modal-component.card-modal .card-modal.column,
.gynzy-teacher-application-container .modal-component.card-modal .card-modal.column,
.unicorn-manager-application-wrapper .modal-component.card-modal .card-modal.column {
  min-height: 100%;
  width: 100%;
  padding: 0;
}
.gynzy-student-application-container .modal-component.card-modal .card-modal.modal-flex,
.gynzy-teacher-application-container .modal-component.card-modal .card-modal.modal-flex,
.unicorn-manager-application-wrapper .modal-component.card-modal .card-modal.modal-flex {
  padding: 0;
  width: 90%;
  min-height: calc(100vh - 10rem);
  height: auto;
  margin-top: 10rem;
  border-radius: 1rem 1rem 0 0;
  display: block;
  overflow: visible;
}
.gynzy-student-application-container .modal-component.card-modal .card-modal.modal-flex .row,
.gynzy-teacher-application-container .modal-component.card-modal .card-modal.modal-flex .row,
.unicorn-manager-application-wrapper .modal-component.card-modal .card-modal.modal-flex .row {
  border-bottom: none;
}
.gynzy-student-application-container .modal-component.card-modal .card-modal.modal-flex .modal-flex,
.gynzy-teacher-application-container .modal-component.card-modal .card-modal.modal-flex .modal-flex,
.unicorn-manager-application-wrapper .modal-component.card-modal .card-modal.modal-flex .modal-flex {
  min-height: 10rem;
  border-radius: 1rem;
  padding: 2rem 0;
  margin-top: 0;
}
.gynzy-student-application-container .modal-mega-button-wrapper,
.gynzy-teacher-application-container .modal-mega-button-wrapper,
.unicorn-manager-application-wrapper .modal-mega-button-wrapper {
  width: 100%;
  height: 8rem;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  color: #06c;
  line-height: 4.8rem;
  padding: 1.6rem 1.6rem 0;
  font-size: 0;
  text-align: center;
}
.gynzy-student-application-container .modal-mega-button-wrapper div.l-half,
.gynzy-teacher-application-container .modal-mega-button-wrapper div.l-half,
.unicorn-manager-application-wrapper .modal-mega-button-wrapper div.l-half {
  display: inline-block;
  float: none;
}
.gynzy-student-application-container .modal-mega-button-wrapper .button-normal-blue,
.gynzy-teacher-application-container .modal-mega-button-wrapper .button-normal-blue,
.unicorn-manager-application-wrapper .modal-mega-button-wrapper .button-normal-blue,
.gynzy-student-application-container .modal-mega-button-wrapper .button-normal-white,
.gynzy-teacher-application-container .modal-mega-button-wrapper .button-normal-white,
.unicorn-manager-application-wrapper .modal-mega-button-wrapper .button-normal-white,
.gynzy-student-application-container .modal-mega-button-wrapper .button-normal-red,
.gynzy-teacher-application-container .modal-mega-button-wrapper .button-normal-red,
.unicorn-manager-application-wrapper .modal-mega-button-wrapper .button-normal-red {
  width: 100%;
}
.gynzy-student-application-container .animation-delay-250,
.gynzy-teacher-application-container .animation-delay-250,
.unicorn-manager-application-wrapper .animation-delay-250 {
  animation-delay: 250ms;
}
.gynzy-student-application-container .animation-delay-500,
.gynzy-teacher-application-container .animation-delay-500,
.unicorn-manager-application-wrapper .animation-delay-500 {
  animation-delay: 500ms;
}
.gynzy-student-application-container .animation-delay-750,
.gynzy-teacher-application-container .animation-delay-750,
.unicorn-manager-application-wrapper .animation-delay-750 {
  animation-delay: 750ms;
}
.gynzy-student-application-container .animation-delay-1000,
.gynzy-teacher-application-container .animation-delay-1000,
.unicorn-manager-application-wrapper .animation-delay-1000 {
  animation-delay: 1000ms;
}
.gynzy-student-application-container .animation-delay-1250,
.gynzy-teacher-application-container .animation-delay-1250,
.unicorn-manager-application-wrapper .animation-delay-1250 {
  animation-delay: 1250ms;
}
.gynzy-student-application-container .animation-delay-1500,
.gynzy-teacher-application-container .animation-delay-1500,
.unicorn-manager-application-wrapper .animation-delay-1500 {
  animation-delay: 1500ms;
}
.gynzy-student-application-container .animation-delay-1750,
.gynzy-teacher-application-container .animation-delay-1750,
.unicorn-manager-application-wrapper .animation-delay-1750 {
  animation-delay: 1750ms;
}
.gynzy-student-application-container .animation-delay-2000,
.gynzy-teacher-application-container .animation-delay-2000,
.unicorn-manager-application-wrapper .animation-delay-2000 {
  animation-delay: 2000ms;
}
.gynzy-student-application-container .animation-delay-2250,
.gynzy-teacher-application-container .animation-delay-2250,
.unicorn-manager-application-wrapper .animation-delay-2250 {
  animation-delay: 2250ms;
}
.gynzy-student-application-container .animation-delay-2500,
.gynzy-teacher-application-container .animation-delay-2500,
.unicorn-manager-application-wrapper .animation-delay-2500 {
  animation-delay: 2500ms;
}
.gynzy-student-application-container .animation-delay-2750,
.gynzy-teacher-application-container .animation-delay-2750,
.unicorn-manager-application-wrapper .animation-delay-2750 {
  animation-delay: 2750ms;
}
.gynzy-student-application-container .animation-delay-3000,
.gynzy-teacher-application-container .animation-delay-3000,
.unicorn-manager-application-wrapper .animation-delay-3000 {
  animation-delay: 3000ms;
}
.gynzy-student-application-container .animated,
.gynzy-teacher-application-container .animated,
.unicorn-manager-application-wrapper .animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.gynzy-student-application-container .animated-fast,
.gynzy-teacher-application-container .animated-fast,
.unicorn-manager-application-wrapper .animated-fast {
  animation-duration: 0.25s;
  animation-fill-mode: both;
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    transform: translateY(0);
  }
}
.gynzy-student-application-container .slideInUp,
.gynzy-teacher-application-container .slideInUp,
.unicorn-manager-application-wrapper .slideInUp {
  animation-name: slideInUp;
}
@keyframes dropOutLeft {
  0% {
    transform: translateY(0) rotate(0deg);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(1000px) rotate(40deg);
  }
}
.gynzy-student-application-container .dropOutLeft,
.gynzy-teacher-application-container .dropOutLeft,
.unicorn-manager-application-wrapper .dropOutLeft {
  animation-name: dropOutLeft;
}
@keyframes explode {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  10% {
    opacity: 0.8;
  }
  100% {
    transform: scale(8);
    opacity: 0;
  }
}
.gynzy-student-application-container .explode,
.gynzy-teacher-application-container .explode,
.unicorn-manager-application-wrapper .explode {
  animation-name: explode;
}
@keyframes slideOutDown {
  0% {
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.gynzy-student-application-container .slideOutDown,
.gynzy-teacher-application-container .slideOutDown,
.unicorn-manager-application-wrapper .slideOutDown {
  animation-name: slideOutDown;
}
@keyframes dropOutRightLeft {
  0% {
    transform: translateY(0) rotate(0deg);
    animation-timing-function: ease-in-out;
  }
  20% {
    transform: translateY(50px) rotate(-15deg);
  }
  100% {
    transform: translateY(1000px) rotate(45deg);
  }
}
.gynzy-student-application-container .slideInLeft,
.gynzy-teacher-application-container .slideInLeft,
.unicorn-manager-application-wrapper .slideInLeft {
  animation-timing-function: ease-in-out;
  animation-name: slideInLeft;
}
@keyframes slideInLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
.gynzy-student-application-container .slideInRight,
.gynzy-teacher-application-container .slideInRight,
.unicorn-manager-application-wrapper .slideInRight {
  animation-timing-function: ease-in-out;
  animation-name: slideInRight;
}
@keyframes slideInRight {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
.gynzy-student-application-container .slideOutLeft,
.gynzy-teacher-application-container .slideOutLeft,
.unicorn-manager-application-wrapper .slideOutLeft {
  animation-timing-function: ease-in-out;
  animation-name: slideOutLeft;
}
@keyframes slideOutLeft {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.gynzy-student-application-container .slideOutRight,
.gynzy-teacher-application-container .slideOutRight,
.unicorn-manager-application-wrapper .slideOutRight {
  animation-timing-function: ease-in-out;
  animation-name: slideOutRight;
}
@keyframes slideOutRight {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}
.gynzy-student-application-container .dropOutRightLeft,
.gynzy-teacher-application-container .dropOutRightLeft,
.unicorn-manager-application-wrapper .dropOutRightLeft {
  animation-name: dropOutRightLeft;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
}
@keyframes slideInUpFaded {
  0% {
    opacity: 0;
    transform: translateY(80px);
  }
  60% {
    transform: translateY(-20px);
    opacity: 0.5;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.gynzy-student-application-container .slideInUpFaded,
.gynzy-teacher-application-container .slideInUpFaded,
.unicorn-manager-application-wrapper .slideInUpFaded {
  animation-name: slideInUpFaded;
  animation-duration: 0.5s;
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  50% {
    opacity: 1;
    transform: translateY(30px);
  }
  65% {
    transform: translateY(-10px);
  }
  80% {
    transform: translateY(0);
  }
  100% {
    /* dit wordt gedaan om de transform die het element al heeft wel
	toe te passen. De extra 20% bij de animatie is ervoor om deze
	transform met een vloeiende overgang te kunnen tonen */
  }
}
.gynzy-student-application-container .bounceInDown,
.gynzy-teacher-application-container .bounceInDown,
.unicorn-manager-application-wrapper .bounceInDown {
  animation-name: bounceInDown;
  animation-duration: 1.25s;
}
.gynzy-student-application-container .blackToBlue,
.gynzy-teacher-application-container .blackToBlue,
.unicorn-manager-application-wrapper .blackToBlue {
  animation-name: blackToBlue;
  animation-duration: 1.25s;
}
@keyframes blackToBlue {
  from {
    color: black;
  }
  to {
    color: #06c;
  }
}
.gynzy-student-application-container .blackToRed,
.gynzy-teacher-application-container .blackToRed,
.unicorn-manager-application-wrapper .blackToRed {
  animation-name: blackToRed;
  animation-duration: 1.25s;
}
@keyframes blackToRed {
  from {
    color: black;
  }
  to {
    color: #ed1c24;
  }
}
.gynzy-student-application-container .flipFirst,
.gynzy-teacher-application-container .flipFirst,
.unicorn-manager-application-wrapper .flipFirst {
  animation-name: flipFirst;
  animation-duration: 0.35s;
}
@keyframes flipFirst {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(90deg);
  }
}
.gynzy-student-application-container .flipSecond,
.gynzy-teacher-application-container .flipSecond,
.unicorn-manager-application-wrapper .flipSecond {
  animation-name: flipSecond;
  animation-duration: 0.35s;
}
@keyframes flipSecond {
  0% {
    transform: rotateY(270deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
.gynzy-student-application-container .transform-hide,
.gynzy-teacher-application-container .transform-hide,
.unicorn-manager-application-wrapper .transform-hide {
  overflow: hidden;
  height: 0;
  transition: height, 0.5s ease-in-out;
}
.gynzy-student-application-container .transform-hide.open,
.gynzy-teacher-application-container .transform-hide.open,
.unicorn-manager-application-wrapper .transform-hide.open {
  height: 10rem;
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.gynzy-student-application-container .rotating,
.gynzy-teacher-application-container .rotating,
.unicorn-manager-application-wrapper .rotating {
  animation: rotating 20s linear infinite;
}
.gynzy-student-application-container .fadeBlue,
.gynzy-teacher-application-container .fadeBlue,
.unicorn-manager-application-wrapper .fadeBlue {
  animation-name: fadeBlue;
  animation-duration: 2s;
}
@keyframes fadeBlue {
  from {
    background-color: #7aa7fa;
  }
  to {
    background-color: #f2f7fc;
  }
}
.gynzy-student-application-container .expand-open,
.gynzy-teacher-application-container .expand-open,
.unicorn-manager-application-wrapper .expand-open {
  animation-name: expandOpen;
}
@keyframes expandOpen {
  0% {
    transform: scale(1.8);
    opacity: 0;
  }
  50% {
    transform: scale(0.95);
  }
  80% {
    transform: scale(1.05);
  }
  90% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1.02);
    opacity: 1;
  }
}
.gynzy-student-application-container .student-background-green,
.gynzy-teacher-application-container .student-background-green,
.unicorn-manager-application-wrapper .student-background-green {
  background-color: #75e260;
  background-image: url('../unicorn-commons/assets/img/backgrounds/icons-6c466e9402ccabd2dfc6252ac565e245.png');
  background-repeat: repeat;
}
.gynzy-student-application-container .button-normal-blue,
.gynzy-teacher-application-container .button-normal-blue,
.unicorn-manager-application-wrapper .button-normal-blue,
.gynzy-student-application-container input[type='submit'].button-normal-blue,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-blue,
.gynzy-student-application-container button.button-normal-blue,
.gynzy-teacher-application-container button.button-normal-blue,
.unicorn-manager-application-wrapper button.button-normal-blue {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
}
.gynzy-student-application-container .button-normal-blue *,
.gynzy-teacher-application-container .button-normal-blue *,
.unicorn-manager-application-wrapper .button-normal-blue *,
.gynzy-student-application-container input[type='submit'].button-normal-blue *,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue *,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-blue *,
.gynzy-student-application-container button.button-normal-blue *,
.gynzy-teacher-application-container button.button-normal-blue *,
.unicorn-manager-application-wrapper button.button-normal-blue * {
  cursor: pointer;
}
.gynzy-student-application-container .button-normal-blue:hover,
.gynzy-teacher-application-container .button-normal-blue:hover,
.unicorn-manager-application-wrapper .button-normal-blue:hover,
.gynzy-student-application-container input[type='submit'].button-normal-blue:hover,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-blue:hover,
.gynzy-student-application-container button.button-normal-blue:hover,
.gynzy-teacher-application-container button.button-normal-blue:hover,
.unicorn-manager-application-wrapper button.button-normal-blue:hover,
.gynzy-student-application-container .button-normal-blue:visited,
.gynzy-teacher-application-container .button-normal-blue:visited,
.unicorn-manager-application-wrapper .button-normal-blue:visited,
.gynzy-student-application-container input[type='submit'].button-normal-blue:visited,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-blue:visited,
.gynzy-student-application-container button.button-normal-blue:visited,
.gynzy-teacher-application-container button.button-normal-blue:visited,
.unicorn-manager-application-wrapper button.button-normal-blue:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-normal-blue:active,
.gynzy-teacher-application-container .button-normal-blue:active,
.unicorn-manager-application-wrapper .button-normal-blue:active,
.gynzy-student-application-container input[type='submit'].button-normal-blue:active,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue:active,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-blue:active,
.gynzy-student-application-container button.button-normal-blue:active,
.gynzy-teacher-application-container button.button-normal-blue:active,
.unicorn-manager-application-wrapper button.button-normal-blue:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-normal-blue:active.disabled,
.gynzy-teacher-application-container .button-normal-blue:active.disabled,
.unicorn-manager-application-wrapper .button-normal-blue:active.disabled,
.gynzy-student-application-container input[type='submit'].button-normal-blue:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue:active.disabled,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-blue:active.disabled,
.gynzy-student-application-container button.button-normal-blue:active.disabled,
.gynzy-teacher-application-container button.button-normal-blue:active.disabled,
.unicorn-manager-application-wrapper button.button-normal-blue:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-normal-blue:active.disabled *,
.gynzy-teacher-application-container .button-normal-blue:active.disabled *,
.unicorn-manager-application-wrapper .button-normal-blue:active.disabled *,
.gynzy-student-application-container input[type='submit'].button-normal-blue:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue:active.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-blue:active.disabled *,
.gynzy-student-application-container button.button-normal-blue:active.disabled *,
.gynzy-teacher-application-container button.button-normal-blue:active.disabled *,
.unicorn-manager-application-wrapper button.button-normal-blue:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-normal-blue:active.disabled:hover,
.gynzy-teacher-application-container .button-normal-blue:active.disabled:hover,
.unicorn-manager-application-wrapper .button-normal-blue:active.disabled:hover,
.gynzy-student-application-container input[type='submit'].button-normal-blue:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue:active.disabled:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-blue:active.disabled:hover,
.gynzy-student-application-container button.button-normal-blue:active.disabled:hover,
.gynzy-teacher-application-container button.button-normal-blue:active.disabled:hover,
.unicorn-manager-application-wrapper button.button-normal-blue:active.disabled:hover,
.gynzy-student-application-container .button-normal-blue:active.disabled:active,
.gynzy-teacher-application-container .button-normal-blue:active.disabled:active,
.unicorn-manager-application-wrapper .button-normal-blue:active.disabled:active,
.gynzy-student-application-container input[type='submit'].button-normal-blue:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue:active.disabled:active,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-blue:active.disabled:active,
.gynzy-student-application-container button.button-normal-blue:active.disabled:active,
.gynzy-teacher-application-container button.button-normal-blue:active.disabled:active,
.unicorn-manager-application-wrapper button.button-normal-blue:active.disabled:active,
.gynzy-student-application-container .button-normal-blue:active.disabled:focus,
.gynzy-teacher-application-container .button-normal-blue:active.disabled:focus,
.unicorn-manager-application-wrapper .button-normal-blue:active.disabled:focus,
.gynzy-student-application-container input[type='submit'].button-normal-blue:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue:active.disabled:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-blue:active.disabled:focus,
.gynzy-student-application-container button.button-normal-blue:active.disabled:focus,
.gynzy-teacher-application-container button.button-normal-blue:active.disabled:focus,
.unicorn-manager-application-wrapper button.button-normal-blue:active.disabled:focus,
.gynzy-student-application-container .button-normal-blue:active.disabled:visited,
.gynzy-teacher-application-container .button-normal-blue:active.disabled:visited,
.unicorn-manager-application-wrapper .button-normal-blue:active.disabled:visited,
.gynzy-student-application-container input[type='submit'].button-normal-blue:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue:active.disabled:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-blue:active.disabled:visited,
.gynzy-student-application-container button.button-normal-blue:active.disabled:visited,
.gynzy-teacher-application-container button.button-normal-blue:active.disabled:visited,
.unicorn-manager-application-wrapper button.button-normal-blue:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-normal-blue:focus,
.gynzy-teacher-application-container .button-normal-blue:focus,
.unicorn-manager-application-wrapper .button-normal-blue:focus,
.gynzy-student-application-container input[type='submit'].button-normal-blue:focus,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-blue:focus,
.gynzy-student-application-container button.button-normal-blue:focus,
.gynzy-teacher-application-container button.button-normal-blue:focus,
.unicorn-manager-application-wrapper button.button-normal-blue:focus {
  outline: 0;
}
.gynzy-student-application-container .button-normal-blue img.incorrect-cross,
.gynzy-teacher-application-container .button-normal-blue img.incorrect-cross,
.unicorn-manager-application-wrapper .button-normal-blue img.incorrect-cross,
.gynzy-student-application-container input[type='submit'].button-normal-blue img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue img.incorrect-cross,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-blue img.incorrect-cross,
.gynzy-student-application-container button.button-normal-blue img.incorrect-cross,
.gynzy-teacher-application-container button.button-normal-blue img.incorrect-cross,
.unicorn-manager-application-wrapper button.button-normal-blue img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-normal-blue img.correct-tick,
.gynzy-teacher-application-container .button-normal-blue img.correct-tick,
.unicorn-manager-application-wrapper .button-normal-blue img.correct-tick,
.gynzy-student-application-container input[type='submit'].button-normal-blue img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue img.correct-tick,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-blue img.correct-tick,
.gynzy-student-application-container button.button-normal-blue img.correct-tick,
.gynzy-teacher-application-container button.button-normal-blue img.correct-tick,
.unicorn-manager-application-wrapper button.button-normal-blue img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-normal-blue .fa,
.gynzy-teacher-application-container .button-normal-blue .fa,
.unicorn-manager-application-wrapper .button-normal-blue .fa,
.gynzy-student-application-container input[type='submit'].button-normal-blue .fa,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue .fa,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-blue .fa,
.gynzy-student-application-container button.button-normal-blue .fa,
.gynzy-teacher-application-container button.button-normal-blue .fa,
.unicorn-manager-application-wrapper button.button-normal-blue .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-normal-blue.disabled *,
.gynzy-teacher-application-container .button-normal-blue.disabled *,
.unicorn-manager-application-wrapper .button-normal-blue.disabled *,
.gynzy-student-application-container input[type='submit'].button-normal-blue.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-normal-blue.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-blue.disabled *,
.gynzy-student-application-container button.button-normal-blue.disabled *,
.gynzy-teacher-application-container button.button-normal-blue.disabled *,
.unicorn-manager-application-wrapper button.button-normal-blue.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-large-blue,
.gynzy-teacher-application-container .button-large-blue,
.unicorn-manager-application-wrapper .button-large-blue,
.gynzy-student-application-container input[type='submit'].button-large-blue,
.gynzy-teacher-application-container input[type='submit'].button-large-blue,
.unicorn-manager-application-wrapper input[type='submit'].button-large-blue,
.gynzy-student-application-container button.button-large-blue,
.gynzy-teacher-application-container button.button-large-blue,
.unicorn-manager-application-wrapper button.button-large-blue {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 2.4rem;
  padding: 0.75rem 2.7rem;
  line-height: 4.8rem !important;
}
.gynzy-student-application-container .button-large-blue *,
.gynzy-teacher-application-container .button-large-blue *,
.unicorn-manager-application-wrapper .button-large-blue *,
.gynzy-student-application-container input[type='submit'].button-large-blue *,
.gynzy-teacher-application-container input[type='submit'].button-large-blue *,
.unicorn-manager-application-wrapper input[type='submit'].button-large-blue *,
.gynzy-student-application-container button.button-large-blue *,
.gynzy-teacher-application-container button.button-large-blue *,
.unicorn-manager-application-wrapper button.button-large-blue * {
  cursor: pointer;
}
.gynzy-student-application-container .button-large-blue:hover,
.gynzy-teacher-application-container .button-large-blue:hover,
.unicorn-manager-application-wrapper .button-large-blue:hover,
.gynzy-student-application-container input[type='submit'].button-large-blue:hover,
.gynzy-teacher-application-container input[type='submit'].button-large-blue:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-large-blue:hover,
.gynzy-student-application-container button.button-large-blue:hover,
.gynzy-teacher-application-container button.button-large-blue:hover,
.unicorn-manager-application-wrapper button.button-large-blue:hover,
.gynzy-student-application-container .button-large-blue:visited,
.gynzy-teacher-application-container .button-large-blue:visited,
.unicorn-manager-application-wrapper .button-large-blue:visited,
.gynzy-student-application-container input[type='submit'].button-large-blue:visited,
.gynzy-teacher-application-container input[type='submit'].button-large-blue:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-large-blue:visited,
.gynzy-student-application-container button.button-large-blue:visited,
.gynzy-teacher-application-container button.button-large-blue:visited,
.unicorn-manager-application-wrapper button.button-large-blue:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-large-blue:active,
.gynzy-teacher-application-container .button-large-blue:active,
.unicorn-manager-application-wrapper .button-large-blue:active,
.gynzy-student-application-container input[type='submit'].button-large-blue:active,
.gynzy-teacher-application-container input[type='submit'].button-large-blue:active,
.unicorn-manager-application-wrapper input[type='submit'].button-large-blue:active,
.gynzy-student-application-container button.button-large-blue:active,
.gynzy-teacher-application-container button.button-large-blue:active,
.unicorn-manager-application-wrapper button.button-large-blue:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-large-blue:active.disabled,
.gynzy-teacher-application-container .button-large-blue:active.disabled,
.unicorn-manager-application-wrapper .button-large-blue:active.disabled,
.gynzy-student-application-container input[type='submit'].button-large-blue:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-large-blue:active.disabled,
.unicorn-manager-application-wrapper input[type='submit'].button-large-blue:active.disabled,
.gynzy-student-application-container button.button-large-blue:active.disabled,
.gynzy-teacher-application-container button.button-large-blue:active.disabled,
.unicorn-manager-application-wrapper button.button-large-blue:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-large-blue:active.disabled *,
.gynzy-teacher-application-container .button-large-blue:active.disabled *,
.unicorn-manager-application-wrapper .button-large-blue:active.disabled *,
.gynzy-student-application-container input[type='submit'].button-large-blue:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-large-blue:active.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-large-blue:active.disabled *,
.gynzy-student-application-container button.button-large-blue:active.disabled *,
.gynzy-teacher-application-container button.button-large-blue:active.disabled *,
.unicorn-manager-application-wrapper button.button-large-blue:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-large-blue:active.disabled:hover,
.gynzy-teacher-application-container .button-large-blue:active.disabled:hover,
.unicorn-manager-application-wrapper .button-large-blue:active.disabled:hover,
.gynzy-student-application-container input[type='submit'].button-large-blue:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-large-blue:active.disabled:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-large-blue:active.disabled:hover,
.gynzy-student-application-container button.button-large-blue:active.disabled:hover,
.gynzy-teacher-application-container button.button-large-blue:active.disabled:hover,
.unicorn-manager-application-wrapper button.button-large-blue:active.disabled:hover,
.gynzy-student-application-container .button-large-blue:active.disabled:active,
.gynzy-teacher-application-container .button-large-blue:active.disabled:active,
.unicorn-manager-application-wrapper .button-large-blue:active.disabled:active,
.gynzy-student-application-container input[type='submit'].button-large-blue:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-large-blue:active.disabled:active,
.unicorn-manager-application-wrapper input[type='submit'].button-large-blue:active.disabled:active,
.gynzy-student-application-container button.button-large-blue:active.disabled:active,
.gynzy-teacher-application-container button.button-large-blue:active.disabled:active,
.unicorn-manager-application-wrapper button.button-large-blue:active.disabled:active,
.gynzy-student-application-container .button-large-blue:active.disabled:focus,
.gynzy-teacher-application-container .button-large-blue:active.disabled:focus,
.unicorn-manager-application-wrapper .button-large-blue:active.disabled:focus,
.gynzy-student-application-container input[type='submit'].button-large-blue:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-large-blue:active.disabled:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-large-blue:active.disabled:focus,
.gynzy-student-application-container button.button-large-blue:active.disabled:focus,
.gynzy-teacher-application-container button.button-large-blue:active.disabled:focus,
.unicorn-manager-application-wrapper button.button-large-blue:active.disabled:focus,
.gynzy-student-application-container .button-large-blue:active.disabled:visited,
.gynzy-teacher-application-container .button-large-blue:active.disabled:visited,
.unicorn-manager-application-wrapper .button-large-blue:active.disabled:visited,
.gynzy-student-application-container input[type='submit'].button-large-blue:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-large-blue:active.disabled:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-large-blue:active.disabled:visited,
.gynzy-student-application-container button.button-large-blue:active.disabled:visited,
.gynzy-teacher-application-container button.button-large-blue:active.disabled:visited,
.unicorn-manager-application-wrapper button.button-large-blue:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-large-blue:focus,
.gynzy-teacher-application-container .button-large-blue:focus,
.unicorn-manager-application-wrapper .button-large-blue:focus,
.gynzy-student-application-container input[type='submit'].button-large-blue:focus,
.gynzy-teacher-application-container input[type='submit'].button-large-blue:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-large-blue:focus,
.gynzy-student-application-container button.button-large-blue:focus,
.gynzy-teacher-application-container button.button-large-blue:focus,
.unicorn-manager-application-wrapper button.button-large-blue:focus {
  outline: 0;
}
.gynzy-student-application-container .button-large-blue img.incorrect-cross,
.gynzy-teacher-application-container .button-large-blue img.incorrect-cross,
.unicorn-manager-application-wrapper .button-large-blue img.incorrect-cross,
.gynzy-student-application-container input[type='submit'].button-large-blue img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-large-blue img.incorrect-cross,
.unicorn-manager-application-wrapper input[type='submit'].button-large-blue img.incorrect-cross,
.gynzy-student-application-container button.button-large-blue img.incorrect-cross,
.gynzy-teacher-application-container button.button-large-blue img.incorrect-cross,
.unicorn-manager-application-wrapper button.button-large-blue img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-large-blue img.correct-tick,
.gynzy-teacher-application-container .button-large-blue img.correct-tick,
.unicorn-manager-application-wrapper .button-large-blue img.correct-tick,
.gynzy-student-application-container input[type='submit'].button-large-blue img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-large-blue img.correct-tick,
.unicorn-manager-application-wrapper input[type='submit'].button-large-blue img.correct-tick,
.gynzy-student-application-container button.button-large-blue img.correct-tick,
.gynzy-teacher-application-container button.button-large-blue img.correct-tick,
.unicorn-manager-application-wrapper button.button-large-blue img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-large-blue .fa,
.gynzy-teacher-application-container .button-large-blue .fa,
.unicorn-manager-application-wrapper .button-large-blue .fa,
.gynzy-student-application-container input[type='submit'].button-large-blue .fa,
.gynzy-teacher-application-container input[type='submit'].button-large-blue .fa,
.unicorn-manager-application-wrapper input[type='submit'].button-large-blue .fa,
.gynzy-student-application-container button.button-large-blue .fa,
.gynzy-teacher-application-container button.button-large-blue .fa,
.unicorn-manager-application-wrapper button.button-large-blue .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-large-blue.disabled *,
.gynzy-teacher-application-container .button-large-blue.disabled *,
.unicorn-manager-application-wrapper .button-large-blue.disabled *,
.gynzy-student-application-container input[type='submit'].button-large-blue.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-large-blue.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-large-blue.disabled *,
.gynzy-student-application-container button.button-large-blue.disabled *,
.gynzy-teacher-application-container button.button-large-blue.disabled *,
.unicorn-manager-application-wrapper button.button-large-blue.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-large-blue.controleren img,
.gynzy-teacher-application-container .button-large-blue.controleren img,
.unicorn-manager-application-wrapper .button-large-blue.controleren img,
.gynzy-student-application-container input[type='submit'].button-large-blue.controleren img,
.gynzy-teacher-application-container input[type='submit'].button-large-blue.controleren img,
.unicorn-manager-application-wrapper input[type='submit'].button-large-blue.controleren img,
.gynzy-student-application-container button.button-large-blue.controleren img,
.gynzy-teacher-application-container button.button-large-blue.controleren img,
.unicorn-manager-application-wrapper button.button-large-blue.controleren img {
  position: relative;
  top: 0.8rem;
  height: 2.9rem;
  width: 2.9rem;
}
.gynzy-student-application-container .button-large-blue.controleren img.tick,
.gynzy-teacher-application-container .button-large-blue.controleren img.tick,
.unicorn-manager-application-wrapper .button-large-blue.controleren img.tick,
.gynzy-student-application-container input[type='submit'].button-large-blue.controleren img.tick,
.gynzy-teacher-application-container input[type='submit'].button-large-blue.controleren img.tick,
.unicorn-manager-application-wrapper input[type='submit'].button-large-blue.controleren img.tick,
.gynzy-student-application-container button.button-large-blue.controleren img.tick,
.gynzy-teacher-application-container button.button-large-blue.controleren img.tick,
.unicorn-manager-application-wrapper button.button-large-blue.controleren img.tick {
  height: 2.7rem;
  width: 3.4rem;
  top: 0.7rem;
}
.gynzy-student-application-container .button-extra-large-blue,
.gynzy-teacher-application-container .button-extra-large-blue,
.unicorn-manager-application-wrapper .button-extra-large-blue,
.gynzy-student-application-container input[type='submit'].button-extra-large-blue,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-blue,
.gynzy-student-application-container button.button-extra-large-blue,
.gynzy-teacher-application-container button.button-extra-large-blue,
.unicorn-manager-application-wrapper button.button-extra-large-blue {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 3rem;
  padding: 0.75rem 3.5rem;
  line-height: 6.2rem !important;
}
.gynzy-student-application-container .button-extra-large-blue *,
.gynzy-teacher-application-container .button-extra-large-blue *,
.unicorn-manager-application-wrapper .button-extra-large-blue *,
.gynzy-student-application-container input[type='submit'].button-extra-large-blue *,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue *,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-blue *,
.gynzy-student-application-container button.button-extra-large-blue *,
.gynzy-teacher-application-container button.button-extra-large-blue *,
.unicorn-manager-application-wrapper button.button-extra-large-blue * {
  cursor: pointer;
}
.gynzy-student-application-container .button-extra-large-blue:hover,
.gynzy-teacher-application-container .button-extra-large-blue:hover,
.unicorn-manager-application-wrapper .button-extra-large-blue:hover,
.gynzy-student-application-container input[type='submit'].button-extra-large-blue:hover,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-blue:hover,
.gynzy-student-application-container button.button-extra-large-blue:hover,
.gynzy-teacher-application-container button.button-extra-large-blue:hover,
.unicorn-manager-application-wrapper button.button-extra-large-blue:hover,
.gynzy-student-application-container .button-extra-large-blue:visited,
.gynzy-teacher-application-container .button-extra-large-blue:visited,
.unicorn-manager-application-wrapper .button-extra-large-blue:visited,
.gynzy-student-application-container input[type='submit'].button-extra-large-blue:visited,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-blue:visited,
.gynzy-student-application-container button.button-extra-large-blue:visited,
.gynzy-teacher-application-container button.button-extra-large-blue:visited,
.unicorn-manager-application-wrapper button.button-extra-large-blue:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-extra-large-blue:active,
.gynzy-teacher-application-container .button-extra-large-blue:active,
.unicorn-manager-application-wrapper .button-extra-large-blue:active,
.gynzy-student-application-container input[type='submit'].button-extra-large-blue:active,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue:active,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-blue:active,
.gynzy-student-application-container button.button-extra-large-blue:active,
.gynzy-teacher-application-container button.button-extra-large-blue:active,
.unicorn-manager-application-wrapper button.button-extra-large-blue:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-extra-large-blue:active.disabled,
.gynzy-teacher-application-container .button-extra-large-blue:active.disabled,
.unicorn-manager-application-wrapper .button-extra-large-blue:active.disabled,
.gynzy-student-application-container input[type='submit'].button-extra-large-blue:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue:active.disabled,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-blue:active.disabled,
.gynzy-student-application-container button.button-extra-large-blue:active.disabled,
.gynzy-teacher-application-container button.button-extra-large-blue:active.disabled,
.unicorn-manager-application-wrapper button.button-extra-large-blue:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-extra-large-blue:active.disabled *,
.gynzy-teacher-application-container .button-extra-large-blue:active.disabled *,
.unicorn-manager-application-wrapper .button-extra-large-blue:active.disabled *,
.gynzy-student-application-container input[type='submit'].button-extra-large-blue:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue:active.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-blue:active.disabled *,
.gynzy-student-application-container button.button-extra-large-blue:active.disabled *,
.gynzy-teacher-application-container button.button-extra-large-blue:active.disabled *,
.unicorn-manager-application-wrapper button.button-extra-large-blue:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-extra-large-blue:active.disabled:hover,
.gynzy-teacher-application-container .button-extra-large-blue:active.disabled:hover,
.unicorn-manager-application-wrapper .button-extra-large-blue:active.disabled:hover,
.gynzy-student-application-container input[type='submit'].button-extra-large-blue:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue:active.disabled:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-blue:active.disabled:hover,
.gynzy-student-application-container button.button-extra-large-blue:active.disabled:hover,
.gynzy-teacher-application-container button.button-extra-large-blue:active.disabled:hover,
.unicorn-manager-application-wrapper button.button-extra-large-blue:active.disabled:hover,
.gynzy-student-application-container .button-extra-large-blue:active.disabled:active,
.gynzy-teacher-application-container .button-extra-large-blue:active.disabled:active,
.unicorn-manager-application-wrapper .button-extra-large-blue:active.disabled:active,
.gynzy-student-application-container input[type='submit'].button-extra-large-blue:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue:active.disabled:active,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-blue:active.disabled:active,
.gynzy-student-application-container button.button-extra-large-blue:active.disabled:active,
.gynzy-teacher-application-container button.button-extra-large-blue:active.disabled:active,
.unicorn-manager-application-wrapper button.button-extra-large-blue:active.disabled:active,
.gynzy-student-application-container .button-extra-large-blue:active.disabled:focus,
.gynzy-teacher-application-container .button-extra-large-blue:active.disabled:focus,
.unicorn-manager-application-wrapper .button-extra-large-blue:active.disabled:focus,
.gynzy-student-application-container input[type='submit'].button-extra-large-blue:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue:active.disabled:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-blue:active.disabled:focus,
.gynzy-student-application-container button.button-extra-large-blue:active.disabled:focus,
.gynzy-teacher-application-container button.button-extra-large-blue:active.disabled:focus,
.unicorn-manager-application-wrapper button.button-extra-large-blue:active.disabled:focus,
.gynzy-student-application-container .button-extra-large-blue:active.disabled:visited,
.gynzy-teacher-application-container .button-extra-large-blue:active.disabled:visited,
.unicorn-manager-application-wrapper .button-extra-large-blue:active.disabled:visited,
.gynzy-student-application-container input[type='submit'].button-extra-large-blue:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue:active.disabled:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-blue:active.disabled:visited,
.gynzy-student-application-container button.button-extra-large-blue:active.disabled:visited,
.gynzy-teacher-application-container button.button-extra-large-blue:active.disabled:visited,
.unicorn-manager-application-wrapper button.button-extra-large-blue:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-extra-large-blue:focus,
.gynzy-teacher-application-container .button-extra-large-blue:focus,
.unicorn-manager-application-wrapper .button-extra-large-blue:focus,
.gynzy-student-application-container input[type='submit'].button-extra-large-blue:focus,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-blue:focus,
.gynzy-student-application-container button.button-extra-large-blue:focus,
.gynzy-teacher-application-container button.button-extra-large-blue:focus,
.unicorn-manager-application-wrapper button.button-extra-large-blue:focus {
  outline: 0;
}
.gynzy-student-application-container .button-extra-large-blue img.incorrect-cross,
.gynzy-teacher-application-container .button-extra-large-blue img.incorrect-cross,
.unicorn-manager-application-wrapper .button-extra-large-blue img.incorrect-cross,
.gynzy-student-application-container input[type='submit'].button-extra-large-blue img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue img.incorrect-cross,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-blue img.incorrect-cross,
.gynzy-student-application-container button.button-extra-large-blue img.incorrect-cross,
.gynzy-teacher-application-container button.button-extra-large-blue img.incorrect-cross,
.unicorn-manager-application-wrapper button.button-extra-large-blue img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-extra-large-blue img.correct-tick,
.gynzy-teacher-application-container .button-extra-large-blue img.correct-tick,
.unicorn-manager-application-wrapper .button-extra-large-blue img.correct-tick,
.gynzy-student-application-container input[type='submit'].button-extra-large-blue img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue img.correct-tick,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-blue img.correct-tick,
.gynzy-student-application-container button.button-extra-large-blue img.correct-tick,
.gynzy-teacher-application-container button.button-extra-large-blue img.correct-tick,
.unicorn-manager-application-wrapper button.button-extra-large-blue img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-extra-large-blue .fa,
.gynzy-teacher-application-container .button-extra-large-blue .fa,
.unicorn-manager-application-wrapper .button-extra-large-blue .fa,
.gynzy-student-application-container input[type='submit'].button-extra-large-blue .fa,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue .fa,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-blue .fa,
.gynzy-student-application-container button.button-extra-large-blue .fa,
.gynzy-teacher-application-container button.button-extra-large-blue .fa,
.unicorn-manager-application-wrapper button.button-extra-large-blue .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-extra-large-blue.disabled *,
.gynzy-teacher-application-container .button-extra-large-blue.disabled *,
.unicorn-manager-application-wrapper .button-extra-large-blue.disabled *,
.gynzy-student-application-container input[type='submit'].button-extra-large-blue.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-blue.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-blue.disabled *,
.gynzy-student-application-container button.button-extra-large-blue.disabled *,
.gynzy-teacher-application-container button.button-extra-large-blue.disabled *,
.unicorn-manager-application-wrapper button.button-extra-large-blue.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-normal-blue-hover,
.gynzy-teacher-application-container .button-normal-blue-hover,
.unicorn-manager-application-wrapper .button-normal-blue-hover {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-normal-blue-active,
.gynzy-teacher-application-container .button-normal-blue-active,
.unicorn-manager-application-wrapper .button-normal-blue-active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-normal-blue.is-active,
.gynzy-teacher-application-container .button-normal-blue.is-active,
.unicorn-manager-application-wrapper .button-normal-blue.is-active,
.gynzy-student-application-container .button-large-blue.is-active,
.gynzy-teacher-application-container .button-large-blue.is-active,
.unicorn-manager-application-wrapper .button-large-blue.is-active,
.gynzy-student-application-container .button-extra-large-blue.is-active,
.gynzy-teacher-application-container .button-extra-large-blue.is-active,
.unicorn-manager-application-wrapper .button-extra-large-blue.is-active,
.gynzy-student-application-container .button-square.is-active,
.gynzy-teacher-application-container .button-square.is-active,
.unicorn-manager-application-wrapper .button-square.is-active,
.gynzy-student-application-container .button-normal-blue.disabled.dark,
.gynzy-teacher-application-container .button-normal-blue.disabled.dark,
.unicorn-manager-application-wrapper .button-normal-blue.disabled.dark,
.gynzy-student-application-container .button-large-blue.disabled.dark,
.gynzy-teacher-application-container .button-large-blue.disabled.dark,
.unicorn-manager-application-wrapper .button-large-blue.disabled.dark,
.gynzy-student-application-container .button-extra-large-blue.disabled.dark,
.gynzy-teacher-application-container .button-extra-large-blue.disabled.dark,
.unicorn-manager-application-wrapper .button-extra-large-blue.disabled.dark,
.gynzy-student-application-container .dark,
.gynzy-teacher-application-container .dark,
.unicorn-manager-application-wrapper .dark {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  background-color: #123364;
  opacity: 1;
}
.gynzy-student-application-container .button-normal-blue.is-active:hover,
.gynzy-teacher-application-container .button-normal-blue.is-active:hover,
.unicorn-manager-application-wrapper .button-normal-blue.is-active:hover,
.gynzy-student-application-container .button-large-blue.is-active:hover,
.gynzy-teacher-application-container .button-large-blue.is-active:hover,
.unicorn-manager-application-wrapper .button-large-blue.is-active:hover,
.gynzy-student-application-container .button-extra-large-blue.is-active:hover,
.gynzy-teacher-application-container .button-extra-large-blue.is-active:hover,
.unicorn-manager-application-wrapper .button-extra-large-blue.is-active:hover,
.gynzy-student-application-container .button-square.is-active:hover,
.gynzy-teacher-application-container .button-square.is-active:hover,
.unicorn-manager-application-wrapper .button-square.is-active:hover,
.gynzy-student-application-container .button-normal-blue.disabled.dark:hover,
.gynzy-teacher-application-container .button-normal-blue.disabled.dark:hover,
.unicorn-manager-application-wrapper .button-normal-blue.disabled.dark:hover,
.gynzy-student-application-container .button-large-blue.disabled.dark:hover,
.gynzy-teacher-application-container .button-large-blue.disabled.dark:hover,
.unicorn-manager-application-wrapper .button-large-blue.disabled.dark:hover,
.gynzy-student-application-container .button-extra-large-blue.disabled.dark:hover,
.gynzy-teacher-application-container .button-extra-large-blue.disabled.dark:hover,
.unicorn-manager-application-wrapper .button-extra-large-blue.disabled.dark:hover,
.gynzy-student-application-container .dark:hover,
.gynzy-teacher-application-container .dark:hover,
.unicorn-manager-application-wrapper .dark:hover,
.gynzy-student-application-container .button-normal-blue.is-active:active,
.gynzy-teacher-application-container .button-normal-blue.is-active:active,
.unicorn-manager-application-wrapper .button-normal-blue.is-active:active,
.gynzy-student-application-container .button-large-blue.is-active:active,
.gynzy-teacher-application-container .button-large-blue.is-active:active,
.unicorn-manager-application-wrapper .button-large-blue.is-active:active,
.gynzy-student-application-container .button-extra-large-blue.is-active:active,
.gynzy-teacher-application-container .button-extra-large-blue.is-active:active,
.unicorn-manager-application-wrapper .button-extra-large-blue.is-active:active,
.gynzy-student-application-container .button-square.is-active:active,
.gynzy-teacher-application-container .button-square.is-active:active,
.unicorn-manager-application-wrapper .button-square.is-active:active,
.gynzy-student-application-container .button-normal-blue.disabled.dark:active,
.gynzy-teacher-application-container .button-normal-blue.disabled.dark:active,
.unicorn-manager-application-wrapper .button-normal-blue.disabled.dark:active,
.gynzy-student-application-container .button-large-blue.disabled.dark:active,
.gynzy-teacher-application-container .button-large-blue.disabled.dark:active,
.unicorn-manager-application-wrapper .button-large-blue.disabled.dark:active,
.gynzy-student-application-container .button-extra-large-blue.disabled.dark:active,
.gynzy-teacher-application-container .button-extra-large-blue.disabled.dark:active,
.unicorn-manager-application-wrapper .button-extra-large-blue.disabled.dark:active,
.gynzy-student-application-container .dark:active,
.gynzy-teacher-application-container .dark:active,
.unicorn-manager-application-wrapper .dark:active,
.gynzy-student-application-container .button-normal-blue.is-active:focus,
.gynzy-teacher-application-container .button-normal-blue.is-active:focus,
.unicorn-manager-application-wrapper .button-normal-blue.is-active:focus,
.gynzy-student-application-container .button-large-blue.is-active:focus,
.gynzy-teacher-application-container .button-large-blue.is-active:focus,
.unicorn-manager-application-wrapper .button-large-blue.is-active:focus,
.gynzy-student-application-container .button-extra-large-blue.is-active:focus,
.gynzy-teacher-application-container .button-extra-large-blue.is-active:focus,
.unicorn-manager-application-wrapper .button-extra-large-blue.is-active:focus,
.gynzy-student-application-container .button-square.is-active:focus,
.gynzy-teacher-application-container .button-square.is-active:focus,
.unicorn-manager-application-wrapper .button-square.is-active:focus,
.gynzy-student-application-container .button-normal-blue.disabled.dark:focus,
.gynzy-teacher-application-container .button-normal-blue.disabled.dark:focus,
.unicorn-manager-application-wrapper .button-normal-blue.disabled.dark:focus,
.gynzy-student-application-container .button-large-blue.disabled.dark:focus,
.gynzy-teacher-application-container .button-large-blue.disabled.dark:focus,
.unicorn-manager-application-wrapper .button-large-blue.disabled.dark:focus,
.gynzy-student-application-container .button-extra-large-blue.disabled.dark:focus,
.gynzy-teacher-application-container .button-extra-large-blue.disabled.dark:focus,
.unicorn-manager-application-wrapper .button-extra-large-blue.disabled.dark:focus,
.gynzy-student-application-container .dark:focus,
.gynzy-teacher-application-container .dark:focus,
.unicorn-manager-application-wrapper .dark:focus,
.gynzy-student-application-container .button-normal-blue.is-active:visited,
.gynzy-teacher-application-container .button-normal-blue.is-active:visited,
.unicorn-manager-application-wrapper .button-normal-blue.is-active:visited,
.gynzy-student-application-container .button-large-blue.is-active:visited,
.gynzy-teacher-application-container .button-large-blue.is-active:visited,
.unicorn-manager-application-wrapper .button-large-blue.is-active:visited,
.gynzy-student-application-container .button-extra-large-blue.is-active:visited,
.gynzy-teacher-application-container .button-extra-large-blue.is-active:visited,
.unicorn-manager-application-wrapper .button-extra-large-blue.is-active:visited,
.gynzy-student-application-container .button-square.is-active:visited,
.gynzy-teacher-application-container .button-square.is-active:visited,
.unicorn-manager-application-wrapper .button-square.is-active:visited,
.gynzy-student-application-container .button-normal-blue.disabled.dark:visited,
.gynzy-teacher-application-container .button-normal-blue.disabled.dark:visited,
.unicorn-manager-application-wrapper .button-normal-blue.disabled.dark:visited,
.gynzy-student-application-container .button-large-blue.disabled.dark:visited,
.gynzy-teacher-application-container .button-large-blue.disabled.dark:visited,
.unicorn-manager-application-wrapper .button-large-blue.disabled.dark:visited,
.gynzy-student-application-container .button-extra-large-blue.disabled.dark:visited,
.gynzy-teacher-application-container .button-extra-large-blue.disabled.dark:visited,
.unicorn-manager-application-wrapper .button-extra-large-blue.disabled.dark:visited,
.gynzy-student-application-container .dark:visited,
.gynzy-teacher-application-container .dark:visited,
.unicorn-manager-application-wrapper .dark:visited {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  background-color: #123364;
}
.gynzy-student-application-container .button-normal-blue.is-correct,
.gynzy-teacher-application-container .button-normal-blue.is-correct,
.unicorn-manager-application-wrapper .button-normal-blue.is-correct,
.gynzy-student-application-container .button-large-blue.is-correct,
.gynzy-teacher-application-container .button-large-blue.is-correct,
.unicorn-manager-application-wrapper .button-large-blue.is-correct,
.gynzy-student-application-container .button-extra-large-blue.is-correct,
.gynzy-teacher-application-container .button-extra-large-blue.is-correct,
.unicorn-manager-application-wrapper .button-extra-large-blue.is-correct {
  cursor: default;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none;
  border: #209914 1px solid;
  color: #209914 !important;
}
.gynzy-student-application-container .button-normal-blue.is-correct img.correct-tick,
.gynzy-teacher-application-container .button-normal-blue.is-correct img.correct-tick,
.unicorn-manager-application-wrapper .button-normal-blue.is-correct img.correct-tick,
.gynzy-student-application-container .button-large-blue.is-correct img.correct-tick,
.gynzy-teacher-application-container .button-large-blue.is-correct img.correct-tick,
.unicorn-manager-application-wrapper .button-large-blue.is-correct img.correct-tick,
.gynzy-student-application-container .button-extra-large-blue.is-correct img.correct-tick,
.gynzy-teacher-application-container .button-extra-large-blue.is-correct img.correct-tick,
.unicorn-manager-application-wrapper .button-extra-large-blue.is-correct img.correct-tick {
  margin-right: 2rem;
  display: inline;
}
.gynzy-student-application-container .button-normal-blue.is-correct img.incorrect-cross,
.gynzy-teacher-application-container .button-normal-blue.is-correct img.incorrect-cross,
.unicorn-manager-application-wrapper .button-normal-blue.is-correct img.incorrect-cross,
.gynzy-student-application-container .button-large-blue.is-correct img.incorrect-cross,
.gynzy-teacher-application-container .button-large-blue.is-correct img.incorrect-cross,
.unicorn-manager-application-wrapper .button-large-blue.is-correct img.incorrect-cross,
.gynzy-student-application-container .button-extra-large-blue.is-correct img.incorrect-cross,
.gynzy-teacher-application-container .button-extra-large-blue.is-correct img.incorrect-cross,
.unicorn-manager-application-wrapper .button-extra-large-blue.is-correct img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-normal-blue.is-incorrect,
.gynzy-teacher-application-container .button-normal-blue.is-incorrect,
.unicorn-manager-application-wrapper .button-normal-blue.is-incorrect,
.gynzy-student-application-container .button-large-blue.is-incorrect,
.gynzy-teacher-application-container .button-large-blue.is-incorrect,
.unicorn-manager-application-wrapper .button-large-blue.is-incorrect,
.gynzy-student-application-container .button-extra-large-blue.is-incorrect,
.gynzy-teacher-application-container .button-extra-large-blue.is-incorrect,
.unicorn-manager-application-wrapper .button-extra-large-blue.is-incorrect {
  cursor: default;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none;
  border: #ed1c24 1px solid;
  color: #ed1c24 !important;
}
.gynzy-student-application-container .button-normal-blue.is-incorrect img.incorrect-cross,
.gynzy-teacher-application-container .button-normal-blue.is-incorrect img.incorrect-cross,
.unicorn-manager-application-wrapper .button-normal-blue.is-incorrect img.incorrect-cross,
.gynzy-student-application-container .button-large-blue.is-incorrect img.incorrect-cross,
.gynzy-teacher-application-container .button-large-blue.is-incorrect img.incorrect-cross,
.unicorn-manager-application-wrapper .button-large-blue.is-incorrect img.incorrect-cross,
.gynzy-student-application-container .button-extra-large-blue.is-incorrect img.incorrect-cross,
.gynzy-teacher-application-container .button-extra-large-blue.is-incorrect img.incorrect-cross,
.unicorn-manager-application-wrapper .button-extra-large-blue.is-incorrect img.incorrect-cross {
  margin-right: 2rem;
  display: inline;
}
.gynzy-student-application-container .button-normal-blue.is-incorrect img.correct-tick,
.gynzy-teacher-application-container .button-normal-blue.is-incorrect img.correct-tick,
.unicorn-manager-application-wrapper .button-normal-blue.is-incorrect img.correct-tick,
.gynzy-student-application-container .button-large-blue.is-incorrect img.correct-tick,
.gynzy-teacher-application-container .button-large-blue.is-incorrect img.correct-tick,
.unicorn-manager-application-wrapper .button-large-blue.is-incorrect img.correct-tick,
.gynzy-student-application-container .button-extra-large-blue.is-incorrect img.correct-tick,
.gynzy-teacher-application-container .button-extra-large-blue.is-incorrect img.correct-tick,
.unicorn-manager-application-wrapper .button-extra-large-blue.is-incorrect img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-normal-blue.disabled,
.gynzy-teacher-application-container .button-normal-blue.disabled,
.unicorn-manager-application-wrapper .button-normal-blue.disabled,
.gynzy-student-application-container .button-large-blue.disabled,
.gynzy-teacher-application-container .button-large-blue.disabled,
.unicorn-manager-application-wrapper .button-large-blue.disabled,
.gynzy-student-application-container .button-extra-large-blue.disabled,
.gynzy-teacher-application-container .button-extra-large-blue.disabled,
.unicorn-manager-application-wrapper .button-extra-large-blue.disabled,
.gynzy-student-application-container .button-square.disabled,
.gynzy-teacher-application-container .button-square.disabled,
.unicorn-manager-application-wrapper .button-square.disabled,
.gynzy-student-application-container .button-large-white.disabled,
.gynzy-teacher-application-container .button-large-white.disabled,
.unicorn-manager-application-wrapper .button-large-white.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-normal-blue.disabled:hover,
.gynzy-teacher-application-container .button-normal-blue.disabled:hover,
.unicorn-manager-application-wrapper .button-normal-blue.disabled:hover,
.gynzy-student-application-container .button-large-blue.disabled:hover,
.gynzy-teacher-application-container .button-large-blue.disabled:hover,
.unicorn-manager-application-wrapper .button-large-blue.disabled:hover,
.gynzy-student-application-container .button-extra-large-blue.disabled:hover,
.gynzy-teacher-application-container .button-extra-large-blue.disabled:hover,
.unicorn-manager-application-wrapper .button-extra-large-blue.disabled:hover,
.gynzy-student-application-container .button-square.disabled:hover,
.gynzy-teacher-application-container .button-square.disabled:hover,
.unicorn-manager-application-wrapper .button-square.disabled:hover,
.gynzy-student-application-container .button-large-white.disabled:hover,
.gynzy-teacher-application-container .button-large-white.disabled:hover,
.unicorn-manager-application-wrapper .button-large-white.disabled:hover,
.gynzy-student-application-container .button-normal-blue.disabled:active,
.gynzy-teacher-application-container .button-normal-blue.disabled:active,
.unicorn-manager-application-wrapper .button-normal-blue.disabled:active,
.gynzy-student-application-container .button-large-blue.disabled:active,
.gynzy-teacher-application-container .button-large-blue.disabled:active,
.unicorn-manager-application-wrapper .button-large-blue.disabled:active,
.gynzy-student-application-container .button-extra-large-blue.disabled:active,
.gynzy-teacher-application-container .button-extra-large-blue.disabled:active,
.unicorn-manager-application-wrapper .button-extra-large-blue.disabled:active,
.gynzy-student-application-container .button-square.disabled:active,
.gynzy-teacher-application-container .button-square.disabled:active,
.unicorn-manager-application-wrapper .button-square.disabled:active,
.gynzy-student-application-container .button-large-white.disabled:active,
.gynzy-teacher-application-container .button-large-white.disabled:active,
.unicorn-manager-application-wrapper .button-large-white.disabled:active,
.gynzy-student-application-container .button-normal-blue.disabled:focus,
.gynzy-teacher-application-container .button-normal-blue.disabled:focus,
.unicorn-manager-application-wrapper .button-normal-blue.disabled:focus,
.gynzy-student-application-container .button-large-blue.disabled:focus,
.gynzy-teacher-application-container .button-large-blue.disabled:focus,
.unicorn-manager-application-wrapper .button-large-blue.disabled:focus,
.gynzy-student-application-container .button-extra-large-blue.disabled:focus,
.gynzy-teacher-application-container .button-extra-large-blue.disabled:focus,
.unicorn-manager-application-wrapper .button-extra-large-blue.disabled:focus,
.gynzy-student-application-container .button-square.disabled:focus,
.gynzy-teacher-application-container .button-square.disabled:focus,
.unicorn-manager-application-wrapper .button-square.disabled:focus,
.gynzy-student-application-container .button-large-white.disabled:focus,
.gynzy-teacher-application-container .button-large-white.disabled:focus,
.unicorn-manager-application-wrapper .button-large-white.disabled:focus,
.gynzy-student-application-container .button-normal-blue.disabled:visited,
.gynzy-teacher-application-container .button-normal-blue.disabled:visited,
.unicorn-manager-application-wrapper .button-normal-blue.disabled:visited,
.gynzy-student-application-container .button-large-blue.disabled:visited,
.gynzy-teacher-application-container .button-large-blue.disabled:visited,
.unicorn-manager-application-wrapper .button-large-blue.disabled:visited,
.gynzy-student-application-container .button-extra-large-blue.disabled:visited,
.gynzy-teacher-application-container .button-extra-large-blue.disabled:visited,
.unicorn-manager-application-wrapper .button-extra-large-blue.disabled:visited,
.gynzy-student-application-container .button-square.disabled:visited,
.gynzy-teacher-application-container .button-square.disabled:visited,
.unicorn-manager-application-wrapper .button-square.disabled:visited,
.gynzy-student-application-container .button-large-white.disabled:visited,
.gynzy-teacher-application-container .button-large-white.disabled:visited,
.unicorn-manager-application-wrapper .button-large-white.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-normal-blue.inactive,
.gynzy-teacher-application-container .button-normal-blue.inactive,
.unicorn-manager-application-wrapper .button-normal-blue.inactive,
.gynzy-student-application-container .button-large-blue.inactive,
.gynzy-teacher-application-container .button-large-blue.inactive,
.unicorn-manager-application-wrapper .button-large-blue.inactive,
.gynzy-student-application-container .button-extra-large-blue.inactive,
.gynzy-teacher-application-container .button-extra-large-blue.inactive,
.unicorn-manager-application-wrapper .button-extra-large-blue.inactive,
.gynzy-student-application-container .button-square.inactive,
.gynzy-teacher-application-container .button-square.inactive,
.unicorn-manager-application-wrapper .button-square.inactive {
  cursor: default;
}
.gynzy-student-application-container .button-normal-blue.inactive:hover,
.gynzy-teacher-application-container .button-normal-blue.inactive:hover,
.unicorn-manager-application-wrapper .button-normal-blue.inactive:hover,
.gynzy-student-application-container .button-large-blue.inactive:hover,
.gynzy-teacher-application-container .button-large-blue.inactive:hover,
.unicorn-manager-application-wrapper .button-large-blue.inactive:hover,
.gynzy-student-application-container .button-extra-large-blue.inactive:hover,
.gynzy-teacher-application-container .button-extra-large-blue.inactive:hover,
.unicorn-manager-application-wrapper .button-extra-large-blue.inactive:hover,
.gynzy-student-application-container .button-square.inactive:hover,
.gynzy-teacher-application-container .button-square.inactive:hover,
.unicorn-manager-application-wrapper .button-square.inactive:hover,
.gynzy-student-application-container .button-normal-blue.inactive:active,
.gynzy-teacher-application-container .button-normal-blue.inactive:active,
.unicorn-manager-application-wrapper .button-normal-blue.inactive:active,
.gynzy-student-application-container .button-large-blue.inactive:active,
.gynzy-teacher-application-container .button-large-blue.inactive:active,
.unicorn-manager-application-wrapper .button-large-blue.inactive:active,
.gynzy-student-application-container .button-extra-large-blue.inactive:active,
.gynzy-teacher-application-container .button-extra-large-blue.inactive:active,
.unicorn-manager-application-wrapper .button-extra-large-blue.inactive:active,
.gynzy-student-application-container .button-square.inactive:active,
.gynzy-teacher-application-container .button-square.inactive:active,
.unicorn-manager-application-wrapper .button-square.inactive:active,
.gynzy-student-application-container .button-normal-blue.inactive:focus,
.gynzy-teacher-application-container .button-normal-blue.inactive:focus,
.unicorn-manager-application-wrapper .button-normal-blue.inactive:focus,
.gynzy-student-application-container .button-large-blue.inactive:focus,
.gynzy-teacher-application-container .button-large-blue.inactive:focus,
.unicorn-manager-application-wrapper .button-large-blue.inactive:focus,
.gynzy-student-application-container .button-extra-large-blue.inactive:focus,
.gynzy-teacher-application-container .button-extra-large-blue.inactive:focus,
.unicorn-manager-application-wrapper .button-extra-large-blue.inactive:focus,
.gynzy-student-application-container .button-square.inactive:focus,
.gynzy-teacher-application-container .button-square.inactive:focus,
.unicorn-manager-application-wrapper .button-square.inactive:focus,
.gynzy-student-application-container .button-normal-blue.inactive:visited,
.gynzy-teacher-application-container .button-normal-blue.inactive:visited,
.unicorn-manager-application-wrapper .button-normal-blue.inactive:visited,
.gynzy-student-application-container .button-large-blue.inactive:visited,
.gynzy-teacher-application-container .button-large-blue.inactive:visited,
.unicorn-manager-application-wrapper .button-large-blue.inactive:visited,
.gynzy-student-application-container .button-extra-large-blue.inactive:visited,
.gynzy-teacher-application-container .button-extra-large-blue.inactive:visited,
.unicorn-manager-application-wrapper .button-extra-large-blue.inactive:visited,
.gynzy-student-application-container .button-square.inactive:visited,
.gynzy-teacher-application-container .button-square.inactive:visited,
.unicorn-manager-application-wrapper .button-square.inactive:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #3c83f3;
}
.gynzy-student-application-container .button-scroll-top.disabled,
.gynzy-teacher-application-container .button-scroll-top.disabled,
.unicorn-manager-application-wrapper .button-scroll-top.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-scroll-top.disabled:hover,
.gynzy-teacher-application-container .button-scroll-top.disabled:hover,
.unicorn-manager-application-wrapper .button-scroll-top.disabled:hover,
.gynzy-student-application-container .button-scroll-top.disabled:active,
.gynzy-teacher-application-container .button-scroll-top.disabled:active,
.unicorn-manager-application-wrapper .button-scroll-top.disabled:active,
.gynzy-student-application-container .button-scroll-top.disabled:focus,
.gynzy-teacher-application-container .button-scroll-top.disabled:focus,
.unicorn-manager-application-wrapper .button-scroll-top.disabled:focus,
.gynzy-student-application-container .button-scroll-top.disabled:visited,
.gynzy-teacher-application-container .button-scroll-top.disabled:visited,
.unicorn-manager-application-wrapper .button-scroll-top.disabled:visited {
  cursor: default;
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #2571e6) !important;
  background-color: #0e5fd8 !important;
}
.gynzy-student-application-container .button-scroll-bottom.disabled,
.gynzy-teacher-application-container .button-scroll-bottom.disabled,
.unicorn-manager-application-wrapper .button-scroll-bottom.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-scroll-bottom.disabled:hover,
.gynzy-teacher-application-container .button-scroll-bottom.disabled:hover,
.unicorn-manager-application-wrapper .button-scroll-bottom.disabled:hover,
.gynzy-student-application-container .button-scroll-bottom.disabled:active,
.gynzy-teacher-application-container .button-scroll-bottom.disabled:active,
.unicorn-manager-application-wrapper .button-scroll-bottom.disabled:active,
.gynzy-student-application-container .button-scroll-bottom.disabled:focus,
.gynzy-teacher-application-container .button-scroll-bottom.disabled:focus,
.unicorn-manager-application-wrapper .button-scroll-bottom.disabled:focus,
.gynzy-student-application-container .button-scroll-bottom.disabled:visited,
.gynzy-teacher-application-container .button-scroll-bottom.disabled:visited,
.unicorn-manager-application-wrapper .button-scroll-bottom.disabled:visited {
  cursor: default;
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #2571e6, #0e5fd8) !important;
  background-color: #0e5fd8 !important;
}
.gynzy-student-application-container .button-blue-previous-arrow,
.gynzy-teacher-application-container .button-blue-previous-arrow,
.unicorn-manager-application-wrapper .button-blue-previous-arrow {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  height: 4rem;
  padding: 0.5rem 1.75rem;
  line-height: 3rem !important;
  font-size: 1.5rem;
}
.gynzy-student-application-container .button-blue-previous-arrow *,
.gynzy-teacher-application-container .button-blue-previous-arrow *,
.unicorn-manager-application-wrapper .button-blue-previous-arrow * {
  cursor: pointer;
}
.gynzy-student-application-container .button-blue-previous-arrow:hover,
.gynzy-teacher-application-container .button-blue-previous-arrow:hover,
.unicorn-manager-application-wrapper .button-blue-previous-arrow:hover,
.gynzy-student-application-container .button-blue-previous-arrow:visited,
.gynzy-teacher-application-container .button-blue-previous-arrow:visited,
.unicorn-manager-application-wrapper .button-blue-previous-arrow:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-blue-previous-arrow:active,
.gynzy-teacher-application-container .button-blue-previous-arrow:active,
.unicorn-manager-application-wrapper .button-blue-previous-arrow:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-blue-previous-arrow:active.disabled,
.gynzy-teacher-application-container .button-blue-previous-arrow:active.disabled,
.unicorn-manager-application-wrapper .button-blue-previous-arrow:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-blue-previous-arrow:active.disabled *,
.gynzy-teacher-application-container .button-blue-previous-arrow:active.disabled *,
.unicorn-manager-application-wrapper .button-blue-previous-arrow:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-blue-previous-arrow:active.disabled:hover,
.gynzy-teacher-application-container .button-blue-previous-arrow:active.disabled:hover,
.unicorn-manager-application-wrapper .button-blue-previous-arrow:active.disabled:hover,
.gynzy-student-application-container .button-blue-previous-arrow:active.disabled:active,
.gynzy-teacher-application-container .button-blue-previous-arrow:active.disabled:active,
.unicorn-manager-application-wrapper .button-blue-previous-arrow:active.disabled:active,
.gynzy-student-application-container .button-blue-previous-arrow:active.disabled:focus,
.gynzy-teacher-application-container .button-blue-previous-arrow:active.disabled:focus,
.unicorn-manager-application-wrapper .button-blue-previous-arrow:active.disabled:focus,
.gynzy-student-application-container .button-blue-previous-arrow:active.disabled:visited,
.gynzy-teacher-application-container .button-blue-previous-arrow:active.disabled:visited,
.unicorn-manager-application-wrapper .button-blue-previous-arrow:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-blue-previous-arrow:focus,
.gynzy-teacher-application-container .button-blue-previous-arrow:focus,
.unicorn-manager-application-wrapper .button-blue-previous-arrow:focus {
  outline: 0;
}
.gynzy-student-application-container .button-blue-previous-arrow img.incorrect-cross,
.gynzy-teacher-application-container .button-blue-previous-arrow img.incorrect-cross,
.unicorn-manager-application-wrapper .button-blue-previous-arrow img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-blue-previous-arrow img.correct-tick,
.gynzy-teacher-application-container .button-blue-previous-arrow img.correct-tick,
.unicorn-manager-application-wrapper .button-blue-previous-arrow img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-blue-previous-arrow .fa,
.gynzy-teacher-application-container .button-blue-previous-arrow .fa,
.unicorn-manager-application-wrapper .button-blue-previous-arrow .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-blue-previous-arrow.disabled *,
.gynzy-teacher-application-container .button-blue-previous-arrow.disabled *,
.unicorn-manager-application-wrapper .button-blue-previous-arrow.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-blue-previous-arrow span,
.gynzy-teacher-application-container .button-blue-previous-arrow span,
.unicorn-manager-application-wrapper .button-blue-previous-arrow span {
  margin-left: 1.3rem;
  height: 2rem;
  line-height: 2rem;
}
.gynzy-student-application-container .button-blue-previous-arrow img,
.gynzy-teacher-application-container .button-blue-previous-arrow img,
.unicorn-manager-application-wrapper .button-blue-previous-arrow img {
  vertical-align: middle;
  height: 2rem;
  line-height: 2rem;
}
.gynzy-student-application-container .button-blue-previous-arrow .triangle-left,
.gynzy-teacher-application-container .button-blue-previous-arrow .triangle-left,
.unicorn-manager-application-wrapper .button-blue-previous-arrow .triangle-left {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  position: relative;
  left: 0;
  top: 50%;
  margin: -0.65rem 0 0 -0.35rem;
  border-width: 0.65rem 0.7rem 0.65rem 0;
  border-color: transparent #fff transparent transparent;
}
.gynzy-student-application-container .button-blue-previous-arrow .triangle-right,
.gynzy-teacher-application-container .button-blue-previous-arrow .triangle-right,
.unicorn-manager-application-wrapper .button-blue-previous-arrow .triangle-right {
  width: 0;
  height: 0;
  border-style: solid;
  position: relative;
  left: 50%;
  top: 50%;
  margin: -0.3rem 0 0 -0.9rem;
  border-width: 0.65rem 0 0.65rem 0.7rem;
  border-color: transparent transparent transparent #fff;
}
.gynzy-student-application-container .button-previous,
.gynzy-teacher-application-container .button-previous,
.unicorn-manager-application-wrapper .button-previous,
.gynzy-student-application-container .button-next,
.gynzy-teacher-application-container .button-next,
.unicorn-manager-application-wrapper .button-next {
  position: relative;
  display: inline-block;
  filter: drop-shadow(0.1rem 0.1rem 0.3rem rgba(50, 50, 50, 0.35));
}
.gynzy-student-application-container .button-previous:hover .button-blue-next,
.gynzy-teacher-application-container .button-previous:hover .button-blue-next,
.unicorn-manager-application-wrapper .button-previous:hover .button-blue-next,
.gynzy-student-application-container .button-next:hover .button-blue-next,
.gynzy-teacher-application-container .button-next:hover .button-blue-next,
.unicorn-manager-application-wrapper .button-next:hover .button-blue-next,
.gynzy-student-application-container .button-previous:focus .button-blue-next,
.gynzy-teacher-application-container .button-previous:focus .button-blue-next,
.unicorn-manager-application-wrapper .button-previous:focus .button-blue-next,
.gynzy-student-application-container .button-next:focus .button-blue-next,
.gynzy-teacher-application-container .button-next:focus .button-blue-next,
.unicorn-manager-application-wrapper .button-next:focus .button-blue-next,
.gynzy-student-application-container .button-previous:visited .button-blue-next,
.gynzy-teacher-application-container .button-previous:visited .button-blue-next,
.unicorn-manager-application-wrapper .button-previous:visited .button-blue-next,
.gynzy-student-application-container .button-next:visited .button-blue-next,
.gynzy-teacher-application-container .button-next:visited .button-blue-next,
.unicorn-manager-application-wrapper .button-next:visited .button-blue-next,
.gynzy-student-application-container .button-previous:hover .button-blue-prev,
.gynzy-teacher-application-container .button-previous:hover .button-blue-prev,
.unicorn-manager-application-wrapper .button-previous:hover .button-blue-prev,
.gynzy-student-application-container .button-next:hover .button-blue-prev,
.gynzy-teacher-application-container .button-next:hover .button-blue-prev,
.unicorn-manager-application-wrapper .button-next:hover .button-blue-prev,
.gynzy-student-application-container .button-previous:focus .button-blue-prev,
.gynzy-teacher-application-container .button-previous:focus .button-blue-prev,
.unicorn-manager-application-wrapper .button-previous:focus .button-blue-prev,
.gynzy-student-application-container .button-next:focus .button-blue-prev,
.gynzy-teacher-application-container .button-next:focus .button-blue-prev,
.unicorn-manager-application-wrapper .button-next:focus .button-blue-prev,
.gynzy-student-application-container .button-previous:visited .button-blue-prev,
.gynzy-teacher-application-container .button-previous:visited .button-blue-prev,
.unicorn-manager-application-wrapper .button-previous:visited .button-blue-prev,
.gynzy-student-application-container .button-next:visited .button-blue-prev,
.gynzy-teacher-application-container .button-next:visited .button-blue-prev,
.unicorn-manager-application-wrapper .button-next:visited .button-blue-prev {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-previous:hover span.next,
.gynzy-teacher-application-container .button-previous:hover span.next,
.unicorn-manager-application-wrapper .button-previous:hover span.next,
.gynzy-student-application-container .button-next:hover span.next,
.gynzy-teacher-application-container .button-next:hover span.next,
.unicorn-manager-application-wrapper .button-next:hover span.next,
.gynzy-student-application-container .button-previous:focus span.next,
.gynzy-teacher-application-container .button-previous:focus span.next,
.unicorn-manager-application-wrapper .button-previous:focus span.next,
.gynzy-student-application-container .button-next:focus span.next,
.gynzy-teacher-application-container .button-next:focus span.next,
.unicorn-manager-application-wrapper .button-next:focus span.next,
.gynzy-student-application-container .button-previous:visited span.next,
.gynzy-teacher-application-container .button-previous:visited span.next,
.unicorn-manager-application-wrapper .button-previous:visited span.next,
.gynzy-student-application-container .button-next:visited span.next,
.gynzy-teacher-application-container .button-next:visited span.next,
.unicorn-manager-application-wrapper .button-next:visited span.next,
.gynzy-student-application-container .button-previous:hover span.prev,
.gynzy-teacher-application-container .button-previous:hover span.prev,
.unicorn-manager-application-wrapper .button-previous:hover span.prev,
.gynzy-student-application-container .button-next:hover span.prev,
.gynzy-teacher-application-container .button-next:hover span.prev,
.unicorn-manager-application-wrapper .button-next:hover span.prev,
.gynzy-student-application-container .button-previous:focus span.prev,
.gynzy-teacher-application-container .button-previous:focus span.prev,
.unicorn-manager-application-wrapper .button-previous:focus span.prev,
.gynzy-student-application-container .button-next:focus span.prev,
.gynzy-teacher-application-container .button-next:focus span.prev,
.unicorn-manager-application-wrapper .button-next:focus span.prev,
.gynzy-student-application-container .button-previous:visited span.prev,
.gynzy-teacher-application-container .button-previous:visited span.prev,
.unicorn-manager-application-wrapper .button-previous:visited span.prev,
.gynzy-student-application-container .button-next:visited span.prev,
.gynzy-teacher-application-container .button-next:visited span.prev,
.unicorn-manager-application-wrapper .button-next:visited span.prev {
  background: linear-gradient(135deg, #0e5fd8 0%, #3c83f3 100%);
  background-color: #0e5fd8;
  cursor: pointer;
}
.gynzy-student-application-container .button-previous:active .button-blue-next,
.gynzy-teacher-application-container .button-previous:active .button-blue-next,
.unicorn-manager-application-wrapper .button-previous:active .button-blue-next,
.gynzy-student-application-container .button-next:active .button-blue-next,
.gynzy-teacher-application-container .button-next:active .button-blue-next,
.unicorn-manager-application-wrapper .button-next:active .button-blue-next,
.gynzy-student-application-container .button-previous:active .button-blue-prev,
.gynzy-teacher-application-container .button-previous:active .button-blue-prev,
.unicorn-manager-application-wrapper .button-previous:active .button-blue-prev,
.gynzy-student-application-container .button-next:active .button-blue-prev,
.gynzy-teacher-application-container .button-next:active .button-blue-prev,
.unicorn-manager-application-wrapper .button-next:active .button-blue-prev {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-previous:active span.next,
.gynzy-teacher-application-container .button-previous:active span.next,
.unicorn-manager-application-wrapper .button-previous:active span.next,
.gynzy-student-application-container .button-next:active span.next,
.gynzy-teacher-application-container .button-next:active span.next,
.unicorn-manager-application-wrapper .button-next:active span.next,
.gynzy-student-application-container .button-previous:active span.prev,
.gynzy-teacher-application-container .button-previous:active span.prev,
.unicorn-manager-application-wrapper .button-previous:active span.prev,
.gynzy-student-application-container .button-next:active span.prev,
.gynzy-teacher-application-container .button-next:active span.prev,
.unicorn-manager-application-wrapper .button-next:active span.prev {
  background: linear-gradient(135deg, #123364 0%, #3c83f3 100%);
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  background-color: #123364;
}
.gynzy-student-application-container .button-previous.disabled .button-blue-next,
.gynzy-teacher-application-container .button-previous.disabled .button-blue-next,
.unicorn-manager-application-wrapper .button-previous.disabled .button-blue-next,
.gynzy-student-application-container .button-next.disabled .button-blue-next,
.gynzy-teacher-application-container .button-next.disabled .button-blue-next,
.unicorn-manager-application-wrapper .button-next.disabled .button-blue-next,
.gynzy-student-application-container .button-previous.disabled .button-blue-prev,
.gynzy-teacher-application-container .button-previous.disabled .button-blue-prev,
.unicorn-manager-application-wrapper .button-previous.disabled .button-blue-prev,
.gynzy-student-application-container .button-next.disabled .button-blue-prev,
.gynzy-teacher-application-container .button-next.disabled .button-blue-prev,
.unicorn-manager-application-wrapper .button-next.disabled .button-blue-prev {
  cursor: default;
  opacity: 0.5;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  opacity: 1;
}
.gynzy-student-application-container .button-previous.disabled .button-blue-next *,
.gynzy-teacher-application-container .button-previous.disabled .button-blue-next *,
.unicorn-manager-application-wrapper .button-previous.disabled .button-blue-next *,
.gynzy-student-application-container .button-next.disabled .button-blue-next *,
.gynzy-teacher-application-container .button-next.disabled .button-blue-next *,
.unicorn-manager-application-wrapper .button-next.disabled .button-blue-next *,
.gynzy-student-application-container .button-previous.disabled .button-blue-prev *,
.gynzy-teacher-application-container .button-previous.disabled .button-blue-prev *,
.unicorn-manager-application-wrapper .button-previous.disabled .button-blue-prev *,
.gynzy-student-application-container .button-next.disabled .button-blue-prev *,
.gynzy-teacher-application-container .button-next.disabled .button-blue-prev *,
.unicorn-manager-application-wrapper .button-next.disabled .button-blue-prev * {
  cursor: default;
}
.gynzy-student-application-container .button-previous.disabled .button-blue-next:hover,
.gynzy-teacher-application-container .button-previous.disabled .button-blue-next:hover,
.unicorn-manager-application-wrapper .button-previous.disabled .button-blue-next:hover,
.gynzy-student-application-container .button-next.disabled .button-blue-next:hover,
.gynzy-teacher-application-container .button-next.disabled .button-blue-next:hover,
.unicorn-manager-application-wrapper .button-next.disabled .button-blue-next:hover,
.gynzy-student-application-container .button-previous.disabled .button-blue-prev:hover,
.gynzy-teacher-application-container .button-previous.disabled .button-blue-prev:hover,
.unicorn-manager-application-wrapper .button-previous.disabled .button-blue-prev:hover,
.gynzy-student-application-container .button-next.disabled .button-blue-prev:hover,
.gynzy-teacher-application-container .button-next.disabled .button-blue-prev:hover,
.unicorn-manager-application-wrapper .button-next.disabled .button-blue-prev:hover,
.gynzy-student-application-container .button-previous.disabled .button-blue-next:active,
.gynzy-teacher-application-container .button-previous.disabled .button-blue-next:active,
.unicorn-manager-application-wrapper .button-previous.disabled .button-blue-next:active,
.gynzy-student-application-container .button-next.disabled .button-blue-next:active,
.gynzy-teacher-application-container .button-next.disabled .button-blue-next:active,
.unicorn-manager-application-wrapper .button-next.disabled .button-blue-next:active,
.gynzy-student-application-container .button-previous.disabled .button-blue-prev:active,
.gynzy-teacher-application-container .button-previous.disabled .button-blue-prev:active,
.unicorn-manager-application-wrapper .button-previous.disabled .button-blue-prev:active,
.gynzy-student-application-container .button-next.disabled .button-blue-prev:active,
.gynzy-teacher-application-container .button-next.disabled .button-blue-prev:active,
.unicorn-manager-application-wrapper .button-next.disabled .button-blue-prev:active,
.gynzy-student-application-container .button-previous.disabled .button-blue-next:focus,
.gynzy-teacher-application-container .button-previous.disabled .button-blue-next:focus,
.unicorn-manager-application-wrapper .button-previous.disabled .button-blue-next:focus,
.gynzy-student-application-container .button-next.disabled .button-blue-next:focus,
.gynzy-teacher-application-container .button-next.disabled .button-blue-next:focus,
.unicorn-manager-application-wrapper .button-next.disabled .button-blue-next:focus,
.gynzy-student-application-container .button-previous.disabled .button-blue-prev:focus,
.gynzy-teacher-application-container .button-previous.disabled .button-blue-prev:focus,
.unicorn-manager-application-wrapper .button-previous.disabled .button-blue-prev:focus,
.gynzy-student-application-container .button-next.disabled .button-blue-prev:focus,
.gynzy-teacher-application-container .button-next.disabled .button-blue-prev:focus,
.unicorn-manager-application-wrapper .button-next.disabled .button-blue-prev:focus,
.gynzy-student-application-container .button-previous.disabled .button-blue-next:visited,
.gynzy-teacher-application-container .button-previous.disabled .button-blue-next:visited,
.unicorn-manager-application-wrapper .button-previous.disabled .button-blue-next:visited,
.gynzy-student-application-container .button-next.disabled .button-blue-next:visited,
.gynzy-teacher-application-container .button-next.disabled .button-blue-next:visited,
.unicorn-manager-application-wrapper .button-next.disabled .button-blue-next:visited,
.gynzy-student-application-container .button-previous.disabled .button-blue-prev:visited,
.gynzy-teacher-application-container .button-previous.disabled .button-blue-prev:visited,
.unicorn-manager-application-wrapper .button-previous.disabled .button-blue-prev:visited,
.gynzy-student-application-container .button-next.disabled .button-blue-prev:visited,
.gynzy-teacher-application-container .button-next.disabled .button-blue-prev:visited,
.unicorn-manager-application-wrapper .button-next.disabled .button-blue-prev:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-previous.disabled span.next,
.gynzy-teacher-application-container .button-previous.disabled span.next,
.unicorn-manager-application-wrapper .button-previous.disabled span.next,
.gynzy-student-application-container .button-next.disabled span.next,
.gynzy-teacher-application-container .button-next.disabled span.next,
.unicorn-manager-application-wrapper .button-next.disabled span.next,
.gynzy-student-application-container .button-previous.disabled span.prev,
.gynzy-teacher-application-container .button-previous.disabled span.prev,
.unicorn-manager-application-wrapper .button-previous.disabled span.prev,
.gynzy-student-application-container .button-next.disabled span.prev,
.gynzy-teacher-application-container .button-next.disabled span.prev,
.unicorn-manager-application-wrapper .button-next.disabled span.prev {
  background: linear-gradient(135deg, #3c83f3 0%, #0e5fd8 100%);
  background-color: #3c83f3;
  border: 1px solid #0034a0;
}
.gynzy-student-application-container .button-blue-next,
.gynzy-teacher-application-container .button-blue-next,
.unicorn-manager-application-wrapper .button-blue-next {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  position: relative;
  padding-right: 1.5rem;
  padding-left: 2.5rem;
  margin-right: 2rem;
  border-right: none;
  box-shadow: none;
}
.gynzy-student-application-container .button-blue-next *,
.gynzy-teacher-application-container .button-blue-next *,
.unicorn-manager-application-wrapper .button-blue-next * {
  cursor: pointer;
}
.gynzy-student-application-container .button-blue-next:hover,
.gynzy-teacher-application-container .button-blue-next:hover,
.unicorn-manager-application-wrapper .button-blue-next:hover,
.gynzy-student-application-container .button-blue-next:visited,
.gynzy-teacher-application-container .button-blue-next:visited,
.unicorn-manager-application-wrapper .button-blue-next:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-blue-next:active,
.gynzy-teacher-application-container .button-blue-next:active,
.unicorn-manager-application-wrapper .button-blue-next:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-blue-next:active.disabled,
.gynzy-teacher-application-container .button-blue-next:active.disabled,
.unicorn-manager-application-wrapper .button-blue-next:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-blue-next:active.disabled *,
.gynzy-teacher-application-container .button-blue-next:active.disabled *,
.unicorn-manager-application-wrapper .button-blue-next:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-blue-next:active.disabled:hover,
.gynzy-teacher-application-container .button-blue-next:active.disabled:hover,
.unicorn-manager-application-wrapper .button-blue-next:active.disabled:hover,
.gynzy-student-application-container .button-blue-next:active.disabled:active,
.gynzy-teacher-application-container .button-blue-next:active.disabled:active,
.unicorn-manager-application-wrapper .button-blue-next:active.disabled:active,
.gynzy-student-application-container .button-blue-next:active.disabled:focus,
.gynzy-teacher-application-container .button-blue-next:active.disabled:focus,
.unicorn-manager-application-wrapper .button-blue-next:active.disabled:focus,
.gynzy-student-application-container .button-blue-next:active.disabled:visited,
.gynzy-teacher-application-container .button-blue-next:active.disabled:visited,
.unicorn-manager-application-wrapper .button-blue-next:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-blue-next:focus,
.gynzy-teacher-application-container .button-blue-next:focus,
.unicorn-manager-application-wrapper .button-blue-next:focus {
  outline: 0;
}
.gynzy-student-application-container .button-blue-next img.incorrect-cross,
.gynzy-teacher-application-container .button-blue-next img.incorrect-cross,
.unicorn-manager-application-wrapper .button-blue-next img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-blue-next img.correct-tick,
.gynzy-teacher-application-container .button-blue-next img.correct-tick,
.unicorn-manager-application-wrapper .button-blue-next img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-blue-next .fa,
.gynzy-teacher-application-container .button-blue-next .fa,
.unicorn-manager-application-wrapper .button-blue-next .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-blue-next.disabled *,
.gynzy-teacher-application-container .button-blue-next.disabled *,
.unicorn-manager-application-wrapper .button-blue-next.disabled * {
  cursor: default;
}
.gynzy-student-application-container span.next,
.gynzy-teacher-application-container span.next,
.unicorn-manager-application-wrapper span.next {
  height: 3.9rem;
  width: 3.9rem;
  border-top-left-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  right: 0.5rem;
  top: 0.6rem;
  -webkit-background-clip: content;
  background: linear-gradient(135deg, #3c83f3 0%, #0e5fd8 100%);
  background-color: #3c83f3;
  border: 1px solid #0034a0;
}
.gynzy-student-application-container .button-blue-prev,
.gynzy-teacher-application-container .button-blue-prev,
.unicorn-manager-application-wrapper .button-blue-prev {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  position: relative;
  padding-left: 1.5rem;
  padding-right: 2.5rem;
  margin-left: 2rem;
  border-left: none;
  box-shadow: none;
}
.gynzy-student-application-container .button-blue-prev *,
.gynzy-teacher-application-container .button-blue-prev *,
.unicorn-manager-application-wrapper .button-blue-prev * {
  cursor: pointer;
}
.gynzy-student-application-container .button-blue-prev:hover,
.gynzy-teacher-application-container .button-blue-prev:hover,
.unicorn-manager-application-wrapper .button-blue-prev:hover,
.gynzy-student-application-container .button-blue-prev:visited,
.gynzy-teacher-application-container .button-blue-prev:visited,
.unicorn-manager-application-wrapper .button-blue-prev:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-blue-prev:active,
.gynzy-teacher-application-container .button-blue-prev:active,
.unicorn-manager-application-wrapper .button-blue-prev:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-blue-prev:active.disabled,
.gynzy-teacher-application-container .button-blue-prev:active.disabled,
.unicorn-manager-application-wrapper .button-blue-prev:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-blue-prev:active.disabled *,
.gynzy-teacher-application-container .button-blue-prev:active.disabled *,
.unicorn-manager-application-wrapper .button-blue-prev:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-blue-prev:active.disabled:hover,
.gynzy-teacher-application-container .button-blue-prev:active.disabled:hover,
.unicorn-manager-application-wrapper .button-blue-prev:active.disabled:hover,
.gynzy-student-application-container .button-blue-prev:active.disabled:active,
.gynzy-teacher-application-container .button-blue-prev:active.disabled:active,
.unicorn-manager-application-wrapper .button-blue-prev:active.disabled:active,
.gynzy-student-application-container .button-blue-prev:active.disabled:focus,
.gynzy-teacher-application-container .button-blue-prev:active.disabled:focus,
.unicorn-manager-application-wrapper .button-blue-prev:active.disabled:focus,
.gynzy-student-application-container .button-blue-prev:active.disabled:visited,
.gynzy-teacher-application-container .button-blue-prev:active.disabled:visited,
.unicorn-manager-application-wrapper .button-blue-prev:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-blue-prev:focus,
.gynzy-teacher-application-container .button-blue-prev:focus,
.unicorn-manager-application-wrapper .button-blue-prev:focus {
  outline: 0;
}
.gynzy-student-application-container .button-blue-prev img.incorrect-cross,
.gynzy-teacher-application-container .button-blue-prev img.incorrect-cross,
.unicorn-manager-application-wrapper .button-blue-prev img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-blue-prev img.correct-tick,
.gynzy-teacher-application-container .button-blue-prev img.correct-tick,
.unicorn-manager-application-wrapper .button-blue-prev img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-blue-prev .fa,
.gynzy-teacher-application-container .button-blue-prev .fa,
.unicorn-manager-application-wrapper .button-blue-prev .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-blue-prev.disabled *,
.gynzy-teacher-application-container .button-blue-prev.disabled *,
.unicorn-manager-application-wrapper .button-blue-prev.disabled * {
  cursor: default;
}
.gynzy-student-application-container span.prev,
.gynzy-teacher-application-container span.prev,
.unicorn-manager-application-wrapper span.prev {
  display: inline-block;
  height: 3.9rem;
  width: 3.9rem;
  border-top-left-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
  transform: rotate(45deg);
  position: absolute;
  left: 0.5rem;
  top: 0.6rem;
  -webkit-background-clip: content;
  background: linear-gradient(135deg, #3c83f3 0%, #0e5fd8 100%);
  background-color: #3c83f3;
  /* W3C */
  border: 1px solid #0034a0;
}
.gynzy-student-application-container .button-previous-small span.prev,
.gynzy-teacher-application-container .button-previous-small span.prev,
.unicorn-manager-application-wrapper .button-previous-small span.prev {
  left: 0.97rem;
}
.gynzy-student-application-container .button-previous-small,
.gynzy-teacher-application-container .button-previous-small,
.unicorn-manager-application-wrapper .button-previous-small,
.gynzy-student-application-container .button-next-small,
.gynzy-teacher-application-container .button-next-small,
.unicorn-manager-application-wrapper .button-next-small {
  position: relative;
  display: inline-block;
  filter: drop-shadow(0.1rem 0.1rem 0.3rem rgba(50, 50, 50, 0.35));
}
.gynzy-student-application-container .button-previous-small:hover .button-blue-next,
.gynzy-teacher-application-container .button-previous-small:hover .button-blue-next,
.unicorn-manager-application-wrapper .button-previous-small:hover .button-blue-next,
.gynzy-student-application-container .button-next-small:hover .button-blue-next,
.gynzy-teacher-application-container .button-next-small:hover .button-blue-next,
.unicorn-manager-application-wrapper .button-next-small:hover .button-blue-next,
.gynzy-student-application-container .button-previous-small:focus .button-blue-next,
.gynzy-teacher-application-container .button-previous-small:focus .button-blue-next,
.unicorn-manager-application-wrapper .button-previous-small:focus .button-blue-next,
.gynzy-student-application-container .button-next-small:focus .button-blue-next,
.gynzy-teacher-application-container .button-next-small:focus .button-blue-next,
.unicorn-manager-application-wrapper .button-next-small:focus .button-blue-next,
.gynzy-student-application-container .button-previous-small:visited .button-blue-next,
.gynzy-teacher-application-container .button-previous-small:visited .button-blue-next,
.unicorn-manager-application-wrapper .button-previous-small:visited .button-blue-next,
.gynzy-student-application-container .button-next-small:visited .button-blue-next,
.gynzy-teacher-application-container .button-next-small:visited .button-blue-next,
.unicorn-manager-application-wrapper .button-next-small:visited .button-blue-next,
.gynzy-student-application-container .button-previous-small:hover .button-blue-prev,
.gynzy-teacher-application-container .button-previous-small:hover .button-blue-prev,
.unicorn-manager-application-wrapper .button-previous-small:hover .button-blue-prev,
.gynzy-student-application-container .button-next-small:hover .button-blue-prev,
.gynzy-teacher-application-container .button-next-small:hover .button-blue-prev,
.unicorn-manager-application-wrapper .button-next-small:hover .button-blue-prev,
.gynzy-student-application-container .button-previous-small:focus .button-blue-prev,
.gynzy-teacher-application-container .button-previous-small:focus .button-blue-prev,
.unicorn-manager-application-wrapper .button-previous-small:focus .button-blue-prev,
.gynzy-student-application-container .button-next-small:focus .button-blue-prev,
.gynzy-teacher-application-container .button-next-small:focus .button-blue-prev,
.unicorn-manager-application-wrapper .button-next-small:focus .button-blue-prev,
.gynzy-student-application-container .button-previous-small:visited .button-blue-prev,
.gynzy-teacher-application-container .button-previous-small:visited .button-blue-prev,
.unicorn-manager-application-wrapper .button-previous-small:visited .button-blue-prev,
.gynzy-student-application-container .button-next-small:visited .button-blue-prev,
.gynzy-teacher-application-container .button-next-small:visited .button-blue-prev,
.unicorn-manager-application-wrapper .button-next-small:visited .button-blue-prev {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-previous-small:hover span.next,
.gynzy-teacher-application-container .button-previous-small:hover span.next,
.unicorn-manager-application-wrapper .button-previous-small:hover span.next,
.gynzy-student-application-container .button-next-small:hover span.next,
.gynzy-teacher-application-container .button-next-small:hover span.next,
.unicorn-manager-application-wrapper .button-next-small:hover span.next,
.gynzy-student-application-container .button-previous-small:focus span.next,
.gynzy-teacher-application-container .button-previous-small:focus span.next,
.unicorn-manager-application-wrapper .button-previous-small:focus span.next,
.gynzy-student-application-container .button-next-small:focus span.next,
.gynzy-teacher-application-container .button-next-small:focus span.next,
.unicorn-manager-application-wrapper .button-next-small:focus span.next,
.gynzy-student-application-container .button-previous-small:visited span.next,
.gynzy-teacher-application-container .button-previous-small:visited span.next,
.unicorn-manager-application-wrapper .button-previous-small:visited span.next,
.gynzy-student-application-container .button-next-small:visited span.next,
.gynzy-teacher-application-container .button-next-small:visited span.next,
.unicorn-manager-application-wrapper .button-next-small:visited span.next,
.gynzy-student-application-container .button-previous-small:hover span.prev,
.gynzy-teacher-application-container .button-previous-small:hover span.prev,
.unicorn-manager-application-wrapper .button-previous-small:hover span.prev,
.gynzy-student-application-container .button-next-small:hover span.prev,
.gynzy-teacher-application-container .button-next-small:hover span.prev,
.unicorn-manager-application-wrapper .button-next-small:hover span.prev,
.gynzy-student-application-container .button-previous-small:focus span.prev,
.gynzy-teacher-application-container .button-previous-small:focus span.prev,
.unicorn-manager-application-wrapper .button-previous-small:focus span.prev,
.gynzy-student-application-container .button-next-small:focus span.prev,
.gynzy-teacher-application-container .button-next-small:focus span.prev,
.unicorn-manager-application-wrapper .button-next-small:focus span.prev,
.gynzy-student-application-container .button-previous-small:visited span.prev,
.gynzy-teacher-application-container .button-previous-small:visited span.prev,
.unicorn-manager-application-wrapper .button-previous-small:visited span.prev,
.gynzy-student-application-container .button-next-small:visited span.prev,
.gynzy-teacher-application-container .button-next-small:visited span.prev,
.unicorn-manager-application-wrapper .button-next-small:visited span.prev {
  background: linear-gradient(135deg, #0e5fd8 0%, #3c83f3 100%);
  background-color: #0e5fd8;
  cursor: pointer;
}
.gynzy-student-application-container .button-previous-small:active .button-blue-next,
.gynzy-teacher-application-container .button-previous-small:active .button-blue-next,
.unicorn-manager-application-wrapper .button-previous-small:active .button-blue-next,
.gynzy-student-application-container .button-next-small:active .button-blue-next,
.gynzy-teacher-application-container .button-next-small:active .button-blue-next,
.unicorn-manager-application-wrapper .button-next-small:active .button-blue-next,
.gynzy-student-application-container .button-previous-small:active .button-blue-prev,
.gynzy-teacher-application-container .button-previous-small:active .button-blue-prev,
.unicorn-manager-application-wrapper .button-previous-small:active .button-blue-prev,
.gynzy-student-application-container .button-next-small:active .button-blue-prev,
.gynzy-teacher-application-container .button-next-small:active .button-blue-prev,
.unicorn-manager-application-wrapper .button-next-small:active .button-blue-prev {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-previous-small:active span.next,
.gynzy-teacher-application-container .button-previous-small:active span.next,
.unicorn-manager-application-wrapper .button-previous-small:active span.next,
.gynzy-student-application-container .button-next-small:active span.next,
.gynzy-teacher-application-container .button-next-small:active span.next,
.unicorn-manager-application-wrapper .button-next-small:active span.next,
.gynzy-student-application-container .button-previous-small:active span.prev,
.gynzy-teacher-application-container .button-previous-small:active span.prev,
.unicorn-manager-application-wrapper .button-previous-small:active span.prev,
.gynzy-student-application-container .button-next-small:active span.prev,
.gynzy-teacher-application-container .button-next-small:active span.prev,
.unicorn-manager-application-wrapper .button-next-small:active span.prev {
  background: linear-gradient(135deg, #123364 0%, #3c83f3 100%);
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  background-color: #123364;
}
.gynzy-student-application-container .button-previous-small.disabled .button-blue-next,
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-next,
.unicorn-manager-application-wrapper .button-previous-small.disabled .button-blue-next,
.gynzy-student-application-container .button-next-small.disabled .button-blue-next,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-next,
.unicorn-manager-application-wrapper .button-next-small.disabled .button-blue-next,
.gynzy-student-application-container .button-previous-small.disabled .button-blue-prev,
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-prev,
.unicorn-manager-application-wrapper .button-previous-small.disabled .button-blue-prev,
.gynzy-student-application-container .button-next-small.disabled .button-blue-prev,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-prev,
.unicorn-manager-application-wrapper .button-next-small.disabled .button-blue-prev {
  cursor: default;
  opacity: 0.5;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  opacity: 1;
}
.gynzy-student-application-container .button-previous-small.disabled .button-blue-next *,
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-next *,
.unicorn-manager-application-wrapper .button-previous-small.disabled .button-blue-next *,
.gynzy-student-application-container .button-next-small.disabled .button-blue-next *,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-next *,
.unicorn-manager-application-wrapper .button-next-small.disabled .button-blue-next *,
.gynzy-student-application-container .button-previous-small.disabled .button-blue-prev *,
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-prev *,
.unicorn-manager-application-wrapper .button-previous-small.disabled .button-blue-prev *,
.gynzy-student-application-container .button-next-small.disabled .button-blue-prev *,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-prev *,
.unicorn-manager-application-wrapper .button-next-small.disabled .button-blue-prev * {
  cursor: default;
}
.gynzy-student-application-container .button-previous-small.disabled .button-blue-next:hover,
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-next:hover,
.unicorn-manager-application-wrapper .button-previous-small.disabled .button-blue-next:hover,
.gynzy-student-application-container .button-next-small.disabled .button-blue-next:hover,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-next:hover,
.unicorn-manager-application-wrapper .button-next-small.disabled .button-blue-next:hover,
.gynzy-student-application-container .button-previous-small.disabled .button-blue-prev:hover,
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-prev:hover,
.unicorn-manager-application-wrapper .button-previous-small.disabled .button-blue-prev:hover,
.gynzy-student-application-container .button-next-small.disabled .button-blue-prev:hover,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-prev:hover,
.unicorn-manager-application-wrapper .button-next-small.disabled .button-blue-prev:hover,
.gynzy-student-application-container .button-previous-small.disabled .button-blue-next:active,
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-next:active,
.unicorn-manager-application-wrapper .button-previous-small.disabled .button-blue-next:active,
.gynzy-student-application-container .button-next-small.disabled .button-blue-next:active,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-next:active,
.unicorn-manager-application-wrapper .button-next-small.disabled .button-blue-next:active,
.gynzy-student-application-container .button-previous-small.disabled .button-blue-prev:active,
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-prev:active,
.unicorn-manager-application-wrapper .button-previous-small.disabled .button-blue-prev:active,
.gynzy-student-application-container .button-next-small.disabled .button-blue-prev:active,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-prev:active,
.unicorn-manager-application-wrapper .button-next-small.disabled .button-blue-prev:active,
.gynzy-student-application-container .button-previous-small.disabled .button-blue-next:focus,
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-next:focus,
.unicorn-manager-application-wrapper .button-previous-small.disabled .button-blue-next:focus,
.gynzy-student-application-container .button-next-small.disabled .button-blue-next:focus,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-next:focus,
.unicorn-manager-application-wrapper .button-next-small.disabled .button-blue-next:focus,
.gynzy-student-application-container .button-previous-small.disabled .button-blue-prev:focus,
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-prev:focus,
.unicorn-manager-application-wrapper .button-previous-small.disabled .button-blue-prev:focus,
.gynzy-student-application-container .button-next-small.disabled .button-blue-prev:focus,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-prev:focus,
.unicorn-manager-application-wrapper .button-next-small.disabled .button-blue-prev:focus,
.gynzy-student-application-container .button-previous-small.disabled .button-blue-next:visited,
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-next:visited,
.unicorn-manager-application-wrapper .button-previous-small.disabled .button-blue-next:visited,
.gynzy-student-application-container .button-next-small.disabled .button-blue-next:visited,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-next:visited,
.unicorn-manager-application-wrapper .button-next-small.disabled .button-blue-next:visited,
.gynzy-student-application-container .button-previous-small.disabled .button-blue-prev:visited,
.gynzy-teacher-application-container .button-previous-small.disabled .button-blue-prev:visited,
.unicorn-manager-application-wrapper .button-previous-small.disabled .button-blue-prev:visited,
.gynzy-student-application-container .button-next-small.disabled .button-blue-prev:visited,
.gynzy-teacher-application-container .button-next-small.disabled .button-blue-prev:visited,
.unicorn-manager-application-wrapper .button-next-small.disabled .button-blue-prev:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-previous-small.disabled span.next,
.gynzy-teacher-application-container .button-previous-small.disabled span.next,
.unicorn-manager-application-wrapper .button-previous-small.disabled span.next,
.gynzy-student-application-container .button-next-small.disabled span.next,
.gynzy-teacher-application-container .button-next-small.disabled span.next,
.unicorn-manager-application-wrapper .button-next-small.disabled span.next,
.gynzy-student-application-container .button-previous-small.disabled span.prev,
.gynzy-teacher-application-container .button-previous-small.disabled span.prev,
.unicorn-manager-application-wrapper .button-previous-small.disabled span.prev,
.gynzy-student-application-container .button-next-small.disabled span.prev,
.gynzy-teacher-application-container .button-next-small.disabled span.prev,
.unicorn-manager-application-wrapper .button-next-small.disabled span.prev {
  background: linear-gradient(135deg, #3c83f3 0%, #0e5fd8 100%);
  background-color: #3c83f3;
  border: 1px solid #0034a0;
}
.gynzy-student-application-container .button-previous-small .button-blue-prev,
.gynzy-teacher-application-container .button-previous-small .button-blue-prev,
.unicorn-manager-application-wrapper .button-previous-small .button-blue-prev,
.gynzy-student-application-container .button-next-small .button-blue-prev,
.gynzy-teacher-application-container .button-next-small .button-blue-prev,
.unicorn-manager-application-wrapper .button-next-small .button-blue-prev,
.gynzy-student-application-container .button-previous-small .button-blue-next,
.gynzy-teacher-application-container .button-previous-small .button-blue-next,
.unicorn-manager-application-wrapper .button-previous-small .button-blue-next,
.gynzy-student-application-container .button-next-small .button-blue-next,
.gynzy-teacher-application-container .button-next-small .button-blue-next,
.unicorn-manager-application-wrapper .button-next-small .button-blue-next {
  height: 4rem;
  font-size: 1.5rem;
  line-height: 2.2rem !important;
  padding: 0.75rem 2.8rem 0.75rem 2.6rem;
}
.gynzy-student-application-container .button-previous-small span.prev,
.gynzy-teacher-application-container .button-previous-small span.prev,
.unicorn-manager-application-wrapper .button-previous-small span.prev,
.gynzy-student-application-container .button-next-small span.prev,
.gynzy-teacher-application-container .button-next-small span.prev,
.unicorn-manager-application-wrapper .button-next-small span.prev,
.gynzy-student-application-container .button-previous-small span.next,
.gynzy-teacher-application-container .button-previous-small span.next,
.unicorn-manager-application-wrapper .button-previous-small span.next,
.gynzy-student-application-container .button-next-small span.next,
.gynzy-teacher-application-container .button-next-small span.next,
.unicorn-manager-application-wrapper .button-next-small span.next {
  height: 3.1rem;
  width: 3.1rem;
  right: 1rem;
  top: 0.5rem;
  cursor: pointer;
}
.gynzy-student-application-container .button-previous-large,
.gynzy-teacher-application-container .button-previous-large,
.unicorn-manager-application-wrapper .button-previous-large,
.gynzy-student-application-container .button-next-large,
.gynzy-teacher-application-container .button-next-large,
.unicorn-manager-application-wrapper .button-next-large {
  position: relative;
  display: inline-block;
  filter: drop-shadow(0.1rem 0.1rem 0.3rem rgba(50, 50, 50, 0.35));
}
.gynzy-student-application-container .button-previous-large:hover .button-blue-next,
.gynzy-teacher-application-container .button-previous-large:hover .button-blue-next,
.unicorn-manager-application-wrapper .button-previous-large:hover .button-blue-next,
.gynzy-student-application-container .button-next-large:hover .button-blue-next,
.gynzy-teacher-application-container .button-next-large:hover .button-blue-next,
.unicorn-manager-application-wrapper .button-next-large:hover .button-blue-next,
.gynzy-student-application-container .button-previous-large:focus .button-blue-next,
.gynzy-teacher-application-container .button-previous-large:focus .button-blue-next,
.unicorn-manager-application-wrapper .button-previous-large:focus .button-blue-next,
.gynzy-student-application-container .button-next-large:focus .button-blue-next,
.gynzy-teacher-application-container .button-next-large:focus .button-blue-next,
.unicorn-manager-application-wrapper .button-next-large:focus .button-blue-next,
.gynzy-student-application-container .button-previous-large:visited .button-blue-next,
.gynzy-teacher-application-container .button-previous-large:visited .button-blue-next,
.unicorn-manager-application-wrapper .button-previous-large:visited .button-blue-next,
.gynzy-student-application-container .button-next-large:visited .button-blue-next,
.gynzy-teacher-application-container .button-next-large:visited .button-blue-next,
.unicorn-manager-application-wrapper .button-next-large:visited .button-blue-next,
.gynzy-student-application-container .button-previous-large:hover .button-blue-prev,
.gynzy-teacher-application-container .button-previous-large:hover .button-blue-prev,
.unicorn-manager-application-wrapper .button-previous-large:hover .button-blue-prev,
.gynzy-student-application-container .button-next-large:hover .button-blue-prev,
.gynzy-teacher-application-container .button-next-large:hover .button-blue-prev,
.unicorn-manager-application-wrapper .button-next-large:hover .button-blue-prev,
.gynzy-student-application-container .button-previous-large:focus .button-blue-prev,
.gynzy-teacher-application-container .button-previous-large:focus .button-blue-prev,
.unicorn-manager-application-wrapper .button-previous-large:focus .button-blue-prev,
.gynzy-student-application-container .button-next-large:focus .button-blue-prev,
.gynzy-teacher-application-container .button-next-large:focus .button-blue-prev,
.unicorn-manager-application-wrapper .button-next-large:focus .button-blue-prev,
.gynzy-student-application-container .button-previous-large:visited .button-blue-prev,
.gynzy-teacher-application-container .button-previous-large:visited .button-blue-prev,
.unicorn-manager-application-wrapper .button-previous-large:visited .button-blue-prev,
.gynzy-student-application-container .button-next-large:visited .button-blue-prev,
.gynzy-teacher-application-container .button-next-large:visited .button-blue-prev,
.unicorn-manager-application-wrapper .button-next-large:visited .button-blue-prev {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-previous-large:hover span.next,
.gynzy-teacher-application-container .button-previous-large:hover span.next,
.unicorn-manager-application-wrapper .button-previous-large:hover span.next,
.gynzy-student-application-container .button-next-large:hover span.next,
.gynzy-teacher-application-container .button-next-large:hover span.next,
.unicorn-manager-application-wrapper .button-next-large:hover span.next,
.gynzy-student-application-container .button-previous-large:focus span.next,
.gynzy-teacher-application-container .button-previous-large:focus span.next,
.unicorn-manager-application-wrapper .button-previous-large:focus span.next,
.gynzy-student-application-container .button-next-large:focus span.next,
.gynzy-teacher-application-container .button-next-large:focus span.next,
.unicorn-manager-application-wrapper .button-next-large:focus span.next,
.gynzy-student-application-container .button-previous-large:visited span.next,
.gynzy-teacher-application-container .button-previous-large:visited span.next,
.unicorn-manager-application-wrapper .button-previous-large:visited span.next,
.gynzy-student-application-container .button-next-large:visited span.next,
.gynzy-teacher-application-container .button-next-large:visited span.next,
.unicorn-manager-application-wrapper .button-next-large:visited span.next,
.gynzy-student-application-container .button-previous-large:hover span.prev,
.gynzy-teacher-application-container .button-previous-large:hover span.prev,
.unicorn-manager-application-wrapper .button-previous-large:hover span.prev,
.gynzy-student-application-container .button-next-large:hover span.prev,
.gynzy-teacher-application-container .button-next-large:hover span.prev,
.unicorn-manager-application-wrapper .button-next-large:hover span.prev,
.gynzy-student-application-container .button-previous-large:focus span.prev,
.gynzy-teacher-application-container .button-previous-large:focus span.prev,
.unicorn-manager-application-wrapper .button-previous-large:focus span.prev,
.gynzy-student-application-container .button-next-large:focus span.prev,
.gynzy-teacher-application-container .button-next-large:focus span.prev,
.unicorn-manager-application-wrapper .button-next-large:focus span.prev,
.gynzy-student-application-container .button-previous-large:visited span.prev,
.gynzy-teacher-application-container .button-previous-large:visited span.prev,
.unicorn-manager-application-wrapper .button-previous-large:visited span.prev,
.gynzy-student-application-container .button-next-large:visited span.prev,
.gynzy-teacher-application-container .button-next-large:visited span.prev,
.unicorn-manager-application-wrapper .button-next-large:visited span.prev {
  background: linear-gradient(135deg, #0e5fd8 0%, #3c83f3 100%);
  background-color: #0e5fd8;
  cursor: pointer;
}
.gynzy-student-application-container .button-previous-large:active .button-blue-next,
.gynzy-teacher-application-container .button-previous-large:active .button-blue-next,
.unicorn-manager-application-wrapper .button-previous-large:active .button-blue-next,
.gynzy-student-application-container .button-next-large:active .button-blue-next,
.gynzy-teacher-application-container .button-next-large:active .button-blue-next,
.unicorn-manager-application-wrapper .button-next-large:active .button-blue-next,
.gynzy-student-application-container .button-previous-large:active .button-blue-prev,
.gynzy-teacher-application-container .button-previous-large:active .button-blue-prev,
.unicorn-manager-application-wrapper .button-previous-large:active .button-blue-prev,
.gynzy-student-application-container .button-next-large:active .button-blue-prev,
.gynzy-teacher-application-container .button-next-large:active .button-blue-prev,
.unicorn-manager-application-wrapper .button-next-large:active .button-blue-prev {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-previous-large:active span.next,
.gynzy-teacher-application-container .button-previous-large:active span.next,
.unicorn-manager-application-wrapper .button-previous-large:active span.next,
.gynzy-student-application-container .button-next-large:active span.next,
.gynzy-teacher-application-container .button-next-large:active span.next,
.unicorn-manager-application-wrapper .button-next-large:active span.next,
.gynzy-student-application-container .button-previous-large:active span.prev,
.gynzy-teacher-application-container .button-previous-large:active span.prev,
.unicorn-manager-application-wrapper .button-previous-large:active span.prev,
.gynzy-student-application-container .button-next-large:active span.prev,
.gynzy-teacher-application-container .button-next-large:active span.prev,
.unicorn-manager-application-wrapper .button-next-large:active span.prev {
  background: linear-gradient(135deg, #123364 0%, #3c83f3 100%);
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  background-color: #123364;
}
.gynzy-student-application-container .button-previous-large.disabled .button-blue-next,
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-next,
.unicorn-manager-application-wrapper .button-previous-large.disabled .button-blue-next,
.gynzy-student-application-container .button-next-large.disabled .button-blue-next,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-next,
.unicorn-manager-application-wrapper .button-next-large.disabled .button-blue-next,
.gynzy-student-application-container .button-previous-large.disabled .button-blue-prev,
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-prev,
.unicorn-manager-application-wrapper .button-previous-large.disabled .button-blue-prev,
.gynzy-student-application-container .button-next-large.disabled .button-blue-prev,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-prev,
.unicorn-manager-application-wrapper .button-next-large.disabled .button-blue-prev {
  cursor: default;
  opacity: 0.5;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  opacity: 1;
}
.gynzy-student-application-container .button-previous-large.disabled .button-blue-next *,
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-next *,
.unicorn-manager-application-wrapper .button-previous-large.disabled .button-blue-next *,
.gynzy-student-application-container .button-next-large.disabled .button-blue-next *,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-next *,
.unicorn-manager-application-wrapper .button-next-large.disabled .button-blue-next *,
.gynzy-student-application-container .button-previous-large.disabled .button-blue-prev *,
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-prev *,
.unicorn-manager-application-wrapper .button-previous-large.disabled .button-blue-prev *,
.gynzy-student-application-container .button-next-large.disabled .button-blue-prev *,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-prev *,
.unicorn-manager-application-wrapper .button-next-large.disabled .button-blue-prev * {
  cursor: default;
}
.gynzy-student-application-container .button-previous-large.disabled .button-blue-next:hover,
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-next:hover,
.unicorn-manager-application-wrapper .button-previous-large.disabled .button-blue-next:hover,
.gynzy-student-application-container .button-next-large.disabled .button-blue-next:hover,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-next:hover,
.unicorn-manager-application-wrapper .button-next-large.disabled .button-blue-next:hover,
.gynzy-student-application-container .button-previous-large.disabled .button-blue-prev:hover,
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-prev:hover,
.unicorn-manager-application-wrapper .button-previous-large.disabled .button-blue-prev:hover,
.gynzy-student-application-container .button-next-large.disabled .button-blue-prev:hover,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-prev:hover,
.unicorn-manager-application-wrapper .button-next-large.disabled .button-blue-prev:hover,
.gynzy-student-application-container .button-previous-large.disabled .button-blue-next:active,
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-next:active,
.unicorn-manager-application-wrapper .button-previous-large.disabled .button-blue-next:active,
.gynzy-student-application-container .button-next-large.disabled .button-blue-next:active,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-next:active,
.unicorn-manager-application-wrapper .button-next-large.disabled .button-blue-next:active,
.gynzy-student-application-container .button-previous-large.disabled .button-blue-prev:active,
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-prev:active,
.unicorn-manager-application-wrapper .button-previous-large.disabled .button-blue-prev:active,
.gynzy-student-application-container .button-next-large.disabled .button-blue-prev:active,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-prev:active,
.unicorn-manager-application-wrapper .button-next-large.disabled .button-blue-prev:active,
.gynzy-student-application-container .button-previous-large.disabled .button-blue-next:focus,
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-next:focus,
.unicorn-manager-application-wrapper .button-previous-large.disabled .button-blue-next:focus,
.gynzy-student-application-container .button-next-large.disabled .button-blue-next:focus,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-next:focus,
.unicorn-manager-application-wrapper .button-next-large.disabled .button-blue-next:focus,
.gynzy-student-application-container .button-previous-large.disabled .button-blue-prev:focus,
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-prev:focus,
.unicorn-manager-application-wrapper .button-previous-large.disabled .button-blue-prev:focus,
.gynzy-student-application-container .button-next-large.disabled .button-blue-prev:focus,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-prev:focus,
.unicorn-manager-application-wrapper .button-next-large.disabled .button-blue-prev:focus,
.gynzy-student-application-container .button-previous-large.disabled .button-blue-next:visited,
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-next:visited,
.unicorn-manager-application-wrapper .button-previous-large.disabled .button-blue-next:visited,
.gynzy-student-application-container .button-next-large.disabled .button-blue-next:visited,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-next:visited,
.unicorn-manager-application-wrapper .button-next-large.disabled .button-blue-next:visited,
.gynzy-student-application-container .button-previous-large.disabled .button-blue-prev:visited,
.gynzy-teacher-application-container .button-previous-large.disabled .button-blue-prev:visited,
.unicorn-manager-application-wrapper .button-previous-large.disabled .button-blue-prev:visited,
.gynzy-student-application-container .button-next-large.disabled .button-blue-prev:visited,
.gynzy-teacher-application-container .button-next-large.disabled .button-blue-prev:visited,
.unicorn-manager-application-wrapper .button-next-large.disabled .button-blue-prev:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-previous-large.disabled span.next,
.gynzy-teacher-application-container .button-previous-large.disabled span.next,
.unicorn-manager-application-wrapper .button-previous-large.disabled span.next,
.gynzy-student-application-container .button-next-large.disabled span.next,
.gynzy-teacher-application-container .button-next-large.disabled span.next,
.unicorn-manager-application-wrapper .button-next-large.disabled span.next,
.gynzy-student-application-container .button-previous-large.disabled span.prev,
.gynzy-teacher-application-container .button-previous-large.disabled span.prev,
.unicorn-manager-application-wrapper .button-previous-large.disabled span.prev,
.gynzy-student-application-container .button-next-large.disabled span.prev,
.gynzy-teacher-application-container .button-next-large.disabled span.prev,
.unicorn-manager-application-wrapper .button-next-large.disabled span.prev {
  background: linear-gradient(135deg, #3c83f3 0%, #0e5fd8 100%);
  background-color: #3c83f3;
  border: 1px solid #0034a0;
}
.gynzy-student-application-container .button-previous-large .button-blue-prev,
.gynzy-teacher-application-container .button-previous-large .button-blue-prev,
.unicorn-manager-application-wrapper .button-previous-large .button-blue-prev,
.gynzy-student-application-container .button-next-large .button-blue-prev,
.gynzy-teacher-application-container .button-next-large .button-blue-prev,
.unicorn-manager-application-wrapper .button-next-large .button-blue-prev,
.gynzy-student-application-container .button-previous-large .button-blue-next,
.gynzy-teacher-application-container .button-previous-large .button-blue-next,
.unicorn-manager-application-wrapper .button-previous-large .button-blue-next,
.gynzy-student-application-container .button-next-large .button-blue-next,
.gynzy-teacher-application-container .button-next-large .button-blue-next,
.unicorn-manager-application-wrapper .button-next-large .button-blue-next {
  font-size: 2.4rem;
  line-height: 4.8rem !important;
  padding: 0.75rem 2rem 0.75rem 3rem;
}
.gynzy-student-application-container .button-previous-large span.prev,
.gynzy-teacher-application-container .button-previous-large span.prev,
.unicorn-manager-application-wrapper .button-previous-large span.prev,
.gynzy-student-application-container .button-next-large span.prev,
.gynzy-teacher-application-container .button-next-large span.prev,
.unicorn-manager-application-wrapper .button-next-large span.prev,
.gynzy-student-application-container .button-previous-large span.next,
.gynzy-teacher-application-container .button-previous-large span.next,
.unicorn-manager-application-wrapper .button-previous-large span.next,
.gynzy-student-application-container .button-next-large span.next,
.gynzy-teacher-application-container .button-next-large span.next,
.unicorn-manager-application-wrapper .button-next-large span.next {
  height: 4.9rem;
  width: 4.9rem;
  right: 0.1rem;
  top: 0.8rem;
  cursor: pointer;
}
.gynzy-student-application-container .button-normal-white,
.gynzy-teacher-application-container .button-normal-white,
.unicorn-manager-application-wrapper .button-normal-white,
.gynzy-student-application-container input[type='submit'].button-normal-white,
.gynzy-teacher-application-container input[type='submit'].button-normal-white,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-white,
.gynzy-student-application-container button.button-normal-white,
.gynzy-teacher-application-container button.button-normal-white,
.unicorn-manager-application-wrapper button.button-normal-white {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  color: #06c;
  border: 1px solid #93b2d2;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
}
.gynzy-student-application-container .button-normal-white *,
.gynzy-teacher-application-container .button-normal-white *,
.unicorn-manager-application-wrapper .button-normal-white *,
.gynzy-student-application-container input[type='submit'].button-normal-white *,
.gynzy-teacher-application-container input[type='submit'].button-normal-white *,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-white *,
.gynzy-student-application-container button.button-normal-white *,
.gynzy-teacher-application-container button.button-normal-white *,
.unicorn-manager-application-wrapper button.button-normal-white * {
  cursor: pointer;
}
.gynzy-student-application-container .button-normal-white:hover,
.gynzy-teacher-application-container .button-normal-white:hover,
.unicorn-manager-application-wrapper .button-normal-white:hover,
.gynzy-student-application-container input[type='submit'].button-normal-white:hover,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-white:hover,
.gynzy-student-application-container button.button-normal-white:hover,
.gynzy-teacher-application-container button.button-normal-white:hover,
.unicorn-manager-application-wrapper button.button-normal-white:hover,
.gynzy-student-application-container .button-normal-white:visited,
.gynzy-teacher-application-container .button-normal-white:visited,
.unicorn-manager-application-wrapper .button-normal-white:visited,
.gynzy-student-application-container input[type='submit'].button-normal-white:visited,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-white:visited,
.gynzy-student-application-container button.button-normal-white:visited,
.gynzy-teacher-application-container button.button-normal-white:visited,
.unicorn-manager-application-wrapper button.button-normal-white:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-normal-white:active,
.gynzy-teacher-application-container .button-normal-white:active,
.unicorn-manager-application-wrapper .button-normal-white:active,
.gynzy-student-application-container input[type='submit'].button-normal-white:active,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:active,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-white:active,
.gynzy-student-application-container button.button-normal-white:active,
.gynzy-teacher-application-container button.button-normal-white:active,
.unicorn-manager-application-wrapper button.button-normal-white:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-normal-white:active.disabled,
.gynzy-teacher-application-container .button-normal-white:active.disabled,
.unicorn-manager-application-wrapper .button-normal-white:active.disabled,
.gynzy-student-application-container input[type='submit'].button-normal-white:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:active.disabled,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-white:active.disabled,
.gynzy-student-application-container button.button-normal-white:active.disabled,
.gynzy-teacher-application-container button.button-normal-white:active.disabled,
.unicorn-manager-application-wrapper button.button-normal-white:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-normal-white:active.disabled *,
.gynzy-teacher-application-container .button-normal-white:active.disabled *,
.unicorn-manager-application-wrapper .button-normal-white:active.disabled *,
.gynzy-student-application-container input[type='submit'].button-normal-white:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:active.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-white:active.disabled *,
.gynzy-student-application-container button.button-normal-white:active.disabled *,
.gynzy-teacher-application-container button.button-normal-white:active.disabled *,
.unicorn-manager-application-wrapper button.button-normal-white:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-normal-white:active.disabled:hover,
.gynzy-teacher-application-container .button-normal-white:active.disabled:hover,
.unicorn-manager-application-wrapper .button-normal-white:active.disabled:hover,
.gynzy-student-application-container input[type='submit'].button-normal-white:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:active.disabled:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-white:active.disabled:hover,
.gynzy-student-application-container button.button-normal-white:active.disabled:hover,
.gynzy-teacher-application-container button.button-normal-white:active.disabled:hover,
.unicorn-manager-application-wrapper button.button-normal-white:active.disabled:hover,
.gynzy-student-application-container .button-normal-white:active.disabled:active,
.gynzy-teacher-application-container .button-normal-white:active.disabled:active,
.unicorn-manager-application-wrapper .button-normal-white:active.disabled:active,
.gynzy-student-application-container input[type='submit'].button-normal-white:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:active.disabled:active,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-white:active.disabled:active,
.gynzy-student-application-container button.button-normal-white:active.disabled:active,
.gynzy-teacher-application-container button.button-normal-white:active.disabled:active,
.unicorn-manager-application-wrapper button.button-normal-white:active.disabled:active,
.gynzy-student-application-container .button-normal-white:active.disabled:focus,
.gynzy-teacher-application-container .button-normal-white:active.disabled:focus,
.unicorn-manager-application-wrapper .button-normal-white:active.disabled:focus,
.gynzy-student-application-container input[type='submit'].button-normal-white:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:active.disabled:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-white:active.disabled:focus,
.gynzy-student-application-container button.button-normal-white:active.disabled:focus,
.gynzy-teacher-application-container button.button-normal-white:active.disabled:focus,
.unicorn-manager-application-wrapper button.button-normal-white:active.disabled:focus,
.gynzy-student-application-container .button-normal-white:active.disabled:visited,
.gynzy-teacher-application-container .button-normal-white:active.disabled:visited,
.unicorn-manager-application-wrapper .button-normal-white:active.disabled:visited,
.gynzy-student-application-container input[type='submit'].button-normal-white:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:active.disabled:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-white:active.disabled:visited,
.gynzy-student-application-container button.button-normal-white:active.disabled:visited,
.gynzy-teacher-application-container button.button-normal-white:active.disabled:visited,
.unicorn-manager-application-wrapper button.button-normal-white:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-normal-white:focus,
.gynzy-teacher-application-container .button-normal-white:focus,
.unicorn-manager-application-wrapper .button-normal-white:focus,
.gynzy-student-application-container input[type='submit'].button-normal-white:focus,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-white:focus,
.gynzy-student-application-container button.button-normal-white:focus,
.gynzy-teacher-application-container button.button-normal-white:focus,
.unicorn-manager-application-wrapper button.button-normal-white:focus {
  outline: 0;
}
.gynzy-student-application-container .button-normal-white img.incorrect-cross,
.gynzy-teacher-application-container .button-normal-white img.incorrect-cross,
.unicorn-manager-application-wrapper .button-normal-white img.incorrect-cross,
.gynzy-student-application-container input[type='submit'].button-normal-white img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-normal-white img.incorrect-cross,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-white img.incorrect-cross,
.gynzy-student-application-container button.button-normal-white img.incorrect-cross,
.gynzy-teacher-application-container button.button-normal-white img.incorrect-cross,
.unicorn-manager-application-wrapper button.button-normal-white img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-normal-white img.correct-tick,
.gynzy-teacher-application-container .button-normal-white img.correct-tick,
.unicorn-manager-application-wrapper .button-normal-white img.correct-tick,
.gynzy-student-application-container input[type='submit'].button-normal-white img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-normal-white img.correct-tick,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-white img.correct-tick,
.gynzy-student-application-container button.button-normal-white img.correct-tick,
.gynzy-teacher-application-container button.button-normal-white img.correct-tick,
.unicorn-manager-application-wrapper button.button-normal-white img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-normal-white .fa,
.gynzy-teacher-application-container .button-normal-white .fa,
.unicorn-manager-application-wrapper .button-normal-white .fa,
.gynzy-student-application-container input[type='submit'].button-normal-white .fa,
.gynzy-teacher-application-container input[type='submit'].button-normal-white .fa,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-white .fa,
.gynzy-student-application-container button.button-normal-white .fa,
.gynzy-teacher-application-container button.button-normal-white .fa,
.unicorn-manager-application-wrapper button.button-normal-white .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-normal-white.disabled *,
.gynzy-teacher-application-container .button-normal-white.disabled *,
.unicorn-manager-application-wrapper .button-normal-white.disabled *,
.gynzy-student-application-container input[type='submit'].button-normal-white.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-normal-white.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-white.disabled *,
.gynzy-student-application-container button.button-normal-white.disabled *,
.gynzy-teacher-application-container button.button-normal-white.disabled *,
.unicorn-manager-application-wrapper button.button-normal-white.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-normal-white:hover,
.gynzy-teacher-application-container .button-normal-white:hover,
.unicorn-manager-application-wrapper .button-normal-white:hover,
.gynzy-student-application-container input[type='submit'].button-normal-white:hover,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-white:hover,
.gynzy-student-application-container button.button-normal-white:hover,
.gynzy-teacher-application-container button.button-normal-white:hover,
.unicorn-manager-application-wrapper button.button-normal-white:hover,
.gynzy-student-application-container .button-normal-white:active,
.gynzy-teacher-application-container .button-normal-white:active,
.unicorn-manager-application-wrapper .button-normal-white:active,
.gynzy-student-application-container input[type='submit'].button-normal-white:active,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:active,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-white:active,
.gynzy-student-application-container button.button-normal-white:active,
.gynzy-teacher-application-container button.button-normal-white:active,
.unicorn-manager-application-wrapper button.button-normal-white:active,
.gynzy-student-application-container .button-normal-white:visited,
.gynzy-teacher-application-container .button-normal-white:visited,
.unicorn-manager-application-wrapper .button-normal-white:visited,
.gynzy-student-application-container input[type='submit'].button-normal-white:visited,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-white:visited,
.gynzy-student-application-container button.button-normal-white:visited,
.gynzy-teacher-application-container button.button-normal-white:visited,
.unicorn-manager-application-wrapper button.button-normal-white:visited {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-student-application-container .button-normal-white:active,
.gynzy-teacher-application-container .button-normal-white:active,
.unicorn-manager-application-wrapper .button-normal-white:active,
.gynzy-student-application-container input[type='submit'].button-normal-white:active,
.gynzy-teacher-application-container input[type='submit'].button-normal-white:active,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-white:active,
.gynzy-student-application-container button.button-normal-white:active,
.gynzy-teacher-application-container button.button-normal-white:active,
.unicorn-manager-application-wrapper button.button-normal-white:active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-student-application-container .button-normal-white.square,
.gynzy-teacher-application-container .button-normal-white.square,
.unicorn-manager-application-wrapper .button-normal-white.square,
.gynzy-student-application-container input[type='submit'].button-normal-white.square,
.gynzy-teacher-application-container input[type='submit'].button-normal-white.square,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-white.square,
.gynzy-student-application-container button.button-normal-white.square,
.gynzy-teacher-application-container button.button-normal-white.square,
.unicorn-manager-application-wrapper button.button-normal-white.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-student-application-container .button-normal-white-hover,
.gynzy-teacher-application-container .button-normal-white-hover,
.unicorn-manager-application-wrapper .button-normal-white-hover {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-student-application-container .button-normal-white-active,
.gynzy-teacher-application-container .button-normal-white-active,
.unicorn-manager-application-wrapper .button-normal-white-active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-student-application-container .button-small-white,
.gynzy-teacher-application-container .button-small-white,
.unicorn-manager-application-wrapper .button-small-white,
.gynzy-student-application-container input[type='submit'].button-small-white,
.gynzy-teacher-application-container input[type='submit'].button-small-white,
.unicorn-manager-application-wrapper input[type='submit'].button-small-white,
.gynzy-student-application-container button.button-small-white,
.gynzy-teacher-application-container button.button-small-white,
.unicorn-manager-application-wrapper button.button-small-white {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  color: #06c;
  border: 1px solid #93b2d2;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
  font-size: 1.5rem;
  padding: 0 2.7rem;
  line-height: 4rem !important;
}
.gynzy-student-application-container .button-small-white *,
.gynzy-teacher-application-container .button-small-white *,
.unicorn-manager-application-wrapper .button-small-white *,
.gynzy-student-application-container input[type='submit'].button-small-white *,
.gynzy-teacher-application-container input[type='submit'].button-small-white *,
.unicorn-manager-application-wrapper input[type='submit'].button-small-white *,
.gynzy-student-application-container button.button-small-white *,
.gynzy-teacher-application-container button.button-small-white *,
.unicorn-manager-application-wrapper button.button-small-white * {
  cursor: pointer;
}
.gynzy-student-application-container .button-small-white:hover,
.gynzy-teacher-application-container .button-small-white:hover,
.unicorn-manager-application-wrapper .button-small-white:hover,
.gynzy-student-application-container input[type='submit'].button-small-white:hover,
.gynzy-teacher-application-container input[type='submit'].button-small-white:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-small-white:hover,
.gynzy-student-application-container button.button-small-white:hover,
.gynzy-teacher-application-container button.button-small-white:hover,
.unicorn-manager-application-wrapper button.button-small-white:hover,
.gynzy-student-application-container .button-small-white:visited,
.gynzy-teacher-application-container .button-small-white:visited,
.unicorn-manager-application-wrapper .button-small-white:visited,
.gynzy-student-application-container input[type='submit'].button-small-white:visited,
.gynzy-teacher-application-container input[type='submit'].button-small-white:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-small-white:visited,
.gynzy-student-application-container button.button-small-white:visited,
.gynzy-teacher-application-container button.button-small-white:visited,
.unicorn-manager-application-wrapper button.button-small-white:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-small-white:active,
.gynzy-teacher-application-container .button-small-white:active,
.unicorn-manager-application-wrapper .button-small-white:active,
.gynzy-student-application-container input[type='submit'].button-small-white:active,
.gynzy-teacher-application-container input[type='submit'].button-small-white:active,
.unicorn-manager-application-wrapper input[type='submit'].button-small-white:active,
.gynzy-student-application-container button.button-small-white:active,
.gynzy-teacher-application-container button.button-small-white:active,
.unicorn-manager-application-wrapper button.button-small-white:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-small-white:active.disabled,
.gynzy-teacher-application-container .button-small-white:active.disabled,
.unicorn-manager-application-wrapper .button-small-white:active.disabled,
.gynzy-student-application-container input[type='submit'].button-small-white:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-small-white:active.disabled,
.unicorn-manager-application-wrapper input[type='submit'].button-small-white:active.disabled,
.gynzy-student-application-container button.button-small-white:active.disabled,
.gynzy-teacher-application-container button.button-small-white:active.disabled,
.unicorn-manager-application-wrapper button.button-small-white:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-small-white:active.disabled *,
.gynzy-teacher-application-container .button-small-white:active.disabled *,
.unicorn-manager-application-wrapper .button-small-white:active.disabled *,
.gynzy-student-application-container input[type='submit'].button-small-white:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-small-white:active.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-small-white:active.disabled *,
.gynzy-student-application-container button.button-small-white:active.disabled *,
.gynzy-teacher-application-container button.button-small-white:active.disabled *,
.unicorn-manager-application-wrapper button.button-small-white:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-small-white:active.disabled:hover,
.gynzy-teacher-application-container .button-small-white:active.disabled:hover,
.unicorn-manager-application-wrapper .button-small-white:active.disabled:hover,
.gynzy-student-application-container input[type='submit'].button-small-white:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-small-white:active.disabled:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-small-white:active.disabled:hover,
.gynzy-student-application-container button.button-small-white:active.disabled:hover,
.gynzy-teacher-application-container button.button-small-white:active.disabled:hover,
.unicorn-manager-application-wrapper button.button-small-white:active.disabled:hover,
.gynzy-student-application-container .button-small-white:active.disabled:active,
.gynzy-teacher-application-container .button-small-white:active.disabled:active,
.unicorn-manager-application-wrapper .button-small-white:active.disabled:active,
.gynzy-student-application-container input[type='submit'].button-small-white:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-small-white:active.disabled:active,
.unicorn-manager-application-wrapper input[type='submit'].button-small-white:active.disabled:active,
.gynzy-student-application-container button.button-small-white:active.disabled:active,
.gynzy-teacher-application-container button.button-small-white:active.disabled:active,
.unicorn-manager-application-wrapper button.button-small-white:active.disabled:active,
.gynzy-student-application-container .button-small-white:active.disabled:focus,
.gynzy-teacher-application-container .button-small-white:active.disabled:focus,
.unicorn-manager-application-wrapper .button-small-white:active.disabled:focus,
.gynzy-student-application-container input[type='submit'].button-small-white:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-small-white:active.disabled:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-small-white:active.disabled:focus,
.gynzy-student-application-container button.button-small-white:active.disabled:focus,
.gynzy-teacher-application-container button.button-small-white:active.disabled:focus,
.unicorn-manager-application-wrapper button.button-small-white:active.disabled:focus,
.gynzy-student-application-container .button-small-white:active.disabled:visited,
.gynzy-teacher-application-container .button-small-white:active.disabled:visited,
.unicorn-manager-application-wrapper .button-small-white:active.disabled:visited,
.gynzy-student-application-container input[type='submit'].button-small-white:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-small-white:active.disabled:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-small-white:active.disabled:visited,
.gynzy-student-application-container button.button-small-white:active.disabled:visited,
.gynzy-teacher-application-container button.button-small-white:active.disabled:visited,
.unicorn-manager-application-wrapper button.button-small-white:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-small-white:focus,
.gynzy-teacher-application-container .button-small-white:focus,
.unicorn-manager-application-wrapper .button-small-white:focus,
.gynzy-student-application-container input[type='submit'].button-small-white:focus,
.gynzy-teacher-application-container input[type='submit'].button-small-white:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-small-white:focus,
.gynzy-student-application-container button.button-small-white:focus,
.gynzy-teacher-application-container button.button-small-white:focus,
.unicorn-manager-application-wrapper button.button-small-white:focus {
  outline: 0;
}
.gynzy-student-application-container .button-small-white img.incorrect-cross,
.gynzy-teacher-application-container .button-small-white img.incorrect-cross,
.unicorn-manager-application-wrapper .button-small-white img.incorrect-cross,
.gynzy-student-application-container input[type='submit'].button-small-white img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-small-white img.incorrect-cross,
.unicorn-manager-application-wrapper input[type='submit'].button-small-white img.incorrect-cross,
.gynzy-student-application-container button.button-small-white img.incorrect-cross,
.gynzy-teacher-application-container button.button-small-white img.incorrect-cross,
.unicorn-manager-application-wrapper button.button-small-white img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-small-white img.correct-tick,
.gynzy-teacher-application-container .button-small-white img.correct-tick,
.unicorn-manager-application-wrapper .button-small-white img.correct-tick,
.gynzy-student-application-container input[type='submit'].button-small-white img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-small-white img.correct-tick,
.unicorn-manager-application-wrapper input[type='submit'].button-small-white img.correct-tick,
.gynzy-student-application-container button.button-small-white img.correct-tick,
.gynzy-teacher-application-container button.button-small-white img.correct-tick,
.unicorn-manager-application-wrapper button.button-small-white img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-small-white .fa,
.gynzy-teacher-application-container .button-small-white .fa,
.unicorn-manager-application-wrapper .button-small-white .fa,
.gynzy-student-application-container input[type='submit'].button-small-white .fa,
.gynzy-teacher-application-container input[type='submit'].button-small-white .fa,
.unicorn-manager-application-wrapper input[type='submit'].button-small-white .fa,
.gynzy-student-application-container button.button-small-white .fa,
.gynzy-teacher-application-container button.button-small-white .fa,
.unicorn-manager-application-wrapper button.button-small-white .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-small-white.disabled *,
.gynzy-teacher-application-container .button-small-white.disabled *,
.unicorn-manager-application-wrapper .button-small-white.disabled *,
.gynzy-student-application-container input[type='submit'].button-small-white.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-small-white.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-small-white.disabled *,
.gynzy-student-application-container button.button-small-white.disabled *,
.gynzy-teacher-application-container button.button-small-white.disabled *,
.unicorn-manager-application-wrapper button.button-small-white.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-small-white:hover,
.gynzy-teacher-application-container .button-small-white:hover,
.unicorn-manager-application-wrapper .button-small-white:hover,
.gynzy-student-application-container input[type='submit'].button-small-white:hover,
.gynzy-teacher-application-container input[type='submit'].button-small-white:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-small-white:hover,
.gynzy-student-application-container button.button-small-white:hover,
.gynzy-teacher-application-container button.button-small-white:hover,
.unicorn-manager-application-wrapper button.button-small-white:hover,
.gynzy-student-application-container .button-small-white:active,
.gynzy-teacher-application-container .button-small-white:active,
.unicorn-manager-application-wrapper .button-small-white:active,
.gynzy-student-application-container input[type='submit'].button-small-white:active,
.gynzy-teacher-application-container input[type='submit'].button-small-white:active,
.unicorn-manager-application-wrapper input[type='submit'].button-small-white:active,
.gynzy-student-application-container button.button-small-white:active,
.gynzy-teacher-application-container button.button-small-white:active,
.unicorn-manager-application-wrapper button.button-small-white:active,
.gynzy-student-application-container .button-small-white:visited,
.gynzy-teacher-application-container .button-small-white:visited,
.unicorn-manager-application-wrapper .button-small-white:visited,
.gynzy-student-application-container input[type='submit'].button-small-white:visited,
.gynzy-teacher-application-container input[type='submit'].button-small-white:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-small-white:visited,
.gynzy-student-application-container button.button-small-white:visited,
.gynzy-teacher-application-container button.button-small-white:visited,
.unicorn-manager-application-wrapper button.button-small-white:visited {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-student-application-container .button-small-white:active,
.gynzy-teacher-application-container .button-small-white:active,
.unicorn-manager-application-wrapper .button-small-white:active,
.gynzy-student-application-container input[type='submit'].button-small-white:active,
.gynzy-teacher-application-container input[type='submit'].button-small-white:active,
.unicorn-manager-application-wrapper input[type='submit'].button-small-white:active,
.gynzy-student-application-container button.button-small-white:active,
.gynzy-teacher-application-container button.button-small-white:active,
.unicorn-manager-application-wrapper button.button-small-white:active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-student-application-container .button-small-white.square,
.gynzy-teacher-application-container .button-small-white.square,
.unicorn-manager-application-wrapper .button-small-white.square,
.gynzy-student-application-container input[type='submit'].button-small-white.square,
.gynzy-teacher-application-container input[type='submit'].button-small-white.square,
.unicorn-manager-application-wrapper input[type='submit'].button-small-white.square,
.gynzy-student-application-container button.button-small-white.square,
.gynzy-teacher-application-container button.button-small-white.square,
.unicorn-manager-application-wrapper button.button-small-white.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-student-application-container .button-large-white,
.gynzy-teacher-application-container .button-large-white,
.unicorn-manager-application-wrapper .button-large-white,
.gynzy-student-application-container input[type='submit'].button-large-white,
.gynzy-teacher-application-container input[type='submit'].button-large-white,
.unicorn-manager-application-wrapper input[type='submit'].button-large-white,
.gynzy-student-application-container button.button-large-white,
.gynzy-teacher-application-container button.button-large-white,
.unicorn-manager-application-wrapper button.button-large-white {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  color: #06c;
  border: 1px solid #93b2d2;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
  font-size: 2.4rem;
  padding: 0.75rem 2.7rem;
  line-height: 4.8rem !important;
}
.gynzy-student-application-container .button-large-white *,
.gynzy-teacher-application-container .button-large-white *,
.unicorn-manager-application-wrapper .button-large-white *,
.gynzy-student-application-container input[type='submit'].button-large-white *,
.gynzy-teacher-application-container input[type='submit'].button-large-white *,
.unicorn-manager-application-wrapper input[type='submit'].button-large-white *,
.gynzy-student-application-container button.button-large-white *,
.gynzy-teacher-application-container button.button-large-white *,
.unicorn-manager-application-wrapper button.button-large-white * {
  cursor: pointer;
}
.gynzy-student-application-container .button-large-white:hover,
.gynzy-teacher-application-container .button-large-white:hover,
.unicorn-manager-application-wrapper .button-large-white:hover,
.gynzy-student-application-container input[type='submit'].button-large-white:hover,
.gynzy-teacher-application-container input[type='submit'].button-large-white:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-large-white:hover,
.gynzy-student-application-container button.button-large-white:hover,
.gynzy-teacher-application-container button.button-large-white:hover,
.unicorn-manager-application-wrapper button.button-large-white:hover,
.gynzy-student-application-container .button-large-white:visited,
.gynzy-teacher-application-container .button-large-white:visited,
.unicorn-manager-application-wrapper .button-large-white:visited,
.gynzy-student-application-container input[type='submit'].button-large-white:visited,
.gynzy-teacher-application-container input[type='submit'].button-large-white:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-large-white:visited,
.gynzy-student-application-container button.button-large-white:visited,
.gynzy-teacher-application-container button.button-large-white:visited,
.unicorn-manager-application-wrapper button.button-large-white:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-large-white:active,
.gynzy-teacher-application-container .button-large-white:active,
.unicorn-manager-application-wrapper .button-large-white:active,
.gynzy-student-application-container input[type='submit'].button-large-white:active,
.gynzy-teacher-application-container input[type='submit'].button-large-white:active,
.unicorn-manager-application-wrapper input[type='submit'].button-large-white:active,
.gynzy-student-application-container button.button-large-white:active,
.gynzy-teacher-application-container button.button-large-white:active,
.unicorn-manager-application-wrapper button.button-large-white:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-large-white:active.disabled,
.gynzy-teacher-application-container .button-large-white:active.disabled,
.unicorn-manager-application-wrapper .button-large-white:active.disabled,
.gynzy-student-application-container input[type='submit'].button-large-white:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-large-white:active.disabled,
.unicorn-manager-application-wrapper input[type='submit'].button-large-white:active.disabled,
.gynzy-student-application-container button.button-large-white:active.disabled,
.gynzy-teacher-application-container button.button-large-white:active.disabled,
.unicorn-manager-application-wrapper button.button-large-white:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-large-white:active.disabled *,
.gynzy-teacher-application-container .button-large-white:active.disabled *,
.unicorn-manager-application-wrapper .button-large-white:active.disabled *,
.gynzy-student-application-container input[type='submit'].button-large-white:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-large-white:active.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-large-white:active.disabled *,
.gynzy-student-application-container button.button-large-white:active.disabled *,
.gynzy-teacher-application-container button.button-large-white:active.disabled *,
.unicorn-manager-application-wrapper button.button-large-white:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-large-white:active.disabled:hover,
.gynzy-teacher-application-container .button-large-white:active.disabled:hover,
.unicorn-manager-application-wrapper .button-large-white:active.disabled:hover,
.gynzy-student-application-container input[type='submit'].button-large-white:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-large-white:active.disabled:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-large-white:active.disabled:hover,
.gynzy-student-application-container button.button-large-white:active.disabled:hover,
.gynzy-teacher-application-container button.button-large-white:active.disabled:hover,
.unicorn-manager-application-wrapper button.button-large-white:active.disabled:hover,
.gynzy-student-application-container .button-large-white:active.disabled:active,
.gynzy-teacher-application-container .button-large-white:active.disabled:active,
.unicorn-manager-application-wrapper .button-large-white:active.disabled:active,
.gynzy-student-application-container input[type='submit'].button-large-white:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-large-white:active.disabled:active,
.unicorn-manager-application-wrapper input[type='submit'].button-large-white:active.disabled:active,
.gynzy-student-application-container button.button-large-white:active.disabled:active,
.gynzy-teacher-application-container button.button-large-white:active.disabled:active,
.unicorn-manager-application-wrapper button.button-large-white:active.disabled:active,
.gynzy-student-application-container .button-large-white:active.disabled:focus,
.gynzy-teacher-application-container .button-large-white:active.disabled:focus,
.unicorn-manager-application-wrapper .button-large-white:active.disabled:focus,
.gynzy-student-application-container input[type='submit'].button-large-white:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-large-white:active.disabled:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-large-white:active.disabled:focus,
.gynzy-student-application-container button.button-large-white:active.disabled:focus,
.gynzy-teacher-application-container button.button-large-white:active.disabled:focus,
.unicorn-manager-application-wrapper button.button-large-white:active.disabled:focus,
.gynzy-student-application-container .button-large-white:active.disabled:visited,
.gynzy-teacher-application-container .button-large-white:active.disabled:visited,
.unicorn-manager-application-wrapper .button-large-white:active.disabled:visited,
.gynzy-student-application-container input[type='submit'].button-large-white:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-large-white:active.disabled:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-large-white:active.disabled:visited,
.gynzy-student-application-container button.button-large-white:active.disabled:visited,
.gynzy-teacher-application-container button.button-large-white:active.disabled:visited,
.unicorn-manager-application-wrapper button.button-large-white:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-large-white:focus,
.gynzy-teacher-application-container .button-large-white:focus,
.unicorn-manager-application-wrapper .button-large-white:focus,
.gynzy-student-application-container input[type='submit'].button-large-white:focus,
.gynzy-teacher-application-container input[type='submit'].button-large-white:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-large-white:focus,
.gynzy-student-application-container button.button-large-white:focus,
.gynzy-teacher-application-container button.button-large-white:focus,
.unicorn-manager-application-wrapper button.button-large-white:focus {
  outline: 0;
}
.gynzy-student-application-container .button-large-white img.incorrect-cross,
.gynzy-teacher-application-container .button-large-white img.incorrect-cross,
.unicorn-manager-application-wrapper .button-large-white img.incorrect-cross,
.gynzy-student-application-container input[type='submit'].button-large-white img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-large-white img.incorrect-cross,
.unicorn-manager-application-wrapper input[type='submit'].button-large-white img.incorrect-cross,
.gynzy-student-application-container button.button-large-white img.incorrect-cross,
.gynzy-teacher-application-container button.button-large-white img.incorrect-cross,
.unicorn-manager-application-wrapper button.button-large-white img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-large-white img.correct-tick,
.gynzy-teacher-application-container .button-large-white img.correct-tick,
.unicorn-manager-application-wrapper .button-large-white img.correct-tick,
.gynzy-student-application-container input[type='submit'].button-large-white img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-large-white img.correct-tick,
.unicorn-manager-application-wrapper input[type='submit'].button-large-white img.correct-tick,
.gynzy-student-application-container button.button-large-white img.correct-tick,
.gynzy-teacher-application-container button.button-large-white img.correct-tick,
.unicorn-manager-application-wrapper button.button-large-white img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-large-white .fa,
.gynzy-teacher-application-container .button-large-white .fa,
.unicorn-manager-application-wrapper .button-large-white .fa,
.gynzy-student-application-container input[type='submit'].button-large-white .fa,
.gynzy-teacher-application-container input[type='submit'].button-large-white .fa,
.unicorn-manager-application-wrapper input[type='submit'].button-large-white .fa,
.gynzy-student-application-container button.button-large-white .fa,
.gynzy-teacher-application-container button.button-large-white .fa,
.unicorn-manager-application-wrapper button.button-large-white .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-large-white.disabled *,
.gynzy-teacher-application-container .button-large-white.disabled *,
.unicorn-manager-application-wrapper .button-large-white.disabled *,
.gynzy-student-application-container input[type='submit'].button-large-white.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-large-white.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-large-white.disabled *,
.gynzy-student-application-container button.button-large-white.disabled *,
.gynzy-teacher-application-container button.button-large-white.disabled *,
.unicorn-manager-application-wrapper button.button-large-white.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-large-white:hover,
.gynzy-teacher-application-container .button-large-white:hover,
.unicorn-manager-application-wrapper .button-large-white:hover,
.gynzy-student-application-container input[type='submit'].button-large-white:hover,
.gynzy-teacher-application-container input[type='submit'].button-large-white:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-large-white:hover,
.gynzy-student-application-container button.button-large-white:hover,
.gynzy-teacher-application-container button.button-large-white:hover,
.unicorn-manager-application-wrapper button.button-large-white:hover,
.gynzy-student-application-container .button-large-white:active,
.gynzy-teacher-application-container .button-large-white:active,
.unicorn-manager-application-wrapper .button-large-white:active,
.gynzy-student-application-container input[type='submit'].button-large-white:active,
.gynzy-teacher-application-container input[type='submit'].button-large-white:active,
.unicorn-manager-application-wrapper input[type='submit'].button-large-white:active,
.gynzy-student-application-container button.button-large-white:active,
.gynzy-teacher-application-container button.button-large-white:active,
.unicorn-manager-application-wrapper button.button-large-white:active,
.gynzy-student-application-container .button-large-white:visited,
.gynzy-teacher-application-container .button-large-white:visited,
.unicorn-manager-application-wrapper .button-large-white:visited,
.gynzy-student-application-container input[type='submit'].button-large-white:visited,
.gynzy-teacher-application-container input[type='submit'].button-large-white:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-large-white:visited,
.gynzy-student-application-container button.button-large-white:visited,
.gynzy-teacher-application-container button.button-large-white:visited,
.unicorn-manager-application-wrapper button.button-large-white:visited {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-student-application-container .button-large-white:active,
.gynzy-teacher-application-container .button-large-white:active,
.unicorn-manager-application-wrapper .button-large-white:active,
.gynzy-student-application-container input[type='submit'].button-large-white:active,
.gynzy-teacher-application-container input[type='submit'].button-large-white:active,
.unicorn-manager-application-wrapper input[type='submit'].button-large-white:active,
.gynzy-student-application-container button.button-large-white:active,
.gynzy-teacher-application-container button.button-large-white:active,
.unicorn-manager-application-wrapper button.button-large-white:active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-student-application-container .button-large-white.square,
.gynzy-teacher-application-container .button-large-white.square,
.unicorn-manager-application-wrapper .button-large-white.square,
.gynzy-student-application-container input[type='submit'].button-large-white.square,
.gynzy-teacher-application-container input[type='submit'].button-large-white.square,
.unicorn-manager-application-wrapper input[type='submit'].button-large-white.square,
.gynzy-student-application-container button.button-large-white.square,
.gynzy-teacher-application-container button.button-large-white.square,
.unicorn-manager-application-wrapper button.button-large-white.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-student-application-container .button-extra-large-white,
.gynzy-teacher-application-container .button-extra-large-white,
.unicorn-manager-application-wrapper .button-extra-large-white,
.gynzy-student-application-container input[type='submit'].button-extra-large-white,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-white,
.gynzy-student-application-container button.button-extra-large-white,
.gynzy-teacher-application-container button.button-extra-large-white,
.unicorn-manager-application-wrapper button.button-extra-large-white {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  color: #06c;
  border: 1px solid #93b2d2;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
  font-size: 3rem;
  padding: 0.75rem 3.5rem;
  line-height: 6.2rem !important;
}
.gynzy-student-application-container .button-extra-large-white *,
.gynzy-teacher-application-container .button-extra-large-white *,
.unicorn-manager-application-wrapper .button-extra-large-white *,
.gynzy-student-application-container input[type='submit'].button-extra-large-white *,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white *,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-white *,
.gynzy-student-application-container button.button-extra-large-white *,
.gynzy-teacher-application-container button.button-extra-large-white *,
.unicorn-manager-application-wrapper button.button-extra-large-white * {
  cursor: pointer;
}
.gynzy-student-application-container .button-extra-large-white:hover,
.gynzy-teacher-application-container .button-extra-large-white:hover,
.unicorn-manager-application-wrapper .button-extra-large-white:hover,
.gynzy-student-application-container input[type='submit'].button-extra-large-white:hover,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-white:hover,
.gynzy-student-application-container button.button-extra-large-white:hover,
.gynzy-teacher-application-container button.button-extra-large-white:hover,
.unicorn-manager-application-wrapper button.button-extra-large-white:hover,
.gynzy-student-application-container .button-extra-large-white:visited,
.gynzy-teacher-application-container .button-extra-large-white:visited,
.unicorn-manager-application-wrapper .button-extra-large-white:visited,
.gynzy-student-application-container input[type='submit'].button-extra-large-white:visited,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-white:visited,
.gynzy-student-application-container button.button-extra-large-white:visited,
.gynzy-teacher-application-container button.button-extra-large-white:visited,
.unicorn-manager-application-wrapper button.button-extra-large-white:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-extra-large-white:active,
.gynzy-teacher-application-container .button-extra-large-white:active,
.unicorn-manager-application-wrapper .button-extra-large-white:active,
.gynzy-student-application-container input[type='submit'].button-extra-large-white:active,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:active,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-white:active,
.gynzy-student-application-container button.button-extra-large-white:active,
.gynzy-teacher-application-container button.button-extra-large-white:active,
.unicorn-manager-application-wrapper button.button-extra-large-white:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-extra-large-white:active.disabled,
.gynzy-teacher-application-container .button-extra-large-white:active.disabled,
.unicorn-manager-application-wrapper .button-extra-large-white:active.disabled,
.gynzy-student-application-container input[type='submit'].button-extra-large-white:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:active.disabled,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-white:active.disabled,
.gynzy-student-application-container button.button-extra-large-white:active.disabled,
.gynzy-teacher-application-container button.button-extra-large-white:active.disabled,
.unicorn-manager-application-wrapper button.button-extra-large-white:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-extra-large-white:active.disabled *,
.gynzy-teacher-application-container .button-extra-large-white:active.disabled *,
.unicorn-manager-application-wrapper .button-extra-large-white:active.disabled *,
.gynzy-student-application-container input[type='submit'].button-extra-large-white:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:active.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-white:active.disabled *,
.gynzy-student-application-container button.button-extra-large-white:active.disabled *,
.gynzy-teacher-application-container button.button-extra-large-white:active.disabled *,
.unicorn-manager-application-wrapper button.button-extra-large-white:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-extra-large-white:active.disabled:hover,
.gynzy-teacher-application-container .button-extra-large-white:active.disabled:hover,
.unicorn-manager-application-wrapper .button-extra-large-white:active.disabled:hover,
.gynzy-student-application-container input[type='submit'].button-extra-large-white:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:active.disabled:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-white:active.disabled:hover,
.gynzy-student-application-container button.button-extra-large-white:active.disabled:hover,
.gynzy-teacher-application-container button.button-extra-large-white:active.disabled:hover,
.unicorn-manager-application-wrapper button.button-extra-large-white:active.disabled:hover,
.gynzy-student-application-container .button-extra-large-white:active.disabled:active,
.gynzy-teacher-application-container .button-extra-large-white:active.disabled:active,
.unicorn-manager-application-wrapper .button-extra-large-white:active.disabled:active,
.gynzy-student-application-container input[type='submit'].button-extra-large-white:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:active.disabled:active,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-white:active.disabled:active,
.gynzy-student-application-container button.button-extra-large-white:active.disabled:active,
.gynzy-teacher-application-container button.button-extra-large-white:active.disabled:active,
.unicorn-manager-application-wrapper button.button-extra-large-white:active.disabled:active,
.gynzy-student-application-container .button-extra-large-white:active.disabled:focus,
.gynzy-teacher-application-container .button-extra-large-white:active.disabled:focus,
.unicorn-manager-application-wrapper .button-extra-large-white:active.disabled:focus,
.gynzy-student-application-container input[type='submit'].button-extra-large-white:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:active.disabled:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-white:active.disabled:focus,
.gynzy-student-application-container button.button-extra-large-white:active.disabled:focus,
.gynzy-teacher-application-container button.button-extra-large-white:active.disabled:focus,
.unicorn-manager-application-wrapper button.button-extra-large-white:active.disabled:focus,
.gynzy-student-application-container .button-extra-large-white:active.disabled:visited,
.gynzy-teacher-application-container .button-extra-large-white:active.disabled:visited,
.unicorn-manager-application-wrapper .button-extra-large-white:active.disabled:visited,
.gynzy-student-application-container input[type='submit'].button-extra-large-white:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:active.disabled:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-white:active.disabled:visited,
.gynzy-student-application-container button.button-extra-large-white:active.disabled:visited,
.gynzy-teacher-application-container button.button-extra-large-white:active.disabled:visited,
.unicorn-manager-application-wrapper button.button-extra-large-white:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-extra-large-white:focus,
.gynzy-teacher-application-container .button-extra-large-white:focus,
.unicorn-manager-application-wrapper .button-extra-large-white:focus,
.gynzy-student-application-container input[type='submit'].button-extra-large-white:focus,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-white:focus,
.gynzy-student-application-container button.button-extra-large-white:focus,
.gynzy-teacher-application-container button.button-extra-large-white:focus,
.unicorn-manager-application-wrapper button.button-extra-large-white:focus {
  outline: 0;
}
.gynzy-student-application-container .button-extra-large-white img.incorrect-cross,
.gynzy-teacher-application-container .button-extra-large-white img.incorrect-cross,
.unicorn-manager-application-wrapper .button-extra-large-white img.incorrect-cross,
.gynzy-student-application-container input[type='submit'].button-extra-large-white img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white img.incorrect-cross,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-white img.incorrect-cross,
.gynzy-student-application-container button.button-extra-large-white img.incorrect-cross,
.gynzy-teacher-application-container button.button-extra-large-white img.incorrect-cross,
.unicorn-manager-application-wrapper button.button-extra-large-white img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-extra-large-white img.correct-tick,
.gynzy-teacher-application-container .button-extra-large-white img.correct-tick,
.unicorn-manager-application-wrapper .button-extra-large-white img.correct-tick,
.gynzy-student-application-container input[type='submit'].button-extra-large-white img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white img.correct-tick,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-white img.correct-tick,
.gynzy-student-application-container button.button-extra-large-white img.correct-tick,
.gynzy-teacher-application-container button.button-extra-large-white img.correct-tick,
.unicorn-manager-application-wrapper button.button-extra-large-white img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-extra-large-white .fa,
.gynzy-teacher-application-container .button-extra-large-white .fa,
.unicorn-manager-application-wrapper .button-extra-large-white .fa,
.gynzy-student-application-container input[type='submit'].button-extra-large-white .fa,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white .fa,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-white .fa,
.gynzy-student-application-container button.button-extra-large-white .fa,
.gynzy-teacher-application-container button.button-extra-large-white .fa,
.unicorn-manager-application-wrapper button.button-extra-large-white .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-extra-large-white.disabled *,
.gynzy-teacher-application-container .button-extra-large-white.disabled *,
.unicorn-manager-application-wrapper .button-extra-large-white.disabled *,
.gynzy-student-application-container input[type='submit'].button-extra-large-white.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-white.disabled *,
.gynzy-student-application-container button.button-extra-large-white.disabled *,
.gynzy-teacher-application-container button.button-extra-large-white.disabled *,
.unicorn-manager-application-wrapper button.button-extra-large-white.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-extra-large-white:hover,
.gynzy-teacher-application-container .button-extra-large-white:hover,
.unicorn-manager-application-wrapper .button-extra-large-white:hover,
.gynzy-student-application-container input[type='submit'].button-extra-large-white:hover,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-white:hover,
.gynzy-student-application-container button.button-extra-large-white:hover,
.gynzy-teacher-application-container button.button-extra-large-white:hover,
.unicorn-manager-application-wrapper button.button-extra-large-white:hover,
.gynzy-student-application-container .button-extra-large-white:active,
.gynzy-teacher-application-container .button-extra-large-white:active,
.unicorn-manager-application-wrapper .button-extra-large-white:active,
.gynzy-student-application-container input[type='submit'].button-extra-large-white:active,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:active,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-white:active,
.gynzy-student-application-container button.button-extra-large-white:active,
.gynzy-teacher-application-container button.button-extra-large-white:active,
.unicorn-manager-application-wrapper button.button-extra-large-white:active,
.gynzy-student-application-container .button-extra-large-white:visited,
.gynzy-teacher-application-container .button-extra-large-white:visited,
.unicorn-manager-application-wrapper .button-extra-large-white:visited,
.gynzy-student-application-container input[type='submit'].button-extra-large-white:visited,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-white:visited,
.gynzy-student-application-container button.button-extra-large-white:visited,
.gynzy-teacher-application-container button.button-extra-large-white:visited,
.unicorn-manager-application-wrapper button.button-extra-large-white:visited {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-student-application-container .button-extra-large-white:active,
.gynzy-teacher-application-container .button-extra-large-white:active,
.unicorn-manager-application-wrapper .button-extra-large-white:active,
.gynzy-student-application-container input[type='submit'].button-extra-large-white:active,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white:active,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-white:active,
.gynzy-student-application-container button.button-extra-large-white:active,
.gynzy-teacher-application-container button.button-extra-large-white:active,
.unicorn-manager-application-wrapper button.button-extra-large-white:active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-student-application-container .button-extra-large-white.square,
.gynzy-teacher-application-container .button-extra-large-white.square,
.unicorn-manager-application-wrapper .button-extra-large-white.square,
.gynzy-student-application-container input[type='submit'].button-extra-large-white.square,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-white.square,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-white.square,
.gynzy-student-application-container button.button-extra-large-white.square,
.gynzy-teacher-application-container button.button-extra-large-white.square,
.unicorn-manager-application-wrapper button.button-extra-large-white.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-student-application-container .button-normal-white.disabled,
.gynzy-teacher-application-container .button-normal-white.disabled,
.unicorn-manager-application-wrapper .button-normal-white.disabled,
.gynzy-student-application-container .button-large-white.disabled,
.gynzy-teacher-application-container .button-large-white.disabled,
.unicorn-manager-application-wrapper .button-large-white.disabled {
  cursor: default;
  opacity: 0.5 !important;
}
.gynzy-student-application-container .button-normal-white.disabled *,
.gynzy-teacher-application-container .button-normal-white.disabled *,
.unicorn-manager-application-wrapper .button-normal-white.disabled *,
.gynzy-student-application-container .button-large-white.disabled *,
.gynzy-teacher-application-container .button-large-white.disabled *,
.unicorn-manager-application-wrapper .button-large-white.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-normal-white.disabled:hover,
.gynzy-teacher-application-container .button-normal-white.disabled:hover,
.unicorn-manager-application-wrapper .button-normal-white.disabled:hover,
.gynzy-student-application-container .button-large-white.disabled:hover,
.gynzy-teacher-application-container .button-large-white.disabled:hover,
.unicorn-manager-application-wrapper .button-large-white.disabled:hover,
.gynzy-student-application-container .button-normal-white.disabled:active,
.gynzy-teacher-application-container .button-normal-white.disabled:active,
.unicorn-manager-application-wrapper .button-normal-white.disabled:active,
.gynzy-student-application-container .button-large-white.disabled:active,
.gynzy-teacher-application-container .button-large-white.disabled:active,
.unicorn-manager-application-wrapper .button-large-white.disabled:active,
.gynzy-student-application-container .button-normal-white.disabled:focus,
.gynzy-teacher-application-container .button-normal-white.disabled:focus,
.unicorn-manager-application-wrapper .button-normal-white.disabled:focus,
.gynzy-student-application-container .button-large-white.disabled:focus,
.gynzy-teacher-application-container .button-large-white.disabled:focus,
.unicorn-manager-application-wrapper .button-large-white.disabled:focus,
.gynzy-student-application-container .button-normal-white.disabled:visited,
.gynzy-teacher-application-container .button-normal-white.disabled:visited,
.unicorn-manager-application-wrapper .button-normal-white.disabled:visited,
.gynzy-student-application-container .button-large-white.disabled:visited,
.gynzy-teacher-application-container .button-large-white.disabled:visited,
.unicorn-manager-application-wrapper .button-large-white.disabled:visited {
  color: #06c !important;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5) !important;
  background-color: #e5e5e5 !important;
}
.gynzy-student-application-container .button-normal-white.inactive,
.gynzy-teacher-application-container .button-normal-white.inactive,
.unicorn-manager-application-wrapper .button-normal-white.inactive,
.gynzy-student-application-container .button-large-white.inactive,
.gynzy-teacher-application-container .button-large-white.inactive,
.unicorn-manager-application-wrapper .button-large-white.inactive {
  cursor: default;
}
.gynzy-student-application-container .button-normal-white.inactive *,
.gynzy-teacher-application-container .button-normal-white.inactive *,
.unicorn-manager-application-wrapper .button-normal-white.inactive *,
.gynzy-student-application-container .button-large-white.inactive *,
.gynzy-teacher-application-container .button-large-white.inactive *,
.unicorn-manager-application-wrapper .button-large-white.inactive * {
  cursor: default;
}
.gynzy-student-application-container .button-normal-white.inactive:hover,
.gynzy-teacher-application-container .button-normal-white.inactive:hover,
.unicorn-manager-application-wrapper .button-normal-white.inactive:hover,
.gynzy-student-application-container .button-large-white.inactive:hover,
.gynzy-teacher-application-container .button-large-white.inactive:hover,
.unicorn-manager-application-wrapper .button-large-white.inactive:hover,
.gynzy-student-application-container .button-normal-white.inactive:active,
.gynzy-teacher-application-container .button-normal-white.inactive:active,
.unicorn-manager-application-wrapper .button-normal-white.inactive:active,
.gynzy-student-application-container .button-large-white.inactive:active,
.gynzy-teacher-application-container .button-large-white.inactive:active,
.unicorn-manager-application-wrapper .button-large-white.inactive:active,
.gynzy-student-application-container .button-normal-white.inactive:focus,
.gynzy-teacher-application-container .button-normal-white.inactive:focus,
.unicorn-manager-application-wrapper .button-normal-white.inactive:focus,
.gynzy-student-application-container .button-large-white.inactive:focus,
.gynzy-teacher-application-container .button-large-white.inactive:focus,
.unicorn-manager-application-wrapper .button-large-white.inactive:focus,
.gynzy-student-application-container .button-normal-white.inactive:visited,
.gynzy-teacher-application-container .button-normal-white.inactive:visited,
.unicorn-manager-application-wrapper .button-normal-white.inactive:visited,
.gynzy-student-application-container .button-large-white.inactive:visited,
.gynzy-teacher-application-container .button-large-white.inactive:visited,
.unicorn-manager-application-wrapper .button-large-white.inactive:visited {
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
  color: #06c;
}
.gynzy-student-application-container .button-square,
.gynzy-teacher-application-container .button-square,
.unicorn-manager-application-wrapper .button-square,
.gynzy-student-application-container input[type='submit'].button-square,
.gynzy-teacher-application-container input[type='submit'].button-square,
.unicorn-manager-application-wrapper input[type='submit'].button-square,
.gynzy-student-application-container button.button-square,
.gynzy-teacher-application-container button.button-square,
.unicorn-manager-application-wrapper button.button-square {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 2.4rem;
  padding: 0.75rem 2.7rem;
  line-height: 4.8rem !important;
  height: 6.2rem;
  width: 6.2rem;
  line-height: 3rem !important;
  margin: 0;
  padding: 1.5rem 0.8rem;
  text-align: center;
  background-clip: border-box;
}
.gynzy-student-application-container .button-square *,
.gynzy-teacher-application-container .button-square *,
.unicorn-manager-application-wrapper .button-square *,
.gynzy-student-application-container input[type='submit'].button-square *,
.gynzy-teacher-application-container input[type='submit'].button-square *,
.unicorn-manager-application-wrapper input[type='submit'].button-square *,
.gynzy-student-application-container button.button-square *,
.gynzy-teacher-application-container button.button-square *,
.unicorn-manager-application-wrapper button.button-square * {
  cursor: pointer;
}
.gynzy-student-application-container .button-square:hover,
.gynzy-teacher-application-container .button-square:hover,
.unicorn-manager-application-wrapper .button-square:hover,
.gynzy-student-application-container input[type='submit'].button-square:hover,
.gynzy-teacher-application-container input[type='submit'].button-square:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-square:hover,
.gynzy-student-application-container button.button-square:hover,
.gynzy-teacher-application-container button.button-square:hover,
.unicorn-manager-application-wrapper button.button-square:hover,
.gynzy-student-application-container .button-square:visited,
.gynzy-teacher-application-container .button-square:visited,
.unicorn-manager-application-wrapper .button-square:visited,
.gynzy-student-application-container input[type='submit'].button-square:visited,
.gynzy-teacher-application-container input[type='submit'].button-square:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-square:visited,
.gynzy-student-application-container button.button-square:visited,
.gynzy-teacher-application-container button.button-square:visited,
.unicorn-manager-application-wrapper button.button-square:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-square:active,
.gynzy-teacher-application-container .button-square:active,
.unicorn-manager-application-wrapper .button-square:active,
.gynzy-student-application-container input[type='submit'].button-square:active,
.gynzy-teacher-application-container input[type='submit'].button-square:active,
.unicorn-manager-application-wrapper input[type='submit'].button-square:active,
.gynzy-student-application-container button.button-square:active,
.gynzy-teacher-application-container button.button-square:active,
.unicorn-manager-application-wrapper button.button-square:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-square:active.disabled,
.gynzy-teacher-application-container .button-square:active.disabled,
.unicorn-manager-application-wrapper .button-square:active.disabled,
.gynzy-student-application-container input[type='submit'].button-square:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-square:active.disabled,
.unicorn-manager-application-wrapper input[type='submit'].button-square:active.disabled,
.gynzy-student-application-container button.button-square:active.disabled,
.gynzy-teacher-application-container button.button-square:active.disabled,
.unicorn-manager-application-wrapper button.button-square:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-square:active.disabled *,
.gynzy-teacher-application-container .button-square:active.disabled *,
.unicorn-manager-application-wrapper .button-square:active.disabled *,
.gynzy-student-application-container input[type='submit'].button-square:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-square:active.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-square:active.disabled *,
.gynzy-student-application-container button.button-square:active.disabled *,
.gynzy-teacher-application-container button.button-square:active.disabled *,
.unicorn-manager-application-wrapper button.button-square:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-square:active.disabled:hover,
.gynzy-teacher-application-container .button-square:active.disabled:hover,
.unicorn-manager-application-wrapper .button-square:active.disabled:hover,
.gynzy-student-application-container input[type='submit'].button-square:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-square:active.disabled:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-square:active.disabled:hover,
.gynzy-student-application-container button.button-square:active.disabled:hover,
.gynzy-teacher-application-container button.button-square:active.disabled:hover,
.unicorn-manager-application-wrapper button.button-square:active.disabled:hover,
.gynzy-student-application-container .button-square:active.disabled:active,
.gynzy-teacher-application-container .button-square:active.disabled:active,
.unicorn-manager-application-wrapper .button-square:active.disabled:active,
.gynzy-student-application-container input[type='submit'].button-square:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-square:active.disabled:active,
.unicorn-manager-application-wrapper input[type='submit'].button-square:active.disabled:active,
.gynzy-student-application-container button.button-square:active.disabled:active,
.gynzy-teacher-application-container button.button-square:active.disabled:active,
.unicorn-manager-application-wrapper button.button-square:active.disabled:active,
.gynzy-student-application-container .button-square:active.disabled:focus,
.gynzy-teacher-application-container .button-square:active.disabled:focus,
.unicorn-manager-application-wrapper .button-square:active.disabled:focus,
.gynzy-student-application-container input[type='submit'].button-square:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-square:active.disabled:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-square:active.disabled:focus,
.gynzy-student-application-container button.button-square:active.disabled:focus,
.gynzy-teacher-application-container button.button-square:active.disabled:focus,
.unicorn-manager-application-wrapper button.button-square:active.disabled:focus,
.gynzy-student-application-container .button-square:active.disabled:visited,
.gynzy-teacher-application-container .button-square:active.disabled:visited,
.unicorn-manager-application-wrapper .button-square:active.disabled:visited,
.gynzy-student-application-container input[type='submit'].button-square:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-square:active.disabled:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-square:active.disabled:visited,
.gynzy-student-application-container button.button-square:active.disabled:visited,
.gynzy-teacher-application-container button.button-square:active.disabled:visited,
.unicorn-manager-application-wrapper button.button-square:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-square:focus,
.gynzy-teacher-application-container .button-square:focus,
.unicorn-manager-application-wrapper .button-square:focus,
.gynzy-student-application-container input[type='submit'].button-square:focus,
.gynzy-teacher-application-container input[type='submit'].button-square:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-square:focus,
.gynzy-student-application-container button.button-square:focus,
.gynzy-teacher-application-container button.button-square:focus,
.unicorn-manager-application-wrapper button.button-square:focus {
  outline: 0;
}
.gynzy-student-application-container .button-square img.incorrect-cross,
.gynzy-teacher-application-container .button-square img.incorrect-cross,
.unicorn-manager-application-wrapper .button-square img.incorrect-cross,
.gynzy-student-application-container input[type='submit'].button-square img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-square img.incorrect-cross,
.unicorn-manager-application-wrapper input[type='submit'].button-square img.incorrect-cross,
.gynzy-student-application-container button.button-square img.incorrect-cross,
.gynzy-teacher-application-container button.button-square img.incorrect-cross,
.unicorn-manager-application-wrapper button.button-square img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-square img.correct-tick,
.gynzy-teacher-application-container .button-square img.correct-tick,
.unicorn-manager-application-wrapper .button-square img.correct-tick,
.gynzy-student-application-container input[type='submit'].button-square img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-square img.correct-tick,
.unicorn-manager-application-wrapper input[type='submit'].button-square img.correct-tick,
.gynzy-student-application-container button.button-square img.correct-tick,
.gynzy-teacher-application-container button.button-square img.correct-tick,
.unicorn-manager-application-wrapper button.button-square img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-square .fa,
.gynzy-teacher-application-container .button-square .fa,
.unicorn-manager-application-wrapper .button-square .fa,
.gynzy-student-application-container input[type='submit'].button-square .fa,
.gynzy-teacher-application-container input[type='submit'].button-square .fa,
.unicorn-manager-application-wrapper input[type='submit'].button-square .fa,
.gynzy-student-application-container button.button-square .fa,
.gynzy-teacher-application-container button.button-square .fa,
.unicorn-manager-application-wrapper button.button-square .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-square.disabled *,
.gynzy-teacher-application-container .button-square.disabled *,
.unicorn-manager-application-wrapper .button-square.disabled *,
.gynzy-student-application-container input[type='submit'].button-square.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-square.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-square.disabled *,
.gynzy-student-application-container button.button-square.disabled *,
.gynzy-teacher-application-container button.button-square.disabled *,
.unicorn-manager-application-wrapper button.button-square.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-square.controleren img,
.gynzy-teacher-application-container .button-square.controleren img,
.unicorn-manager-application-wrapper .button-square.controleren img,
.gynzy-student-application-container input[type='submit'].button-square.controleren img,
.gynzy-teacher-application-container input[type='submit'].button-square.controleren img,
.unicorn-manager-application-wrapper input[type='submit'].button-square.controleren img,
.gynzy-student-application-container button.button-square.controleren img,
.gynzy-teacher-application-container button.button-square.controleren img,
.unicorn-manager-application-wrapper button.button-square.controleren img {
  position: relative;
  top: 0.8rem;
  height: 2.9rem;
  width: 2.9rem;
}
.gynzy-student-application-container .button-square.controleren img.tick,
.gynzy-teacher-application-container .button-square.controleren img.tick,
.unicorn-manager-application-wrapper .button-square.controleren img.tick,
.gynzy-student-application-container input[type='submit'].button-square.controleren img.tick,
.gynzy-teacher-application-container input[type='submit'].button-square.controleren img.tick,
.unicorn-manager-application-wrapper input[type='submit'].button-square.controleren img.tick,
.gynzy-student-application-container button.button-square.controleren img.tick,
.gynzy-teacher-application-container button.button-square.controleren img.tick,
.unicorn-manager-application-wrapper button.button-square.controleren img.tick {
  height: 2.7rem;
  width: 3.4rem;
  top: 0.7rem;
}
.gynzy-student-application-container .button-square-white,
.gynzy-teacher-application-container .button-square-white,
.unicorn-manager-application-wrapper .button-square-white,
.gynzy-student-application-container input[type='submit'].button-square-white,
.gynzy-teacher-application-container input[type='submit'].button-square-white,
.unicorn-manager-application-wrapper input[type='submit'].button-square-white,
.gynzy-student-application-container button.button-square-white,
.gynzy-teacher-application-container button.button-square-white,
.unicorn-manager-application-wrapper button.button-square-white {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  color: #06c;
  border: 1px solid #93b2d2;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
  font-size: 2.4rem;
  padding: 0.75rem 2.7rem;
  line-height: 4.8rem !important;
  height: 6.2rem;
  width: 6.2rem;
  line-height: 3rem !important;
  margin: 0;
  padding: 1.5rem 0.8rem;
  text-align: center;
  background-clip: border-box;
}
.gynzy-student-application-container .button-square-white *,
.gynzy-teacher-application-container .button-square-white *,
.unicorn-manager-application-wrapper .button-square-white *,
.gynzy-student-application-container input[type='submit'].button-square-white *,
.gynzy-teacher-application-container input[type='submit'].button-square-white *,
.unicorn-manager-application-wrapper input[type='submit'].button-square-white *,
.gynzy-student-application-container button.button-square-white *,
.gynzy-teacher-application-container button.button-square-white *,
.unicorn-manager-application-wrapper button.button-square-white * {
  cursor: pointer;
}
.gynzy-student-application-container .button-square-white:hover,
.gynzy-teacher-application-container .button-square-white:hover,
.unicorn-manager-application-wrapper .button-square-white:hover,
.gynzy-student-application-container input[type='submit'].button-square-white:hover,
.gynzy-teacher-application-container input[type='submit'].button-square-white:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-square-white:hover,
.gynzy-student-application-container button.button-square-white:hover,
.gynzy-teacher-application-container button.button-square-white:hover,
.unicorn-manager-application-wrapper button.button-square-white:hover,
.gynzy-student-application-container .button-square-white:visited,
.gynzy-teacher-application-container .button-square-white:visited,
.unicorn-manager-application-wrapper .button-square-white:visited,
.gynzy-student-application-container input[type='submit'].button-square-white:visited,
.gynzy-teacher-application-container input[type='submit'].button-square-white:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-square-white:visited,
.gynzy-student-application-container button.button-square-white:visited,
.gynzy-teacher-application-container button.button-square-white:visited,
.unicorn-manager-application-wrapper button.button-square-white:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-square-white:active,
.gynzy-teacher-application-container .button-square-white:active,
.unicorn-manager-application-wrapper .button-square-white:active,
.gynzy-student-application-container input[type='submit'].button-square-white:active,
.gynzy-teacher-application-container input[type='submit'].button-square-white:active,
.unicorn-manager-application-wrapper input[type='submit'].button-square-white:active,
.gynzy-student-application-container button.button-square-white:active,
.gynzy-teacher-application-container button.button-square-white:active,
.unicorn-manager-application-wrapper button.button-square-white:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-square-white:active.disabled,
.gynzy-teacher-application-container .button-square-white:active.disabled,
.unicorn-manager-application-wrapper .button-square-white:active.disabled,
.gynzy-student-application-container input[type='submit'].button-square-white:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-square-white:active.disabled,
.unicorn-manager-application-wrapper input[type='submit'].button-square-white:active.disabled,
.gynzy-student-application-container button.button-square-white:active.disabled,
.gynzy-teacher-application-container button.button-square-white:active.disabled,
.unicorn-manager-application-wrapper button.button-square-white:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-square-white:active.disabled *,
.gynzy-teacher-application-container .button-square-white:active.disabled *,
.unicorn-manager-application-wrapper .button-square-white:active.disabled *,
.gynzy-student-application-container input[type='submit'].button-square-white:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-square-white:active.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-square-white:active.disabled *,
.gynzy-student-application-container button.button-square-white:active.disabled *,
.gynzy-teacher-application-container button.button-square-white:active.disabled *,
.unicorn-manager-application-wrapper button.button-square-white:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-square-white:active.disabled:hover,
.gynzy-teacher-application-container .button-square-white:active.disabled:hover,
.unicorn-manager-application-wrapper .button-square-white:active.disabled:hover,
.gynzy-student-application-container input[type='submit'].button-square-white:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-square-white:active.disabled:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-square-white:active.disabled:hover,
.gynzy-student-application-container button.button-square-white:active.disabled:hover,
.gynzy-teacher-application-container button.button-square-white:active.disabled:hover,
.unicorn-manager-application-wrapper button.button-square-white:active.disabled:hover,
.gynzy-student-application-container .button-square-white:active.disabled:active,
.gynzy-teacher-application-container .button-square-white:active.disabled:active,
.unicorn-manager-application-wrapper .button-square-white:active.disabled:active,
.gynzy-student-application-container input[type='submit'].button-square-white:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-square-white:active.disabled:active,
.unicorn-manager-application-wrapper input[type='submit'].button-square-white:active.disabled:active,
.gynzy-student-application-container button.button-square-white:active.disabled:active,
.gynzy-teacher-application-container button.button-square-white:active.disabled:active,
.unicorn-manager-application-wrapper button.button-square-white:active.disabled:active,
.gynzy-student-application-container .button-square-white:active.disabled:focus,
.gynzy-teacher-application-container .button-square-white:active.disabled:focus,
.unicorn-manager-application-wrapper .button-square-white:active.disabled:focus,
.gynzy-student-application-container input[type='submit'].button-square-white:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-square-white:active.disabled:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-square-white:active.disabled:focus,
.gynzy-student-application-container button.button-square-white:active.disabled:focus,
.gynzy-teacher-application-container button.button-square-white:active.disabled:focus,
.unicorn-manager-application-wrapper button.button-square-white:active.disabled:focus,
.gynzy-student-application-container .button-square-white:active.disabled:visited,
.gynzy-teacher-application-container .button-square-white:active.disabled:visited,
.unicorn-manager-application-wrapper .button-square-white:active.disabled:visited,
.gynzy-student-application-container input[type='submit'].button-square-white:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-square-white:active.disabled:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-square-white:active.disabled:visited,
.gynzy-student-application-container button.button-square-white:active.disabled:visited,
.gynzy-teacher-application-container button.button-square-white:active.disabled:visited,
.unicorn-manager-application-wrapper button.button-square-white:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-square-white:focus,
.gynzy-teacher-application-container .button-square-white:focus,
.unicorn-manager-application-wrapper .button-square-white:focus,
.gynzy-student-application-container input[type='submit'].button-square-white:focus,
.gynzy-teacher-application-container input[type='submit'].button-square-white:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-square-white:focus,
.gynzy-student-application-container button.button-square-white:focus,
.gynzy-teacher-application-container button.button-square-white:focus,
.unicorn-manager-application-wrapper button.button-square-white:focus {
  outline: 0;
}
.gynzy-student-application-container .button-square-white img.incorrect-cross,
.gynzy-teacher-application-container .button-square-white img.incorrect-cross,
.unicorn-manager-application-wrapper .button-square-white img.incorrect-cross,
.gynzy-student-application-container input[type='submit'].button-square-white img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-square-white img.incorrect-cross,
.unicorn-manager-application-wrapper input[type='submit'].button-square-white img.incorrect-cross,
.gynzy-student-application-container button.button-square-white img.incorrect-cross,
.gynzy-teacher-application-container button.button-square-white img.incorrect-cross,
.unicorn-manager-application-wrapper button.button-square-white img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-square-white img.correct-tick,
.gynzy-teacher-application-container .button-square-white img.correct-tick,
.unicorn-manager-application-wrapper .button-square-white img.correct-tick,
.gynzy-student-application-container input[type='submit'].button-square-white img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-square-white img.correct-tick,
.unicorn-manager-application-wrapper input[type='submit'].button-square-white img.correct-tick,
.gynzy-student-application-container button.button-square-white img.correct-tick,
.gynzy-teacher-application-container button.button-square-white img.correct-tick,
.unicorn-manager-application-wrapper button.button-square-white img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-square-white .fa,
.gynzy-teacher-application-container .button-square-white .fa,
.unicorn-manager-application-wrapper .button-square-white .fa,
.gynzy-student-application-container input[type='submit'].button-square-white .fa,
.gynzy-teacher-application-container input[type='submit'].button-square-white .fa,
.unicorn-manager-application-wrapper input[type='submit'].button-square-white .fa,
.gynzy-student-application-container button.button-square-white .fa,
.gynzy-teacher-application-container button.button-square-white .fa,
.unicorn-manager-application-wrapper button.button-square-white .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-square-white.disabled *,
.gynzy-teacher-application-container .button-square-white.disabled *,
.unicorn-manager-application-wrapper .button-square-white.disabled *,
.gynzy-student-application-container input[type='submit'].button-square-white.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-square-white.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-square-white.disabled *,
.gynzy-student-application-container button.button-square-white.disabled *,
.gynzy-teacher-application-container button.button-square-white.disabled *,
.unicorn-manager-application-wrapper button.button-square-white.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-square-white:hover,
.gynzy-teacher-application-container .button-square-white:hover,
.unicorn-manager-application-wrapper .button-square-white:hover,
.gynzy-student-application-container input[type='submit'].button-square-white:hover,
.gynzy-teacher-application-container input[type='submit'].button-square-white:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-square-white:hover,
.gynzy-student-application-container button.button-square-white:hover,
.gynzy-teacher-application-container button.button-square-white:hover,
.unicorn-manager-application-wrapper button.button-square-white:hover,
.gynzy-student-application-container .button-square-white:active,
.gynzy-teacher-application-container .button-square-white:active,
.unicorn-manager-application-wrapper .button-square-white:active,
.gynzy-student-application-container input[type='submit'].button-square-white:active,
.gynzy-teacher-application-container input[type='submit'].button-square-white:active,
.unicorn-manager-application-wrapper input[type='submit'].button-square-white:active,
.gynzy-student-application-container button.button-square-white:active,
.gynzy-teacher-application-container button.button-square-white:active,
.unicorn-manager-application-wrapper button.button-square-white:active,
.gynzy-student-application-container .button-square-white:visited,
.gynzy-teacher-application-container .button-square-white:visited,
.unicorn-manager-application-wrapper .button-square-white:visited,
.gynzy-student-application-container input[type='submit'].button-square-white:visited,
.gynzy-teacher-application-container input[type='submit'].button-square-white:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-square-white:visited,
.gynzy-student-application-container button.button-square-white:visited,
.gynzy-teacher-application-container button.button-square-white:visited,
.unicorn-manager-application-wrapper button.button-square-white:visited {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-student-application-container .button-square-white:active,
.gynzy-teacher-application-container .button-square-white:active,
.unicorn-manager-application-wrapper .button-square-white:active,
.gynzy-student-application-container input[type='submit'].button-square-white:active,
.gynzy-teacher-application-container input[type='submit'].button-square-white:active,
.unicorn-manager-application-wrapper input[type='submit'].button-square-white:active,
.gynzy-student-application-container button.button-square-white:active,
.gynzy-teacher-application-container button.button-square-white:active,
.unicorn-manager-application-wrapper button.button-square-white:active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-student-application-container .button-square-white.square,
.gynzy-teacher-application-container .button-square-white.square,
.unicorn-manager-application-wrapper .button-square-white.square,
.gynzy-student-application-container input[type='submit'].button-square-white.square,
.gynzy-teacher-application-container input[type='submit'].button-square-white.square,
.unicorn-manager-application-wrapper input[type='submit'].button-square-white.square,
.gynzy-student-application-container button.button-square-white.square,
.gynzy-teacher-application-container button.button-square-white.square,
.unicorn-manager-application-wrapper button.button-square-white.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-student-application-container.button-white,
.gynzy-teacher-application-container.button-white,
.unicorn-manager-application-wrapper.button-white {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  color: #06c;
  border: 1px solid #93b2d2;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
  padding: 0;
}
.gynzy-student-application-container.button-white *,
.gynzy-teacher-application-container.button-white *,
.unicorn-manager-application-wrapper.button-white * {
  cursor: pointer;
}
.gynzy-student-application-container.button-white:hover,
.gynzy-teacher-application-container.button-white:hover,
.unicorn-manager-application-wrapper.button-white:hover,
.gynzy-student-application-container.button-white:visited,
.gynzy-teacher-application-container.button-white:visited,
.unicorn-manager-application-wrapper.button-white:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container.button-white:active,
.gynzy-teacher-application-container.button-white:active,
.unicorn-manager-application-wrapper.button-white:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container.button-white:active.disabled,
.gynzy-teacher-application-container.button-white:active.disabled,
.unicorn-manager-application-wrapper.button-white:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container.button-white:active.disabled *,
.gynzy-teacher-application-container.button-white:active.disabled *,
.unicorn-manager-application-wrapper.button-white:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container.button-white:active.disabled:hover,
.gynzy-teacher-application-container.button-white:active.disabled:hover,
.unicorn-manager-application-wrapper.button-white:active.disabled:hover,
.gynzy-student-application-container.button-white:active.disabled:active,
.gynzy-teacher-application-container.button-white:active.disabled:active,
.unicorn-manager-application-wrapper.button-white:active.disabled:active,
.gynzy-student-application-container.button-white:active.disabled:focus,
.gynzy-teacher-application-container.button-white:active.disabled:focus,
.unicorn-manager-application-wrapper.button-white:active.disabled:focus,
.gynzy-student-application-container.button-white:active.disabled:visited,
.gynzy-teacher-application-container.button-white:active.disabled:visited,
.unicorn-manager-application-wrapper.button-white:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container.button-white:focus,
.gynzy-teacher-application-container.button-white:focus,
.unicorn-manager-application-wrapper.button-white:focus {
  outline: 0;
}
.gynzy-student-application-container.button-white img.incorrect-cross,
.gynzy-teacher-application-container.button-white img.incorrect-cross,
.unicorn-manager-application-wrapper.button-white img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container.button-white img.correct-tick,
.gynzy-teacher-application-container.button-white img.correct-tick,
.unicorn-manager-application-wrapper.button-white img.correct-tick {
  display: none;
}
.gynzy-student-application-container.button-white .fa,
.gynzy-teacher-application-container.button-white .fa,
.unicorn-manager-application-wrapper.button-white .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container.button-white.disabled *,
.gynzy-teacher-application-container.button-white.disabled *,
.unicorn-manager-application-wrapper.button-white.disabled * {
  cursor: default;
}
.gynzy-student-application-container.button-white:hover,
.gynzy-teacher-application-container.button-white:hover,
.unicorn-manager-application-wrapper.button-white:hover,
.gynzy-student-application-container.button-white:active,
.gynzy-teacher-application-container.button-white:active,
.unicorn-manager-application-wrapper.button-white:active,
.gynzy-student-application-container.button-white:visited,
.gynzy-teacher-application-container.button-white:visited,
.unicorn-manager-application-wrapper.button-white:visited {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-student-application-container.button-white:active,
.gynzy-teacher-application-container.button-white:active,
.unicorn-manager-application-wrapper.button-white:active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-student-application-container.button-white.square,
.gynzy-teacher-application-container.button-white.square,
.unicorn-manager-application-wrapper.button-white.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-student-application-container .scroll-buttons,
.gynzy-teacher-application-container .scroll-buttons,
.unicorn-manager-application-wrapper .scroll-buttons {
  float: right;
  margin-right: -4.5rem;
}
.gynzy-student-application-container .scroll-buttons .button-scroll,
.gynzy-teacher-application-container .scroll-buttons .button-scroll,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 2.4rem;
  padding: 0.75rem 2.7rem;
  line-height: 4.8rem !important;
  height: 6.2rem;
  width: 6.2rem;
  margin: 0;
  padding: 1rem;
  display: block;
}
.gynzy-student-application-container .scroll-buttons .button-scroll *,
.gynzy-teacher-application-container .scroll-buttons .button-scroll *,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll * {
  cursor: pointer;
}
.gynzy-student-application-container .scroll-buttons .button-scroll:hover,
.gynzy-teacher-application-container .scroll-buttons .button-scroll:hover,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll:hover,
.gynzy-student-application-container .scroll-buttons .button-scroll:visited,
.gynzy-teacher-application-container .scroll-buttons .button-scroll:visited,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .scroll-buttons .button-scroll:active,
.gynzy-teacher-application-container .scroll-buttons .button-scroll:active,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .scroll-buttons .button-scroll:active.disabled,
.gynzy-teacher-application-container .scroll-buttons .button-scroll:active.disabled,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .scroll-buttons .button-scroll:active.disabled *,
.gynzy-teacher-application-container .scroll-buttons .button-scroll:active.disabled *,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .scroll-buttons .button-scroll:active.disabled:hover,
.gynzy-teacher-application-container .scroll-buttons .button-scroll:active.disabled:hover,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll:active.disabled:hover,
.gynzy-student-application-container .scroll-buttons .button-scroll:active.disabled:active,
.gynzy-teacher-application-container .scroll-buttons .button-scroll:active.disabled:active,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll:active.disabled:active,
.gynzy-student-application-container .scroll-buttons .button-scroll:active.disabled:focus,
.gynzy-teacher-application-container .scroll-buttons .button-scroll:active.disabled:focus,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll:active.disabled:focus,
.gynzy-student-application-container .scroll-buttons .button-scroll:active.disabled:visited,
.gynzy-teacher-application-container .scroll-buttons .button-scroll:active.disabled:visited,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .scroll-buttons .button-scroll:focus,
.gynzy-teacher-application-container .scroll-buttons .button-scroll:focus,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll:focus {
  outline: 0;
}
.gynzy-student-application-container .scroll-buttons .button-scroll img.incorrect-cross,
.gynzy-teacher-application-container .scroll-buttons .button-scroll img.incorrect-cross,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .scroll-buttons .button-scroll img.correct-tick,
.gynzy-teacher-application-container .scroll-buttons .button-scroll img.correct-tick,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll img.correct-tick {
  display: none;
}
.gynzy-student-application-container .scroll-buttons .button-scroll .fa,
.gynzy-teacher-application-container .scroll-buttons .button-scroll .fa,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .scroll-buttons .button-scroll.disabled *,
.gynzy-teacher-application-container .scroll-buttons .button-scroll.disabled *,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll.disabled * {
  cursor: default;
}
.gynzy-student-application-container .scroll-buttons .button-scroll.controleren img,
.gynzy-teacher-application-container .scroll-buttons .button-scroll.controleren img,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll.controleren img {
  position: relative;
  top: 0.8rem;
  height: 2.9rem;
  width: 2.9rem;
}
.gynzy-student-application-container .scroll-buttons .button-scroll.controleren img.tick,
.gynzy-teacher-application-container .scroll-buttons .button-scroll.controleren img.tick,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll.controleren img.tick {
  height: 2.7rem;
  width: 3.4rem;
  top: 0.7rem;
}
.gynzy-student-application-container .scroll-buttons .button-scroll .triangle,
.gynzy-teacher-application-container .scroll-buttons .button-scroll .triangle,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  position: relative;
  left: 50%;
  top: 50%;
  margin: -0.3rem 0 0 -0.9rem;
}
.gynzy-student-application-container .scroll-buttons .button-scroll .zoom-image,
.gynzy-teacher-application-container .scroll-buttons .button-scroll .zoom-image,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll .zoom-image {
  height: 2.1rem;
  width: 2.1rem;
}
.gynzy-student-application-container .scroll-buttons .button-scroll > div,
.gynzy-teacher-application-container .scroll-buttons .button-scroll > div,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll > div,
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom > img,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom > img,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom > img,
.gynzy-student-application-container .scroll-buttons .button-scroll-top > img,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top > img,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top > img {
  cursor: pointer;
}
.gynzy-student-application-container .scroll-buttons .button-scroll.disabled:hover,
.gynzy-teacher-application-container .scroll-buttons .button-scroll.disabled:hover,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll.disabled:hover,
.gynzy-student-application-container .scroll-buttons .button-scroll.disabled:active,
.gynzy-teacher-application-container .scroll-buttons .button-scroll.disabled:active,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll.disabled:active,
.gynzy-student-application-container .scroll-buttons .button-scroll.disabled:focus,
.gynzy-teacher-application-container .scroll-buttons .button-scroll.disabled:focus,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll.disabled:focus,
.gynzy-student-application-container .scroll-buttons .button-scroll.disabled:visited,
.gynzy-teacher-application-container .scroll-buttons .button-scroll.disabled:visited,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll.disabled:visited {
  cursor: default;
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8) !important;
  background-color: #3c83f3 !important;
}
.gynzy-student-application-container .scroll-buttons .button-scroll.disabled > div,
.gynzy-teacher-application-container .scroll-buttons .button-scroll.disabled > div,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll.disabled > div,
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom.disabled > img,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom.disabled > img,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom.disabled > img,
.gynzy-student-application-container .scroll-buttons .button-scroll-top.disabled > img,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top.disabled > img,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top.disabled > img {
  cursor: default;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-top,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 2.4rem;
  padding: 0.75rem 2.7rem;
  line-height: 4.8rem !important;
  height: 6.2rem;
  width: 6.2rem;
  margin: 0;
  padding: 1rem;
  display: block;
  border-radius: 0.4rem 0.4rem 0 0;
  background-clip: padding-box;
  background-image: linear-gradient(to bottom, #3c83f3, #2571e6);
  border-bottom: 1px solid #16448a;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-top *,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top *,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top * {
  cursor: pointer;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-top:hover,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:hover,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top:hover,
.gynzy-student-application-container .scroll-buttons .button-scroll-top:visited,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:visited,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-top:active,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:active,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-top:active.disabled,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:active.disabled,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-top:active.disabled *,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:active.disabled *,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-top:active.disabled:hover,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:active.disabled:hover,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top:active.disabled:hover,
.gynzy-student-application-container .scroll-buttons .button-scroll-top:active.disabled:active,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:active.disabled:active,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top:active.disabled:active,
.gynzy-student-application-container .scroll-buttons .button-scroll-top:active.disabled:focus,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:active.disabled:focus,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top:active.disabled:focus,
.gynzy-student-application-container .scroll-buttons .button-scroll-top:active.disabled:visited,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:active.disabled:visited,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-top:focus,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:focus,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top:focus {
  outline: 0;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-top img.incorrect-cross,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top img.incorrect-cross,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-top img.correct-tick,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top img.correct-tick,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top img.correct-tick {
  display: none;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-top .fa,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top .fa,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-top.disabled *,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top.disabled *,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top.disabled * {
  cursor: default;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-top.controleren img,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top.controleren img,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top.controleren img {
  position: relative;
  top: 0.8rem;
  height: 2.9rem;
  width: 2.9rem;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-top.controleren img.tick,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top.controleren img.tick,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top.controleren img.tick {
  height: 2.7rem;
  width: 3.4rem;
  top: 0.7rem;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-top .triangle,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top .triangle,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  position: relative;
  left: 50%;
  top: 50%;
  margin: -0.3rem 0 0 -0.9rem;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-top .zoom-image,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top .zoom-image,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top .zoom-image {
  height: 2.1rem;
  width: 2.1rem;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-top .triangle-top,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top .triangle-top,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top .triangle-top {
  width: 0;
  height: 0;
  border-style: solid;
  position: relative;
  left: 50%;
  top: 50%;
  margin: -0.3rem 0 0 -0.9rem;
  border-width: 0 0.9rem 0.9rem;
  border-color: transparent transparent #fff;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-top:hover,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:hover,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top:hover {
  background-image: linear-gradient(to bottom, #2571e6, #3c83f3);
}
.gynzy-student-application-container .scroll-buttons .button-scroll-top:active,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-top:active,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-top:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
}
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 2.4rem;
  padding: 0.75rem 2.7rem;
  line-height: 4.8rem !important;
  height: 6.2rem;
  width: 6.2rem;
  margin: 0;
  padding: 1rem;
  display: block;
  border-radius: 0 0 0.4rem 0.4rem;
  background-clip: padding-box;
  background-image: linear-gradient(to bottom, #2571e6, #0e5fd8);
  border-top: 1px solid #7caaef;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom *,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom *,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom * {
  cursor: pointer;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom:hover,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:hover,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom:hover,
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom:visited,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:visited,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom:active,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:active,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom:active.disabled,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:active.disabled,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom:active.disabled *,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:active.disabled *,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom:active.disabled:hover,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:active.disabled:hover,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom:active.disabled:hover,
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom:active.disabled:active,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:active.disabled:active,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom:active.disabled:active,
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom:active.disabled:focus,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:active.disabled:focus,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom:active.disabled:focus,
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom:active.disabled:visited,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:active.disabled:visited,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom:focus,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:focus,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom:focus {
  outline: 0;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom img.incorrect-cross,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom img.incorrect-cross,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom img.correct-tick,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom img.correct-tick,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom img.correct-tick {
  display: none;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom .fa,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom .fa,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom.disabled *,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom.disabled *,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom.disabled * {
  cursor: default;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom.controleren img,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom.controleren img,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom.controleren img {
  position: relative;
  top: 0.8rem;
  height: 2.9rem;
  width: 2.9rem;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom.controleren img.tick,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom.controleren img.tick,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom.controleren img.tick {
  height: 2.7rem;
  width: 3.4rem;
  top: 0.7rem;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom .triangle,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom .triangle,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  position: relative;
  left: 50%;
  top: 50%;
  margin: -0.3rem 0 0 -0.9rem;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom .zoom-image,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom .zoom-image,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom .zoom-image {
  height: 2.1rem;
  width: 2.1rem;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom .triangle-bottom,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom .triangle-bottom,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom .triangle-bottom {
  width: 0;
  height: 0;
  border-style: solid;
  position: relative;
  left: 50%;
  top: 50%;
  margin: -0.3rem 0 0 -0.9rem;
  border-width: 0.9rem 0.9rem 0;
  border-color: #fff transparent transparent;
}
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom:hover,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:hover,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom:hover {
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
}
.gynzy-student-application-container .scroll-buttons .button-scroll-bottom:active,
.gynzy-teacher-application-container .scroll-buttons .button-scroll-bottom:active,
.unicorn-manager-application-wrapper .scroll-buttons .button-scroll-bottom:active {
  background-image: linear-gradient(to bottom, #3c83f3, #123364);
}
.gynzy-student-application-container .button-pause-blue,
.gynzy-teacher-application-container .button-pause-blue,
.unicorn-manager-application-wrapper .button-pause-blue,
.gynzy-student-application-container input[type='submit'].button-pause-blue,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue,
.unicorn-manager-application-wrapper input[type='submit'].button-pause-blue,
.gynzy-student-application-container button.button-pause-blue,
.gynzy-teacher-application-container button.button-pause-blue,
.unicorn-manager-application-wrapper button.button-pause-blue {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 2.4rem;
  padding: 0.75rem 2.7rem;
  line-height: 4.8rem !important;
  height: 6.2rem;
  width: 6.2rem;
  line-height: 3rem !important;
  margin: 0;
  background-clip: border-box;
  font-size: 3.4rem;
  letter-spacing: 0.4rem;
  padding: 1.5rem 0.8rem;
  line-height: 3.2rem;
  text-indent: 0.3rem;
  text-align: center;
}
.gynzy-student-application-container .button-pause-blue *,
.gynzy-teacher-application-container .button-pause-blue *,
.unicorn-manager-application-wrapper .button-pause-blue *,
.gynzy-student-application-container input[type='submit'].button-pause-blue *,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue *,
.unicorn-manager-application-wrapper input[type='submit'].button-pause-blue *,
.gynzy-student-application-container button.button-pause-blue *,
.gynzy-teacher-application-container button.button-pause-blue *,
.unicorn-manager-application-wrapper button.button-pause-blue * {
  cursor: pointer;
}
.gynzy-student-application-container .button-pause-blue:hover,
.gynzy-teacher-application-container .button-pause-blue:hover,
.unicorn-manager-application-wrapper .button-pause-blue:hover,
.gynzy-student-application-container input[type='submit'].button-pause-blue:hover,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-pause-blue:hover,
.gynzy-student-application-container button.button-pause-blue:hover,
.gynzy-teacher-application-container button.button-pause-blue:hover,
.unicorn-manager-application-wrapper button.button-pause-blue:hover,
.gynzy-student-application-container .button-pause-blue:visited,
.gynzy-teacher-application-container .button-pause-blue:visited,
.unicorn-manager-application-wrapper .button-pause-blue:visited,
.gynzy-student-application-container input[type='submit'].button-pause-blue:visited,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-pause-blue:visited,
.gynzy-student-application-container button.button-pause-blue:visited,
.gynzy-teacher-application-container button.button-pause-blue:visited,
.unicorn-manager-application-wrapper button.button-pause-blue:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-pause-blue:active,
.gynzy-teacher-application-container .button-pause-blue:active,
.unicorn-manager-application-wrapper .button-pause-blue:active,
.gynzy-student-application-container input[type='submit'].button-pause-blue:active,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue:active,
.unicorn-manager-application-wrapper input[type='submit'].button-pause-blue:active,
.gynzy-student-application-container button.button-pause-blue:active,
.gynzy-teacher-application-container button.button-pause-blue:active,
.unicorn-manager-application-wrapper button.button-pause-blue:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-pause-blue:active.disabled,
.gynzy-teacher-application-container .button-pause-blue:active.disabled,
.unicorn-manager-application-wrapper .button-pause-blue:active.disabled,
.gynzy-student-application-container input[type='submit'].button-pause-blue:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue:active.disabled,
.unicorn-manager-application-wrapper input[type='submit'].button-pause-blue:active.disabled,
.gynzy-student-application-container button.button-pause-blue:active.disabled,
.gynzy-teacher-application-container button.button-pause-blue:active.disabled,
.unicorn-manager-application-wrapper button.button-pause-blue:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-pause-blue:active.disabled *,
.gynzy-teacher-application-container .button-pause-blue:active.disabled *,
.unicorn-manager-application-wrapper .button-pause-blue:active.disabled *,
.gynzy-student-application-container input[type='submit'].button-pause-blue:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue:active.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-pause-blue:active.disabled *,
.gynzy-student-application-container button.button-pause-blue:active.disabled *,
.gynzy-teacher-application-container button.button-pause-blue:active.disabled *,
.unicorn-manager-application-wrapper button.button-pause-blue:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-pause-blue:active.disabled:hover,
.gynzy-teacher-application-container .button-pause-blue:active.disabled:hover,
.unicorn-manager-application-wrapper .button-pause-blue:active.disabled:hover,
.gynzy-student-application-container input[type='submit'].button-pause-blue:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue:active.disabled:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-pause-blue:active.disabled:hover,
.gynzy-student-application-container button.button-pause-blue:active.disabled:hover,
.gynzy-teacher-application-container button.button-pause-blue:active.disabled:hover,
.unicorn-manager-application-wrapper button.button-pause-blue:active.disabled:hover,
.gynzy-student-application-container .button-pause-blue:active.disabled:active,
.gynzy-teacher-application-container .button-pause-blue:active.disabled:active,
.unicorn-manager-application-wrapper .button-pause-blue:active.disabled:active,
.gynzy-student-application-container input[type='submit'].button-pause-blue:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue:active.disabled:active,
.unicorn-manager-application-wrapper input[type='submit'].button-pause-blue:active.disabled:active,
.gynzy-student-application-container button.button-pause-blue:active.disabled:active,
.gynzy-teacher-application-container button.button-pause-blue:active.disabled:active,
.unicorn-manager-application-wrapper button.button-pause-blue:active.disabled:active,
.gynzy-student-application-container .button-pause-blue:active.disabled:focus,
.gynzy-teacher-application-container .button-pause-blue:active.disabled:focus,
.unicorn-manager-application-wrapper .button-pause-blue:active.disabled:focus,
.gynzy-student-application-container input[type='submit'].button-pause-blue:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue:active.disabled:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-pause-blue:active.disabled:focus,
.gynzy-student-application-container button.button-pause-blue:active.disabled:focus,
.gynzy-teacher-application-container button.button-pause-blue:active.disabled:focus,
.unicorn-manager-application-wrapper button.button-pause-blue:active.disabled:focus,
.gynzy-student-application-container .button-pause-blue:active.disabled:visited,
.gynzy-teacher-application-container .button-pause-blue:active.disabled:visited,
.unicorn-manager-application-wrapper .button-pause-blue:active.disabled:visited,
.gynzy-student-application-container input[type='submit'].button-pause-blue:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue:active.disabled:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-pause-blue:active.disabled:visited,
.gynzy-student-application-container button.button-pause-blue:active.disabled:visited,
.gynzy-teacher-application-container button.button-pause-blue:active.disabled:visited,
.unicorn-manager-application-wrapper button.button-pause-blue:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-pause-blue:focus,
.gynzy-teacher-application-container .button-pause-blue:focus,
.unicorn-manager-application-wrapper .button-pause-blue:focus,
.gynzy-student-application-container input[type='submit'].button-pause-blue:focus,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-pause-blue:focus,
.gynzy-student-application-container button.button-pause-blue:focus,
.gynzy-teacher-application-container button.button-pause-blue:focus,
.unicorn-manager-application-wrapper button.button-pause-blue:focus {
  outline: 0;
}
.gynzy-student-application-container .button-pause-blue img.incorrect-cross,
.gynzy-teacher-application-container .button-pause-blue img.incorrect-cross,
.unicorn-manager-application-wrapper .button-pause-blue img.incorrect-cross,
.gynzy-student-application-container input[type='submit'].button-pause-blue img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue img.incorrect-cross,
.unicorn-manager-application-wrapper input[type='submit'].button-pause-blue img.incorrect-cross,
.gynzy-student-application-container button.button-pause-blue img.incorrect-cross,
.gynzy-teacher-application-container button.button-pause-blue img.incorrect-cross,
.unicorn-manager-application-wrapper button.button-pause-blue img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-pause-blue img.correct-tick,
.gynzy-teacher-application-container .button-pause-blue img.correct-tick,
.unicorn-manager-application-wrapper .button-pause-blue img.correct-tick,
.gynzy-student-application-container input[type='submit'].button-pause-blue img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue img.correct-tick,
.unicorn-manager-application-wrapper input[type='submit'].button-pause-blue img.correct-tick,
.gynzy-student-application-container button.button-pause-blue img.correct-tick,
.gynzy-teacher-application-container button.button-pause-blue img.correct-tick,
.unicorn-manager-application-wrapper button.button-pause-blue img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-pause-blue .fa,
.gynzy-teacher-application-container .button-pause-blue .fa,
.unicorn-manager-application-wrapper .button-pause-blue .fa,
.gynzy-student-application-container input[type='submit'].button-pause-blue .fa,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue .fa,
.unicorn-manager-application-wrapper input[type='submit'].button-pause-blue .fa,
.gynzy-student-application-container button.button-pause-blue .fa,
.gynzy-teacher-application-container button.button-pause-blue .fa,
.unicorn-manager-application-wrapper button.button-pause-blue .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-pause-blue.disabled *,
.gynzy-teacher-application-container .button-pause-blue.disabled *,
.unicorn-manager-application-wrapper .button-pause-blue.disabled *,
.gynzy-student-application-container input[type='submit'].button-pause-blue.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-pause-blue.disabled *,
.gynzy-student-application-container button.button-pause-blue.disabled *,
.gynzy-teacher-application-container button.button-pause-blue.disabled *,
.unicorn-manager-application-wrapper button.button-pause-blue.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-pause-blue.controleren img,
.gynzy-teacher-application-container .button-pause-blue.controleren img,
.unicorn-manager-application-wrapper .button-pause-blue.controleren img,
.gynzy-student-application-container input[type='submit'].button-pause-blue.controleren img,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue.controleren img,
.unicorn-manager-application-wrapper input[type='submit'].button-pause-blue.controleren img,
.gynzy-student-application-container button.button-pause-blue.controleren img,
.gynzy-teacher-application-container button.button-pause-blue.controleren img,
.unicorn-manager-application-wrapper button.button-pause-blue.controleren img {
  position: relative;
  top: 0.8rem;
  height: 2.9rem;
  width: 2.9rem;
}
.gynzy-student-application-container .button-pause-blue.controleren img.tick,
.gynzy-teacher-application-container .button-pause-blue.controleren img.tick,
.unicorn-manager-application-wrapper .button-pause-blue.controleren img.tick,
.gynzy-student-application-container input[type='submit'].button-pause-blue.controleren img.tick,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue.controleren img.tick,
.unicorn-manager-application-wrapper input[type='submit'].button-pause-blue.controleren img.tick,
.gynzy-student-application-container button.button-pause-blue.controleren img.tick,
.gynzy-teacher-application-container button.button-pause-blue.controleren img.tick,
.unicorn-manager-application-wrapper button.button-pause-blue.controleren img.tick {
  height: 2.7rem;
  width: 3.4rem;
  top: 0.7rem;
}
.gynzy-student-application-container .button-pause-blue.play,
.gynzy-teacher-application-container .button-pause-blue.play,
.unicorn-manager-application-wrapper .button-pause-blue.play,
.gynzy-student-application-container input[type='submit'].button-pause-blue.play,
.gynzy-teacher-application-container input[type='submit'].button-pause-blue.play,
.unicorn-manager-application-wrapper input[type='submit'].button-pause-blue.play,
.gynzy-student-application-container button.button-pause-blue.play,
.gynzy-teacher-application-container button.button-pause-blue.play,
.unicorn-manager-application-wrapper button.button-pause-blue.play {
  padding: 1.6rem 1.4rem;
}
.gynzy-student-application-container .button-circle,
.gynzy-teacher-application-container .button-circle,
.unicorn-manager-application-wrapper .button-circle {
  border-radius: 3rem;
  background-clip: padding-box;
  display: inline-block;
  height: 6rem;
  line-height: 6rem;
  width: 6rem;
  text-decoration: none;
  text-align: center;
}
.gynzy-student-application-container .button-cancel,
.gynzy-teacher-application-container .button-cancel,
.unicorn-manager-application-wrapper .button-cancel,
.gynzy-student-application-container input[type='submit'].button-cancel,
.gynzy-teacher-application-container input[type='submit'].button-cancel,
.unicorn-manager-application-wrapper input[type='submit'].button-cancel,
.gynzy-student-application-container button.button-cancel,
.gynzy-teacher-application-container button.button-cancel,
.unicorn-manager-application-wrapper button.button-cancel {
  border-radius: 3rem;
  display: inline-block;
  height: 6rem;
  line-height: 6rem;
  width: 6rem;
  text-decoration: none;
  text-align: center;
  background: url('img/cross.png') center / 3rem 3rem no-repeat, radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.01) 70%, rgba(0, 0, 0, 0) 100%);
  width: 8rem;
  height: 8rem;
  border-radius: 0;
  background-clip: padding-box;
  margin-top: 1.4rem;
  pointer-events: all;
}
.gynzy-student-application-container .button-cancel:hover,
.gynzy-teacher-application-container .button-cancel:hover,
.unicorn-manager-application-wrapper .button-cancel:hover,
.gynzy-student-application-container input[type='submit'].button-cancel:hover,
.gynzy-teacher-application-container input[type='submit'].button-cancel:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-cancel:hover,
.gynzy-student-application-container button.button-cancel:hover,
.gynzy-teacher-application-container button.button-cancel:hover,
.unicorn-manager-application-wrapper button.button-cancel:hover,
.gynzy-student-application-container .button-cancel:active,
.gynzy-teacher-application-container .button-cancel:active,
.unicorn-manager-application-wrapper .button-cancel:active,
.gynzy-student-application-container input[type='submit'].button-cancel:active,
.gynzy-teacher-application-container input[type='submit'].button-cancel:active,
.unicorn-manager-application-wrapper input[type='submit'].button-cancel:active,
.gynzy-student-application-container button.button-cancel:active,
.gynzy-teacher-application-container button.button-cancel:active,
.unicorn-manager-application-wrapper button.button-cancel:active,
.gynzy-student-application-container .button-cancel:focus,
.gynzy-teacher-application-container .button-cancel:focus,
.unicorn-manager-application-wrapper .button-cancel:focus,
.gynzy-student-application-container input[type='submit'].button-cancel:focus,
.gynzy-teacher-application-container input[type='submit'].button-cancel:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-cancel:focus,
.gynzy-student-application-container button.button-cancel:focus,
.gynzy-teacher-application-container button.button-cancel:focus,
.unicorn-manager-application-wrapper button.button-cancel:focus,
.gynzy-student-application-container .button-cancel:visited,
.gynzy-teacher-application-container .button-cancel:visited,
.unicorn-manager-application-wrapper .button-cancel:visited,
.gynzy-student-application-container input[type='submit'].button-cancel:visited,
.gynzy-teacher-application-container input[type='submit'].button-cancel:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-cancel:visited,
.gynzy-student-application-container button.button-cancel:visited,
.gynzy-teacher-application-container button.button-cancel:visited,
.unicorn-manager-application-wrapper button.button-cancel:visited {
  background: url('img/cross-hover.png') center / 3rem 3rem no-repeat, radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.01) 70%, rgba(0, 0, 0, 0) 100%);
}
.gynzy-student-application-container .button-delete,
.gynzy-teacher-application-container .button-delete,
.unicorn-manager-application-wrapper .button-delete {
  display: inline-block;
  cursor: pointer;
  font-size: 5.6rem;
  font-family: 'arial';
  font-weight: bold;
  line-height: normal;
  color: #ed1c24;
  padding: 1.75rem 0;
  opacity: 0.5;
  transform: rotate(-45deg);
}
.gynzy-student-application-container .button-delete:hover,
.gynzy-teacher-application-container .button-delete:hover,
.unicorn-manager-application-wrapper .button-delete:hover {
  color: #ed1c24;
  opacity: 1;
}
.gynzy-student-application-container .button-toggle,
.gynzy-teacher-application-container .button-toggle,
.unicorn-manager-application-wrapper .button-toggle {
  height: 4.6rem;
  max-width: 29.2rem;
  display: inline-block;
}
.gynzy-student-application-container .button-toggle .button-left,
.gynzy-teacher-application-container .button-toggle .button-left,
.unicorn-manager-application-wrapper .button-toggle .button-left,
.gynzy-student-application-container .button-toggle input[type='submit'].button-left,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-left,
.gynzy-student-application-container .button-toggle button.button-left,
.gynzy-teacher-application-container .button-toggle button.button-left,
.unicorn-manager-application-wrapper .button-toggle button.button-left {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  color: #06c;
  border: 1px solid #93b2d2;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
  float: left;
  width: 14.5rem;
  border-color: #005aff;
  box-shadow: none;
  border-radius: 0.72rem;
  background-clip: padding-box;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.gynzy-student-application-container .button-toggle .button-left *,
.gynzy-teacher-application-container .button-toggle .button-left *,
.unicorn-manager-application-wrapper .button-toggle .button-left *,
.gynzy-student-application-container .button-toggle input[type='submit'].button-left *,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left *,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-left *,
.gynzy-student-application-container .button-toggle button.button-left *,
.gynzy-teacher-application-container .button-toggle button.button-left *,
.unicorn-manager-application-wrapper .button-toggle button.button-left * {
  cursor: pointer;
}
.gynzy-student-application-container .button-toggle .button-left:hover,
.gynzy-teacher-application-container .button-toggle .button-left:hover,
.unicorn-manager-application-wrapper .button-toggle .button-left:hover,
.gynzy-student-application-container .button-toggle input[type='submit'].button-left:hover,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:hover,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-left:hover,
.gynzy-student-application-container .button-toggle button.button-left:hover,
.gynzy-teacher-application-container .button-toggle button.button-left:hover,
.unicorn-manager-application-wrapper .button-toggle button.button-left:hover,
.gynzy-student-application-container .button-toggle .button-left:visited,
.gynzy-teacher-application-container .button-toggle .button-left:visited,
.unicorn-manager-application-wrapper .button-toggle .button-left:visited,
.gynzy-student-application-container .button-toggle input[type='submit'].button-left:visited,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:visited,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-left:visited,
.gynzy-student-application-container .button-toggle button.button-left:visited,
.gynzy-teacher-application-container .button-toggle button.button-left:visited,
.unicorn-manager-application-wrapper .button-toggle button.button-left:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-toggle .button-left:active,
.gynzy-teacher-application-container .button-toggle .button-left:active,
.unicorn-manager-application-wrapper .button-toggle .button-left:active,
.gynzy-student-application-container .button-toggle input[type='submit'].button-left:active,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:active,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-left:active,
.gynzy-student-application-container .button-toggle button.button-left:active,
.gynzy-teacher-application-container .button-toggle button.button-left:active,
.unicorn-manager-application-wrapper .button-toggle button.button-left:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-toggle .button-left:active.disabled,
.gynzy-teacher-application-container .button-toggle .button-left:active.disabled,
.unicorn-manager-application-wrapper .button-toggle .button-left:active.disabled,
.gynzy-student-application-container .button-toggle input[type='submit'].button-left:active.disabled,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:active.disabled,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-left:active.disabled,
.gynzy-student-application-container .button-toggle button.button-left:active.disabled,
.gynzy-teacher-application-container .button-toggle button.button-left:active.disabled,
.unicorn-manager-application-wrapper .button-toggle button.button-left:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-toggle .button-left:active.disabled *,
.gynzy-teacher-application-container .button-toggle .button-left:active.disabled *,
.unicorn-manager-application-wrapper .button-toggle .button-left:active.disabled *,
.gynzy-student-application-container .button-toggle input[type='submit'].button-left:active.disabled *,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:active.disabled *,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-left:active.disabled *,
.gynzy-student-application-container .button-toggle button.button-left:active.disabled *,
.gynzy-teacher-application-container .button-toggle button.button-left:active.disabled *,
.unicorn-manager-application-wrapper .button-toggle button.button-left:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-toggle .button-left:active.disabled:hover,
.gynzy-teacher-application-container .button-toggle .button-left:active.disabled:hover,
.unicorn-manager-application-wrapper .button-toggle .button-left:active.disabled:hover,
.gynzy-student-application-container .button-toggle input[type='submit'].button-left:active.disabled:hover,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:active.disabled:hover,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-left:active.disabled:hover,
.gynzy-student-application-container .button-toggle button.button-left:active.disabled:hover,
.gynzy-teacher-application-container .button-toggle button.button-left:active.disabled:hover,
.unicorn-manager-application-wrapper .button-toggle button.button-left:active.disabled:hover,
.gynzy-student-application-container .button-toggle .button-left:active.disabled:active,
.gynzy-teacher-application-container .button-toggle .button-left:active.disabled:active,
.unicorn-manager-application-wrapper .button-toggle .button-left:active.disabled:active,
.gynzy-student-application-container .button-toggle input[type='submit'].button-left:active.disabled:active,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:active.disabled:active,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-left:active.disabled:active,
.gynzy-student-application-container .button-toggle button.button-left:active.disabled:active,
.gynzy-teacher-application-container .button-toggle button.button-left:active.disabled:active,
.unicorn-manager-application-wrapper .button-toggle button.button-left:active.disabled:active,
.gynzy-student-application-container .button-toggle .button-left:active.disabled:focus,
.gynzy-teacher-application-container .button-toggle .button-left:active.disabled:focus,
.unicorn-manager-application-wrapper .button-toggle .button-left:active.disabled:focus,
.gynzy-student-application-container .button-toggle input[type='submit'].button-left:active.disabled:focus,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:active.disabled:focus,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-left:active.disabled:focus,
.gynzy-student-application-container .button-toggle button.button-left:active.disabled:focus,
.gynzy-teacher-application-container .button-toggle button.button-left:active.disabled:focus,
.unicorn-manager-application-wrapper .button-toggle button.button-left:active.disabled:focus,
.gynzy-student-application-container .button-toggle .button-left:active.disabled:visited,
.gynzy-teacher-application-container .button-toggle .button-left:active.disabled:visited,
.unicorn-manager-application-wrapper .button-toggle .button-left:active.disabled:visited,
.gynzy-student-application-container .button-toggle input[type='submit'].button-left:active.disabled:visited,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:active.disabled:visited,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-left:active.disabled:visited,
.gynzy-student-application-container .button-toggle button.button-left:active.disabled:visited,
.gynzy-teacher-application-container .button-toggle button.button-left:active.disabled:visited,
.unicorn-manager-application-wrapper .button-toggle button.button-left:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-toggle .button-left:focus,
.gynzy-teacher-application-container .button-toggle .button-left:focus,
.unicorn-manager-application-wrapper .button-toggle .button-left:focus,
.gynzy-student-application-container .button-toggle input[type='submit'].button-left:focus,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:focus,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-left:focus,
.gynzy-student-application-container .button-toggle button.button-left:focus,
.gynzy-teacher-application-container .button-toggle button.button-left:focus,
.unicorn-manager-application-wrapper .button-toggle button.button-left:focus {
  outline: 0;
}
.gynzy-student-application-container .button-toggle .button-left img.incorrect-cross,
.gynzy-teacher-application-container .button-toggle .button-left img.incorrect-cross,
.unicorn-manager-application-wrapper .button-toggle .button-left img.incorrect-cross,
.gynzy-student-application-container .button-toggle input[type='submit'].button-left img.incorrect-cross,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left img.incorrect-cross,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-left img.incorrect-cross,
.gynzy-student-application-container .button-toggle button.button-left img.incorrect-cross,
.gynzy-teacher-application-container .button-toggle button.button-left img.incorrect-cross,
.unicorn-manager-application-wrapper .button-toggle button.button-left img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-toggle .button-left img.correct-tick,
.gynzy-teacher-application-container .button-toggle .button-left img.correct-tick,
.unicorn-manager-application-wrapper .button-toggle .button-left img.correct-tick,
.gynzy-student-application-container .button-toggle input[type='submit'].button-left img.correct-tick,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left img.correct-tick,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-left img.correct-tick,
.gynzy-student-application-container .button-toggle button.button-left img.correct-tick,
.gynzy-teacher-application-container .button-toggle button.button-left img.correct-tick,
.unicorn-manager-application-wrapper .button-toggle button.button-left img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-toggle .button-left .fa,
.gynzy-teacher-application-container .button-toggle .button-left .fa,
.unicorn-manager-application-wrapper .button-toggle .button-left .fa,
.gynzy-student-application-container .button-toggle input[type='submit'].button-left .fa,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left .fa,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-left .fa,
.gynzy-student-application-container .button-toggle button.button-left .fa,
.gynzy-teacher-application-container .button-toggle button.button-left .fa,
.unicorn-manager-application-wrapper .button-toggle button.button-left .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-toggle .button-left.disabled *,
.gynzy-teacher-application-container .button-toggle .button-left.disabled *,
.unicorn-manager-application-wrapper .button-toggle .button-left.disabled *,
.gynzy-student-application-container .button-toggle input[type='submit'].button-left.disabled *,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left.disabled *,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-left.disabled *,
.gynzy-student-application-container .button-toggle button.button-left.disabled *,
.gynzy-teacher-application-container .button-toggle button.button-left.disabled *,
.unicorn-manager-application-wrapper .button-toggle button.button-left.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-toggle .button-left:hover,
.gynzy-teacher-application-container .button-toggle .button-left:hover,
.unicorn-manager-application-wrapper .button-toggle .button-left:hover,
.gynzy-student-application-container .button-toggle input[type='submit'].button-left:hover,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:hover,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-left:hover,
.gynzy-student-application-container .button-toggle button.button-left:hover,
.gynzy-teacher-application-container .button-toggle button.button-left:hover,
.unicorn-manager-application-wrapper .button-toggle button.button-left:hover,
.gynzy-student-application-container .button-toggle .button-left:active,
.gynzy-teacher-application-container .button-toggle .button-left:active,
.unicorn-manager-application-wrapper .button-toggle .button-left:active,
.gynzy-student-application-container .button-toggle input[type='submit'].button-left:active,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:active,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-left:active,
.gynzy-student-application-container .button-toggle button.button-left:active,
.gynzy-teacher-application-container .button-toggle button.button-left:active,
.unicorn-manager-application-wrapper .button-toggle button.button-left:active,
.gynzy-student-application-container .button-toggle .button-left:visited,
.gynzy-teacher-application-container .button-toggle .button-left:visited,
.unicorn-manager-application-wrapper .button-toggle .button-left:visited,
.gynzy-student-application-container .button-toggle input[type='submit'].button-left:visited,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:visited,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-left:visited,
.gynzy-student-application-container .button-toggle button.button-left:visited,
.gynzy-teacher-application-container .button-toggle button.button-left:visited,
.unicorn-manager-application-wrapper .button-toggle button.button-left:visited {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-student-application-container .button-toggle .button-left:active,
.gynzy-teacher-application-container .button-toggle .button-left:active,
.unicorn-manager-application-wrapper .button-toggle .button-left:active,
.gynzy-student-application-container .button-toggle input[type='submit'].button-left:active,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:active,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-left:active,
.gynzy-student-application-container .button-toggle button.button-left:active,
.gynzy-teacher-application-container .button-toggle button.button-left:active,
.unicorn-manager-application-wrapper .button-toggle button.button-left:active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-student-application-container .button-toggle .button-left.square,
.gynzy-teacher-application-container .button-toggle .button-left.square,
.unicorn-manager-application-wrapper .button-toggle .button-left.square,
.gynzy-student-application-container .button-toggle input[type='submit'].button-left.square,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left.square,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-left.square,
.gynzy-student-application-container .button-toggle button.button-left.square,
.gynzy-teacher-application-container .button-toggle button.button-left.square,
.unicorn-manager-application-wrapper .button-toggle button.button-left.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-student-application-container .button-toggle .button-left:active,
.gynzy-teacher-application-container .button-toggle .button-left:active,
.unicorn-manager-application-wrapper .button-toggle .button-left:active,
.gynzy-student-application-container .button-toggle input[type='submit'].button-left:active,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left:active,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-left:active,
.gynzy-student-application-container .button-toggle button.button-left:active,
.gynzy-teacher-application-container .button-toggle button.button-left:active,
.unicorn-manager-application-wrapper .button-toggle button.button-left:active {
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-student-application-container .button-toggle .button-left.button-trainers,
.gynzy-teacher-application-container .button-toggle .button-left.button-trainers,
.unicorn-manager-application-wrapper .button-toggle .button-left.button-trainers,
.gynzy-student-application-container .button-toggle input[type='submit'].button-left.button-trainers,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-left.button-trainers,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-left.button-trainers,
.gynzy-student-application-container .button-toggle button.button-left.button-trainers,
.gynzy-teacher-application-container .button-toggle button.button-left.button-trainers,
.unicorn-manager-application-wrapper .button-toggle button.button-left.button-trainers {
  width: 12rem;
}
.gynzy-student-application-container .button-toggle .button-right,
.gynzy-teacher-application-container .button-toggle .button-right,
.unicorn-manager-application-wrapper .button-toggle .button-right,
.gynzy-student-application-container .button-toggle input[type='submit'].button-right,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-right,
.gynzy-student-application-container .button-toggle button.button-right,
.gynzy-teacher-application-container .button-toggle button.button-right,
.unicorn-manager-application-wrapper .button-toggle button.button-right {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  color: #06c;
  border: 1px solid #93b2d2;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
  float: left;
  width: 14.5rem;
  border-color: #005aff;
  box-shadow: none;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-radius: 0.72rem;
  background-clip: padding-box;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: 0;
}
.gynzy-student-application-container .button-toggle .button-right *,
.gynzy-teacher-application-container .button-toggle .button-right *,
.unicorn-manager-application-wrapper .button-toggle .button-right *,
.gynzy-student-application-container .button-toggle input[type='submit'].button-right *,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right *,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-right *,
.gynzy-student-application-container .button-toggle button.button-right *,
.gynzy-teacher-application-container .button-toggle button.button-right *,
.unicorn-manager-application-wrapper .button-toggle button.button-right * {
  cursor: pointer;
}
.gynzy-student-application-container .button-toggle .button-right:hover,
.gynzy-teacher-application-container .button-toggle .button-right:hover,
.unicorn-manager-application-wrapper .button-toggle .button-right:hover,
.gynzy-student-application-container .button-toggle input[type='submit'].button-right:hover,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:hover,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-right:hover,
.gynzy-student-application-container .button-toggle button.button-right:hover,
.gynzy-teacher-application-container .button-toggle button.button-right:hover,
.unicorn-manager-application-wrapper .button-toggle button.button-right:hover,
.gynzy-student-application-container .button-toggle .button-right:visited,
.gynzy-teacher-application-container .button-toggle .button-right:visited,
.unicorn-manager-application-wrapper .button-toggle .button-right:visited,
.gynzy-student-application-container .button-toggle input[type='submit'].button-right:visited,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:visited,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-right:visited,
.gynzy-student-application-container .button-toggle button.button-right:visited,
.gynzy-teacher-application-container .button-toggle button.button-right:visited,
.unicorn-manager-application-wrapper .button-toggle button.button-right:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-toggle .button-right:active,
.gynzy-teacher-application-container .button-toggle .button-right:active,
.unicorn-manager-application-wrapper .button-toggle .button-right:active,
.gynzy-student-application-container .button-toggle input[type='submit'].button-right:active,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:active,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-right:active,
.gynzy-student-application-container .button-toggle button.button-right:active,
.gynzy-teacher-application-container .button-toggle button.button-right:active,
.unicorn-manager-application-wrapper .button-toggle button.button-right:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-toggle .button-right:active.disabled,
.gynzy-teacher-application-container .button-toggle .button-right:active.disabled,
.unicorn-manager-application-wrapper .button-toggle .button-right:active.disabled,
.gynzy-student-application-container .button-toggle input[type='submit'].button-right:active.disabled,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:active.disabled,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-right:active.disabled,
.gynzy-student-application-container .button-toggle button.button-right:active.disabled,
.gynzy-teacher-application-container .button-toggle button.button-right:active.disabled,
.unicorn-manager-application-wrapper .button-toggle button.button-right:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-toggle .button-right:active.disabled *,
.gynzy-teacher-application-container .button-toggle .button-right:active.disabled *,
.unicorn-manager-application-wrapper .button-toggle .button-right:active.disabled *,
.gynzy-student-application-container .button-toggle input[type='submit'].button-right:active.disabled *,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:active.disabled *,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-right:active.disabled *,
.gynzy-student-application-container .button-toggle button.button-right:active.disabled *,
.gynzy-teacher-application-container .button-toggle button.button-right:active.disabled *,
.unicorn-manager-application-wrapper .button-toggle button.button-right:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-toggle .button-right:active.disabled:hover,
.gynzy-teacher-application-container .button-toggle .button-right:active.disabled:hover,
.unicorn-manager-application-wrapper .button-toggle .button-right:active.disabled:hover,
.gynzy-student-application-container .button-toggle input[type='submit'].button-right:active.disabled:hover,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:active.disabled:hover,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-right:active.disabled:hover,
.gynzy-student-application-container .button-toggle button.button-right:active.disabled:hover,
.gynzy-teacher-application-container .button-toggle button.button-right:active.disabled:hover,
.unicorn-manager-application-wrapper .button-toggle button.button-right:active.disabled:hover,
.gynzy-student-application-container .button-toggle .button-right:active.disabled:active,
.gynzy-teacher-application-container .button-toggle .button-right:active.disabled:active,
.unicorn-manager-application-wrapper .button-toggle .button-right:active.disabled:active,
.gynzy-student-application-container .button-toggle input[type='submit'].button-right:active.disabled:active,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:active.disabled:active,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-right:active.disabled:active,
.gynzy-student-application-container .button-toggle button.button-right:active.disabled:active,
.gynzy-teacher-application-container .button-toggle button.button-right:active.disabled:active,
.unicorn-manager-application-wrapper .button-toggle button.button-right:active.disabled:active,
.gynzy-student-application-container .button-toggle .button-right:active.disabled:focus,
.gynzy-teacher-application-container .button-toggle .button-right:active.disabled:focus,
.unicorn-manager-application-wrapper .button-toggle .button-right:active.disabled:focus,
.gynzy-student-application-container .button-toggle input[type='submit'].button-right:active.disabled:focus,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:active.disabled:focus,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-right:active.disabled:focus,
.gynzy-student-application-container .button-toggle button.button-right:active.disabled:focus,
.gynzy-teacher-application-container .button-toggle button.button-right:active.disabled:focus,
.unicorn-manager-application-wrapper .button-toggle button.button-right:active.disabled:focus,
.gynzy-student-application-container .button-toggle .button-right:active.disabled:visited,
.gynzy-teacher-application-container .button-toggle .button-right:active.disabled:visited,
.unicorn-manager-application-wrapper .button-toggle .button-right:active.disabled:visited,
.gynzy-student-application-container .button-toggle input[type='submit'].button-right:active.disabled:visited,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:active.disabled:visited,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-right:active.disabled:visited,
.gynzy-student-application-container .button-toggle button.button-right:active.disabled:visited,
.gynzy-teacher-application-container .button-toggle button.button-right:active.disabled:visited,
.unicorn-manager-application-wrapper .button-toggle button.button-right:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-toggle .button-right:focus,
.gynzy-teacher-application-container .button-toggle .button-right:focus,
.unicorn-manager-application-wrapper .button-toggle .button-right:focus,
.gynzy-student-application-container .button-toggle input[type='submit'].button-right:focus,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:focus,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-right:focus,
.gynzy-student-application-container .button-toggle button.button-right:focus,
.gynzy-teacher-application-container .button-toggle button.button-right:focus,
.unicorn-manager-application-wrapper .button-toggle button.button-right:focus {
  outline: 0;
}
.gynzy-student-application-container .button-toggle .button-right img.incorrect-cross,
.gynzy-teacher-application-container .button-toggle .button-right img.incorrect-cross,
.unicorn-manager-application-wrapper .button-toggle .button-right img.incorrect-cross,
.gynzy-student-application-container .button-toggle input[type='submit'].button-right img.incorrect-cross,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right img.incorrect-cross,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-right img.incorrect-cross,
.gynzy-student-application-container .button-toggle button.button-right img.incorrect-cross,
.gynzy-teacher-application-container .button-toggle button.button-right img.incorrect-cross,
.unicorn-manager-application-wrapper .button-toggle button.button-right img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-toggle .button-right img.correct-tick,
.gynzy-teacher-application-container .button-toggle .button-right img.correct-tick,
.unicorn-manager-application-wrapper .button-toggle .button-right img.correct-tick,
.gynzy-student-application-container .button-toggle input[type='submit'].button-right img.correct-tick,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right img.correct-tick,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-right img.correct-tick,
.gynzy-student-application-container .button-toggle button.button-right img.correct-tick,
.gynzy-teacher-application-container .button-toggle button.button-right img.correct-tick,
.unicorn-manager-application-wrapper .button-toggle button.button-right img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-toggle .button-right .fa,
.gynzy-teacher-application-container .button-toggle .button-right .fa,
.unicorn-manager-application-wrapper .button-toggle .button-right .fa,
.gynzy-student-application-container .button-toggle input[type='submit'].button-right .fa,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right .fa,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-right .fa,
.gynzy-student-application-container .button-toggle button.button-right .fa,
.gynzy-teacher-application-container .button-toggle button.button-right .fa,
.unicorn-manager-application-wrapper .button-toggle button.button-right .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-toggle .button-right.disabled *,
.gynzy-teacher-application-container .button-toggle .button-right.disabled *,
.unicorn-manager-application-wrapper .button-toggle .button-right.disabled *,
.gynzy-student-application-container .button-toggle input[type='submit'].button-right.disabled *,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right.disabled *,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-right.disabled *,
.gynzy-student-application-container .button-toggle button.button-right.disabled *,
.gynzy-teacher-application-container .button-toggle button.button-right.disabled *,
.unicorn-manager-application-wrapper .button-toggle button.button-right.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-toggle .button-right:hover,
.gynzy-teacher-application-container .button-toggle .button-right:hover,
.unicorn-manager-application-wrapper .button-toggle .button-right:hover,
.gynzy-student-application-container .button-toggle input[type='submit'].button-right:hover,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:hover,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-right:hover,
.gynzy-student-application-container .button-toggle button.button-right:hover,
.gynzy-teacher-application-container .button-toggle button.button-right:hover,
.unicorn-manager-application-wrapper .button-toggle button.button-right:hover,
.gynzy-student-application-container .button-toggle .button-right:active,
.gynzy-teacher-application-container .button-toggle .button-right:active,
.unicorn-manager-application-wrapper .button-toggle .button-right:active,
.gynzy-student-application-container .button-toggle input[type='submit'].button-right:active,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:active,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-right:active,
.gynzy-student-application-container .button-toggle button.button-right:active,
.gynzy-teacher-application-container .button-toggle button.button-right:active,
.unicorn-manager-application-wrapper .button-toggle button.button-right:active,
.gynzy-student-application-container .button-toggle .button-right:visited,
.gynzy-teacher-application-container .button-toggle .button-right:visited,
.unicorn-manager-application-wrapper .button-toggle .button-right:visited,
.gynzy-student-application-container .button-toggle input[type='submit'].button-right:visited,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:visited,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-right:visited,
.gynzy-student-application-container .button-toggle button.button-right:visited,
.gynzy-teacher-application-container .button-toggle button.button-right:visited,
.unicorn-manager-application-wrapper .button-toggle button.button-right:visited {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-student-application-container .button-toggle .button-right:active,
.gynzy-teacher-application-container .button-toggle .button-right:active,
.unicorn-manager-application-wrapper .button-toggle .button-right:active,
.gynzy-student-application-container .button-toggle input[type='submit'].button-right:active,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:active,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-right:active,
.gynzy-student-application-container .button-toggle button.button-right:active,
.gynzy-teacher-application-container .button-toggle button.button-right:active,
.unicorn-manager-application-wrapper .button-toggle button.button-right:active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-student-application-container .button-toggle .button-right.square,
.gynzy-teacher-application-container .button-toggle .button-right.square,
.unicorn-manager-application-wrapper .button-toggle .button-right.square,
.gynzy-student-application-container .button-toggle input[type='submit'].button-right.square,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right.square,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-right.square,
.gynzy-student-application-container .button-toggle button.button-right.square,
.gynzy-teacher-application-container .button-toggle button.button-right.square,
.unicorn-manager-application-wrapper .button-toggle button.button-right.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-student-application-container .button-toggle .button-right:active,
.gynzy-teacher-application-container .button-toggle .button-right:active,
.unicorn-manager-application-wrapper .button-toggle .button-right:active,
.gynzy-student-application-container .button-toggle input[type='submit'].button-right:active,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right:active,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-right:active,
.gynzy-student-application-container .button-toggle button.button-right:active,
.gynzy-teacher-application-container .button-toggle button.button-right:active,
.unicorn-manager-application-wrapper .button-toggle button.button-right:active {
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-student-application-container .button-toggle .button-right.button-trainers,
.gynzy-teacher-application-container .button-toggle .button-right.button-trainers,
.unicorn-manager-application-wrapper .button-toggle .button-right.button-trainers,
.gynzy-student-application-container .button-toggle input[type='submit'].button-right.button-trainers,
.gynzy-teacher-application-container .button-toggle input[type='submit'].button-right.button-trainers,
.unicorn-manager-application-wrapper .button-toggle input[type='submit'].button-right.button-trainers,
.gynzy-student-application-container .button-toggle button.button-right.button-trainers,
.gynzy-teacher-application-container .button-toggle button.button-right.button-trainers,
.unicorn-manager-application-wrapper .button-toggle button.button-right.button-trainers {
  width: 12rem;
}
.gynzy-student-application-container .button-toggle .button-center,
.gynzy-teacher-application-container .button-toggle .button-center,
.unicorn-manager-application-wrapper .button-toggle .button-center {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  color: #06c;
  border: 1px solid #93b2d2;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
  float: left;
  width: 14.5rem;
  border-color: #005aff;
  box-shadow: none;
  border-radius: 0.72rem;
  background-clip: padding-box;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-radius: 0;
}
.gynzy-student-application-container .button-toggle .button-center *,
.gynzy-teacher-application-container .button-toggle .button-center *,
.unicorn-manager-application-wrapper .button-toggle .button-center * {
  cursor: pointer;
}
.gynzy-student-application-container .button-toggle .button-center:hover,
.gynzy-teacher-application-container .button-toggle .button-center:hover,
.unicorn-manager-application-wrapper .button-toggle .button-center:hover,
.gynzy-student-application-container .button-toggle .button-center:visited,
.gynzy-teacher-application-container .button-toggle .button-center:visited,
.unicorn-manager-application-wrapper .button-toggle .button-center:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-toggle .button-center:active,
.gynzy-teacher-application-container .button-toggle .button-center:active,
.unicorn-manager-application-wrapper .button-toggle .button-center:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-toggle .button-center:active.disabled,
.gynzy-teacher-application-container .button-toggle .button-center:active.disabled,
.unicorn-manager-application-wrapper .button-toggle .button-center:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-toggle .button-center:active.disabled *,
.gynzy-teacher-application-container .button-toggle .button-center:active.disabled *,
.unicorn-manager-application-wrapper .button-toggle .button-center:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-toggle .button-center:active.disabled:hover,
.gynzy-teacher-application-container .button-toggle .button-center:active.disabled:hover,
.unicorn-manager-application-wrapper .button-toggle .button-center:active.disabled:hover,
.gynzy-student-application-container .button-toggle .button-center:active.disabled:active,
.gynzy-teacher-application-container .button-toggle .button-center:active.disabled:active,
.unicorn-manager-application-wrapper .button-toggle .button-center:active.disabled:active,
.gynzy-student-application-container .button-toggle .button-center:active.disabled:focus,
.gynzy-teacher-application-container .button-toggle .button-center:active.disabled:focus,
.unicorn-manager-application-wrapper .button-toggle .button-center:active.disabled:focus,
.gynzy-student-application-container .button-toggle .button-center:active.disabled:visited,
.gynzy-teacher-application-container .button-toggle .button-center:active.disabled:visited,
.unicorn-manager-application-wrapper .button-toggle .button-center:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-toggle .button-center:focus,
.gynzy-teacher-application-container .button-toggle .button-center:focus,
.unicorn-manager-application-wrapper .button-toggle .button-center:focus {
  outline: 0;
}
.gynzy-student-application-container .button-toggle .button-center img.incorrect-cross,
.gynzy-teacher-application-container .button-toggle .button-center img.incorrect-cross,
.unicorn-manager-application-wrapper .button-toggle .button-center img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-toggle .button-center img.correct-tick,
.gynzy-teacher-application-container .button-toggle .button-center img.correct-tick,
.unicorn-manager-application-wrapper .button-toggle .button-center img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-toggle .button-center .fa,
.gynzy-teacher-application-container .button-toggle .button-center .fa,
.unicorn-manager-application-wrapper .button-toggle .button-center .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-toggle .button-center.disabled *,
.gynzy-teacher-application-container .button-toggle .button-center.disabled *,
.unicorn-manager-application-wrapper .button-toggle .button-center.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-toggle .button-center:hover,
.gynzy-teacher-application-container .button-toggle .button-center:hover,
.unicorn-manager-application-wrapper .button-toggle .button-center:hover,
.gynzy-student-application-container .button-toggle .button-center:active,
.gynzy-teacher-application-container .button-toggle .button-center:active,
.unicorn-manager-application-wrapper .button-toggle .button-center:active,
.gynzy-student-application-container .button-toggle .button-center:visited,
.gynzy-teacher-application-container .button-toggle .button-center:visited,
.unicorn-manager-application-wrapper .button-toggle .button-center:visited {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-student-application-container .button-toggle .button-center:active,
.gynzy-teacher-application-container .button-toggle .button-center:active,
.unicorn-manager-application-wrapper .button-toggle .button-center:active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-student-application-container .button-toggle .button-center.square,
.gynzy-teacher-application-container .button-toggle .button-center.square,
.unicorn-manager-application-wrapper .button-toggle .button-center.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-student-application-container .button-toggle .button-center:active,
.gynzy-teacher-application-container .button-toggle .button-center:active,
.unicorn-manager-application-wrapper .button-toggle .button-center:active {
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-student-application-container .button-toggle .button-center.button-trainers,
.gynzy-teacher-application-container .button-toggle .button-center.button-trainers,
.unicorn-manager-application-wrapper .button-toggle .button-center.button-trainers {
  width: 12rem;
}
.gynzy-student-application-container .button-toggle .disabled,
.gynzy-teacher-application-container .button-toggle .disabled,
.unicorn-manager-application-wrapper .button-toggle .disabled {
  opacity: 0.5;
}
.gynzy-student-application-container .button-toggle .disabled:hover,
.gynzy-teacher-application-container .button-toggle .disabled:hover,
.unicorn-manager-application-wrapper .button-toggle .disabled:hover,
.gynzy-student-application-container .button-toggle .disabled:active,
.gynzy-teacher-application-container .button-toggle .disabled:active,
.unicorn-manager-application-wrapper .button-toggle .disabled:active,
.gynzy-student-application-container .button-toggle .disabled:focus,
.gynzy-teacher-application-container .button-toggle .disabled:focus,
.unicorn-manager-application-wrapper .button-toggle .disabled:focus,
.gynzy-student-application-container .button-toggle .disabled:visited,
.gynzy-teacher-application-container .button-toggle .disabled:visited,
.unicorn-manager-application-wrapper .button-toggle .disabled:visited {
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
  color: #06c !important;
}
.gynzy-student-application-container .button-toggle .is-active,
.gynzy-teacher-application-container .button-toggle .is-active,
.unicorn-manager-application-wrapper .button-toggle .is-active {
  color: #29416e;
  background-image: linear-gradient(to bottom, #c3d0e9, #d9e6ff);
}
.gynzy-student-application-container .button-toggle .is-active:hover,
.gynzy-teacher-application-container .button-toggle .is-active:hover,
.unicorn-manager-application-wrapper .button-toggle .is-active:hover,
.gynzy-student-application-container .button-toggle .is-active:active,
.gynzy-teacher-application-container .button-toggle .is-active:active,
.unicorn-manager-application-wrapper .button-toggle .is-active:active,
.gynzy-student-application-container .button-toggle .is-active:visited,
.gynzy-teacher-application-container .button-toggle .is-active:visited,
.unicorn-manager-application-wrapper .button-toggle .is-active:visited {
  background-image: linear-gradient(to bottom, #c3d0e9, #d9e6ff) !important;
}
.gynzy-student-application-container .button-toggle.three,
.gynzy-teacher-application-container .button-toggle.three,
.unicorn-manager-application-wrapper .button-toggle.three {
  max-width: 36.2rem;
}
.gynzy-student-application-container .button-toggle.optie,
.gynzy-teacher-application-container .button-toggle.optie,
.unicorn-manager-application-wrapper .button-toggle.optie {
  max-width: 100%;
  width: 100%;
}
.gynzy-student-application-container .button-toggle.optie a,
.gynzy-teacher-application-container .button-toggle.optie a,
.unicorn-manager-application-wrapper .button-toggle.optie a {
  color: #000 !important;
  width: 50%;
  line-height: 3rem !important;
}
.gynzy-student-application-container .button-toggle.optie button,
.gynzy-teacher-application-container .button-toggle.optie button,
.unicorn-manager-application-wrapper .button-toggle.optie button {
  width: 50%;
}
.gynzy-student-application-container .button-toggle.optie .button-left,
.gynzy-teacher-application-container .button-toggle.optie .button-left,
.unicorn-manager-application-wrapper .button-toggle.optie .button-left {
  border-right: 0;
}
.gynzy-student-application-container .button-toggle.optie .is-active,
.gynzy-teacher-application-container .button-toggle.optie .is-active,
.unicorn-manager-application-wrapper .button-toggle.optie .is-active {
  border: 1px solid #0034a0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  color: #fff !important;
}
.gynzy-student-application-container .button-toggle.optie .is-active:hover,
.gynzy-teacher-application-container .button-toggle.optie .is-active:hover,
.unicorn-manager-application-wrapper .button-toggle.optie .is-active:hover,
.gynzy-student-application-container .button-toggle.optie .is-active:active,
.gynzy-teacher-application-container .button-toggle.optie .is-active:active,
.unicorn-manager-application-wrapper .button-toggle.optie .is-active:active,
.gynzy-student-application-container .button-toggle.optie .is-active:visited,
.gynzy-teacher-application-container .button-toggle.optie .is-active:visited,
.unicorn-manager-application-wrapper .button-toggle.optie .is-active:visited {
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3) !important;
}
.gynzy-student-application-container .button-icon-normal,
.gynzy-teacher-application-container .button-icon-normal,
.unicorn-manager-application-wrapper .button-icon-normal {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  border-radius: 0.4rem;
  background-clip: padding-box;
  width: 7.2rem;
  height: 7.2rem;
  margin: 0.44rem;
  padding: 0;
  display: block;
  float: left;
  line-height: 6.6rem !important;
  font-weight: normal;
}
.gynzy-student-application-container .button-icon-normal *,
.gynzy-teacher-application-container .button-icon-normal *,
.unicorn-manager-application-wrapper .button-icon-normal * {
  cursor: pointer;
}
.gynzy-student-application-container .button-icon-normal:hover,
.gynzy-teacher-application-container .button-icon-normal:hover,
.unicorn-manager-application-wrapper .button-icon-normal:hover,
.gynzy-student-application-container .button-icon-normal:visited,
.gynzy-teacher-application-container .button-icon-normal:visited,
.unicorn-manager-application-wrapper .button-icon-normal:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-icon-normal:active,
.gynzy-teacher-application-container .button-icon-normal:active,
.unicorn-manager-application-wrapper .button-icon-normal:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-icon-normal:active.disabled,
.gynzy-teacher-application-container .button-icon-normal:active.disabled,
.unicorn-manager-application-wrapper .button-icon-normal:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-icon-normal:active.disabled *,
.gynzy-teacher-application-container .button-icon-normal:active.disabled *,
.unicorn-manager-application-wrapper .button-icon-normal:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-icon-normal:active.disabled:hover,
.gynzy-teacher-application-container .button-icon-normal:active.disabled:hover,
.unicorn-manager-application-wrapper .button-icon-normal:active.disabled:hover,
.gynzy-student-application-container .button-icon-normal:active.disabled:active,
.gynzy-teacher-application-container .button-icon-normal:active.disabled:active,
.unicorn-manager-application-wrapper .button-icon-normal:active.disabled:active,
.gynzy-student-application-container .button-icon-normal:active.disabled:focus,
.gynzy-teacher-application-container .button-icon-normal:active.disabled:focus,
.unicorn-manager-application-wrapper .button-icon-normal:active.disabled:focus,
.gynzy-student-application-container .button-icon-normal:active.disabled:visited,
.gynzy-teacher-application-container .button-icon-normal:active.disabled:visited,
.unicorn-manager-application-wrapper .button-icon-normal:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-icon-normal:focus,
.gynzy-teacher-application-container .button-icon-normal:focus,
.unicorn-manager-application-wrapper .button-icon-normal:focus {
  outline: 0;
}
.gynzy-student-application-container .button-icon-normal img.incorrect-cross,
.gynzy-teacher-application-container .button-icon-normal img.incorrect-cross,
.unicorn-manager-application-wrapper .button-icon-normal img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-icon-normal img.correct-tick,
.gynzy-teacher-application-container .button-icon-normal img.correct-tick,
.unicorn-manager-application-wrapper .button-icon-normal img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-icon-normal .fa,
.gynzy-teacher-application-container .button-icon-normal .fa,
.unicorn-manager-application-wrapper .button-icon-normal .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-icon-normal.disabled *,
.gynzy-teacher-application-container .button-icon-normal.disabled *,
.unicorn-manager-application-wrapper .button-icon-normal.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-icon-normal:hover,
.gynzy-teacher-application-container .button-icon-normal:hover,
.unicorn-manager-application-wrapper .button-icon-normal:hover,
.gynzy-student-application-container .button-icon-normal:active,
.gynzy-teacher-application-container .button-icon-normal:active,
.unicorn-manager-application-wrapper .button-icon-normal:active,
.gynzy-student-application-container .button-icon-normal:focus,
.gynzy-teacher-application-container .button-icon-normal:focus,
.unicorn-manager-application-wrapper .button-icon-normal:focus,
.gynzy-student-application-container .button-icon-normal:visited,
.gynzy-teacher-application-container .button-icon-normal:visited,
.unicorn-manager-application-wrapper .button-icon-normal:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-icon-white,
.gynzy-teacher-application-container .button-icon-white,
.unicorn-manager-application-wrapper .button-icon-white {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  color: #06c;
  border: 1px solid #93b2d2;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  background-color: #fafafa;
  border-radius: 0.4rem;
  background-clip: padding-box;
  width: 7.2rem;
  height: 7.2rem;
  margin: 0.44rem;
  padding: 0;
  display: block;
  float: left;
  line-height: 6.6rem !important;
  font-weight: normal;
}
.gynzy-student-application-container .button-icon-white *,
.gynzy-teacher-application-container .button-icon-white *,
.unicorn-manager-application-wrapper .button-icon-white * {
  cursor: pointer;
}
.gynzy-student-application-container .button-icon-white:hover,
.gynzy-teacher-application-container .button-icon-white:hover,
.unicorn-manager-application-wrapper .button-icon-white:hover,
.gynzy-student-application-container .button-icon-white:visited,
.gynzy-teacher-application-container .button-icon-white:visited,
.unicorn-manager-application-wrapper .button-icon-white:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-icon-white:active,
.gynzy-teacher-application-container .button-icon-white:active,
.unicorn-manager-application-wrapper .button-icon-white:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-icon-white:active.disabled,
.gynzy-teacher-application-container .button-icon-white:active.disabled,
.unicorn-manager-application-wrapper .button-icon-white:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-icon-white:active.disabled *,
.gynzy-teacher-application-container .button-icon-white:active.disabled *,
.unicorn-manager-application-wrapper .button-icon-white:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-icon-white:active.disabled:hover,
.gynzy-teacher-application-container .button-icon-white:active.disabled:hover,
.unicorn-manager-application-wrapper .button-icon-white:active.disabled:hover,
.gynzy-student-application-container .button-icon-white:active.disabled:active,
.gynzy-teacher-application-container .button-icon-white:active.disabled:active,
.unicorn-manager-application-wrapper .button-icon-white:active.disabled:active,
.gynzy-student-application-container .button-icon-white:active.disabled:focus,
.gynzy-teacher-application-container .button-icon-white:active.disabled:focus,
.unicorn-manager-application-wrapper .button-icon-white:active.disabled:focus,
.gynzy-student-application-container .button-icon-white:active.disabled:visited,
.gynzy-teacher-application-container .button-icon-white:active.disabled:visited,
.unicorn-manager-application-wrapper .button-icon-white:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-icon-white:focus,
.gynzy-teacher-application-container .button-icon-white:focus,
.unicorn-manager-application-wrapper .button-icon-white:focus {
  outline: 0;
}
.gynzy-student-application-container .button-icon-white img.incorrect-cross,
.gynzy-teacher-application-container .button-icon-white img.incorrect-cross,
.unicorn-manager-application-wrapper .button-icon-white img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-icon-white img.correct-tick,
.gynzy-teacher-application-container .button-icon-white img.correct-tick,
.unicorn-manager-application-wrapper .button-icon-white img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-icon-white .fa,
.gynzy-teacher-application-container .button-icon-white .fa,
.unicorn-manager-application-wrapper .button-icon-white .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-icon-white.disabled *,
.gynzy-teacher-application-container .button-icon-white.disabled *,
.unicorn-manager-application-wrapper .button-icon-white.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-icon-white:hover,
.gynzy-teacher-application-container .button-icon-white:hover,
.unicorn-manager-application-wrapper .button-icon-white:hover,
.gynzy-student-application-container .button-icon-white:active,
.gynzy-teacher-application-container .button-icon-white:active,
.unicorn-manager-application-wrapper .button-icon-white:active,
.gynzy-student-application-container .button-icon-white:visited,
.gynzy-teacher-application-container .button-icon-white:visited,
.unicorn-manager-application-wrapper .button-icon-white:visited {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-student-application-container .button-icon-white:active,
.gynzy-teacher-application-container .button-icon-white:active,
.unicorn-manager-application-wrapper .button-icon-white:active {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-student-application-container .button-icon-white.square,
.gynzy-teacher-application-container .button-icon-white.square,
.unicorn-manager-application-wrapper .button-icon-white.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-student-application-container .button-icon-white:hover,
.gynzy-teacher-application-container .button-icon-white:hover,
.unicorn-manager-application-wrapper .button-icon-white:hover,
.gynzy-student-application-container .button-icon-white:active,
.gynzy-teacher-application-container .button-icon-white:active,
.unicorn-manager-application-wrapper .button-icon-white:active,
.gynzy-student-application-container .button-icon-white:focus,
.gynzy-teacher-application-container .button-icon-white:focus,
.unicorn-manager-application-wrapper .button-icon-white:focus,
.gynzy-student-application-container .button-icon-white:visited,
.gynzy-teacher-application-container .button-icon-white:visited,
.unicorn-manager-application-wrapper .button-icon-white:visited {
  background-color: #0e5fd8;
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-student-application-container .button-icon-white.disabled,
.gynzy-teacher-application-container .button-icon-white.disabled,
.unicorn-manager-application-wrapper .button-icon-white.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-icon-lcd,
.gynzy-teacher-application-container .button-icon-lcd,
.unicorn-manager-application-wrapper .button-icon-lcd {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  border-radius: 0.4rem;
  background-clip: padding-box;
  width: 7.2rem;
  height: 7.2rem;
  margin: 0.44rem;
  padding: 0;
  display: block;
  float: left;
  line-height: 6.6rem !important;
  font-weight: normal;
  cursor: auto;
  background-image: linear-gradient(to bottom, #c6d89d, #b0c286);
  background-color: #c6d89d;
  box-shadow: inset 0 0 0.4rem rgba(0, 0, 0, 0.25);
  border: 1px solid #7f7f7f;
}
.gynzy-student-application-container .button-icon-lcd *,
.gynzy-teacher-application-container .button-icon-lcd *,
.unicorn-manager-application-wrapper .button-icon-lcd * {
  cursor: pointer;
}
.gynzy-student-application-container .button-icon-lcd:hover,
.gynzy-teacher-application-container .button-icon-lcd:hover,
.unicorn-manager-application-wrapper .button-icon-lcd:hover,
.gynzy-student-application-container .button-icon-lcd:visited,
.gynzy-teacher-application-container .button-icon-lcd:visited,
.unicorn-manager-application-wrapper .button-icon-lcd:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-icon-lcd:active,
.gynzy-teacher-application-container .button-icon-lcd:active,
.unicorn-manager-application-wrapper .button-icon-lcd:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-icon-lcd:active.disabled,
.gynzy-teacher-application-container .button-icon-lcd:active.disabled,
.unicorn-manager-application-wrapper .button-icon-lcd:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-icon-lcd:active.disabled *,
.gynzy-teacher-application-container .button-icon-lcd:active.disabled *,
.unicorn-manager-application-wrapper .button-icon-lcd:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-icon-lcd:active.disabled:hover,
.gynzy-teacher-application-container .button-icon-lcd:active.disabled:hover,
.unicorn-manager-application-wrapper .button-icon-lcd:active.disabled:hover,
.gynzy-student-application-container .button-icon-lcd:active.disabled:active,
.gynzy-teacher-application-container .button-icon-lcd:active.disabled:active,
.unicorn-manager-application-wrapper .button-icon-lcd:active.disabled:active,
.gynzy-student-application-container .button-icon-lcd:active.disabled:focus,
.gynzy-teacher-application-container .button-icon-lcd:active.disabled:focus,
.unicorn-manager-application-wrapper .button-icon-lcd:active.disabled:focus,
.gynzy-student-application-container .button-icon-lcd:active.disabled:visited,
.gynzy-teacher-application-container .button-icon-lcd:active.disabled:visited,
.unicorn-manager-application-wrapper .button-icon-lcd:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-icon-lcd:focus,
.gynzy-teacher-application-container .button-icon-lcd:focus,
.unicorn-manager-application-wrapper .button-icon-lcd:focus {
  outline: 0;
}
.gynzy-student-application-container .button-icon-lcd img.incorrect-cross,
.gynzy-teacher-application-container .button-icon-lcd img.incorrect-cross,
.unicorn-manager-application-wrapper .button-icon-lcd img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-icon-lcd img.correct-tick,
.gynzy-teacher-application-container .button-icon-lcd img.correct-tick,
.unicorn-manager-application-wrapper .button-icon-lcd img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-icon-lcd .fa,
.gynzy-teacher-application-container .button-icon-lcd .fa,
.unicorn-manager-application-wrapper .button-icon-lcd .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-icon-lcd.disabled *,
.gynzy-teacher-application-container .button-icon-lcd.disabled *,
.unicorn-manager-application-wrapper .button-icon-lcd.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-icon-lcd:hover,
.gynzy-teacher-application-container .button-icon-lcd:hover,
.unicorn-manager-application-wrapper .button-icon-lcd:hover,
.gynzy-student-application-container .button-icon-lcd:active,
.gynzy-teacher-application-container .button-icon-lcd:active,
.unicorn-manager-application-wrapper .button-icon-lcd:active,
.gynzy-student-application-container .button-icon-lcd:focus,
.gynzy-teacher-application-container .button-icon-lcd:focus,
.unicorn-manager-application-wrapper .button-icon-lcd:focus,
.gynzy-student-application-container .button-icon-lcd:visited,
.gynzy-teacher-application-container .button-icon-lcd:visited,
.unicorn-manager-application-wrapper .button-icon-lcd:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-icon-lcd:hover,
.gynzy-teacher-application-container .button-icon-lcd:hover,
.unicorn-manager-application-wrapper .button-icon-lcd:hover,
.gynzy-student-application-container .button-icon-lcd:active,
.gynzy-teacher-application-container .button-icon-lcd:active,
.unicorn-manager-application-wrapper .button-icon-lcd:active,
.gynzy-student-application-container .button-icon-lcd:focus,
.gynzy-teacher-application-container .button-icon-lcd:focus,
.unicorn-manager-application-wrapper .button-icon-lcd:focus,
.gynzy-student-application-container .button-icon-lcd:visited,
.gynzy-teacher-application-container .button-icon-lcd:visited,
.unicorn-manager-application-wrapper .button-icon-lcd:visited {
  background-color: #c6d89d;
  background-image: linear-gradient(to bottom, #c6d89d, #b0c286);
}
.gynzy-student-application-container .button-icon-lcd i,
.gynzy-teacher-application-container .button-icon-lcd i,
.unicorn-manager-application-wrapper .button-icon-lcd i {
  color: #485922;
}
.gynzy-student-application-container .button-feedback,
.gynzy-teacher-application-container .button-feedback,
.unicorn-manager-application-wrapper .button-feedback {
  background-image: url('img/speech-bubble.png');
  width: 2.6rem;
  height: 3.9rem;
  float: left;
  background-repeat: no-repeat;
  background-position: left center;
}
.gynzy-student-application-container .button-info,
.gynzy-teacher-application-container .button-info,
.unicorn-manager-application-wrapper .button-info {
  border-radius: 2rem;
  background-clip: padding-box;
  height: 1.6rem;
  width: 1.6rem;
  background-color: #277cd9;
  display: inline-block;
  padding: 0;
  position: relative;
  transition: 0.15s;
}
.gynzy-student-application-container .button-info:hover,
.gynzy-teacher-application-container .button-info:hover,
.unicorn-manager-application-wrapper .button-info:hover {
  background-color: #4e92ff;
}
.gynzy-student-application-container .button-info:active,
.gynzy-teacher-application-container .button-info:active,
.unicorn-manager-application-wrapper .button-info:active {
  background-color: #2465ab;
  color: rgba(255, 255, 255, 0.5);
}
.gynzy-student-application-container .button-info-small,
.gynzy-teacher-application-container .button-info-small,
.unicorn-manager-application-wrapper .button-info-small {
  height: 2.5rem;
  width: 2.5rem;
  margin-top: -0.4rem;
  font-size: 1.7rem;
  line-height: 2.5rem !important;
}
.gynzy-student-application-container .button-search,
.gynzy-teacher-application-container .button-search,
.unicorn-manager-application-wrapper .button-search {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  white-space: nowrap;
  transition: opacity 0.2s;
  border-radius: 2rem;
  background-clip: padding-box;
  height: 3.2rem;
  width: 3.2rem;
  padding: 0;
  vertical-align: middle;
  cursor: pointer;
  background: url('img/search_light.svg') no-repeat center center, linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-size: 65%, auto;
}
.gynzy-student-application-container .button-search *,
.gynzy-teacher-application-container .button-search *,
.unicorn-manager-application-wrapper .button-search * {
  cursor: pointer;
}
.gynzy-student-application-container .button-search:hover,
.gynzy-teacher-application-container .button-search:hover,
.unicorn-manager-application-wrapper .button-search:hover,
.gynzy-student-application-container .button-search:visited,
.gynzy-teacher-application-container .button-search:visited,
.unicorn-manager-application-wrapper .button-search:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-search:active,
.gynzy-teacher-application-container .button-search:active,
.unicorn-manager-application-wrapper .button-search:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-search:active.disabled,
.gynzy-teacher-application-container .button-search:active.disabled,
.unicorn-manager-application-wrapper .button-search:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-search:active.disabled *,
.gynzy-teacher-application-container .button-search:active.disabled *,
.unicorn-manager-application-wrapper .button-search:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-search:active.disabled:hover,
.gynzy-teacher-application-container .button-search:active.disabled:hover,
.unicorn-manager-application-wrapper .button-search:active.disabled:hover,
.gynzy-student-application-container .button-search:active.disabled:active,
.gynzy-teacher-application-container .button-search:active.disabled:active,
.unicorn-manager-application-wrapper .button-search:active.disabled:active,
.gynzy-student-application-container .button-search:active.disabled:focus,
.gynzy-teacher-application-container .button-search:active.disabled:focus,
.unicorn-manager-application-wrapper .button-search:active.disabled:focus,
.gynzy-student-application-container .button-search:active.disabled:visited,
.gynzy-teacher-application-container .button-search:active.disabled:visited,
.unicorn-manager-application-wrapper .button-search:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-search:focus,
.gynzy-teacher-application-container .button-search:focus,
.unicorn-manager-application-wrapper .button-search:focus {
  outline: 0;
}
.gynzy-student-application-container .button-search img.incorrect-cross,
.gynzy-teacher-application-container .button-search img.incorrect-cross,
.unicorn-manager-application-wrapper .button-search img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-search img.correct-tick,
.gynzy-teacher-application-container .button-search img.correct-tick,
.unicorn-manager-application-wrapper .button-search img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-search .fa,
.gynzy-teacher-application-container .button-search .fa,
.unicorn-manager-application-wrapper .button-search .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-search.disabled *,
.gynzy-teacher-application-container .button-search.disabled *,
.unicorn-manager-application-wrapper .button-search.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-search:hover,
.gynzy-teacher-application-container .button-search:hover,
.unicorn-manager-application-wrapper .button-search:hover {
  background: url('img/search_light.svg') no-repeat center center, linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-size: 65%, auto;
}
.gynzy-student-application-container .button-normal-link,
.gynzy-teacher-application-container .button-normal-link,
.unicorn-manager-application-wrapper .button-normal-link {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35);
  background-image: linear-gradient(to bottom, #fff, #fff);
  border: 0;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.8);
}
.gynzy-student-application-container .button-normal-link *,
.gynzy-teacher-application-container .button-normal-link *,
.unicorn-manager-application-wrapper .button-normal-link * {
  cursor: pointer;
}
.gynzy-student-application-container .button-normal-link:hover,
.gynzy-teacher-application-container .button-normal-link:hover,
.unicorn-manager-application-wrapper .button-normal-link:hover,
.gynzy-student-application-container .button-normal-link:visited,
.gynzy-teacher-application-container .button-normal-link:visited,
.unicorn-manager-application-wrapper .button-normal-link:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-normal-link:active,
.gynzy-teacher-application-container .button-normal-link:active,
.unicorn-manager-application-wrapper .button-normal-link:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-normal-link:active.disabled,
.gynzy-teacher-application-container .button-normal-link:active.disabled,
.unicorn-manager-application-wrapper .button-normal-link:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-normal-link:active.disabled *,
.gynzy-teacher-application-container .button-normal-link:active.disabled *,
.unicorn-manager-application-wrapper .button-normal-link:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-normal-link:active.disabled:hover,
.gynzy-teacher-application-container .button-normal-link:active.disabled:hover,
.unicorn-manager-application-wrapper .button-normal-link:active.disabled:hover,
.gynzy-student-application-container .button-normal-link:active.disabled:active,
.gynzy-teacher-application-container .button-normal-link:active.disabled:active,
.unicorn-manager-application-wrapper .button-normal-link:active.disabled:active,
.gynzy-student-application-container .button-normal-link:active.disabled:focus,
.gynzy-teacher-application-container .button-normal-link:active.disabled:focus,
.unicorn-manager-application-wrapper .button-normal-link:active.disabled:focus,
.gynzy-student-application-container .button-normal-link:active.disabled:visited,
.gynzy-teacher-application-container .button-normal-link:active.disabled:visited,
.unicorn-manager-application-wrapper .button-normal-link:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-normal-link:focus,
.gynzy-teacher-application-container .button-normal-link:focus,
.unicorn-manager-application-wrapper .button-normal-link:focus {
  outline: 0;
}
.gynzy-student-application-container .button-normal-link img.incorrect-cross,
.gynzy-teacher-application-container .button-normal-link img.incorrect-cross,
.unicorn-manager-application-wrapper .button-normal-link img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-normal-link img.correct-tick,
.gynzy-teacher-application-container .button-normal-link img.correct-tick,
.unicorn-manager-application-wrapper .button-normal-link img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-normal-link .fa,
.gynzy-teacher-application-container .button-normal-link .fa,
.unicorn-manager-application-wrapper .button-normal-link .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-normal-link.disabled *,
.gynzy-teacher-application-container .button-normal-link.disabled *,
.unicorn-manager-application-wrapper .button-normal-link.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-normal-link:hover,
.gynzy-teacher-application-container .button-normal-link:hover,
.unicorn-manager-application-wrapper .button-normal-link:hover {
  color: rgba(0, 0, 0, 0.8);
  outline: 0;
  background-image: linear-gradient(to bottom, #fff, #fff);
  background-color: #fff;
}
.gynzy-student-application-container .button-normal-link-hover,
.gynzy-teacher-application-container .button-normal-link-hover,
.unicorn-manager-application-wrapper .button-normal-link-hover {
  color: rgba(0, 0, 0, 0.8);
  outline: 0;
  background-image: linear-gradient(to bottom, #fff, #fff);
  background-color: #fff;
}
.gynzy-student-application-container .button-normal-blue-flex,
.gynzy-teacher-application-container .button-normal-blue-flex,
.unicorn-manager-application-wrapper .button-normal-blue-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  height: 6rem;
  width: 6rem;
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-color: #0e5fd8;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border: 1px solid #0034a0;
  border-radius: 0.72rem;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
}
.gynzy-student-application-container .button-normal-blue-flex:hover,
.gynzy-teacher-application-container .button-normal-blue-flex:hover,
.unicorn-manager-application-wrapper .button-normal-blue-flex:hover {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
}
.gynzy-student-application-container .button-normal-blue-flex:active,
.gynzy-teacher-application-container .button-normal-blue-flex:active,
.unicorn-manager-application-wrapper .button-normal-blue-flex:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  opacity: 1;
}
.gynzy-student-application-container .button-normal-white-flex,
.gynzy-teacher-application-container .button-normal-white-flex,
.unicorn-manager-application-wrapper .button-normal-white-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  height: 6rem;
  width: 6rem;
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-color: #0e5fd8;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border: 1px solid #0034a0;
  border-radius: 0.72rem;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
  border: 1px solid #93b2d2;
  color: #06c;
}
.gynzy-student-application-container .button-normal-white-flex:hover,
.gynzy-teacher-application-container .button-normal-white-flex:hover,
.unicorn-manager-application-wrapper .button-normal-white-flex:hover {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
}
.gynzy-student-application-container .button-normal-white-flex:active,
.gynzy-teacher-application-container .button-normal-white-flex:active,
.unicorn-manager-application-wrapper .button-normal-white-flex:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  opacity: 1;
}
.gynzy-student-application-container .button-normal-white-flex:hover,
.gynzy-teacher-application-container .button-normal-white-flex:hover,
.unicorn-manager-application-wrapper .button-normal-white-flex:hover {
  color: #06c;
  background-image: linear-gradient(to bottom, #e5e5e5, #fff);
}
.gynzy-student-application-container .button-normal-white-flex:active,
.gynzy-teacher-application-container .button-normal-white-flex:active,
.unicorn-manager-application-wrapper .button-normal-white-flex:active {
  color: #06c;
  background-image: linear-gradient(to bottom, #c3c3c3, #fff);
}
.gynzy-student-application-container .button-normal-blue-flex.disabled,
.gynzy-teacher-application-container .button-normal-blue-flex.disabled,
.unicorn-manager-application-wrapper .button-normal-blue-flex.disabled,
.gynzy-student-application-container .button-normal-blue-flex.inactive,
.gynzy-teacher-application-container .button-normal-blue-flex.inactive,
.unicorn-manager-application-wrapper .button-normal-blue-flex.inactive {
  cursor: default;
}
.gynzy-student-application-container .button-normal-blue-flex.disabled:hover,
.gynzy-teacher-application-container .button-normal-blue-flex.disabled:hover,
.unicorn-manager-application-wrapper .button-normal-blue-flex.disabled:hover,
.gynzy-student-application-container .button-normal-blue-flex.inactive:hover,
.gynzy-teacher-application-container .button-normal-blue-flex.inactive:hover,
.unicorn-manager-application-wrapper .button-normal-blue-flex.inactive:hover {
  cursor: default;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
}
.gynzy-student-application-container .button-normal-blue-flex.disabled:active,
.gynzy-teacher-application-container .button-normal-blue-flex.disabled:active,
.unicorn-manager-application-wrapper .button-normal-blue-flex.disabled:active,
.gynzy-student-application-container .button-normal-blue-flex.inactive:active,
.gynzy-teacher-application-container .button-normal-blue-flex.inactive:active,
.unicorn-manager-application-wrapper .button-normal-blue-flex.inactive:active {
  cursor: default;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
}
.gynzy-student-application-container .button-normal-blue-flex.disabled *,
.gynzy-teacher-application-container .button-normal-blue-flex.disabled *,
.unicorn-manager-application-wrapper .button-normal-blue-flex.disabled *,
.gynzy-student-application-container .button-normal-blue-flex.inactive *,
.gynzy-teacher-application-container .button-normal-blue-flex.inactive *,
.unicorn-manager-application-wrapper .button-normal-blue-flex.inactive * {
  cursor: default;
}
.gynzy-student-application-container .button-normal-white-flex.disabled,
.gynzy-teacher-application-container .button-normal-white-flex.disabled,
.unicorn-manager-application-wrapper .button-normal-white-flex.disabled,
.gynzy-student-application-container .button-normal-white-flex.inactive,
.gynzy-teacher-application-container .button-normal-white-flex.inactive,
.unicorn-manager-application-wrapper .button-normal-white-flex.inactive {
  cursor: default;
}
.gynzy-student-application-container .button-normal-white-flex.disabled:hover,
.gynzy-teacher-application-container .button-normal-white-flex.disabled:hover,
.unicorn-manager-application-wrapper .button-normal-white-flex.disabled:hover,
.gynzy-student-application-container .button-normal-white-flex.inactive:hover,
.gynzy-teacher-application-container .button-normal-white-flex.inactive:hover,
.unicorn-manager-application-wrapper .button-normal-white-flex.inactive:hover {
  cursor: default;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
}
.gynzy-student-application-container .button-normal-white-flex.disabled:active,
.gynzy-teacher-application-container .button-normal-white-flex.disabled:active,
.unicorn-manager-application-wrapper .button-normal-white-flex.disabled:active,
.gynzy-student-application-container .button-normal-white-flex.inactive:active,
.gynzy-teacher-application-container .button-normal-white-flex.inactive:active,
.unicorn-manager-application-wrapper .button-normal-white-flex.inactive:active {
  cursor: default;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
}
.gynzy-student-application-container .button-normal-white-flex.disabled *,
.gynzy-teacher-application-container .button-normal-white-flex.disabled *,
.unicorn-manager-application-wrapper .button-normal-white-flex.disabled *,
.gynzy-student-application-container .button-normal-white-flex.inactive *,
.gynzy-teacher-application-container .button-normal-white-flex.inactive *,
.unicorn-manager-application-wrapper .button-normal-white-flex.inactive * {
  cursor: default;
}
.gynzy-student-application-container .button-transparant-normal,
.gynzy-teacher-application-container .button-transparant-normal,
.unicorn-manager-application-wrapper .button-transparant-normal {
  background: none;
  border-radius: 0.72rem;
  text-indent: 0;
  border: 1px solid #fff;
  display: inline-block !important;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center !important;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
}
.gynzy-student-application-container .button-transparant-normal i,
.gynzy-teacher-application-container .button-transparant-normal i,
.unicorn-manager-application-wrapper .button-transparant-normal i {
  cursor: pointer;
  margin-right: 1rem;
}
.gynzy-student-application-container .button-transparant-normal:hover,
.gynzy-teacher-application-container .button-transparant-normal:hover,
.unicorn-manager-application-wrapper .button-transparant-normal:hover {
  background: none;
}
.gynzy-student-application-container .button-transparant-normal:active,
.gynzy-teacher-application-container .button-transparant-normal:active,
.unicorn-manager-application-wrapper .button-transparant-normal:active {
  background: none;
}
.gynzy-student-application-container .button-transparant-normal:focus,
.gynzy-teacher-application-container .button-transparant-normal:focus,
.unicorn-manager-application-wrapper .button-transparant-normal:focus {
  background: none;
  outline: 0;
}
.gynzy-student-application-container .button-normal-red,
.gynzy-teacher-application-container .button-normal-red,
.unicorn-manager-application-wrapper .button-normal-red,
.gynzy-student-application-container button.button-normal-red,
.gynzy-teacher-application-container button.button-normal-red,
.unicorn-manager-application-wrapper button.button-normal-red,
.gynzy-student-application-container input[type='submit'].button-normal-red,
.gynzy-teacher-application-container input[type='submit'].button-normal-red,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-red {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  border: 1px solid #840000;
  background-color: #b40c0c;
  background-image: linear-gradient(to bottom, #de3737, #b40c0c);
}
.gynzy-student-application-container .button-normal-red *,
.gynzy-teacher-application-container .button-normal-red *,
.unicorn-manager-application-wrapper .button-normal-red *,
.gynzy-student-application-container button.button-normal-red *,
.gynzy-teacher-application-container button.button-normal-red *,
.unicorn-manager-application-wrapper button.button-normal-red *,
.gynzy-student-application-container input[type='submit'].button-normal-red *,
.gynzy-teacher-application-container input[type='submit'].button-normal-red *,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-red * {
  cursor: pointer;
}
.gynzy-student-application-container .button-normal-red:hover,
.gynzy-teacher-application-container .button-normal-red:hover,
.unicorn-manager-application-wrapper .button-normal-red:hover,
.gynzy-student-application-container button.button-normal-red:hover,
.gynzy-teacher-application-container button.button-normal-red:hover,
.unicorn-manager-application-wrapper button.button-normal-red:hover,
.gynzy-student-application-container input[type='submit'].button-normal-red:hover,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-red:hover,
.gynzy-student-application-container .button-normal-red:visited,
.gynzy-teacher-application-container .button-normal-red:visited,
.unicorn-manager-application-wrapper .button-normal-red:visited,
.gynzy-student-application-container button.button-normal-red:visited,
.gynzy-teacher-application-container button.button-normal-red:visited,
.unicorn-manager-application-wrapper button.button-normal-red:visited,
.gynzy-student-application-container input[type='submit'].button-normal-red:visited,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-red:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-normal-red:active,
.gynzy-teacher-application-container .button-normal-red:active,
.unicorn-manager-application-wrapper .button-normal-red:active,
.gynzy-student-application-container button.button-normal-red:active,
.gynzy-teacher-application-container button.button-normal-red:active,
.unicorn-manager-application-wrapper button.button-normal-red:active,
.gynzy-student-application-container input[type='submit'].button-normal-red:active,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:active,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-red:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-normal-red:active.disabled,
.gynzy-teacher-application-container .button-normal-red:active.disabled,
.unicorn-manager-application-wrapper .button-normal-red:active.disabled,
.gynzy-student-application-container button.button-normal-red:active.disabled,
.gynzy-teacher-application-container button.button-normal-red:active.disabled,
.unicorn-manager-application-wrapper button.button-normal-red:active.disabled,
.gynzy-student-application-container input[type='submit'].button-normal-red:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:active.disabled,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-red:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-normal-red:active.disabled *,
.gynzy-teacher-application-container .button-normal-red:active.disabled *,
.unicorn-manager-application-wrapper .button-normal-red:active.disabled *,
.gynzy-student-application-container button.button-normal-red:active.disabled *,
.gynzy-teacher-application-container button.button-normal-red:active.disabled *,
.unicorn-manager-application-wrapper button.button-normal-red:active.disabled *,
.gynzy-student-application-container input[type='submit'].button-normal-red:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:active.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-red:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-normal-red:active.disabled:hover,
.gynzy-teacher-application-container .button-normal-red:active.disabled:hover,
.unicorn-manager-application-wrapper .button-normal-red:active.disabled:hover,
.gynzy-student-application-container button.button-normal-red:active.disabled:hover,
.gynzy-teacher-application-container button.button-normal-red:active.disabled:hover,
.unicorn-manager-application-wrapper button.button-normal-red:active.disabled:hover,
.gynzy-student-application-container input[type='submit'].button-normal-red:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:active.disabled:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-red:active.disabled:hover,
.gynzy-student-application-container .button-normal-red:active.disabled:active,
.gynzy-teacher-application-container .button-normal-red:active.disabled:active,
.unicorn-manager-application-wrapper .button-normal-red:active.disabled:active,
.gynzy-student-application-container button.button-normal-red:active.disabled:active,
.gynzy-teacher-application-container button.button-normal-red:active.disabled:active,
.unicorn-manager-application-wrapper button.button-normal-red:active.disabled:active,
.gynzy-student-application-container input[type='submit'].button-normal-red:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:active.disabled:active,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-red:active.disabled:active,
.gynzy-student-application-container .button-normal-red:active.disabled:focus,
.gynzy-teacher-application-container .button-normal-red:active.disabled:focus,
.unicorn-manager-application-wrapper .button-normal-red:active.disabled:focus,
.gynzy-student-application-container button.button-normal-red:active.disabled:focus,
.gynzy-teacher-application-container button.button-normal-red:active.disabled:focus,
.unicorn-manager-application-wrapper button.button-normal-red:active.disabled:focus,
.gynzy-student-application-container input[type='submit'].button-normal-red:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:active.disabled:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-red:active.disabled:focus,
.gynzy-student-application-container .button-normal-red:active.disabled:visited,
.gynzy-teacher-application-container .button-normal-red:active.disabled:visited,
.unicorn-manager-application-wrapper .button-normal-red:active.disabled:visited,
.gynzy-student-application-container button.button-normal-red:active.disabled:visited,
.gynzy-teacher-application-container button.button-normal-red:active.disabled:visited,
.unicorn-manager-application-wrapper button.button-normal-red:active.disabled:visited,
.gynzy-student-application-container input[type='submit'].button-normal-red:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:active.disabled:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-red:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-normal-red:focus,
.gynzy-teacher-application-container .button-normal-red:focus,
.unicorn-manager-application-wrapper .button-normal-red:focus,
.gynzy-student-application-container button.button-normal-red:focus,
.gynzy-teacher-application-container button.button-normal-red:focus,
.unicorn-manager-application-wrapper button.button-normal-red:focus,
.gynzy-student-application-container input[type='submit'].button-normal-red:focus,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-red:focus {
  outline: 0;
}
.gynzy-student-application-container .button-normal-red img.incorrect-cross,
.gynzy-teacher-application-container .button-normal-red img.incorrect-cross,
.unicorn-manager-application-wrapper .button-normal-red img.incorrect-cross,
.gynzy-student-application-container button.button-normal-red img.incorrect-cross,
.gynzy-teacher-application-container button.button-normal-red img.incorrect-cross,
.unicorn-manager-application-wrapper button.button-normal-red img.incorrect-cross,
.gynzy-student-application-container input[type='submit'].button-normal-red img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-normal-red img.incorrect-cross,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-red img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-normal-red img.correct-tick,
.gynzy-teacher-application-container .button-normal-red img.correct-tick,
.unicorn-manager-application-wrapper .button-normal-red img.correct-tick,
.gynzy-student-application-container button.button-normal-red img.correct-tick,
.gynzy-teacher-application-container button.button-normal-red img.correct-tick,
.unicorn-manager-application-wrapper button.button-normal-red img.correct-tick,
.gynzy-student-application-container input[type='submit'].button-normal-red img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-normal-red img.correct-tick,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-red img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-normal-red .fa,
.gynzy-teacher-application-container .button-normal-red .fa,
.unicorn-manager-application-wrapper .button-normal-red .fa,
.gynzy-student-application-container button.button-normal-red .fa,
.gynzy-teacher-application-container button.button-normal-red .fa,
.unicorn-manager-application-wrapper button.button-normal-red .fa,
.gynzy-student-application-container input[type='submit'].button-normal-red .fa,
.gynzy-teacher-application-container input[type='submit'].button-normal-red .fa,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-red .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-normal-red.disabled *,
.gynzy-teacher-application-container .button-normal-red.disabled *,
.unicorn-manager-application-wrapper .button-normal-red.disabled *,
.gynzy-student-application-container button.button-normal-red.disabled *,
.gynzy-teacher-application-container button.button-normal-red.disabled *,
.unicorn-manager-application-wrapper button.button-normal-red.disabled *,
.gynzy-student-application-container input[type='submit'].button-normal-red.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-normal-red.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-red.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-normal-red:active,
.gynzy-teacher-application-container .button-normal-red:active,
.unicorn-manager-application-wrapper .button-normal-red:active,
.gynzy-student-application-container button.button-normal-red:active,
.gynzy-teacher-application-container button.button-normal-red:active,
.unicorn-manager-application-wrapper button.button-normal-red:active,
.gynzy-student-application-container input[type='submit'].button-normal-red:active,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:active,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-red:active,
.gynzy-student-application-container .button-normal-red:hover,
.gynzy-teacher-application-container .button-normal-red:hover,
.unicorn-manager-application-wrapper .button-normal-red:hover,
.gynzy-student-application-container button.button-normal-red:hover,
.gynzy-teacher-application-container button.button-normal-red:hover,
.unicorn-manager-application-wrapper button.button-normal-red:hover,
.gynzy-student-application-container input[type='submit'].button-normal-red:hover,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-red:hover,
.gynzy-student-application-container .button-normal-red:visited,
.gynzy-teacher-application-container .button-normal-red:visited,
.unicorn-manager-application-wrapper .button-normal-red:visited,
.gynzy-student-application-container button.button-normal-red:visited,
.gynzy-teacher-application-container button.button-normal-red:visited,
.unicorn-manager-application-wrapper button.button-normal-red:visited,
.gynzy-student-application-container input[type='submit'].button-normal-red:visited,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-red:visited {
  background-image: linear-gradient(to bottom, #b40c0c, #de3737);
  background-color: #de3737;
}
.gynzy-student-application-container .button-normal-red:active,
.gynzy-teacher-application-container .button-normal-red:active,
.unicorn-manager-application-wrapper .button-normal-red:active,
.gynzy-student-application-container button.button-normal-red:active,
.gynzy-teacher-application-container button.button-normal-red:active,
.unicorn-manager-application-wrapper button.button-normal-red:active,
.gynzy-student-application-container input[type='submit'].button-normal-red:active,
.gynzy-teacher-application-container input[type='submit'].button-normal-red:active,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-red:active {
  background-image: linear-gradient(to bottom, #b40c0c, #de3737);
  background-color: #de3737;
}
.gynzy-student-application-container .button-normal-red.square,
.gynzy-teacher-application-container .button-normal-red.square,
.unicorn-manager-application-wrapper .button-normal-red.square,
.gynzy-student-application-container button.button-normal-red.square,
.gynzy-teacher-application-container button.button-normal-red.square,
.unicorn-manager-application-wrapper button.button-normal-red.square,
.gynzy-student-application-container input[type='submit'].button-normal-red.square,
.gynzy-teacher-application-container input[type='submit'].button-normal-red.square,
.unicorn-manager-application-wrapper input[type='submit'].button-normal-red.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-student-application-container .button-normal-red-hover,
.gynzy-teacher-application-container .button-normal-red-hover,
.unicorn-manager-application-wrapper .button-normal-red-hover {
  background-image: linear-gradient(to bottom, #b40c0c, #de3737);
  background-color: #de3737;
}
.gynzy-student-application-container .button-normal-red-active,
.gynzy-teacher-application-container .button-normal-red-active,
.unicorn-manager-application-wrapper .button-normal-red-active {
  background-image: linear-gradient(to bottom, #b40c0c, #de3737);
  background-color: #de3737;
}
.gynzy-student-application-container .button-small-red,
.gynzy-teacher-application-container .button-small-red,
.unicorn-manager-application-wrapper .button-small-red,
.gynzy-student-application-container button.button-small-red,
.gynzy-teacher-application-container button.button-small-red,
.unicorn-manager-application-wrapper button.button-small-red,
.gynzy-student-application-container input[type='submit'].button-small-red,
.gynzy-teacher-application-container input[type='submit'].button-small-red,
.unicorn-manager-application-wrapper input[type='submit'].button-small-red {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  border: 1px solid #840000;
  background-color: #b40c0c;
  background-image: linear-gradient(to bottom, #de3737, #b40c0c);
  font-size: 1.5rem;
  padding: 0 2.7rem;
  line-height: 4rem !important;
}
.gynzy-student-application-container .button-small-red *,
.gynzy-teacher-application-container .button-small-red *,
.unicorn-manager-application-wrapper .button-small-red *,
.gynzy-student-application-container button.button-small-red *,
.gynzy-teacher-application-container button.button-small-red *,
.unicorn-manager-application-wrapper button.button-small-red *,
.gynzy-student-application-container input[type='submit'].button-small-red *,
.gynzy-teacher-application-container input[type='submit'].button-small-red *,
.unicorn-manager-application-wrapper input[type='submit'].button-small-red * {
  cursor: pointer;
}
.gynzy-student-application-container .button-small-red:hover,
.gynzy-teacher-application-container .button-small-red:hover,
.unicorn-manager-application-wrapper .button-small-red:hover,
.gynzy-student-application-container button.button-small-red:hover,
.gynzy-teacher-application-container button.button-small-red:hover,
.unicorn-manager-application-wrapper button.button-small-red:hover,
.gynzy-student-application-container input[type='submit'].button-small-red:hover,
.gynzy-teacher-application-container input[type='submit'].button-small-red:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-small-red:hover,
.gynzy-student-application-container .button-small-red:visited,
.gynzy-teacher-application-container .button-small-red:visited,
.unicorn-manager-application-wrapper .button-small-red:visited,
.gynzy-student-application-container button.button-small-red:visited,
.gynzy-teacher-application-container button.button-small-red:visited,
.unicorn-manager-application-wrapper button.button-small-red:visited,
.gynzy-student-application-container input[type='submit'].button-small-red:visited,
.gynzy-teacher-application-container input[type='submit'].button-small-red:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-small-red:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-small-red:active,
.gynzy-teacher-application-container .button-small-red:active,
.unicorn-manager-application-wrapper .button-small-red:active,
.gynzy-student-application-container button.button-small-red:active,
.gynzy-teacher-application-container button.button-small-red:active,
.unicorn-manager-application-wrapper button.button-small-red:active,
.gynzy-student-application-container input[type='submit'].button-small-red:active,
.gynzy-teacher-application-container input[type='submit'].button-small-red:active,
.unicorn-manager-application-wrapper input[type='submit'].button-small-red:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-small-red:active.disabled,
.gynzy-teacher-application-container .button-small-red:active.disabled,
.unicorn-manager-application-wrapper .button-small-red:active.disabled,
.gynzy-student-application-container button.button-small-red:active.disabled,
.gynzy-teacher-application-container button.button-small-red:active.disabled,
.unicorn-manager-application-wrapper button.button-small-red:active.disabled,
.gynzy-student-application-container input[type='submit'].button-small-red:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-small-red:active.disabled,
.unicorn-manager-application-wrapper input[type='submit'].button-small-red:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-small-red:active.disabled *,
.gynzy-teacher-application-container .button-small-red:active.disabled *,
.unicorn-manager-application-wrapper .button-small-red:active.disabled *,
.gynzy-student-application-container button.button-small-red:active.disabled *,
.gynzy-teacher-application-container button.button-small-red:active.disabled *,
.unicorn-manager-application-wrapper button.button-small-red:active.disabled *,
.gynzy-student-application-container input[type='submit'].button-small-red:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-small-red:active.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-small-red:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-small-red:active.disabled:hover,
.gynzy-teacher-application-container .button-small-red:active.disabled:hover,
.unicorn-manager-application-wrapper .button-small-red:active.disabled:hover,
.gynzy-student-application-container button.button-small-red:active.disabled:hover,
.gynzy-teacher-application-container button.button-small-red:active.disabled:hover,
.unicorn-manager-application-wrapper button.button-small-red:active.disabled:hover,
.gynzy-student-application-container input[type='submit'].button-small-red:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-small-red:active.disabled:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-small-red:active.disabled:hover,
.gynzy-student-application-container .button-small-red:active.disabled:active,
.gynzy-teacher-application-container .button-small-red:active.disabled:active,
.unicorn-manager-application-wrapper .button-small-red:active.disabled:active,
.gynzy-student-application-container button.button-small-red:active.disabled:active,
.gynzy-teacher-application-container button.button-small-red:active.disabled:active,
.unicorn-manager-application-wrapper button.button-small-red:active.disabled:active,
.gynzy-student-application-container input[type='submit'].button-small-red:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-small-red:active.disabled:active,
.unicorn-manager-application-wrapper input[type='submit'].button-small-red:active.disabled:active,
.gynzy-student-application-container .button-small-red:active.disabled:focus,
.gynzy-teacher-application-container .button-small-red:active.disabled:focus,
.unicorn-manager-application-wrapper .button-small-red:active.disabled:focus,
.gynzy-student-application-container button.button-small-red:active.disabled:focus,
.gynzy-teacher-application-container button.button-small-red:active.disabled:focus,
.unicorn-manager-application-wrapper button.button-small-red:active.disabled:focus,
.gynzy-student-application-container input[type='submit'].button-small-red:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-small-red:active.disabled:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-small-red:active.disabled:focus,
.gynzy-student-application-container .button-small-red:active.disabled:visited,
.gynzy-teacher-application-container .button-small-red:active.disabled:visited,
.unicorn-manager-application-wrapper .button-small-red:active.disabled:visited,
.gynzy-student-application-container button.button-small-red:active.disabled:visited,
.gynzy-teacher-application-container button.button-small-red:active.disabled:visited,
.unicorn-manager-application-wrapper button.button-small-red:active.disabled:visited,
.gynzy-student-application-container input[type='submit'].button-small-red:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-small-red:active.disabled:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-small-red:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-small-red:focus,
.gynzy-teacher-application-container .button-small-red:focus,
.unicorn-manager-application-wrapper .button-small-red:focus,
.gynzy-student-application-container button.button-small-red:focus,
.gynzy-teacher-application-container button.button-small-red:focus,
.unicorn-manager-application-wrapper button.button-small-red:focus,
.gynzy-student-application-container input[type='submit'].button-small-red:focus,
.gynzy-teacher-application-container input[type='submit'].button-small-red:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-small-red:focus {
  outline: 0;
}
.gynzy-student-application-container .button-small-red img.incorrect-cross,
.gynzy-teacher-application-container .button-small-red img.incorrect-cross,
.unicorn-manager-application-wrapper .button-small-red img.incorrect-cross,
.gynzy-student-application-container button.button-small-red img.incorrect-cross,
.gynzy-teacher-application-container button.button-small-red img.incorrect-cross,
.unicorn-manager-application-wrapper button.button-small-red img.incorrect-cross,
.gynzy-student-application-container input[type='submit'].button-small-red img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-small-red img.incorrect-cross,
.unicorn-manager-application-wrapper input[type='submit'].button-small-red img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-small-red img.correct-tick,
.gynzy-teacher-application-container .button-small-red img.correct-tick,
.unicorn-manager-application-wrapper .button-small-red img.correct-tick,
.gynzy-student-application-container button.button-small-red img.correct-tick,
.gynzy-teacher-application-container button.button-small-red img.correct-tick,
.unicorn-manager-application-wrapper button.button-small-red img.correct-tick,
.gynzy-student-application-container input[type='submit'].button-small-red img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-small-red img.correct-tick,
.unicorn-manager-application-wrapper input[type='submit'].button-small-red img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-small-red .fa,
.gynzy-teacher-application-container .button-small-red .fa,
.unicorn-manager-application-wrapper .button-small-red .fa,
.gynzy-student-application-container button.button-small-red .fa,
.gynzy-teacher-application-container button.button-small-red .fa,
.unicorn-manager-application-wrapper button.button-small-red .fa,
.gynzy-student-application-container input[type='submit'].button-small-red .fa,
.gynzy-teacher-application-container input[type='submit'].button-small-red .fa,
.unicorn-manager-application-wrapper input[type='submit'].button-small-red .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-small-red.disabled *,
.gynzy-teacher-application-container .button-small-red.disabled *,
.unicorn-manager-application-wrapper .button-small-red.disabled *,
.gynzy-student-application-container button.button-small-red.disabled *,
.gynzy-teacher-application-container button.button-small-red.disabled *,
.unicorn-manager-application-wrapper button.button-small-red.disabled *,
.gynzy-student-application-container input[type='submit'].button-small-red.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-small-red.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-small-red.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-small-red:active,
.gynzy-teacher-application-container .button-small-red:active,
.unicorn-manager-application-wrapper .button-small-red:active,
.gynzy-student-application-container button.button-small-red:active,
.gynzy-teacher-application-container button.button-small-red:active,
.unicorn-manager-application-wrapper button.button-small-red:active,
.gynzy-student-application-container input[type='submit'].button-small-red:active,
.gynzy-teacher-application-container input[type='submit'].button-small-red:active,
.unicorn-manager-application-wrapper input[type='submit'].button-small-red:active,
.gynzy-student-application-container .button-small-red:hover,
.gynzy-teacher-application-container .button-small-red:hover,
.unicorn-manager-application-wrapper .button-small-red:hover,
.gynzy-student-application-container button.button-small-red:hover,
.gynzy-teacher-application-container button.button-small-red:hover,
.unicorn-manager-application-wrapper button.button-small-red:hover,
.gynzy-student-application-container input[type='submit'].button-small-red:hover,
.gynzy-teacher-application-container input[type='submit'].button-small-red:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-small-red:hover,
.gynzy-student-application-container .button-small-red:visited,
.gynzy-teacher-application-container .button-small-red:visited,
.unicorn-manager-application-wrapper .button-small-red:visited,
.gynzy-student-application-container button.button-small-red:visited,
.gynzy-teacher-application-container button.button-small-red:visited,
.unicorn-manager-application-wrapper button.button-small-red:visited,
.gynzy-student-application-container input[type='submit'].button-small-red:visited,
.gynzy-teacher-application-container input[type='submit'].button-small-red:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-small-red:visited {
  background-image: linear-gradient(to bottom, #b40c0c, #de3737);
  background-color: #de3737;
}
.gynzy-student-application-container .button-small-red:active,
.gynzy-teacher-application-container .button-small-red:active,
.unicorn-manager-application-wrapper .button-small-red:active,
.gynzy-student-application-container button.button-small-red:active,
.gynzy-teacher-application-container button.button-small-red:active,
.unicorn-manager-application-wrapper button.button-small-red:active,
.gynzy-student-application-container input[type='submit'].button-small-red:active,
.gynzy-teacher-application-container input[type='submit'].button-small-red:active,
.unicorn-manager-application-wrapper input[type='submit'].button-small-red:active {
  background-image: linear-gradient(to bottom, #b40c0c, #de3737);
  background-color: #de3737;
}
.gynzy-student-application-container .button-small-red.square,
.gynzy-teacher-application-container .button-small-red.square,
.unicorn-manager-application-wrapper .button-small-red.square,
.gynzy-student-application-container button.button-small-red.square,
.gynzy-teacher-application-container button.button-small-red.square,
.unicorn-manager-application-wrapper button.button-small-red.square,
.gynzy-student-application-container input[type='submit'].button-small-red.square,
.gynzy-teacher-application-container input[type='submit'].button-small-red.square,
.unicorn-manager-application-wrapper input[type='submit'].button-small-red.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-student-application-container .button-large-red,
.gynzy-teacher-application-container .button-large-red,
.unicorn-manager-application-wrapper .button-large-red,
.gynzy-student-application-container button.button-large-red,
.gynzy-teacher-application-container button.button-large-red,
.unicorn-manager-application-wrapper button.button-large-red,
.gynzy-student-application-container input[type='submit'].button-large-red,
.gynzy-teacher-application-container input[type='submit'].button-large-red,
.unicorn-manager-application-wrapper input[type='submit'].button-large-red {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  border: 1px solid #840000;
  background-color: #b40c0c;
  background-image: linear-gradient(to bottom, #de3737, #b40c0c);
  font-size: 2.4rem;
  padding: 0.75rem 2.7rem;
  line-height: 4.8rem !important;
}
.gynzy-student-application-container .button-large-red *,
.gynzy-teacher-application-container .button-large-red *,
.unicorn-manager-application-wrapper .button-large-red *,
.gynzy-student-application-container button.button-large-red *,
.gynzy-teacher-application-container button.button-large-red *,
.unicorn-manager-application-wrapper button.button-large-red *,
.gynzy-student-application-container input[type='submit'].button-large-red *,
.gynzy-teacher-application-container input[type='submit'].button-large-red *,
.unicorn-manager-application-wrapper input[type='submit'].button-large-red * {
  cursor: pointer;
}
.gynzy-student-application-container .button-large-red:hover,
.gynzy-teacher-application-container .button-large-red:hover,
.unicorn-manager-application-wrapper .button-large-red:hover,
.gynzy-student-application-container button.button-large-red:hover,
.gynzy-teacher-application-container button.button-large-red:hover,
.unicorn-manager-application-wrapper button.button-large-red:hover,
.gynzy-student-application-container input[type='submit'].button-large-red:hover,
.gynzy-teacher-application-container input[type='submit'].button-large-red:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-large-red:hover,
.gynzy-student-application-container .button-large-red:visited,
.gynzy-teacher-application-container .button-large-red:visited,
.unicorn-manager-application-wrapper .button-large-red:visited,
.gynzy-student-application-container button.button-large-red:visited,
.gynzy-teacher-application-container button.button-large-red:visited,
.unicorn-manager-application-wrapper button.button-large-red:visited,
.gynzy-student-application-container input[type='submit'].button-large-red:visited,
.gynzy-teacher-application-container input[type='submit'].button-large-red:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-large-red:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-large-red:active,
.gynzy-teacher-application-container .button-large-red:active,
.unicorn-manager-application-wrapper .button-large-red:active,
.gynzy-student-application-container button.button-large-red:active,
.gynzy-teacher-application-container button.button-large-red:active,
.unicorn-manager-application-wrapper button.button-large-red:active,
.gynzy-student-application-container input[type='submit'].button-large-red:active,
.gynzy-teacher-application-container input[type='submit'].button-large-red:active,
.unicorn-manager-application-wrapper input[type='submit'].button-large-red:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-large-red:active.disabled,
.gynzy-teacher-application-container .button-large-red:active.disabled,
.unicorn-manager-application-wrapper .button-large-red:active.disabled,
.gynzy-student-application-container button.button-large-red:active.disabled,
.gynzy-teacher-application-container button.button-large-red:active.disabled,
.unicorn-manager-application-wrapper button.button-large-red:active.disabled,
.gynzy-student-application-container input[type='submit'].button-large-red:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-large-red:active.disabled,
.unicorn-manager-application-wrapper input[type='submit'].button-large-red:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-large-red:active.disabled *,
.gynzy-teacher-application-container .button-large-red:active.disabled *,
.unicorn-manager-application-wrapper .button-large-red:active.disabled *,
.gynzy-student-application-container button.button-large-red:active.disabled *,
.gynzy-teacher-application-container button.button-large-red:active.disabled *,
.unicorn-manager-application-wrapper button.button-large-red:active.disabled *,
.gynzy-student-application-container input[type='submit'].button-large-red:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-large-red:active.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-large-red:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-large-red:active.disabled:hover,
.gynzy-teacher-application-container .button-large-red:active.disabled:hover,
.unicorn-manager-application-wrapper .button-large-red:active.disabled:hover,
.gynzy-student-application-container button.button-large-red:active.disabled:hover,
.gynzy-teacher-application-container button.button-large-red:active.disabled:hover,
.unicorn-manager-application-wrapper button.button-large-red:active.disabled:hover,
.gynzy-student-application-container input[type='submit'].button-large-red:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-large-red:active.disabled:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-large-red:active.disabled:hover,
.gynzy-student-application-container .button-large-red:active.disabled:active,
.gynzy-teacher-application-container .button-large-red:active.disabled:active,
.unicorn-manager-application-wrapper .button-large-red:active.disabled:active,
.gynzy-student-application-container button.button-large-red:active.disabled:active,
.gynzy-teacher-application-container button.button-large-red:active.disabled:active,
.unicorn-manager-application-wrapper button.button-large-red:active.disabled:active,
.gynzy-student-application-container input[type='submit'].button-large-red:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-large-red:active.disabled:active,
.unicorn-manager-application-wrapper input[type='submit'].button-large-red:active.disabled:active,
.gynzy-student-application-container .button-large-red:active.disabled:focus,
.gynzy-teacher-application-container .button-large-red:active.disabled:focus,
.unicorn-manager-application-wrapper .button-large-red:active.disabled:focus,
.gynzy-student-application-container button.button-large-red:active.disabled:focus,
.gynzy-teacher-application-container button.button-large-red:active.disabled:focus,
.unicorn-manager-application-wrapper button.button-large-red:active.disabled:focus,
.gynzy-student-application-container input[type='submit'].button-large-red:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-large-red:active.disabled:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-large-red:active.disabled:focus,
.gynzy-student-application-container .button-large-red:active.disabled:visited,
.gynzy-teacher-application-container .button-large-red:active.disabled:visited,
.unicorn-manager-application-wrapper .button-large-red:active.disabled:visited,
.gynzy-student-application-container button.button-large-red:active.disabled:visited,
.gynzy-teacher-application-container button.button-large-red:active.disabled:visited,
.unicorn-manager-application-wrapper button.button-large-red:active.disabled:visited,
.gynzy-student-application-container input[type='submit'].button-large-red:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-large-red:active.disabled:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-large-red:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-large-red:focus,
.gynzy-teacher-application-container .button-large-red:focus,
.unicorn-manager-application-wrapper .button-large-red:focus,
.gynzy-student-application-container button.button-large-red:focus,
.gynzy-teacher-application-container button.button-large-red:focus,
.unicorn-manager-application-wrapper button.button-large-red:focus,
.gynzy-student-application-container input[type='submit'].button-large-red:focus,
.gynzy-teacher-application-container input[type='submit'].button-large-red:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-large-red:focus {
  outline: 0;
}
.gynzy-student-application-container .button-large-red img.incorrect-cross,
.gynzy-teacher-application-container .button-large-red img.incorrect-cross,
.unicorn-manager-application-wrapper .button-large-red img.incorrect-cross,
.gynzy-student-application-container button.button-large-red img.incorrect-cross,
.gynzy-teacher-application-container button.button-large-red img.incorrect-cross,
.unicorn-manager-application-wrapper button.button-large-red img.incorrect-cross,
.gynzy-student-application-container input[type='submit'].button-large-red img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-large-red img.incorrect-cross,
.unicorn-manager-application-wrapper input[type='submit'].button-large-red img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-large-red img.correct-tick,
.gynzy-teacher-application-container .button-large-red img.correct-tick,
.unicorn-manager-application-wrapper .button-large-red img.correct-tick,
.gynzy-student-application-container button.button-large-red img.correct-tick,
.gynzy-teacher-application-container button.button-large-red img.correct-tick,
.unicorn-manager-application-wrapper button.button-large-red img.correct-tick,
.gynzy-student-application-container input[type='submit'].button-large-red img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-large-red img.correct-tick,
.unicorn-manager-application-wrapper input[type='submit'].button-large-red img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-large-red .fa,
.gynzy-teacher-application-container .button-large-red .fa,
.unicorn-manager-application-wrapper .button-large-red .fa,
.gynzy-student-application-container button.button-large-red .fa,
.gynzy-teacher-application-container button.button-large-red .fa,
.unicorn-manager-application-wrapper button.button-large-red .fa,
.gynzy-student-application-container input[type='submit'].button-large-red .fa,
.gynzy-teacher-application-container input[type='submit'].button-large-red .fa,
.unicorn-manager-application-wrapper input[type='submit'].button-large-red .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-large-red.disabled *,
.gynzy-teacher-application-container .button-large-red.disabled *,
.unicorn-manager-application-wrapper .button-large-red.disabled *,
.gynzy-student-application-container button.button-large-red.disabled *,
.gynzy-teacher-application-container button.button-large-red.disabled *,
.unicorn-manager-application-wrapper button.button-large-red.disabled *,
.gynzy-student-application-container input[type='submit'].button-large-red.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-large-red.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-large-red.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-large-red:active,
.gynzy-teacher-application-container .button-large-red:active,
.unicorn-manager-application-wrapper .button-large-red:active,
.gynzy-student-application-container button.button-large-red:active,
.gynzy-teacher-application-container button.button-large-red:active,
.unicorn-manager-application-wrapper button.button-large-red:active,
.gynzy-student-application-container input[type='submit'].button-large-red:active,
.gynzy-teacher-application-container input[type='submit'].button-large-red:active,
.unicorn-manager-application-wrapper input[type='submit'].button-large-red:active,
.gynzy-student-application-container .button-large-red:hover,
.gynzy-teacher-application-container .button-large-red:hover,
.unicorn-manager-application-wrapper .button-large-red:hover,
.gynzy-student-application-container button.button-large-red:hover,
.gynzy-teacher-application-container button.button-large-red:hover,
.unicorn-manager-application-wrapper button.button-large-red:hover,
.gynzy-student-application-container input[type='submit'].button-large-red:hover,
.gynzy-teacher-application-container input[type='submit'].button-large-red:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-large-red:hover,
.gynzy-student-application-container .button-large-red:visited,
.gynzy-teacher-application-container .button-large-red:visited,
.unicorn-manager-application-wrapper .button-large-red:visited,
.gynzy-student-application-container button.button-large-red:visited,
.gynzy-teacher-application-container button.button-large-red:visited,
.unicorn-manager-application-wrapper button.button-large-red:visited,
.gynzy-student-application-container input[type='submit'].button-large-red:visited,
.gynzy-teacher-application-container input[type='submit'].button-large-red:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-large-red:visited {
  background-image: linear-gradient(to bottom, #b40c0c, #de3737);
  background-color: #de3737;
}
.gynzy-student-application-container .button-large-red:active,
.gynzy-teacher-application-container .button-large-red:active,
.unicorn-manager-application-wrapper .button-large-red:active,
.gynzy-student-application-container button.button-large-red:active,
.gynzy-teacher-application-container button.button-large-red:active,
.unicorn-manager-application-wrapper button.button-large-red:active,
.gynzy-student-application-container input[type='submit'].button-large-red:active,
.gynzy-teacher-application-container input[type='submit'].button-large-red:active,
.unicorn-manager-application-wrapper input[type='submit'].button-large-red:active {
  background-image: linear-gradient(to bottom, #b40c0c, #de3737);
  background-color: #de3737;
}
.gynzy-student-application-container .button-large-red.square,
.gynzy-teacher-application-container .button-large-red.square,
.unicorn-manager-application-wrapper .button-large-red.square,
.gynzy-student-application-container button.button-large-red.square,
.gynzy-teacher-application-container button.button-large-red.square,
.unicorn-manager-application-wrapper button.button-large-red.square,
.gynzy-student-application-container input[type='submit'].button-large-red.square,
.gynzy-teacher-application-container input[type='submit'].button-large-red.square,
.unicorn-manager-application-wrapper input[type='submit'].button-large-red.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-student-application-container .button-extra-large-red,
.gynzy-teacher-application-container .button-extra-large-red,
.unicorn-manager-application-wrapper .button-extra-large-red,
.gynzy-student-application-container button.button-extra-large-red,
.gynzy-teacher-application-container button.button-extra-large-red,
.unicorn-manager-application-wrapper button.button-extra-large-red,
.gynzy-student-application-container input[type='submit'].button-extra-large-red,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-red {
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(50, 50, 50, 0.35);
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  border-radius: 0.72rem;
  background-clip: padding-box;
  background-color: #3c83f3;
  text-indent: 0;
  border: 1px solid #0034a0;
  display: inline-block;
  color: #fff;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
  border: 1px solid #840000;
  background-color: #b40c0c;
  background-image: linear-gradient(to bottom, #de3737, #b40c0c);
  font-size: 3rem;
  padding: 0.75rem 3.5rem;
  line-height: 6.2rem !important;
}
.gynzy-student-application-container .button-extra-large-red *,
.gynzy-teacher-application-container .button-extra-large-red *,
.unicorn-manager-application-wrapper .button-extra-large-red *,
.gynzy-student-application-container button.button-extra-large-red *,
.gynzy-teacher-application-container button.button-extra-large-red *,
.unicorn-manager-application-wrapper button.button-extra-large-red *,
.gynzy-student-application-container input[type='submit'].button-extra-large-red *,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red *,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-red * {
  cursor: pointer;
}
.gynzy-student-application-container .button-extra-large-red:hover,
.gynzy-teacher-application-container .button-extra-large-red:hover,
.unicorn-manager-application-wrapper .button-extra-large-red:hover,
.gynzy-student-application-container button.button-extra-large-red:hover,
.gynzy-teacher-application-container button.button-extra-large-red:hover,
.unicorn-manager-application-wrapper button.button-extra-large-red:hover,
.gynzy-student-application-container input[type='submit'].button-extra-large-red:hover,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-red:hover,
.gynzy-student-application-container .button-extra-large-red:visited,
.gynzy-teacher-application-container .button-extra-large-red:visited,
.unicorn-manager-application-wrapper .button-extra-large-red:visited,
.gynzy-student-application-container button.button-extra-large-red:visited,
.gynzy-teacher-application-container button.button-extra-large-red:visited,
.unicorn-manager-application-wrapper button.button-extra-large-red:visited,
.gynzy-student-application-container input[type='submit'].button-extra-large-red:visited,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-red:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #0e5fd8, #3c83f3);
  background-color: #0e5fd8;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-extra-large-red:active,
.gynzy-teacher-application-container .button-extra-large-red:active,
.unicorn-manager-application-wrapper .button-extra-large-red:active,
.gynzy-student-application-container button.button-extra-large-red:active,
.gynzy-teacher-application-container button.button-extra-large-red:active,
.unicorn-manager-application-wrapper button.button-extra-large-red:active,
.gynzy-student-application-container input[type='submit'].button-extra-large-red:active,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:active,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-red:active {
  background-image: linear-gradient(to bottom, #123364, #3c83f3);
  color: #fff;
  background-color: #123364;
  opacity: 1;
  /*
		FIXME: Some buttons inherit from the a
		tag because reasons. The a tag sets
		an underline on the text and this
		shouldn't happen with buttons.
	*/
  text-decoration: none;
}
.gynzy-student-application-container .button-extra-large-red:active.disabled,
.gynzy-teacher-application-container .button-extra-large-red:active.disabled,
.unicorn-manager-application-wrapper .button-extra-large-red:active.disabled,
.gynzy-student-application-container button.button-extra-large-red:active.disabled,
.gynzy-teacher-application-container button.button-extra-large-red:active.disabled,
.unicorn-manager-application-wrapper button.button-extra-large-red:active.disabled,
.gynzy-student-application-container input[type='submit'].button-extra-large-red:active.disabled,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:active.disabled,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-red:active.disabled {
  cursor: default;
  opacity: 0.5;
}
.gynzy-student-application-container .button-extra-large-red:active.disabled *,
.gynzy-teacher-application-container .button-extra-large-red:active.disabled *,
.unicorn-manager-application-wrapper .button-extra-large-red:active.disabled *,
.gynzy-student-application-container button.button-extra-large-red:active.disabled *,
.gynzy-teacher-application-container button.button-extra-large-red:active.disabled *,
.unicorn-manager-application-wrapper button.button-extra-large-red:active.disabled *,
.gynzy-student-application-container input[type='submit'].button-extra-large-red:active.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:active.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-red:active.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-extra-large-red:active.disabled:hover,
.gynzy-teacher-application-container .button-extra-large-red:active.disabled:hover,
.unicorn-manager-application-wrapper .button-extra-large-red:active.disabled:hover,
.gynzy-student-application-container button.button-extra-large-red:active.disabled:hover,
.gynzy-teacher-application-container button.button-extra-large-red:active.disabled:hover,
.unicorn-manager-application-wrapper button.button-extra-large-red:active.disabled:hover,
.gynzy-student-application-container input[type='submit'].button-extra-large-red:active.disabled:hover,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:active.disabled:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-red:active.disabled:hover,
.gynzy-student-application-container .button-extra-large-red:active.disabled:active,
.gynzy-teacher-application-container .button-extra-large-red:active.disabled:active,
.unicorn-manager-application-wrapper .button-extra-large-red:active.disabled:active,
.gynzy-student-application-container button.button-extra-large-red:active.disabled:active,
.gynzy-teacher-application-container button.button-extra-large-red:active.disabled:active,
.unicorn-manager-application-wrapper button.button-extra-large-red:active.disabled:active,
.gynzy-student-application-container input[type='submit'].button-extra-large-red:active.disabled:active,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:active.disabled:active,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-red:active.disabled:active,
.gynzy-student-application-container .button-extra-large-red:active.disabled:focus,
.gynzy-teacher-application-container .button-extra-large-red:active.disabled:focus,
.unicorn-manager-application-wrapper .button-extra-large-red:active.disabled:focus,
.gynzy-student-application-container button.button-extra-large-red:active.disabled:focus,
.gynzy-teacher-application-container button.button-extra-large-red:active.disabled:focus,
.unicorn-manager-application-wrapper button.button-extra-large-red:active.disabled:focus,
.gynzy-student-application-container input[type='submit'].button-extra-large-red:active.disabled:focus,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:active.disabled:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-red:active.disabled:focus,
.gynzy-student-application-container .button-extra-large-red:active.disabled:visited,
.gynzy-teacher-application-container .button-extra-large-red:active.disabled:visited,
.unicorn-manager-application-wrapper .button-extra-large-red:active.disabled:visited,
.gynzy-student-application-container button.button-extra-large-red:active.disabled:visited,
.gynzy-teacher-application-container button.button-extra-large-red:active.disabled:visited,
.unicorn-manager-application-wrapper button.button-extra-large-red:active.disabled:visited,
.gynzy-student-application-container input[type='submit'].button-extra-large-red:active.disabled:visited,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:active.disabled:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-red:active.disabled:visited {
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to bottom, #3c83f3, #0e5fd8);
  background-color: #0e5fd8;
}
.gynzy-student-application-container .button-extra-large-red:focus,
.gynzy-teacher-application-container .button-extra-large-red:focus,
.unicorn-manager-application-wrapper .button-extra-large-red:focus,
.gynzy-student-application-container button.button-extra-large-red:focus,
.gynzy-teacher-application-container button.button-extra-large-red:focus,
.unicorn-manager-application-wrapper button.button-extra-large-red:focus,
.gynzy-student-application-container input[type='submit'].button-extra-large-red:focus,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:focus,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-red:focus {
  outline: 0;
}
.gynzy-student-application-container .button-extra-large-red img.incorrect-cross,
.gynzy-teacher-application-container .button-extra-large-red img.incorrect-cross,
.unicorn-manager-application-wrapper .button-extra-large-red img.incorrect-cross,
.gynzy-student-application-container button.button-extra-large-red img.incorrect-cross,
.gynzy-teacher-application-container button.button-extra-large-red img.incorrect-cross,
.unicorn-manager-application-wrapper button.button-extra-large-red img.incorrect-cross,
.gynzy-student-application-container input[type='submit'].button-extra-large-red img.incorrect-cross,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red img.incorrect-cross,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-red img.incorrect-cross {
  display: none;
}
.gynzy-student-application-container .button-extra-large-red img.correct-tick,
.gynzy-teacher-application-container .button-extra-large-red img.correct-tick,
.unicorn-manager-application-wrapper .button-extra-large-red img.correct-tick,
.gynzy-student-application-container button.button-extra-large-red img.correct-tick,
.gynzy-teacher-application-container button.button-extra-large-red img.correct-tick,
.unicorn-manager-application-wrapper button.button-extra-large-red img.correct-tick,
.gynzy-student-application-container input[type='submit'].button-extra-large-red img.correct-tick,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red img.correct-tick,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-red img.correct-tick {
  display: none;
}
.gynzy-student-application-container .button-extra-large-red .fa,
.gynzy-teacher-application-container .button-extra-large-red .fa,
.unicorn-manager-application-wrapper .button-extra-large-red .fa,
.gynzy-student-application-container button.button-extra-large-red .fa,
.gynzy-teacher-application-container button.button-extra-large-red .fa,
.unicorn-manager-application-wrapper button.button-extra-large-red .fa,
.gynzy-student-application-container input[type='submit'].button-extra-large-red .fa,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red .fa,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-red .fa {
  font-size: 3rem;
  padding-right: 1rem;
}
.gynzy-student-application-container .button-extra-large-red.disabled *,
.gynzy-teacher-application-container .button-extra-large-red.disabled *,
.unicorn-manager-application-wrapper .button-extra-large-red.disabled *,
.gynzy-student-application-container button.button-extra-large-red.disabled *,
.gynzy-teacher-application-container button.button-extra-large-red.disabled *,
.unicorn-manager-application-wrapper button.button-extra-large-red.disabled *,
.gynzy-student-application-container input[type='submit'].button-extra-large-red.disabled *,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red.disabled *,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-red.disabled * {
  cursor: default;
}
.gynzy-student-application-container .button-extra-large-red:active,
.gynzy-teacher-application-container .button-extra-large-red:active,
.unicorn-manager-application-wrapper .button-extra-large-red:active,
.gynzy-student-application-container button.button-extra-large-red:active,
.gynzy-teacher-application-container button.button-extra-large-red:active,
.unicorn-manager-application-wrapper button.button-extra-large-red:active,
.gynzy-student-application-container input[type='submit'].button-extra-large-red:active,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:active,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-red:active,
.gynzy-student-application-container .button-extra-large-red:hover,
.gynzy-teacher-application-container .button-extra-large-red:hover,
.unicorn-manager-application-wrapper .button-extra-large-red:hover,
.gynzy-student-application-container button.button-extra-large-red:hover,
.gynzy-teacher-application-container button.button-extra-large-red:hover,
.unicorn-manager-application-wrapper button.button-extra-large-red:hover,
.gynzy-student-application-container input[type='submit'].button-extra-large-red:hover,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:hover,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-red:hover,
.gynzy-student-application-container .button-extra-large-red:visited,
.gynzy-teacher-application-container .button-extra-large-red:visited,
.unicorn-manager-application-wrapper .button-extra-large-red:visited,
.gynzy-student-application-container button.button-extra-large-red:visited,
.gynzy-teacher-application-container button.button-extra-large-red:visited,
.unicorn-manager-application-wrapper button.button-extra-large-red:visited,
.gynzy-student-application-container input[type='submit'].button-extra-large-red:visited,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:visited,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-red:visited {
  background-image: linear-gradient(to bottom, #b40c0c, #de3737);
  background-color: #de3737;
}
.gynzy-student-application-container .button-extra-large-red:active,
.gynzy-teacher-application-container .button-extra-large-red:active,
.unicorn-manager-application-wrapper .button-extra-large-red:active,
.gynzy-student-application-container button.button-extra-large-red:active,
.gynzy-teacher-application-container button.button-extra-large-red:active,
.unicorn-manager-application-wrapper button.button-extra-large-red:active,
.gynzy-student-application-container input[type='submit'].button-extra-large-red:active,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red:active,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-red:active {
  background-image: linear-gradient(to bottom, #b40c0c, #de3737);
  background-color: #de3737;
}
.gynzy-student-application-container .button-extra-large-red.square,
.gynzy-teacher-application-container .button-extra-large-red.square,
.unicorn-manager-application-wrapper .button-extra-large-red.square,
.gynzy-student-application-container button.button-extra-large-red.square,
.gynzy-teacher-application-container button.button-extra-large-red.square,
.unicorn-manager-application-wrapper button.button-extra-large-red.square,
.gynzy-student-application-container input[type='submit'].button-extra-large-red.square,
.gynzy-teacher-application-container input[type='submit'].button-extra-large-red.square,
.unicorn-manager-application-wrapper input[type='submit'].button-extra-large-red.square {
  font-size: 2.8rem;
  padding: 0 0.75rem;
  min-width: 33px;
  min-height: 33px;
}
.gynzy-student-application-container .button-tertiary-normal,
.gynzy-teacher-application-container .button-tertiary-normal,
.unicorn-manager-application-wrapper .button-tertiary-normal {
  background: none;
  border-radius: 0.72rem;
  text-indent: 0;
  border: 1px solid #8ab4cf;
  display: inline-block !important;
  color: #06c;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center !important;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
}
.gynzy-student-application-container .button-tertiary-normal:hover,
.gynzy-teacher-application-container .button-tertiary-normal:hover,
.unicorn-manager-application-wrapper .button-tertiary-normal:hover {
  border: 1px solid #006bc6;
  background: #f7f7f7;
  color: #06c;
}
.gynzy-student-application-container .button-tertiary-normal:active,
.gynzy-teacher-application-container .button-tertiary-normal:active,
.unicorn-manager-application-wrapper .button-tertiary-normal:active {
  background: #f7f7f7;
}
.gynzy-student-application-container .button-tertiary-small,
.gynzy-teacher-application-container .button-tertiary-small,
.unicorn-manager-application-wrapper .button-tertiary-small {
  background: none;
  border-radius: 0.72rem;
  text-indent: 0;
  border: 1px solid #8ab4cf;
  display: inline-block !important;
  color: #06c;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center !important;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  padding: 0.25rem 1.5rem;
  font-size: 1.7rem;
}
.gynzy-student-application-container .button-tertiary-small:hover,
.gynzy-teacher-application-container .button-tertiary-small:hover,
.unicorn-manager-application-wrapper .button-tertiary-small:hover {
  border: 1px solid #006bc6;
  background: #f7f7f7;
  color: #06c;
}
.gynzy-student-application-container .button-tertiary-small:active,
.gynzy-teacher-application-container .button-tertiary-small:active,
.unicorn-manager-application-wrapper .button-tertiary-small:active {
  background: #f7f7f7;
}
.gynzy-student-application-container .button-tertiary-selected,
.gynzy-teacher-application-container .button-tertiary-selected,
.unicorn-manager-application-wrapper .button-tertiary-selected {
  background: none;
  border-radius: 0.72rem;
  text-indent: 0;
  border: 1px solid #8ab4cf;
  display: inline-block !important;
  color: #06c;
  font-family: 'Arial';
  font-size: 1.8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 3.5rem !important;
  text-decoration: none;
  text-align: center !important;
  padding: 0.75rem 1.95rem;
  cursor: pointer;
  white-space: nowrap;
  background: #f7f7f7;
  color: #000;
  box-shadow: #ccc 1px 1px 1px inset;
}
.gynzy-student-application-container .button-tertiary-selected:hover,
.gynzy-teacher-application-container .button-tertiary-selected:hover,
.unicorn-manager-application-wrapper .button-tertiary-selected:hover {
  border: 1px solid #006bc6;
  background: #f7f7f7;
  color: #06c;
}
.gynzy-student-application-container .button-tertiary-selected:active,
.gynzy-teacher-application-container .button-tertiary-selected:active,
.unicorn-manager-application-wrapper .button-tertiary-selected:active {
  background: #f7f7f7;
}
.gynzy-student-application-container .button-tertiary-selected:hover,
.gynzy-teacher-application-container .button-tertiary-selected:hover,
.unicorn-manager-application-wrapper .button-tertiary-selected:hover {
  border: 1px solid #8ab4cf;
  background: #f7f7f7;
  color: #000;
}
.gynzy-student-application-container .primary-dark,
.gynzy-teacher-application-container .primary-dark,
.unicorn-manager-application-wrapper .primary-dark,
.gynzy-student-application-container input[type='text'].primary-dark,
.gynzy-teacher-application-container input[type='text'].primary-dark,
.unicorn-manager-application-wrapper input[type='text'].primary-dark {
  background-color: #256afd;
}
.gynzy-student-application-container .primary-light,
.gynzy-teacher-application-container .primary-light,
.unicorn-manager-application-wrapper .primary-light,
.gynzy-student-application-container input[type='text'].primary-light,
.gynzy-teacher-application-container input[type='text'].primary-light,
.unicorn-manager-application-wrapper input[type='text'].primary-light {
  background-color: #a4c5f3;
}
.gynzy-student-application-container .secondary-dark,
.gynzy-teacher-application-container .secondary-dark,
.unicorn-manager-application-wrapper .secondary-dark,
.gynzy-student-application-container input[type='text'].secondary-dark,
.gynzy-teacher-application-container input[type='text'].secondary-dark,
.unicorn-manager-application-wrapper input[type='text'].secondary-dark {
  background-color: #ff7200;
}
.gynzy-student-application-container .secondary-light,
.gynzy-teacher-application-container .secondary-light,
.unicorn-manager-application-wrapper .secondary-light,
.gynzy-student-application-container input[type='text'].secondary-light,
.gynzy-teacher-application-container input[type='text'].secondary-light,
.unicorn-manager-application-wrapper input[type='text'].secondary-light {
  background-color: #f4bf86;
}
.gynzy-student-application-container .tertiary-dark,
.gynzy-teacher-application-container .tertiary-dark,
.unicorn-manager-application-wrapper .tertiary-dark,
.gynzy-student-application-container input[type='text'].tertiary-dark,
.gynzy-teacher-application-container input[type='text'].tertiary-dark,
.unicorn-manager-application-wrapper input[type='text'].tertiary-dark {
  background-color: #d000c3;
}
.gynzy-student-application-container .tertiary-light,
.gynzy-teacher-application-container .tertiary-light,
.unicorn-manager-application-wrapper .tertiary-light,
.gynzy-student-application-container input[type='text'].tertiary-light,
.gynzy-teacher-application-container input[type='text'].tertiary-light,
.unicorn-manager-application-wrapper input[type='text'].tertiary-light {
  background-color: #e1a2e9;
}
.gynzy-student-application-container .quaternary-dark,
.gynzy-teacher-application-container .quaternary-dark,
.unicorn-manager-application-wrapper .quaternary-dark,
.gynzy-student-application-container input[type='text'].quaternary-dark,
.gynzy-teacher-application-container input[type='text'].quaternary-dark,
.unicorn-manager-application-wrapper input[type='text'].quaternary-dark {
  background-color: #ecbf0d;
}
.gynzy-student-application-container .quaternary-light,
.gynzy-teacher-application-container .quaternary-light,
.unicorn-manager-application-wrapper .quaternary-light,
.gynzy-student-application-container input[type='text'].quaternary-light,
.gynzy-teacher-application-container input[type='text'].quaternary-light,
.unicorn-manager-application-wrapper input[type='text'].quaternary-light {
  background-color: #c7bd96;
}
.gynzy-student-application-container .quinary-dark,
.gynzy-teacher-application-container .quinary-dark,
.unicorn-manager-application-wrapper .quinary-dark,
.gynzy-student-application-container input[type='text'].quinary-dark,
.gynzy-teacher-application-container input[type='text'].quinary-dark,
.unicorn-manager-application-wrapper input[type='text'].quinary-dark {
  background-color: #00be00;
}
.gynzy-student-application-container .senary-dark,
.gynzy-teacher-application-container .senary-dark,
.unicorn-manager-application-wrapper .senary-dark,
.gynzy-student-application-container input[type='text'].senary-dark,
.gynzy-teacher-application-container input[type='text'].senary-dark,
.unicorn-manager-application-wrapper input[type='text'].senary-dark {
  background-color: #00a169;
}
.gynzy-student-application-container .neutral,
.gynzy-teacher-application-container .neutral,
.unicorn-manager-application-wrapper .neutral,
.gynzy-student-application-container input[type='text'].neutral,
.gynzy-teacher-application-container input[type='text'].neutral,
.unicorn-manager-application-wrapper input[type='text'].neutral {
  background-color: #fff;
}
.gynzy-student-application-container .grey-light,
.gynzy-teacher-application-container .grey-light,
.unicorn-manager-application-wrapper .grey-light {
  color: #c3c3c3;
}
.gynzy-student-application-container .bg-grey-light,
.gynzy-teacher-application-container .bg-grey-light,
.unicorn-manager-application-wrapper .bg-grey-light {
  background-color: #c3c3c3;
}
.gynzy-student-application-container .grey-dark,
.gynzy-teacher-application-container .grey-dark,
.unicorn-manager-application-wrapper .grey-dark {
  color: #777;
}
.gynzy-student-application-container .grey-opac-light,
.gynzy-teacher-application-container .grey-opac-light,
.unicorn-manager-application-wrapper .grey-opac-light {
  color: rgba(119, 119, 119, 0.7) !important;
}
.gynzy-student-application-container .grey-opac-dark,
.gynzy-teacher-application-container .grey-opac-dark,
.unicorn-manager-application-wrapper .grey-opac-dark {
  color: rgba(0, 0, 0, 0.8);
}
.gynzy-student-application-container .blue,
.gynzy-teacher-application-container .blue,
.unicorn-manager-application-wrapper .blue {
  color: #06c;
}
.gynzy-student-application-container .yellow,
.gynzy-teacher-application-container .yellow,
.unicorn-manager-application-wrapper .yellow {
  color: #fed204;
}
.gynzy-student-application-container .mediumBlue,
.gynzy-teacher-application-container .mediumBlue,
.unicorn-manager-application-wrapper .mediumBlue {
  color: #7aa7fa;
}
.gynzy-student-application-container .lightBlue,
.gynzy-teacher-application-container .lightBlue,
.unicorn-manager-application-wrapper .lightBlue {
  color: #f2f7fc;
}
.gynzy-student-application-container .boxBlue,
.gynzy-teacher-application-container .boxBlue,
.unicorn-manager-application-wrapper .boxBlue {
  color: #93b2d2;
}
.gynzy-student-application-container .okGreen,
.gynzy-teacher-application-container .okGreen,
.unicorn-manager-application-wrapper .okGreen {
  color: #209914;
}
.gynzy-student-application-container .errorRed,
.gynzy-teacher-application-container .errorRed,
.unicorn-manager-application-wrapper .errorRed {
  color: #ed1c24;
}
.gynzy-student-application-container .reeksColor,
.gynzy-teacher-application-container .reeksColor,
.unicorn-manager-application-wrapper .reeksColor {
  color: #e5ab20;
}
.gynzy-student-application-container .goedGreen,
.gynzy-teacher-application-container .goedGreen,
.unicorn-manager-application-wrapper .goedGreen {
  color: #22a914;
}
.gynzy-student-application-container .bg-goedGreen,
.gynzy-teacher-application-container .bg-goedGreen,
.unicorn-manager-application-wrapper .bg-goedGreen {
  background-color: #22a914;
}
.gynzy-student-application-container .jammerRed,
.gynzy-teacher-application-container .jammerRed,
.unicorn-manager-application-wrapper .jammerRed {
  color: #ff3b30;
}
.gynzy-student-application-container .skippedGrey,
.gynzy-teacher-application-container .skippedGrey,
.unicorn-manager-application-wrapper .skippedGrey {
  color: #aaaaaa;
}
.gynzy-student-application-container .darkGrey,
.gynzy-teacher-application-container .darkGrey,
.unicorn-manager-application-wrapper .darkGrey {
  color: #888888;
}
.gynzy-student-application-container .bg-jammerRed,
.gynzy-teacher-application-container .bg-jammerRed,
.unicorn-manager-application-wrapper .bg-jammerRed {
  background-color: #ff3b30;
}
.gynzy-student-application-container .bg-skipped,
.gynzy-teacher-application-container .bg-skipped,
.unicorn-manager-application-wrapper .bg-skipped {
  background-color: #aaaaaa;
}
.gynzy-student-application-container .orange,
.gynzy-teacher-application-container .orange,
.unicorn-manager-application-wrapper .orange {
  color: #e9871e;
}
.gynzy-student-application-container .tablero-modal.flag-exercise-modal,
.gynzy-teacher-application-container .tablero-modal.flag-exercise-modal,
.unicorn-manager-application-wrapper .tablero-modal.flag-exercise-modal {
  width: 70rem;
  padding: 0;
}
.gynzy-student-application-container .tablero-modal.flag-exercise-modal .flag-content,
.gynzy-teacher-application-container .tablero-modal.flag-exercise-modal .flag-content,
.unicorn-manager-application-wrapper .tablero-modal.flag-exercise-modal .flag-content {
  padding: 1.5rem;
}
.gynzy-student-application-container .tablero-modal.flag-exercise-modal .flag-content i,
.gynzy-teacher-application-container .tablero-modal.flag-exercise-modal .flag-content i,
.unicorn-manager-application-wrapper .tablero-modal.flag-exercise-modal .flag-content i {
  font-size: 9.5rem;
  color: #b7b7b7;
  opacity: 0.8;
  line-height: 11rem;
}
.gynzy-student-application-container .tablero-modal.flag-exercise-modal .flag-content .flag-text h1,
.gynzy-teacher-application-container .tablero-modal.flag-exercise-modal .flag-content .flag-text h1,
.unicorn-manager-application-wrapper .tablero-modal.flag-exercise-modal .flag-content .flag-text h1 {
  text-align: left;
  padding-left: 2rem;
}
.gynzy-student-application-container .tablero-modal.flag-exercise-modal .flag-content .flag-text p,
.gynzy-teacher-application-container .tablero-modal.flag-exercise-modal .flag-content .flag-text p,
.unicorn-manager-application-wrapper .tablero-modal.flag-exercise-modal .flag-content .flag-text p {
  color: black;
  margin: 2rem;
  font-size: 2rem;
  line-height: 2rem;
  padding: 0;
}
.gynzy-student-application-container #progress-bar,
.gynzy-teacher-application-container #progress-bar,
.unicorn-manager-application-wrapper #progress-bar {
  height: 1.2rem;
  position: relative;
  background: #000;
  border-radius: 6px;
  background-clip: padding-box;
  padding: 0.2rem;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  top: 4.9rem;
}
.gynzy-student-application-container #progress-bar > span,
.gynzy-teacher-application-container #progress-bar > span,
.unicorn-manager-application-wrapper #progress-bar > span {
  width: 0;
  display: block;
  height: 100%;
  border-radius: 0.6rem;
  background-clip: padding-box;
  background-color: white;
  position: relative;
  overflow: hidden;
  float: left;
}
.gynzy-student-application-container #progress-bar.progress-bar-red > span,
.gynzy-teacher-application-container #progress-bar.progress-bar-red > span,
.unicorn-manager-application-wrapper #progress-bar.progress-bar-red > span {
  background-color: #ff3b30;
}
.gynzy-student-application-container #progress-bar > span.block:first-of-type,
.gynzy-teacher-application-container #progress-bar > span.block:first-of-type,
.unicorn-manager-application-wrapper #progress-bar > span.block:first-of-type {
  border-radius: 6px 0 0 6px;
}
.gynzy-student-application-container #progress-bar > span.block,
.gynzy-teacher-application-container #progress-bar > span.block,
.unicorn-manager-application-wrapper #progress-bar > span.block {
  border-radius: 0;
  transition: width 500ms linear;
  margin-top: 0.05rem;
}
.gynzy-student-application-container #progress-bar > span.block.error,
.gynzy-teacher-application-container #progress-bar > span.block.error,
.unicorn-manager-application-wrapper #progress-bar > span.block.error {
  background-color: #ff3b30;
}
.gynzy-student-application-container #progress-bar > span.block.animated,
.gynzy-teacher-application-container #progress-bar > span.block.animated,
.unicorn-manager-application-wrapper #progress-bar > span.block.animated {
  transition: none;
}
.gynzy-student-application-container .unicorn-checkbox input[type='checkbox'],
.gynzy-teacher-application-container .unicorn-checkbox input[type='checkbox'],
.unicorn-manager-application-wrapper .unicorn-checkbox input[type='checkbox'] {
  display: none;
}
.gynzy-student-application-container .unicorn-checkbox label,
.gynzy-teacher-application-container .unicorn-checkbox label,
.unicorn-manager-application-wrapper .unicorn-checkbox label {
  font-size: 1.6rem;
  line-height: 2rem;
  vertical-align: middle;
  position: relative;
}
.gynzy-student-application-container .unicorn-checkbox label span.checkbox,
.gynzy-teacher-application-container .unicorn-checkbox label span.checkbox,
.unicorn-manager-application-wrapper .unicorn-checkbox label span.checkbox {
  display: inline-block;
  text-align: center;
  position: relative;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2));
  border-radius: 0.3rem;
  background-clip: padding-box;
  box-shadow: 0 0 0.3rem #000;
  border: 0.2rem solid #fff;
  cursor: pointer;
  top: -0.2rem;
  margin-right: 1rem;
  line-height: 2rem;
  font-size: 1.6rem;
}
.gynzy-student-application-container .unicorn-checkbox label span.checkbox:hover,
.gynzy-teacher-application-container .unicorn-checkbox label span.checkbox:hover,
.unicorn-manager-application-wrapper .unicorn-checkbox label span.checkbox:hover {
  background-image: linear-gradient(to bottom, #c1d6f7, #fff);
  box-shadow: 0 0 0.5rem #21457b;
}
.gynzy-student-application-container .unicorn-checkbox label input[type='checkbox']:checked + span.checkbox,
.gynzy-teacher-application-container .unicorn-checkbox label input[type='checkbox']:checked + span.checkbox,
.unicorn-manager-application-wrapper .unicorn-checkbox label input[type='checkbox']:checked + span.checkbox {
  background-image: url(img/styleguide/check.png), linear-gradient(to bottom, #c1d6f7, #fff);
  background-size: contain;
  box-shadow: 0 0 0.5rem #21457b;
}
.gynzy-student-application-container .unicorn-checkbox span,
.gynzy-teacher-application-container .unicorn-checkbox span,
.unicorn-manager-application-wrapper .unicorn-checkbox span {
  font-weight: bold;
}
.gynzy-student-application-container .image-overlay-component,
.gynzy-teacher-application-container .image-overlay-component,
.unicorn-manager-application-wrapper .image-overlay-component {
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  padding: 6rem;
  padding-top: 3rem;
  z-index: 21001;
}
.gynzy-student-application-container .image-overlay-component .fa,
.gynzy-teacher-application-container .image-overlay-component .fa,
.unicorn-manager-application-wrapper .image-overlay-component .fa {
  color: #fff;
}
.gynzy-student-application-container .image-overlay-component .header-content,
.gynzy-teacher-application-container .image-overlay-component .header-content,
.unicorn-manager-application-wrapper .image-overlay-component .header-content {
  height: 6rem;
  font-size: 4rem;
}
.gynzy-student-application-container .image-overlay-component .header-content .fa,
.gynzy-teacher-application-container .image-overlay-component .header-content .fa,
.unicorn-manager-application-wrapper .image-overlay-component .header-content .fa {
  cursor: pointer;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .dropzone,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .dropzone,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .dropzone {
  background: transparent;
  border: none;
  min-height: 0;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam *,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam *,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam * {
  touch-action: manipulation;
  touch-action: none;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam ul,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam ul,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam ul,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam ol,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam ol,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam ol {
  counter-reset: li;
  list-style: none !important;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam li,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam li,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam li {
  position: relative;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam ul li:before,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam ul li:before,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam ul li:before {
  content: '\2022';
  position: absolute;
  right: 100%;
  margin-right: 1.3rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam ol li:before,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam ol li:before,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam ol li:before {
  content: counter(li) '.';
  counter-increment: li;
  position: absolute;
  right: 100%;
  margin-right: 0.5rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-question {
  perspective: 1000px;
  position: absolute;
  padding: 2rem 0;
  width: 100%;
  height: 90%;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-answer {
  height: 6rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer button.verify-button,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer button.verify-button,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-answer button.verify-button {
  transition: opacity, 0.5s ease-in-out;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer button.verify-button svg,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer button.verify-button svg,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-answer button.verify-button svg {
  height: 100%;
  width: 100%;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer button.verify-button.faded,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer button.verify-button.faded,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-answer button.verify-button.faded {
  opacity: 0;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-answer,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-question {
  color: #555555;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer .flitser-question,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer .flitser-question,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-answer .flitser-question,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question .flitser-question,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question .flitser-question,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-question .flitser-question {
  cursor: pointer;
  background: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 1.5rem 1rem rgba(0, 0, 0, 0.15);
  font-weight: bold;
  font-size: 9rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer .flitser-question .flat__icon,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer .flitser-question .flat__icon,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-answer .flitser-question .flat__icon,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question .flitser-question .flat__icon,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question .flitser-question .flat__icon,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-question .flitser-question .flat__icon {
  width: 8rem;
  height: 8rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer .flitser-question .flat__icon .icon--graphics,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer .flitser-question .flat__icon .icon--graphics,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-answer .flitser-question .flat__icon .icon--graphics,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question .flitser-question .flat__icon .icon--graphics,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question .flitser-question .flat__icon .icon--graphics,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-question .flitser-question .flat__icon .icon--graphics {
  fill: #0066cc;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer .showFeedback,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer .showFeedback,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-answer .showFeedback,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question .showFeedback,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question .showFeedback,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-question .showFeedback {
  position: relative;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer .showFeedback .icon.isCorrect,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer .showFeedback .icon.isCorrect,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-answer .showFeedback .icon.isCorrect,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question .showFeedback .icon.isCorrect,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question .showFeedback .icon.isCorrect,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-question .showFeedback .icon.isCorrect {
  background-image: url('../gynzy-processing/assets/img/icon_check-96c566330ff38737ae826ed36f0cbdf4.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer .showFeedback .icon.isWrong,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer .showFeedback .icon.isWrong,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-answer .showFeedback .icon.isWrong,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question .showFeedback .icon.isWrong,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question .showFeedback .icon.isWrong,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-question .showFeedback .icon.isWrong {
  background-image: url('../gynzy-processing/assets/img/icon_check-96c566330ff38737ae826ed36f0cbdf4.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
  background-image: url('../unicorn-commons/assets/img/icon_cross.png');
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer .showFeedback input,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer .showFeedback input,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-answer .showFeedback input,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question .showFeedback input,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question .showFeedback input,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-question .showFeedback input {
  transition: none;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer .showFeedback input.isCorrect,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer .showFeedback input.isCorrect,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-answer .showFeedback input.isCorrect,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question .showFeedback input.isCorrect,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question .showFeedback input.isCorrect,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-question .showFeedback input.isCorrect {
  flex: 1;
  border: 0.3rem solid #209914;
  background-color: rgba(32, 153, 20, 0.05);
  background-image: none;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer .showFeedback input.isWrong,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer .showFeedback input.isWrong,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-answer .showFeedback input.isWrong,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question .showFeedback input.isWrong,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question .showFeedback input.isWrong,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-question .showFeedback input.isWrong {
  flex: 1;
  border: 0.3rem solid #ed1c24;
  background-color: rgba(237, 28, 36, 0.05);
  background-image: none;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer .icon.showCorrect,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer .icon.showCorrect,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-answer .icon.showCorrect,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question .icon.showCorrect,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question .icon.showCorrect,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-question .icon.showCorrect {
  background-image: url('../unicorn-commons/assets/img/icon_check_purple-7f8c943cff67743978b985928ef01726.png');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer .showCorrect input,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer .showCorrect input,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-answer .showCorrect input,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question .showCorrect input,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question .showCorrect input,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-question .showCorrect input {
  flex: 1;
  border: 0.3rem solid #662ed0;
  background-color: rgba(102, 46, 208, 0.05);
  background-image: none;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer input,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-answer input,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-answer input,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question input,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-question input,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-question input {
  margin-bottom: 0.5rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-dictee-question {
  position: absolute;
  padding: 2rem 0;
  width: 100%;
  height: 100%;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-answer input,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-answer input,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-dictee-answer input,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question input,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question input,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-dictee-question input {
  font-size: 2.5rem;
  padding: 0 0.8rem;
  height: 5.5rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-answer .dictee-question,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-answer .dictee-question,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-dictee-answer .dictee-question,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question .dictee-question,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question .dictee-question,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-dictee-question .dictee-question {
  box-shadow: 0 0 12px -4px #000000;
  background-color: #ffffff;
  border-radius: 1rem;
  font-weight: bold;
  font-size: 9rem;
  color: #000000;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-answer .showFeedback,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-answer .showFeedback,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-dictee-answer .showFeedback,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question .showFeedback,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question .showFeedback,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-dictee-question .showFeedback {
  position: relative;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-answer .showFeedback .icon.isCorrect,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-answer .showFeedback .icon.isCorrect,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-dictee-answer .showFeedback .icon.isCorrect,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question .showFeedback .icon.isCorrect,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question .showFeedback .icon.isCorrect,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-dictee-question .showFeedback .icon.isCorrect {
  background-image: url('../gynzy-processing/assets/img/icon_check-96c566330ff38737ae826ed36f0cbdf4.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-answer .showFeedback .icon.isWrong,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-answer .showFeedback .icon.isWrong,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-dictee-answer .showFeedback .icon.isWrong,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question .showFeedback .icon.isWrong,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question .showFeedback .icon.isWrong,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-dictee-question .showFeedback .icon.isWrong {
  background-image: url('../gynzy-processing/assets/img/icon_check-96c566330ff38737ae826ed36f0cbdf4.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
  background-image: url('../unicorn-commons/assets/img/icon_cross.png');
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-answer .showFeedback input,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-answer .showFeedback input,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-dictee-answer .showFeedback input,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question .showFeedback input,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question .showFeedback input,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-dictee-question .showFeedback input {
  transition: none;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-answer .showFeedback input.isCorrect,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-answer .showFeedback input.isCorrect,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-dictee-answer .showFeedback input.isCorrect,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question .showFeedback input.isCorrect,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question .showFeedback input.isCorrect,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-dictee-question .showFeedback input.isCorrect {
  flex: 1;
  border: 0.3rem solid #209914;
  background-color: rgba(32, 153, 20, 0.05);
  background-image: none;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-answer .showFeedback input.isWrong,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-answer .showFeedback input.isWrong,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-dictee-answer .showFeedback input.isWrong,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question .showFeedback input.isWrong,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question .showFeedback input.isWrong,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-dictee-question .showFeedback input.isWrong {
  flex: 1;
  border: 0.3rem solid #ed1c24;
  background-color: rgba(237, 28, 36, 0.05);
  background-image: none;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-answer .icon.showCorrect,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-answer .icon.showCorrect,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-dictee-answer .icon.showCorrect,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question .icon.showCorrect,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question .icon.showCorrect,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-dictee-question .icon.showCorrect {
  background-image: url('../unicorn-commons/assets/img/icon_check_purple-7f8c943cff67743978b985928ef01726.png');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-answer .showCorrect input,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-answer .showCorrect input,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-dictee-answer .showCorrect input,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question .showCorrect input,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question .showCorrect input,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-dictee-question .showCorrect input {
  flex: 1;
  border: 0.3rem solid #662ed0;
  background-color: rgba(102, 46, 208, 0.05);
  background-image: none;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-answer input,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-answer input,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-dictee-answer input,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question input,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-dictee-question input,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-dictee-question input {
  margin-bottom: 0.5rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-sentence-answer .selectable-text,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-sentence-answer .selectable-text,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-sentence-answer .selectable-text {
  margin: 0.2em;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-sentence-punctuation-answer .punctuation-buttons-container,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-sentence-punctuation-answer .punctuation-buttons-container,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-sentence-punctuation-answer .punctuation-buttons-container {
  margin-top: 3rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-sentence-punctuation-answer .punctuation-buttons-container .punctuation-mark-button,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-sentence-punctuation-answer .punctuation-buttons-container .punctuation-mark-button,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-sentence-punctuation-answer .punctuation-buttons-container .punctuation-mark-button {
  margin: 0 0.4rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer {
  font-size: 6rem;
  font-weight: bold;
  line-height: 5rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .part-spacing,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .part-spacing,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .part-spacing {
  padding: 1.5rem 0;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .part-spacing.selected,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .part-spacing.selected,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .part-spacing.selected {
  background-color: rgba(60, 131, 243, 0.3);
  background-image: none;
  padding: 1.5rem 0;
  box-shadow: inset 0 0 0 0.4rem #0e5fd8;
  border-radius: 1rem;
  letter-spacing: 1.15rem;
  text-indent: 1.15rem;
  margin: 0 0.1rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .part-spacing.selected .word-part:first-child,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .part-spacing.selected .word-part:first-child,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .part-spacing.selected .word-part:first-child {
  text-indent: 1.1rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .part-spacing.selected .word-part:last-child,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .part-spacing.selected .word-part:last-child,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .part-spacing.selected .word-part:last-child {
  letter-spacing: 1.1rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .word-part,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .word-part,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .word-part {
  height: 100%;
  letter-spacing: 1.2rem;
  text-indent: 1.2rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .word-part.between,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .word-part.between,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .word-part.between {
  letter-spacing: 0;
  text-indent: 0;
  padding: 0;
  border: none;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .between-word-part,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .between-word-part,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .between-word-part {
  height: 6rem;
  width: 2.3rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .between-word-part.selected .selection,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .between-word-part.selected .selection,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .between-word-part.selected .selection {
  cursor: pointer;
  background-color: #0e5fd8;
  border: 0.4rem solid #0e5fd8;
  border-radius: 0.4rem;
  height: 100%;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .selected,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .selected,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .selected {
  margin-bottom: 0;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .selected.isCorrect,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .selected.isCorrect,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .selected.isCorrect {
  box-shadow: inset 0 0 0 0.4rem #209914;
  background-color: rgba(32, 153, 20, 0.2);
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .selected.isWrong,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .selected.isWrong,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .selected.isWrong {
  box-shadow: inset 0 0 0 0.4rem #ed1c24;
  background-color: rgba(237, 28, 36, 0.2);
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .between-word-part.selected .icon-container,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .between-word-part.selected .icon-container,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .between-word-part.selected .icon-container {
  height: auto;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .between-word-part.selected .selection.isCorrect,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .between-word-part.selected .selection.isCorrect,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .between-word-part.selected .selection.isCorrect {
  border: 0.4rem solid #209914;
  background-color: rgba(32, 153, 20, 0.2);
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .between-word-part.selected .selection.isWrong,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .between-word-part.selected .selection.isWrong,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .between-word-part.selected .selection.isWrong {
  border: 0.4rem solid #ed1c24;
  background-color: rgba(237, 28, 36, 0.2);
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .icon.isCorrect,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .icon.isCorrect,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .icon.isCorrect {
  background-image: url('../gynzy-processing/assets/img/icon_check-96c566330ff38737ae826ed36f0cbdf4.png');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .icon.isWrong,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .icon.isWrong,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer.showFeedback .icon.isWrong {
  background-image: url('../gynzy-processing/assets/img/icon_check-96c566330ff38737ae826ed36f0cbdf4.png');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url('../unicorn-commons/assets/img/icon_cross.png');
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .icon.showCorrect,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .icon.showCorrect,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .icon.showCorrect {
  background-image: url('../unicorn-commons/assets/img/icon_check_purple-7f8c943cff67743978b985928ef01726.png');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .selected.showCorrect,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .selected.showCorrect,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .selected.showCorrect {
  box-shadow: inset 0 0 0 0.4rem #662ed0;
  background-color: rgba(102, 46, 208, 0.2);
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .between-word-part.selected.showCorrect,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .between-word-part.selected.showCorrect,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .between-word-part.selected.showCorrect {
  box-shadow: none;
  background: none;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .between-word-part.selected.showCorrect .selection.isCorrect,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .between-word-part.selected.showCorrect .selection.isCorrect,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .between-word-part.selected.showCorrect .selection.isCorrect {
  border: 0.4rem solid #662ed0;
  background-color: rgba(102, 46, 208, 0.2);
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .part-container,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .part-container,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .part-container {
  position: relative;
  height: 100%;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .icon-container,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .icon-container,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-multiselect-tekst .multiselect-tekst-answer .icon-container {
  position: absolute;
  bottom: -2rem;
  left: 0;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .answer-tekst,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .answer-tekst,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .answer-tekst {
  height: 7rem;
  line-height: 7rem;
  text-align: left;
  font-size: 20px;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .dollar-bill-size,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .dollar-bill-size,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .dollar-bill-size {
  height: 13rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .dollar-bill-size img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .dollar-bill-size img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .dollar-bill-size img {
  width: 30.33333333rem;
  height: 13rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .dollar-bill-size.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .dollar-bill-size.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .dollar-bill-size.last {
  width: 30.33333333rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question {
  position: absolute;
  padding-top: 2rem;
  width: 100%;
  height: 100%;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .dropzone,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .dropzone,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .dropzone {
  margin: 1rem;
  height: calc(100% - 2rem);
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .dropzone .draggable-dropzone,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .dropzone .draggable-dropzone,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .dropzone .draggable-dropzone {
  overflow: hidden;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .answer-coins,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .answer-coins,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .answer-coins {
  height: 15rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .answer-coins .draggable-item,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .answer-coins .draggable-item,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .answer-coins .draggable-item {
  padding: 0 0.5rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .answer-paper,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .answer-paper,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .answer-paper {
  position: relative;
  width: 65%;
  height: 15rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .answer-paper .disabled-option,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .answer-paper .disabled-option,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .answer-paper .disabled-option {
  pointer-events: none;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .draggable-item,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .draggable-item,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .draggable-item,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .draggable-item,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .draggable-item,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .draggable-item {
  padding: 0;
  margin: 0;
  box-shadow: none;
  overflow: inherit;
  background: none;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .draggable-item img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .draggable-item img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .draggable-item img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .draggable-item img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .draggable-item img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .draggable-item img {
  max-width: none;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .draggable-item.is-dragging,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .draggable-item.is-dragging,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .draggable-item.is-dragging,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .draggable-item.is-dragging,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .draggable-item.is-dragging,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .draggable-item.is-dragging {
  opacity: 1;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .is-paper,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .is-paper,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .is-paper,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .is-paper,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .is-paper,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .is-paper {
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.15);
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-1 {
  position: relative;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1.EUR,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-1.EUR,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1.USD,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-1.USD {
  height: 4.7rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1.EUR img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-1.EUR img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1.USD img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-1.USD img {
  height: 4.7rem;
  width: 4.7rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-2,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-2,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-2 {
  position: relative;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2.EUR,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-2.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-2.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-2.EUR {
  height: 5.4rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2.EUR img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-2.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-2.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-2.EUR img {
  height: 5.4rem;
  width: 5.4rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-5 {
  position: relative;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5.EUR,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-5.EUR,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5.USD,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-5.USD {
  height: 6.4rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5.EUR img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-5.EUR img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5.USD img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-5.USD img {
  height: 6.4rem;
  width: 6.4rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-10 {
  position: relative;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10.EUR,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-10.EUR,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10.USD,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-10.USD {
  height: 5.8rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10.EUR img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-10.EUR img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10.USD img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-10.USD img {
  height: 5.8rem;
  width: 5.8rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-20,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-20,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-20,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-20,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-20,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-20 {
  position: relative;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-20.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-20.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-20.EUR,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-20.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-20.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-20.EUR {
  height: 6.8rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-20.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-20.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-20.EUR img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-20.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-20.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-20.EUR img {
  height: 6.8rem;
  width: 6.8rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-25,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-25,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-25,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-25,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-25,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-25 {
  position: relative;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-25.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-25.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-25.USD,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-25.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-25.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-25.USD {
  height: 6.8rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-25.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-25.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-25.USD img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-25.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-25.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-25.USD img {
  height: 6.8rem;
  width: 6.8rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-50,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-50,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-50 {
  position: relative;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50.EUR,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-50.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-50.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-50.EUR,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50.USD,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-50.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-50.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-50.USD {
  height: 7.4rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50.EUR img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-50.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-50.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-50.EUR img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50.USD img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-50.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-50.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-50.USD img {
  height: 7.4rem;
  width: 7.4rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-100,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-100,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-100,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-100,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-100,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-100 {
  position: relative;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-100.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-100.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-100.EUR,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-100.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-100.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-100.EUR {
  height: 7rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-100.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-100.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-100.EUR img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-100.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-100.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-100.EUR img {
  height: 7rem;
  width: 7rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-100.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-100.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-100.USD,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-100.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-100.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-100.USD {
  height: 13rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-100.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-100.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-100.USD img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-100.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-100.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-100.USD img {
  width: 30.33333333rem;
  height: 13rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-100.USD.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-100.USD.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-100.USD.last,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-100.USD.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-100.USD.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-100.USD.last {
  width: 30.33333333rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-200,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-200,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-200,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-200,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-200,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-200 {
  position: relative;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-200.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-200.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-200.EUR,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-200.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-200.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-200.EUR {
  height: 7.9rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-200.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-200.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-200.EUR img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-200.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-200.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-200.EUR img {
  height: 7.9rem;
  width: 7.9rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-200.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-200.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-200.USD,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-200.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-200.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-200.USD {
  height: 13rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-200.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-200.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-200.USD img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-200.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-200.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-200.USD img {
  width: 30.33333333rem;
  height: 13rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-200.USD.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-200.USD.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-200.USD.last,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-200.USD.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-200.USD.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-200.USD.last {
  width: 30.33333333rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-500,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-500,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-500,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-500,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-500,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-500 {
  position: relative;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-500.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-500.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-500.EUR,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-500.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-500.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-500.EUR {
  height: 9.4rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-500.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-500.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-500.EUR img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-500.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-500.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-500.EUR img {
  position: absolute;
  height: 9.4rem;
  width: 19.5rem;
  left: 0;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-500.EUR.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-500.EUR.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-500.EUR.last,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-500.EUR.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-500.EUR.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-500.EUR.last {
  width: 19.5rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-500.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-500.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-500.USD,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-500.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-500.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-500.USD {
  height: 13rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-500.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-500.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-500.USD img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-500.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-500.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-500.USD img {
  width: 30.33333333rem;
  height: 13rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-500.USD.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-500.USD.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-500.USD.last,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-500.USD.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-500.USD.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-500.USD.last {
  width: 30.33333333rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1000,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1000,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1000,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1000,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1000,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-1000 {
  position: relative;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1000.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1000.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1000.EUR,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1000.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1000.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-1000.EUR {
  height: 10rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1000.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1000.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1000.EUR img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1000.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1000.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-1000.EUR img {
  position: absolute;
  height: 10rem;
  width: 20.5rem;
  left: 0;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1000.EUR.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1000.EUR.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1000.EUR.last,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1000.EUR.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1000.EUR.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-1000.EUR.last {
  width: 20.5rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1000.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1000.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1000.USD,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1000.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1000.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-1000.USD {
  height: 13rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1000.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1000.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1000.USD img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1000.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1000.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-1000.USD img {
  width: 30.33333333rem;
  height: 13rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1000.USD.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1000.USD.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-1000.USD.last,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1000.USD.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-1000.USD.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-1000.USD.last {
  width: 30.33333333rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2000,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2000,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2000,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-2000,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-2000,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-2000 {
  position: relative;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2000.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2000.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2000.EUR,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-2000.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-2000.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-2000.EUR {
  height: 11.3rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2000.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2000.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2000.EUR img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-2000.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-2000.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-2000.EUR img {
  position: absolute;
  height: 11.3rem;
  width: 22rem;
  left: 0;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2000.EUR.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2000.EUR.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2000.EUR.last,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-2000.EUR.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-2000.EUR.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-2000.EUR.last {
  width: 22rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2000.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2000.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2000.USD,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-2000.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-2000.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-2000.USD {
  height: 13rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2000.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2000.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2000.USD img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-2000.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-2000.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-2000.USD img {
  width: 30.33333333rem;
  height: 13rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2000.USD.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2000.USD.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-2000.USD.last,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-2000.USD.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-2000.USD.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-2000.USD.last {
  width: 30.33333333rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5000,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5000,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5000,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5000,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5000,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-5000 {
  position: relative;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5000.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5000.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5000.EUR,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5000.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5000.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-5000.EUR {
  height: 12.2rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5000.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5000.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5000.EUR img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5000.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5000.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-5000.EUR img {
  position: absolute;
  height: 12.2rem;
  width: 23rem;
  left: 0;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5000.EUR.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5000.EUR.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5000.EUR.last,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5000.EUR.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5000.EUR.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-5000.EUR.last {
  width: 23rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5000.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5000.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5000.USD,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5000.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5000.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-5000.USD {
  height: 13rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5000.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5000.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5000.USD img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5000.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5000.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-5000.USD img {
  width: 30.33333333rem;
  height: 13rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5000.USD.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5000.USD.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-5000.USD.last,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5000.USD.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-5000.USD.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-5000.USD.last {
  width: 30.33333333rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10000,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10000,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10000,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10000,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10000,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-10000 {
  position: relative;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10000.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10000.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10000.EUR,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10000.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10000.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-10000.EUR {
  height: 13rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10000.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10000.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10000.EUR img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10000.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10000.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-10000.EUR img {
  position: absolute;
  height: 13rem;
  width: 24.3rem;
  left: 0;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10000.EUR.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10000.EUR.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10000.EUR.last,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10000.EUR.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10000.EUR.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-10000.EUR.last {
  width: 24.3rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10000.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10000.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10000.USD,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10000.USD,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10000.USD,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-10000.USD {
  height: 13rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10000.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10000.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10000.USD img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10000.USD img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10000.USD img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-10000.USD img {
  width: 30.33333333rem;
  height: 13rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10000.USD.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10000.USD.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-10000.USD.last,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10000.USD.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-10000.USD.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-10000.USD.last {
  width: 30.33333333rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-20000,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-20000,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-20000,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-20000,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-20000,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-20000 {
  position: relative;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-20000.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-20000.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-20000.EUR,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-20000.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-20000.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-20000.EUR {
  height: 13rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-20000.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-20000.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-20000.EUR img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-20000.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-20000.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-20000.EUR img {
  position: absolute;
  height: 13rem;
  width: 25.3rem;
  left: 0;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-20000.EUR.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-20000.EUR.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-20000.EUR.last,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-20000.EUR.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-20000.EUR.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-20000.EUR.last {
  width: 25.3rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50000,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50000,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50000,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-50000,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-50000,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-50000 {
  position: relative;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50000.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50000.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50000.EUR,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-50000.EUR,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-50000.EUR,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-50000.EUR {
  height: 13rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50000.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50000.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50000.EUR img,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-50000.EUR img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-50000.EUR img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-50000.EUR img {
  position: absolute;
  height: 13rem;
  width: 26.2rem;
  left: 0;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50000.EUR.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50000.EUR.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-answer .option-50000.EUR.last,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-50000.EUR.last,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-money-question .option-50000.EUR.last,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-money-question .option-50000.EUR.last {
  width: 26.2rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-klok,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-klok,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-klok {
  height: 30rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-klok .clock,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-klok .clock,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-klok .clock {
  height: 22rem;
  position: relative;
  width: 100%;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-klok .digitaal-instellen,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-klok .digitaal-instellen,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-klok .digitaal-instellen {
  margin-top: 2rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-klok .settings,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-klok .settings,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-klok .settings {
  margin: 0 2rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-klok .settings a,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-klok .settings a,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-klok .settings a {
  margin: 0 0.5rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-klok .settings a img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-klok .settings a img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-klok .settings a img {
  width: 2rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-klok .button-normal-white-flex,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-klok .button-normal-white-flex,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-klok .button-normal-white-flex {
  margin: 0 2rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam #it-tekst-en-media .answer,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam #it-tekst-en-media .answer,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam #it-tekst-en-media .answer {
  line-height: 3rem;
  width: 100%;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-order,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-order,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-order {
  padding: 2rem;
  font-size: 2.5rem;
  font-style: italic;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .disabled *,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .disabled *,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-sortable .disabled * {
  cursor: inherit !important;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item {
  transition: all 0.125s;
  z-index: 5;
  background: #f8f8f8;
  height: 13rem;
  width: 13rem;
  margin: 1rem;
  border-radius: 1rem;
  border: 1px solid #999999;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item *,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item *,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item * {
  cursor: move;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .answer,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .answer,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .answer {
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.5rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item.is-dragging,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item.is-dragging,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item.is-dragging {
  transition-duration: 0s;
  z-index: 10;
  margin: 0 1rem 2rem;
  box-shadow: 0 1.4rem 2.5rem 0 rgba(0, 0, 0, 0.15);
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .responsive-image img,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .responsive-image img,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .responsive-image img {
  padding: 0.5rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .answer-spoken-word-button,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .answer-spoken-word-button,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .answer-spoken-word-button {
  width: 100%;
  height: 100%;
  border: none;
  box-shadow: none;
  border-radius: 1rem;
  padding-top: 0;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .answer-spoken-word-button .read-button-big,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .answer-spoken-word-button .read-button-big,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .answer-spoken-word-button .read-button-big {
  width: 6rem;
  height: 6rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .answer-spoken-word-button .read-button-big i.fa,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .answer-spoken-word-button .read-button-big i.fa,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .answer-spoken-word-button .read-button-big i.fa {
  font-size: 5rem;
  line-height: 6rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .answer-spoken-word-button .read-button-big-snail,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .answer-spoken-word-button .read-button-big-snail,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .answer-spoken-word-button .read-button-big-snail {
  width: 4.5rem;
  height: 4.5rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .answer-spoken-word-button .read-button-big-snail i.fa,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .answer-spoken-word-button .read-button-big-snail i.fa,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .answer-spoken-word-button .read-button-big-snail i.fa {
  line-height: 4.5rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .answer-spoken-word-button .answer-text,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .answer-spoken-word-button .answer-text,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-item .answer-spoken-word-button .answer-text {
  height: 3rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-dropzone-wrapper,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-dropzone-wrapper,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-dropzone-wrapper {
  position: absolute;
  top: 0;
  left: 0;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-dropzone-wrapper .sortable-dropzone,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-dropzone-wrapper .sortable-dropzone,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-sortable .sortable-dropzone-wrapper .sortable-dropzone {
  width: 13rem;
  height: 13rem;
  border-radius: 1rem;
  margin: 1rem;
  border: 0.4rem dashed #cccccc;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-line-jump-component,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-line-jump-component,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-line-jump-component,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-component,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-component,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-component {
  width: 100% !important;
  align-self: flex-end;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-line-jump-component .explanation .button__speech,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-line-jump-component .explanation .button__speech,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-line-jump-component .explanation .button__speech,
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-component .explanation .button__speech,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-flitser-component .explanation .button__speech,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-flitser-component .explanation .button__speech {
  margin-right: 1rem;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .answer-spoken-word-button,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .answer-spoken-word-button,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .answer-spoken-word-button {
  background: #f8f8f8;
  box-shadow: 0 0 0 1px #d5d5d5;
  border: 2px solid transparent;
  border-radius: 0.5rem;
  padding: 1rem 0;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-columnwise-operation,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-columnwise-operation,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-columnwise-operation {
  width: 100%;
}
.gynzy-student-application-container #tablero-student-lesson.tablero-student-exam .it-columnwise-operation .columwise-operation-divider,
.gynzy-teacher-application-container #tablero-student-lesson.tablero-student-exam .it-columnwise-operation .columwise-operation-divider,
.unicorn-manager-application-wrapper #tablero-student-lesson.tablero-student-exam .it-columnwise-operation .columwise-operation-divider {
  height: 0.2rem;
  width: 100%;
  margin: 1rem 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #cccccc 50%, rgba(0, 0, 0, 0) 100%);
}
.gynzy-student-application-container .lesson-icon-container .gradient-overlay,
.gynzy-teacher-application-container .lesson-icon-container .gradient-overlay,
.unicorn-manager-application-wrapper .lesson-icon-container .gradient-overlay {
  background: linear-gradient(60deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 100%);
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon {
  transition: background-color 0.25s;
  cursor: default;
  position: relative;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon *,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon *,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon * {
  cursor: default;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon .lesson-icon-bg,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon .lesson-icon-bg,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon .lesson-icon-bg {
  width: 80%;
  height: 55%;
  left: 10%;
  top: 10%;
  border-radius: 0.5rem;
  background-color: #fff;
  position: absolute;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-small,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-small,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-small {
  width: 7rem;
  height: 7rem;
  border-radius: 1rem;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-small .lesson-icon-bg,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-small .lesson-icon-bg,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-small .lesson-icon-bg {
  border-radius: 0.3rem;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-medium,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-medium,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-medium {
  width: 8rem;
  height: 8rem;
  border-radius: 1.25rem;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-large,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-large,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-large {
  width: 12rem;
  height: 12rem;
  border-radius: 1.5rem;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-small .lesson-icon-bg img,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-small .lesson-icon-bg img,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-small .lesson-icon-bg img,
.gynzy-student-application-container .lesson-icon-container .lesson-iconlesson-icon-medium .lesson-icon-bg img,
.gynzy-teacher-application-container .lesson-icon-container .lesson-iconlesson-icon-medium .lesson-icon-bg img,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-iconlesson-icon-medium .lesson-icon-bg img,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-large .lesson-icon-bg img,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-large .lesson-icon-bg img,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-large .lesson-icon-bg img {
  max-width: 100%;
  max-height: 100%;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-subject-rekenen .lesson-icon-bg,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-subject-rekenen .lesson-icon-bg,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-subject-rekenen .lesson-icon-bg,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-subject-go-ijsberg_math .lesson-icon-bg,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-subject-go-ijsberg_math .lesson-icon-bg,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-subject-go-ijsberg_math .lesson-icon-bg,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-subject-ovsg_math .lesson-icon-bg,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-subject-ovsg_math .lesson-icon-bg,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-subject-ovsg_math .lesson-icon-bg,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-subject-go_math .lesson-icon-bg,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-subject-go_math .lesson-icon-bg,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-subject-go_math .lesson-icon-bg,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-subject-zill_math .lesson-icon-bg,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-subject-zill_math .lesson-icon-bg,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-subject-zill_math .lesson-icon-bg,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-subject-nwt .lesson-icon-bg,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-subject-nwt .lesson-icon-bg,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-subject-nwt .lesson-icon-bg {
  background-size: 20% 30%;
  background-image: linear-gradient(to right, #eee 1px, transparent 1px), linear-gradient(to bottom, #eee 1px, transparent 1px);
  background-position-y: -15%;
  background-position-x: -10%;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-subject-spelling .lesson-icon-bg,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-subject-spelling .lesson-icon-bg,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-subject-spelling .lesson-icon-bg,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-subject-nederlands .lesson-icon-bg,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-subject-nederlands .lesson-icon-bg,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-subject-nederlands .lesson-icon-bg,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-subject-mammoth .lesson-icon-bg,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-subject-mammoth .lesson-icon-bg,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-subject-mammoth .lesson-icon-bg,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-subject-grammatica .lesson-icon-bg,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-subject-grammatica .lesson-icon-bg,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-subject-grammatica .lesson-icon-bg {
  background-image: linear-gradient(#eee 1px, transparent 1px);
  background-size: 100% 30%;
  background-position-y: -15%;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-ovsg_math,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-ovsg_math,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-ovsg_math,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-go_math,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-go_math,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-go_math,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-zill_math,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-zill_math,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-zill_math,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-go-ijsberg_math,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-go-ijsberg_math,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-go-ijsberg_math,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-rekenen,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-rekenen,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-rekenen {
  background: linear-gradient(60deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-color: #38a4de;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-ovsg_math .fa.fa-check,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-ovsg_math .fa.fa-check,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-ovsg_math .fa.fa-check,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-go_math .fa.fa-check,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-go_math .fa.fa-check,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-go_math .fa.fa-check,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-zill_math .fa.fa-check,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-zill_math .fa.fa-check,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-zill_math .fa.fa-check,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-go-ijsberg_math .fa.fa-check,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-go-ijsberg_math .fa.fa-check,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-go-ijsberg_math .fa.fa-check,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-rekenen .fa.fa-check,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-rekenen .fa.fa-check,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-rekenen .fa.fa-check {
  color: #1a455b;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-ovsg_math .icon--graphics,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-ovsg_math .icon--graphics,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-ovsg_math .icon--graphics,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-go_math .icon--graphics,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-go_math .icon--graphics,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-go_math .icon--graphics,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-zill_math .icon--graphics,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-zill_math .icon--graphics,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-zill_math .icon--graphics,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-go-ijsberg_math .icon--graphics,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-go-ijsberg_math .icon--graphics,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-go-ijsberg_math .icon--graphics,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-rekenen .icon--graphics,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-rekenen .icon--graphics,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-rekenen .icon--graphics {
  fill: #1a455b;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-wereldorientatie,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-wereldorientatie,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-wereldorientatie {
  background: linear-gradient(60deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-color: #3fd4d4;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-wereldorientatie .fa.fa-check,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-wereldorientatie .fa.fa-check,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-wereldorientatie .fa.fa-check {
  color: #1e5252;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-wereldorientatie .icon--graphics,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-wereldorientatie .icon--graphics,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-wereldorientatie .icon--graphics {
  fill: #1e5252;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-spelling,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-spelling,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-spelling,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-nederlands,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-nederlands,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-nederlands {
  background: linear-gradient(60deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-color: #59d640;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-spelling .fa.fa-check,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-spelling .fa.fa-check,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-spelling .fa.fa-check,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-nederlands .fa.fa-check,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-nederlands .fa.fa-check,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-nederlands .fa.fa-check {
  color: #28571e;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-spelling .icon--graphics,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-spelling .icon--graphics,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-spelling .icon--graphics,
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-nederlands .icon--graphics,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-nederlands .icon--graphics,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-nederlands .icon--graphics {
  fill: #28571e;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-mammoth,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-mammoth,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-mammoth {
  background: linear-gradient(60deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-color: #d742ca;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-mammoth .fa.fa-check,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-mammoth .fa.fa-check,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-mammoth .fa.fa-check {
  color: #60205a;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-mammoth .icon--graphics,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-mammoth .icon--graphics,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-mammoth .icon--graphics {
  fill: #60205a;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-grammatica,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-grammatica,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-grammatica {
  background: linear-gradient(60deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-color: #d7428c;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-grammatica .fa.fa-check,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-grammatica .fa.fa-check,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-grammatica .fa.fa-check {
  color: #571e3a;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-grammatica .icon--graphics,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-grammatica .icon--graphics,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-grammatica .icon--graphics {
  fill: #571e3a;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-woordenschat,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-woordenschat,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-woordenschat {
  background: linear-gradient(60deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-color: #fa830c;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-woordenschat .fa.fa-check,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-woordenschat .fa.fa-check,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-woordenschat .fa.fa-check {
  color: #57300a;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-woordenschat .icon--graphics,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-woordenschat .icon--graphics,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-woordenschat .icon--graphics {
  fill: #57300a;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-taak,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-taak,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-taak {
  background: linear-gradient(60deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-color: #ffc34d;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-taak .fa.fa-check,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-taak .fa.fa-check,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-taak .fa.fa-check {
  color: #604820;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-taak .icon--graphics,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-taak .icon--graphics,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-taak .icon--graphics {
  fill: #604820;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-toets,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-toets,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-toets {
  background: linear-gradient(60deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-color: #3f4c5a;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-toets .fa.fa-check,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-toets .fa.fa-check,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-toets .fa.fa-check {
  color: #d1d3de;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-toets .icon--graphics,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-toets .icon--graphics,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-toets .icon--graphics {
  fill: #d1d3de;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-locked,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon.lesson-icon-color-locked,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon.lesson-icon-color-locked {
  background-color: #d1d3de;
}
.gynzy-student-application-container .lesson-icon-container .lesson-icon .lesson-icon-custom-content,
.gynzy-teacher-application-container .lesson-icon-container .lesson-icon .lesson-icon-custom-content,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-icon .lesson-icon-custom-content {
  width: 100%;
  height: 20%;
  overflow: hidden;
  position: absolute;
  bottom: 3%;
}
.gynzy-student-application-container .lesson-icon-container .lesson-name,
.gynzy-teacher-application-container .lesson-icon-container .lesson-name,
.unicorn-manager-application-wrapper .lesson-icon-container .lesson-name {
  margin-top: 0.83333333rem;
  font-weight: 600;
  color: #556474;
  -webkit-user-select: none;
          user-select: none;
}
.gynzy-student-application-container .lesson-icon-container.has-action,
.gynzy-teacher-application-container .lesson-icon-container.has-action,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action {
  cursor: pointer;
}
.gynzy-student-application-container .lesson-icon-container.has-action *,
.gynzy-teacher-application-container .lesson-icon-container.has-action *,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action * {
  cursor: pointer;
}
.gynzy-student-application-container .lesson-icon-container.has-action .lesson-name,
.gynzy-teacher-application-container .lesson-icon-container.has-action .lesson-name,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action .lesson-name {
  color: #277cd9;
}
.gynzy-student-application-container .lesson-icon-container.has-action:hover .lesson-name,
.gynzy-teacher-application-container .lesson-icon-container.has-action:hover .lesson-name,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:hover .lesson-name {
  color: #4e92ff;
}
.gynzy-student-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-ovsg_math,
.gynzy-teacher-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-ovsg_math,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:hover .lesson-icon-color-ovsg_math,
.gynzy-student-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-go_math,
.gynzy-teacher-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-go_math,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:hover .lesson-icon-color-go_math,
.gynzy-student-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-zill_math,
.gynzy-teacher-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-zill_math,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:hover .lesson-icon-color-zill_math,
.gynzy-student-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-go-ijsberg_math,
.gynzy-teacher-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-go-ijsberg_math,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:hover .lesson-icon-color-go-ijsberg_math,
.gynzy-student-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-rekenen,
.gynzy-teacher-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-rekenen,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:hover .lesson-icon-color-rekenen {
  background-color: #5bb4e4;
}
.gynzy-student-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-wereldorientatie,
.gynzy-teacher-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-wereldorientatie,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:hover .lesson-icon-color-wereldorientatie {
  background-color: #60dbdb;
}
.gynzy-student-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-spelling,
.gynzy-teacher-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-spelling,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:hover .lesson-icon-color-spelling,
.gynzy-student-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-nederlands,
.gynzy-teacher-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-nederlands,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:hover .lesson-icon-color-nederlands {
  background-color: #76dd62;
}
.gynzy-student-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-mammoth,
.gynzy-teacher-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-mammoth,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:hover .lesson-icon-color-mammoth {
  background-color: #de64d3;
}
.gynzy-student-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-grammatica,
.gynzy-teacher-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-grammatica,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:hover .lesson-icon-color-grammatica {
  background-color: #de64a0;
}
.gynzy-student-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-woordenschat,
.gynzy-teacher-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-woordenschat,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:hover .lesson-icon-color-woordenschat {
  background-color: #fb9734;
}
.gynzy-student-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-taak,
.gynzy-teacher-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-taak,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:hover .lesson-icon-color-taak {
  background-color: #ffd176;
}
.gynzy-student-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-toets,
.gynzy-teacher-application-container .lesson-icon-container.has-action:hover .lesson-icon-color-toets,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:hover .lesson-icon-color-toets {
  background-color: #506072;
}
.gynzy-student-application-container .lesson-icon-container.has-action:active .lesson-name,
.gynzy-teacher-application-container .lesson-icon-container.has-action:active .lesson-name,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:active .lesson-name {
  color: #2465ab;
}
.gynzy-student-application-container .lesson-icon-container.has-action:active .lesson-icon-color-ovsg_math,
.gynzy-teacher-application-container .lesson-icon-container.has-action:active .lesson-icon-color-ovsg_math,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:active .lesson-icon-color-ovsg_math,
.gynzy-student-application-container .lesson-icon-container.has-action:active .lesson-icon-color-go_math,
.gynzy-teacher-application-container .lesson-icon-container.has-action:active .lesson-icon-color-go_math,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:active .lesson-icon-color-go_math,
.gynzy-student-application-container .lesson-icon-container.has-action:active .lesson-icon-color-zill_math,
.gynzy-teacher-application-container .lesson-icon-container.has-action:active .lesson-icon-color-zill_math,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:active .lesson-icon-color-zill_math,
.gynzy-student-application-container .lesson-icon-container.has-action:active .lesson-icon-color-go-ijsberg_math,
.gynzy-teacher-application-container .lesson-icon-container.has-action:active .lesson-icon-color-go-ijsberg_math,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:active .lesson-icon-color-go-ijsberg_math,
.gynzy-student-application-container .lesson-icon-container.has-action:active .lesson-icon-color-rekenen,
.gynzy-teacher-application-container .lesson-icon-container.has-action:active .lesson-icon-color-rekenen,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:active .lesson-icon-color-rekenen {
  background-color: #208ac3;
}
.gynzy-student-application-container .lesson-icon-container.has-action:active .lesson-icon-color-wereldorientatie,
.gynzy-teacher-application-container .lesson-icon-container.has-action:active .lesson-icon-color-wereldorientatie,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:active .lesson-icon-color-wereldorientatie {
  background-color: #29b7b7;
}
.gynzy-student-application-container .lesson-icon-container.has-action:active .lesson-icon-color-spelling,
.gynzy-teacher-application-container .lesson-icon-container.has-action:active .lesson-icon-color-spelling,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:active .lesson-icon-color-spelling,
.gynzy-student-application-container .lesson-icon-container.has-action:active .lesson-icon-color-nederlands,
.gynzy-teacher-application-container .lesson-icon-container.has-action:active .lesson-icon-color-nederlands,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:active .lesson-icon-color-nederlands {
  background-color: #41bb28;
}
.gynzy-student-application-container .lesson-icon-container.has-action:active .lesson-icon-color-mammoth,
.gynzy-teacher-application-container .lesson-icon-container.has-action:active .lesson-icon-color-mammoth,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:active .lesson-icon-color-mammoth {
  background-color: #be28b1;
}
.gynzy-student-application-container .lesson-icon-container.has-action:active .lesson-icon-color-grammatica,
.gynzy-teacher-application-container .lesson-icon-container.has-action:active .lesson-icon-color-grammatica,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:active .lesson-icon-color-grammatica {
  background-color: #be2872;
}
.gynzy-student-application-container .lesson-icon-container.has-action:active .lesson-icon-color-woordenschat,
.gynzy-teacher-application-container .lesson-icon-container.has-action:active .lesson-icon-color-woordenschat,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:active .lesson-icon-color-woordenschat {
  background-color: #cf6904;
}
.gynzy-student-application-container .lesson-icon-container.has-action:active .lesson-icon-color-taak,
.gynzy-teacher-application-container .lesson-icon-container.has-action:active .lesson-icon-color-taak,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:active .lesson-icon-color-taak {
  background-color: #ffb21a;
}
.gynzy-student-application-container .lesson-icon-container.has-action:active .lesson-icon-color-toets,
.gynzy-teacher-application-container .lesson-icon-container.has-action:active .lesson-icon-color-toets,
.unicorn-manager-application-wrapper .lesson-icon-container.has-action:active .lesson-icon-color-toets {
  background-color: #2a333c;
}
.gynzy-student-application-container div.lesson-progress-component,
.gynzy-teacher-application-container div.lesson-progress-component,
.unicorn-manager-application-wrapper div.lesson-progress-component {
  width: 5rem;
  height: 1.5rem;
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: 1rem;
}
.gynzy-student-application-container div.lesson-progress-component .ember-view,
.gynzy-teacher-application-container div.lesson-progress-component .ember-view,
.unicorn-manager-application-wrapper div.lesson-progress-component .ember-view {
  height: 1.5rem;
}
.gynzy-student-application-container div.lesson-progress-component.full-bar,
.gynzy-teacher-application-container div.lesson-progress-component.full-bar,
.unicorn-manager-application-wrapper div.lesson-progress-component.full-bar {
  width: 100%;
  height: 1.6rem;
  background-color: #ccc;
}
.gynzy-student-application-container div.lesson-progress-component .progress,
.gynzy-teacher-application-container div.lesson-progress-component .progress,
.unicorn-manager-application-wrapper div.lesson-progress-component .progress {
  transition: width, 0.5s ease-in-out;
  background-color: #ccc;
  height: 1rem;
  width: 0%;
}
.gynzy-student-application-container div.lesson-progress-component .progress.progress-correct,
.gynzy-teacher-application-container div.lesson-progress-component .progress.progress-correct,
.unicorn-manager-application-wrapper div.lesson-progress-component .progress.progress-correct {
  background-color: #10b400;
  height: 1.42rem;
}
.gynzy-student-application-container div.lesson-progress-component .progress.progress-incorrect,
.gynzy-teacher-application-container div.lesson-progress-component .progress.progress-incorrect,
.unicorn-manager-application-wrapper div.lesson-progress-component .progress.progress-incorrect {
  background-color: #ed1c24;
  height: 1.42rem;
}
.gynzy-student-application-container div.lesson-progress-component .progress.progress-skipped,
.gynzy-teacher-application-container div.lesson-progress-component .progress.progress-skipped,
.unicorn-manager-application-wrapper div.lesson-progress-component .progress.progress-skipped {
  background-color: #999999;
  height: 1.42rem;
}
.gynzy-student-application-container div.lesson-progress-component .progress.no-margin-left,
.gynzy-teacher-application-container div.lesson-progress-component .progress.no-margin-left,
.unicorn-manager-application-wrapper div.lesson-progress-component .progress.no-margin-left {
  margin-left: 0;
}
.gynzy-student-application-container div.lesson-progress-component .progress.no-margin-right,
.gynzy-teacher-application-container div.lesson-progress-component .progress.no-margin-right,
.unicorn-manager-application-wrapper div.lesson-progress-component .progress.no-margin-right {
  margin-right: 0;
}
.gynzy-student-application-container .radius-left,
.gynzy-teacher-application-container .radius-left,
.unicorn-manager-application-wrapper .radius-left {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.gynzy-student-application-container .radius-right,
.gynzy-teacher-application-container .radius-right,
.unicorn-manager-application-wrapper .radius-right {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.gynzy-student-application-container .tablero-lesson-plan-layer,
.gynzy-teacher-application-container .tablero-lesson-plan-layer,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer,
.gynzy-student-application-container #tablero-lessons-overview,
.gynzy-teacher-application-container #tablero-lessons-overview,
.unicorn-manager-application-wrapper #tablero-lessons-overview {
  height: 100%;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .subject,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .subject,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .subject,
.gynzy-student-application-container #tablero-lessons-overview .subject,
.gynzy-teacher-application-container #tablero-lessons-overview .subject,
.unicorn-manager-application-wrapper #tablero-lessons-overview .subject,
.gynzy-student-application-container .tablero-lesson-plan-layer .leergebied,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .leergebied,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .leergebied,
.gynzy-student-application-container #tablero-lessons-overview .leergebied,
.gynzy-teacher-application-container #tablero-lessons-overview .leergebied,
.unicorn-manager-application-wrapper #tablero-lessons-overview .leergebied,
.gynzy-student-application-container .tablero-lesson-plan-layer .worldName,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .worldName,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .worldName,
.gynzy-student-application-container #tablero-lessons-overview .worldName,
.gynzy-teacher-application-container #tablero-lessons-overview .worldName,
.unicorn-manager-application-wrapper #tablero-lessons-overview .worldName {
  line-height: 3rem;
  top: 50%;
  font-size: 2.5rem;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .subject .lesson-plan-name,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .subject .lesson-plan-name,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .subject .lesson-plan-name,
.gynzy-student-application-container #tablero-lessons-overview .subject .lesson-plan-name,
.gynzy-teacher-application-container #tablero-lessons-overview .subject .lesson-plan-name,
.unicorn-manager-application-wrapper #tablero-lessons-overview .subject .lesson-plan-name,
.gynzy-student-application-container .tablero-lesson-plan-layer .leergebied .lesson-plan-name,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .leergebied .lesson-plan-name,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .leergebied .lesson-plan-name,
.gynzy-student-application-container #tablero-lessons-overview .leergebied .lesson-plan-name,
.gynzy-teacher-application-container #tablero-lessons-overview .leergebied .lesson-plan-name,
.unicorn-manager-application-wrapper #tablero-lessons-overview .leergebied .lesson-plan-name,
.gynzy-student-application-container .tablero-lesson-plan-layer .worldName .lesson-plan-name,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .worldName .lesson-plan-name,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .worldName .lesson-plan-name,
.gynzy-student-application-container #tablero-lessons-overview .worldName .lesson-plan-name,
.gynzy-teacher-application-container #tablero-lessons-overview .worldName .lesson-plan-name,
.unicorn-manager-application-wrapper #tablero-lessons-overview .worldName .lesson-plan-name,
.gynzy-student-application-container .tablero-lesson-plan-layer .subject .methodName,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .subject .methodName,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .subject .methodName,
.gynzy-student-application-container #tablero-lessons-overview .subject .methodName,
.gynzy-teacher-application-container #tablero-lessons-overview .subject .methodName,
.unicorn-manager-application-wrapper #tablero-lessons-overview .subject .methodName,
.gynzy-student-application-container .tablero-lesson-plan-layer .leergebied .methodName,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .leergebied .methodName,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .leergebied .methodName,
.gynzy-student-application-container #tablero-lessons-overview .leergebied .methodName,
.gynzy-teacher-application-container #tablero-lessons-overview .leergebied .methodName,
.unicorn-manager-application-wrapper #tablero-lessons-overview .leergebied .methodName,
.gynzy-student-application-container .tablero-lesson-plan-layer .worldName .methodName,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .worldName .methodName,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .worldName .methodName,
.gynzy-student-application-container #tablero-lessons-overview .worldName .methodName,
.gynzy-teacher-application-container #tablero-lessons-overview .worldName .methodName,
.unicorn-manager-application-wrapper #tablero-lessons-overview .worldName .methodName {
  color: #6b7c8e;
  font-weight: 100;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .subject i,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .subject i,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .subject i,
.gynzy-student-application-container #tablero-lessons-overview .subject i,
.gynzy-teacher-application-container #tablero-lessons-overview .subject i,
.unicorn-manager-application-wrapper #tablero-lessons-overview .subject i,
.gynzy-student-application-container .tablero-lesson-plan-layer .leergebied i,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .leergebied i,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .leergebied i,
.gynzy-student-application-container #tablero-lessons-overview .leergebied i,
.gynzy-teacher-application-container #tablero-lessons-overview .leergebied i,
.unicorn-manager-application-wrapper #tablero-lessons-overview .leergebied i,
.gynzy-student-application-container .tablero-lesson-plan-layer .worldName i,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .worldName i,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .worldName i,
.gynzy-student-application-container #tablero-lessons-overview .worldName i,
.gynzy-teacher-application-container #tablero-lessons-overview .worldName i,
.unicorn-manager-application-wrapper #tablero-lessons-overview .worldName i {
  margin: 0 1rem;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .student .leergebied,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .student .leergebied,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .student .leergebied,
.gynzy-student-application-container #tablero-lessons-overview .student .leergebied,
.gynzy-teacher-application-container #tablero-lessons-overview .student .leergebied,
.unicorn-manager-application-wrapper #tablero-lessons-overview .student .leergebied,
.gynzy-student-application-container .tablero-lesson-plan-layer .student .worldName,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .student .worldName,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .student .worldName,
.gynzy-student-application-container #tablero-lessons-overview .student .worldName,
.gynzy-teacher-application-container #tablero-lessons-overview .student .worldName,
.unicorn-manager-application-wrapper #tablero-lessons-overview .student .worldName {
  position: absolute;
  left: 50%;
  padding: 1rem;
  transform: translate(-50%, -50%);
  font-size: 2.5rem;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .template-page-header,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .template-page-header,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .template-page-header,
.gynzy-student-application-container #tablero-lessons-overview .template-page-header,
.gynzy-teacher-application-container #tablero-lessons-overview .template-page-header,
.unicorn-manager-application-wrapper #tablero-lessons-overview .template-page-header {
  padding: 4.16666667rem 1.66666667rem;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .template-page-header.student,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .template-page-header.student,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .template-page-header.student,
.gynzy-student-application-container #tablero-lessons-overview .template-page-header.student,
.gynzy-teacher-application-container #tablero-lessons-overview .template-page-header.student,
.unicorn-manager-application-wrapper #tablero-lessons-overview .template-page-header.student {
  height: 10rem;
  min-height: 10rem;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .template-page-header .method-documents-button .flat__icon .icon--graphics,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .template-page-header .method-documents-button .flat__icon .icon--graphics,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .template-page-header .method-documents-button .flat__icon .icon--graphics,
.gynzy-student-application-container #tablero-lessons-overview .template-page-header .method-documents-button .flat__icon .icon--graphics,
.gynzy-teacher-application-container #tablero-lessons-overview .template-page-header .method-documents-button .flat__icon .icon--graphics,
.unicorn-manager-application-wrapper #tablero-lessons-overview .template-page-header .method-documents-button .flat__icon .icon--graphics {
  fill: #556474;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .footer,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .footer,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .footer,
.gynzy-student-application-container #tablero-lessons-overview .footer,
.gynzy-teacher-application-container #tablero-lessons-overview .footer,
.unicorn-manager-application-wrapper #tablero-lessons-overview .footer {
  height: 10rem;
  min-height: 10rem;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  z-index: 110;
  background-color: white;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .footer .side-bar,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .footer .side-bar,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .footer .side-bar,
.gynzy-student-application-container #tablero-lessons-overview .footer .side-bar,
.gynzy-teacher-application-container #tablero-lessons-overview .footer .side-bar,
.unicorn-manager-application-wrapper #tablero-lessons-overview .footer .side-bar {
  display: flex;
  padding: 0 2.2rem;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .footer .side-bar .feedback-button,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .footer .side-bar .feedback-button,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .footer .side-bar .feedback-button,
.gynzy-student-application-container #tablero-lessons-overview .footer .side-bar .feedback-button,
.gynzy-teacher-application-container #tablero-lessons-overview .footer .side-bar .feedback-button,
.unicorn-manager-application-wrapper #tablero-lessons-overview .footer .side-bar .feedback-button {
  padding-left: 1.5rem;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .footer .side-bar .close-button,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .footer .side-bar .close-button,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .footer .side-bar .close-button,
.gynzy-student-application-container #tablero-lessons-overview .footer .side-bar .close-button,
.gynzy-teacher-application-container #tablero-lessons-overview .footer .side-bar .close-button,
.unicorn-manager-application-wrapper #tablero-lessons-overview .footer .side-bar .close-button {
  padding-left: 1.5rem;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .footer .side-bar #feedback .button-normal-white,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .footer .side-bar #feedback .button-normal-white,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .footer .side-bar #feedback .button-normal-white,
.gynzy-student-application-container #tablero-lessons-overview .footer .side-bar #feedback .button-normal-white,
.gynzy-teacher-application-container #tablero-lessons-overview .footer .side-bar #feedback .button-normal-white,
.unicorn-manager-application-wrapper #tablero-lessons-overview .footer .side-bar #feedback .button-normal-white {
  max-width: 18rem;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .navigator-bottom,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .navigator-bottom,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .navigator-bottom,
.gynzy-student-application-container #tablero-lessons-overview .navigator-bottom,
.gynzy-teacher-application-container #tablero-lessons-overview .navigator-bottom,
.unicorn-manager-application-wrapper #tablero-lessons-overview .navigator-bottom,
.gynzy-student-application-container .tablero-lesson-plan-layer .navigator-top,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .navigator-top,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .navigator-top,
.gynzy-student-application-container #tablero-lessons-overview .navigator-top,
.gynzy-teacher-application-container #tablero-lessons-overview .navigator-top,
.unicorn-manager-application-wrapper #tablero-lessons-overview .navigator-top {
  height: 7rem;
  cursor: pointer;
  width: 90%;
  background: #fff;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .navigator-bottom .arrow,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .navigator-bottom .arrow,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .navigator-bottom .arrow,
.gynzy-student-application-container #tablero-lessons-overview .navigator-bottom .arrow,
.gynzy-teacher-application-container #tablero-lessons-overview .navigator-bottom .arrow,
.unicorn-manager-application-wrapper #tablero-lessons-overview .navigator-bottom .arrow,
.gynzy-student-application-container .tablero-lesson-plan-layer .navigator-top .arrow,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .navigator-top .arrow,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .navigator-top .arrow,
.gynzy-student-application-container #tablero-lessons-overview .navigator-top .arrow,
.gynzy-teacher-application-container #tablero-lessons-overview .navigator-top .arrow,
.unicorn-manager-application-wrapper #tablero-lessons-overview .navigator-top .arrow {
  width: calc(100% - 72rem);
  height: 100%;
  cursor: pointer;
  background-image: url('../unicorn-commons/assets/img/btn_next_normal-1842343890336d62b72bb5a06f6177bf.png');
  background-position: 50%;
  background-size: 3rem;
  background-repeat: no-repeat;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .navigator-bottom:not(.disabled):hover .arrow,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .navigator-bottom:not(.disabled):hover .arrow,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .navigator-bottom:not(.disabled):hover .arrow,
.gynzy-student-application-container #tablero-lessons-overview .navigator-bottom:not(.disabled):hover .arrow,
.gynzy-teacher-application-container #tablero-lessons-overview .navigator-bottom:not(.disabled):hover .arrow,
.unicorn-manager-application-wrapper #tablero-lessons-overview .navigator-bottom:not(.disabled):hover .arrow,
.gynzy-student-application-container .tablero-lesson-plan-layer .navigator-top:not(.disabled):hover .arrow,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .navigator-top:not(.disabled):hover .arrow,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .navigator-top:not(.disabled):hover .arrow,
.gynzy-student-application-container #tablero-lessons-overview .navigator-top:not(.disabled):hover .arrow,
.gynzy-teacher-application-container #tablero-lessons-overview .navigator-top:not(.disabled):hover .arrow,
.unicorn-manager-application-wrapper #tablero-lessons-overview .navigator-top:not(.disabled):hover .arrow {
  background-image: url('../unicorn-commons/assets/img/btn_next_over-c8190e60b34bf3212d0020a65ff472ab.png');
  background-position: 50%;
  background-size: 3rem;
  background-repeat: no-repeat;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .navigator-top,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .navigator-top,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .navigator-top,
.gynzy-student-application-container #tablero-lessons-overview .navigator-top,
.gynzy-teacher-application-container #tablero-lessons-overview .navigator-top,
.unicorn-manager-application-wrapper #tablero-lessons-overview .navigator-top {
  border-bottom: 1px solid #dbe3ea;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .navigator-bottom,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .navigator-bottom,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .navigator-bottom,
.gynzy-student-application-container #tablero-lessons-overview .navigator-bottom,
.gynzy-teacher-application-container #tablero-lessons-overview .navigator-bottom,
.unicorn-manager-application-wrapper #tablero-lessons-overview .navigator-bottom {
  border-top: 1px solid #dbe3ea;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .navigator-bottom .arrow,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .navigator-bottom .arrow,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .navigator-bottom .arrow,
.gynzy-student-application-container #tablero-lessons-overview .navigator-bottom .arrow,
.gynzy-teacher-application-container #tablero-lessons-overview .navigator-bottom .arrow,
.unicorn-manager-application-wrapper #tablero-lessons-overview .navigator-bottom .arrow {
  transform: rotate(180deg);
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper,
.gynzy-student-application-container #tablero-lessons-overview .swiper,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper {
  position: relative;
  height: 100%;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .weeks-wrapper,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .weeks-wrapper,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .weeks-wrapper,
.gynzy-student-application-container #tablero-lessons-overview .swiper .weeks-wrapper,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .weeks-wrapper,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .weeks-wrapper {
  overflow: auto;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week {
  width: 100vw;
  height: 100%;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .week-info,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .week-info,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .week-info,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .week-info,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .week-info,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .week-info {
  padding: 2rem 0;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .week-info > div,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .week-info > div,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .week-info > div,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .week-info > div,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .week-info > div,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .week-info > div {
  margin: 0 1rem;
  font-weight: bold;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .week-info .info-week,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .week-info .info-week,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .week-info .info-week,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .week-info .info-week,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .week-info .info-week,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .week-info .info-week {
  font-size: 2.9rem;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .week-info .info-block,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .week-info .info-block,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .week-info .info-block,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .week-info .info-block,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .week-info .info-block,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .week-info .info-block {
  font-size: 2.4rem;
  color: #999999;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .week-info .icon,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .week-info .icon,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .week-info .icon,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .week-info .icon,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .week-info .icon,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .week-info .icon {
  font-size: 2.4rem;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .week-info .icon span,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .week-info .icon span,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .week-info .icon span,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .week-info .icon span,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .week-info .icon span,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .week-info .icon span {
  padding: 0;
  color: #999999;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .week-info .icon img,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .week-info .icon img,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .week-info .icon img,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .week-info .icon img,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .week-info .icon img,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .week-info .icon img {
  height: 2.3rem;
  width: 2.3rem;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons {
  position: relative;
  flex: 1;
  width: 100%;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper {
  padding: 0 1.6rem;
  width: 16rem;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper.disabled *,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper.disabled *,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper.disabled *,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper.disabled *,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper.disabled *,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper.disabled * {
  cursor: default;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .flex.column.has-crown,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .flex.column.has-crown,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .flex.column.has-crown,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .flex.column.has-crown,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .flex.column.has-crown,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .flex.column.has-crown,
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .flex.has-crown,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .flex.has-crown,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .flex.has-crown,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .flex.has-crown,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .flex.has-crown,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .flex.has-crown {
  position: relative;
  top: -0.6rem;
  max-width: 12rem;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson-stars,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson-stars,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson-stars,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson-stars,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson-stars,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson-stars {
  height: 4.5rem;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson-progress-icon-wrapper,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson-progress-icon-wrapper,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson-progress-icon-wrapper,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson-progress-icon-wrapper,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson-progress-icon-wrapper,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson-progress-icon-wrapper {
  height: 2rem;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson-progress-icon-wrapper .flat__icon,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson-progress-icon-wrapper .flat__icon,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson-progress-icon-wrapper .flat__icon,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson-progress-icon-wrapper .flat__icon,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson-progress-icon-wrapper .flat__icon,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson-progress-icon-wrapper .flat__icon {
  width: 2rem;
  height: 2rem;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson {
  width: 12.4rem;
  height: 12.4rem;
  background: linear-gradient(to bottom, #71c738 0%, #64ba2b 100%);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  border-radius: 1.2rem;
  font-size: 2.1rem;
  color: rgba(0, 0, 0, 0.65);
  cursor: pointer;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson .lesson-image,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson .lesson-image,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson .lesson-image,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson .lesson-image,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson .lesson-image,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson .lesson-image {
  margin-bottom: 0.5rem;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson .lesson-image div.icon-lesson-bg,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson .lesson-image div.icon-lesson-bg,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson .lesson-image div.icon-lesson-bg,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson .lesson-image div.icon-lesson-bg,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson .lesson-image div.icon-lesson-bg,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson .lesson-image div.icon-lesson-bg {
  background-image: url('../unicorn-commons/assets/img/icon-spelling-background-small-a1674b3226f29945060b804d65c935bd.png');
  background-size: contain;
  height: 9.2rem;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson .lesson-image div.icon-lesson-bg img,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson .lesson-image div.icon-lesson-bg img,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson .lesson-image div.icon-lesson-bg img,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson .lesson-image div.icon-lesson-bg img,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson .lesson-image div.icon-lesson-bg img,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson .lesson-image div.icon-lesson-bg img {
  height: 6.6rem;
  width: 9.6rem;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.zill_math,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.zill_math,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.zill_math,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.zill_math,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.zill_math,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.zill_math,
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.ovsg_math,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.ovsg_math,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.ovsg_math,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.ovsg_math,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.ovsg_math,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.ovsg_math,
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.go_math,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.go_math,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.go_math,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.go_math,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.go_math,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.go_math,
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.go-ijsberg_math,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.go-ijsberg_math,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.go-ijsberg_math,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.go-ijsberg_math,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.go-ijsberg_math,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.go-ijsberg_math,
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.rekenen,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.rekenen,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.rekenen,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.rekenen,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.rekenen,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.rekenen {
  background: linear-gradient(to bottom, #2a7dc8 0%, #2b7dc7 100%);
  border: 1px solid #092746;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.zill_math .lesson-image div.icon-lesson-bg,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.zill_math .lesson-image div.icon-lesson-bg,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.zill_math .lesson-image div.icon-lesson-bg,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.zill_math .lesson-image div.icon-lesson-bg,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.zill_math .lesson-image div.icon-lesson-bg,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.zill_math .lesson-image div.icon-lesson-bg,
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.ovsg_math .lesson-image div.icon-lesson-bg,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.ovsg_math .lesson-image div.icon-lesson-bg,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.ovsg_math .lesson-image div.icon-lesson-bg,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.ovsg_math .lesson-image div.icon-lesson-bg,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.ovsg_math .lesson-image div.icon-lesson-bg,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.ovsg_math .lesson-image div.icon-lesson-bg,
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.go_math .lesson-image div.icon-lesson-bg,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.go_math .lesson-image div.icon-lesson-bg,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.go_math .lesson-image div.icon-lesson-bg,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.go_math .lesson-image div.icon-lesson-bg,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.go_math .lesson-image div.icon-lesson-bg,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.go_math .lesson-image div.icon-lesson-bg,
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.go-ijsberg_math .lesson-image div.icon-lesson-bg,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.go-ijsberg_math .lesson-image div.icon-lesson-bg,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.go-ijsberg_math .lesson-image div.icon-lesson-bg,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.go-ijsberg_math .lesson-image div.icon-lesson-bg,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.go-ijsberg_math .lesson-image div.icon-lesson-bg,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.go-ijsberg_math .lesson-image div.icon-lesson-bg,
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.rekenen .lesson-image div.icon-lesson-bg,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.rekenen .lesson-image div.icon-lesson-bg,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.rekenen .lesson-image div.icon-lesson-bg,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.rekenen .lesson-image div.icon-lesson-bg,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.rekenen .lesson-image div.icon-lesson-bg,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.rekenen .lesson-image div.icon-lesson-bg {
  background-image: url('../unicorn-commons/assets/img/icon-rekenen-background-small-63e8f1002a75380655104cd33f1d2e63.png');
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.spelling,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.spelling,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.spelling,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.spelling,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.spelling,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.spelling,
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.nederlands,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.nederlands,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.nederlands,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.nederlands,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.nederlands,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.nederlands {
  background: linear-gradient(to bottom, #71c738 0%, #64ba2b 100%);
  border: 1px solid #204508;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.spelling .lesson-image div.icon-lesson-bg,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.spelling .lesson-image div.icon-lesson-bg,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.spelling .lesson-image div.icon-lesson-bg,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.spelling .lesson-image div.icon-lesson-bg,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.spelling .lesson-image div.icon-lesson-bg,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.spelling .lesson-image div.icon-lesson-bg,
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.nederlands .lesson-image div.icon-lesson-bg,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.nederlands .lesson-image div.icon-lesson-bg,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.nederlands .lesson-image div.icon-lesson-bg,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.nederlands .lesson-image div.icon-lesson-bg,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.nederlands .lesson-image div.icon-lesson-bg,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.nederlands .lesson-image div.icon-lesson-bg {
  background-image: url('../unicorn-commons/assets/img/icon-spelling-background-small-a1674b3226f29945060b804d65c935bd.png');
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.mammoth,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.mammoth,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.mammoth,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.mammoth,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.mammoth,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.mammoth {
  background: linear-gradient(to bottom, #f0f 0%, #ff1493 100%);
  border: 1px solid #c71585;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.taak,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.taak,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.taak,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.taak,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.taak,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.taak {
  background: #fed204;
  border: 1px solid #443908;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.toets,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.toets,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson.toets,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.toets,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.toets,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson.toets {
  background: #333333;
  border: 1px solid #3f3f3f;
  color: #999999;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson-description,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson-description,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .lesson-description,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson-description,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson-description,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .lesson-description {
  font-size: 2rem;
  font-weight: bold;
  line-height: 2rem;
  height: 5rem;
  cursor: default;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .crown,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .crown,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .crown,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .crown,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .crown,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .crown {
  width: 3rem;
  height: 2.5rem;
  position: relative;
  left: -2.5rem;
  top: 0.5rem;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url('../unicorn-commons/assets/img/crown-4048215da632be5fcaff75254085fa03.png');
}
@keyframes fadeAnimation {
  0% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .beam,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .beam,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .beam,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .beam,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .beam,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .beam {
  width: 5rem;
  height: 4.5rem;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url('../unicorn-commons/assets/img/crown_beam_small2-93a52f0e5088a8451054a048d673410e.png');
  animation: fadeAnimation 2s infinite;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .beam.beam-left,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .beam.beam-left,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .beam.beam-left,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .beam.beam-left,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .beam.beam-left,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .beam.beam-left {
  position: relative;
  left: 3.4rem;
  transform: rotate(-61deg);
  animation-delay: 1s;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .beam.beam-center,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .beam.beam-center,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .beam.beam-center,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .beam.beam-center,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .beam.beam-center,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .beam.beam-center {
  position: relative;
  top: -1.4rem;
  left: 1.6rem;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .beam.beam-right,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .beam.beam-right,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .beam.beam-right,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .beam.beam-right,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .beam.beam-right,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .beam.beam-right {
  position: relative;
  left: -3.4rem;
  transform: rotate(61deg);
  animation-delay: 2s;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .star,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .star,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .star,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .star,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .star,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .star {
  width: 2.2rem;
  height: 3.4rem;
  margin-right: 0.3rem;
  margin-left: 0.5rem;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .star.star-full,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .star.star-full,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .star.star-full,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .star.star-full,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .star.star-full,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .star.star-full {
  background-image: url('../unicorn-commons/assets/img/star_full-55e96d5a4248b4e23831b6456e0efe83.png');
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .star.star-empty,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .star.star-empty,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .star.star-empty,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .star.star-empty,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .star.star-empty,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .star.star-empty {
  background-image: url('../unicorn-commons/assets/img/star_empty-3f6a276cf34230ef6ddc76a8017d22c7.png');
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .star.middle,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .star.middle,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper .star.middle,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .star.middle,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .star.middle,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper .star.middle {
  top: -0.5rem;
  position: relative;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper.locked *,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper.locked *,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper.locked *,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper.locked *,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper.locked *,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper.locked * {
  cursor: default;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper.locked .lesson,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper.locked .lesson,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper.locked .lesson,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper.locked .lesson,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper.locked .lesson,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper.locked .lesson {
  background: linear-gradient(to bottom, #dadada 0%, #d2d2d2 100%);
  border: 1px solid #989898;
  color: #999999;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper.locked .lesson-description *,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper.locked .lesson-description *,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .swiper .week .lessons .lesson-wrapper.locked .lesson-description *,
.gynzy-student-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper.locked .lesson-description *,
.gynzy-teacher-application-container #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper.locked .lesson-description *,
.unicorn-manager-application-wrapper #tablero-lessons-overview .swiper .week .lessons .lesson-wrapper.locked .lesson-description * {
  cursor: default;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .t-divider,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .t-divider,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .t-divider,
.gynzy-student-application-container #tablero-lessons-overview .t-divider,
.gynzy-teacher-application-container #tablero-lessons-overview .t-divider,
.unicorn-manager-application-wrapper #tablero-lessons-overview .t-divider {
  width: 80%;
  height: 0.2rem;
  background-color: #a6a6a6;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .no-lessons,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .no-lessons,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .no-lessons,
.gynzy-student-application-container #tablero-lessons-overview .no-lessons,
.gynzy-teacher-application-container #tablero-lessons-overview .no-lessons,
.unicorn-manager-application-wrapper #tablero-lessons-overview .no-lessons {
  width: 60%;
}
.gynzy-student-application-container .tablero-lesson-plan-layer .not-supported-lesson-plan p,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .not-supported-lesson-plan p,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .not-supported-lesson-plan p,
.gynzy-student-application-container #tablero-lessons-overview .not-supported-lesson-plan p,
.gynzy-teacher-application-container #tablero-lessons-overview .not-supported-lesson-plan p,
.unicorn-manager-application-wrapper #tablero-lessons-overview .not-supported-lesson-plan p,
.gynzy-student-application-container .tablero-lesson-plan-layer .not-supported-method p,
.gynzy-teacher-application-container .tablero-lesson-plan-layer .not-supported-method p,
.unicorn-manager-application-wrapper .tablero-lesson-plan-layer .not-supported-method p,
.gynzy-student-application-container #tablero-lessons-overview .not-supported-method p,
.gynzy-teacher-application-container #tablero-lessons-overview .not-supported-method p,
.unicorn-manager-application-wrapper #tablero-lessons-overview .not-supported-method p {
  line-height: 1.5;
}
@keyframes fadeAnimation {
  0% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.gynzy-student-application-container .beam,
.gynzy-teacher-application-container .beam,
.unicorn-manager-application-wrapper .beam {
  width: 5rem;
  height: 4.5rem;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url('../unicorn-commons/assets/img/crown_beam_small2-93a52f0e5088a8451054a048d673410e.png');
  animation: fadeAnimation 2s infinite;
}
.gynzy-student-application-container .beam.beam-left,
.gynzy-teacher-application-container .beam.beam-left,
.unicorn-manager-application-wrapper .beam.beam-left {
  position: relative;
  left: 3.4rem;
  transform: rotate(-61deg);
  animation: rotateAnimationLeft 2s infinite;
  animation-delay: 1s;
}
.gynzy-student-application-container .beam.beam-center,
.gynzy-teacher-application-container .beam.beam-center,
.unicorn-manager-application-wrapper .beam.beam-center {
  position: relative;
  top: -1.4rem;
  left: 1.6rem;
}
.gynzy-student-application-container .beam.beam-right,
.gynzy-teacher-application-container .beam.beam-right,
.unicorn-manager-application-wrapper .beam.beam-right {
  position: relative;
  left: -3.4rem;
  transform: rotate(61deg);
  animation: rotateAnimationRight 2s infinite;
  animation-delay: 2s;
}
.gynzy-student-application-container .star,
.gynzy-teacher-application-container .star,
.unicorn-manager-application-wrapper .star {
  width: 2.2rem;
  height: 3.4rem;
  margin-right: 0.3rem;
  margin-left: 0.5rem;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.gynzy-student-application-container .star.star-full,
.gynzy-teacher-application-container .star.star-full,
.unicorn-manager-application-wrapper .star.star-full {
  background-image: url('../unicorn-commons/assets/img/star_full-55e96d5a4248b4e23831b6456e0efe83.png');
}
.gynzy-student-application-container .star.star-empty,
.gynzy-teacher-application-container .star.star-empty,
.unicorn-manager-application-wrapper .star.star-empty {
  background-image: url('../unicorn-commons/assets/img/star_empty-3f6a276cf34230ef6ddc76a8017d22c7.png');
}
.gynzy-student-application-container .star.middle,
.gynzy-teacher-application-container .star.middle,
.unicorn-manager-application-wrapper .star.middle {
  top: -0.5rem;
  position: relative;
}
.gynzy-student-application-container .crown,
.gynzy-teacher-application-container .crown,
.unicorn-manager-application-wrapper .crown {
  width: 3rem;
  height: 2.5rem;
  position: relative;
  left: -2.5rem;
  top: 0.5rem;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url('../unicorn-commons/assets/img/crown-4048215da632be5fcaff75254085fa03.png');
}
.gynzy-student-application-container .crown.nobeam,
.gynzy-teacher-application-container .crown.nobeam,
.unicorn-manager-application-wrapper .crown.nobeam {
  left: 0.5rem;
  top: -0.3rem;
}
.gynzy-student-application-container .component-toetsenbord-numeriek,
.gynzy-teacher-application-container .component-toetsenbord-numeriek,
.unicorn-manager-application-wrapper .component-toetsenbord-numeriek {
  width: auto;
}
.gynzy-student-application-container .component-toetsenbord-numeriek .wis,
.gynzy-teacher-application-container .component-toetsenbord-numeriek .wis,
.unicorn-manager-application-wrapper .component-toetsenbord-numeriek .wis {
  margin-right: 1.5rem;
}
.gynzy-student-application-container .component-toetsenbord-numeriek .ok,
.gynzy-teacher-application-container .component-toetsenbord-numeriek .ok,
.unicorn-manager-application-wrapper .component-toetsenbord-numeriek .ok {
  margin-left: 1.5rem;
}
.gynzy-student-application-container .component-toetsenbord-numeriek .button-square,
.gynzy-teacher-application-container .component-toetsenbord-numeriek .button-square,
.unicorn-manager-application-wrapper .component-toetsenbord-numeriek .button-square,
.gynzy-student-application-container .component-toetsenbord-numeriek .button-square-white,
.gynzy-teacher-application-container .component-toetsenbord-numeriek .button-square-white,
.unicorn-manager-application-wrapper .component-toetsenbord-numeriek .button-square-white {
  margin: 0.5rem;
}
.gynzy-student-application-container .component-toetsenbord-numeriek .optional-buttons,
.gynzy-teacher-application-container .component-toetsenbord-numeriek .optional-buttons,
.unicorn-manager-application-wrapper .component-toetsenbord-numeriek .optional-buttons {
  margin-left: 1.5rem;
}
.gynzy-student-application-container .park-exercise-popover .ember-view,
.gynzy-teacher-application-container .park-exercise-popover .ember-view,
.unicorn-manager-application-wrapper .park-exercise-popover .ember-view {
  height: auto;
}
.gynzy-student-application-container #parking-popover,
.gynzy-teacher-application-container #parking-popover,
.unicorn-manager-application-wrapper #parking-popover {
  position: absolute;
  background: #fff;
  border-radius: 1rem;
  padding: 2rem;
  top: 8rem;
  left: 4.5rem;
}
.gynzy-student-application-container #parking-popover .triangle,
.gynzy-teacher-application-container #parking-popover .triangle,
.unicorn-manager-application-wrapper #parking-popover .triangle {
  position: absolute;
  top: -0.8rem;
  width: 0;
  height: 0;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-bottom: 1rem solid #fff;
}
.gynzy-student-application-container #parking-popover .h3,
.gynzy-teacher-application-container #parking-popover .h3,
.unicorn-manager-application-wrapper #parking-popover .h3 {
  color: #2a3541;
  margin-bottom: 1.66666667rem;
}
.gynzy-student-application-container #parking-popover .buttons,
.gynzy-teacher-application-container #parking-popover .buttons,
.unicorn-manager-application-wrapper #parking-popover .buttons {
  display: flex;
  gap: 1.66666667rem;
}
@font-face {
  font-display: swap;
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/arimo/arimo-v29-all-regular-1e3a0e94ba2bc8dcb88dd8a4d7e4cd08.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-regular-5dc449bf89c8996180f0bf586f6370e7.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 500;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-500-86663f8e4c24f0f64ebbcf94016b651a.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 600;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-600-f70f8f823d24acc577ce02d800e1dd23.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-regular-c8802cd4edbbc28ae7c85e4374d3f924.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-italic-1db4ee7c71dfc060681293c00828e521.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-700-639ec8157b44583ea8ed7fad3d8dfeb0.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-700italic-c5a3347dc8754ff8fda86531e03797a6.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-regular-c07cd0d1a063582245c8193d978f799b.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-italic-d4e5cf548d6dedbed35fa9fd65b37ef0.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-600-b94f001b27f8c83057b118dff8d859cc.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-700-d03f336b3845249375499d014fa49b55.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-700italic-e6888e94f2367285f7776ed161bdb8ce.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-800-18f82823a9df95dec46891f281b3df46.woff2') format('woff2');
}
@font-face {
  font-family: 'ds-digi';
  src: url('../gynzy-styleguide/assets/fonts/ds-digi/ds-digi-839cd00f56360147c956a354753eaa07.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
.gynzy-student-application-container .font-arial-bold,
.gynzy-teacher-application-container .font-arial-bold,
.unicorn-manager-application-wrapper .font-arial-bold {
  font-family: 'Arial';
  font-style: normal;
  font-weight: bold;
}
.gynzy-student-application-container .font-open-sans,
.gynzy-teacher-application-container .font-open-sans,
.unicorn-manager-application-wrapper .font-open-sans {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
}
.gynzy-student-application-container .font-open-sans-italic,
.gynzy-teacher-application-container .font-open-sans-italic,
.unicorn-manager-application-wrapper .font-open-sans-italic {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
}
.gynzy-student-application-container .font-open-sans-semibold,
.gynzy-teacher-application-container .font-open-sans-semibold,
.unicorn-manager-application-wrapper .font-open-sans-semibold {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
}
.gynzy-student-application-container .font-open-sans-bold,
.gynzy-teacher-application-container .font-open-sans-bold,
.unicorn-manager-application-wrapper .font-open-sans-bold {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
}
.gynzy-student-application-container .font-open-sans-bold-italic,
.gynzy-teacher-application-container .font-open-sans-bold-italic,
.unicorn-manager-application-wrapper .font-open-sans-bold-italic {
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  font-weight: 700;
}
.gynzy-student-application-container .virko-feedback,
.gynzy-teacher-application-container .virko-feedback,
.unicorn-manager-application-wrapper .virko-feedback {
  position: absolute;
  bottom: -5.5rem;
  right: 2rem;
}
.gynzy-student-application-container .virko-feedback .virko-feedback-wrapper,
.gynzy-teacher-application-container .virko-feedback .virko-feedback-wrapper,
.unicorn-manager-application-wrapper .virko-feedback .virko-feedback-wrapper {
  position: relative;
}
.gynzy-student-application-container .virko-feedback .virko-feedback-wrapper img.sad-virko,
.gynzy-teacher-application-container .virko-feedback .virko-feedback-wrapper img.sad-virko,
.unicorn-manager-application-wrapper .virko-feedback .virko-feedback-wrapper img.sad-virko {
  width: 20rem;
  height: 27rem;
}
.gynzy-student-application-container .virko-feedback .virko-feedback-wrapper img.normal-virko,
.gynzy-teacher-application-container .virko-feedback .virko-feedback-wrapper img.normal-virko,
.unicorn-manager-application-wrapper .virko-feedback .virko-feedback-wrapper img.normal-virko {
  width: 20rem;
  height: 27rem;
}
.gynzy-student-application-container .virko-feedback .virko-feedback-wrapper img.happy-virko,
.gynzy-teacher-application-container .virko-feedback .virko-feedback-wrapper img.happy-virko,
.unicorn-manager-application-wrapper .virko-feedback .virko-feedback-wrapper img.happy-virko {
  width: 20rem;
  height: 27rem;
}
.gynzy-student-application-container .virko-feedback .virko-feedback-wrapper .cloud,
.gynzy-teacher-application-container .virko-feedback .virko-feedback-wrapper .cloud,
.unicorn-manager-application-wrapper .virko-feedback .virko-feedback-wrapper .cloud {
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.gynzy-student-application-container .virko-feedback .virko-feedback-wrapper .cloud.small,
.gynzy-teacher-application-container .virko-feedback .virko-feedback-wrapper .cloud.small,
.unicorn-manager-application-wrapper .virko-feedback .virko-feedback-wrapper .cloud.small {
  background-image: url(img/text-bubbles/textcloud-mediumtall-right.png);
  width: 13rem;
  height: 8rem;
  background-size: cover;
  left: -8rem;
  padding-bottom: 1.5rem;
  color: #000;
}
.gynzy-student-application-container .virko-feedback .virko-feedback-wrapper .cloud.large,
.gynzy-teacher-application-container .virko-feedback .virko-feedback-wrapper .cloud.large,
.unicorn-manager-application-wrapper .virko-feedback .virko-feedback-wrapper .cloud.large {
  background-image: url(img/text-bubbles/textcloud-small-right.png);
  width: 24rem;
  height: 8rem;
  background-size: cover;
  left: -18rem;
  padding-bottom: 1.5rem;
  color: #000;
}
.gynzy-student-application-container .place-holder,
.gynzy-teacher-application-container .place-holder,
.unicorn-manager-application-wrapper .place-holder {
  opacity: 0 !important;
  cursor: initial !important;
}