Flags

dabblet.css

/**
 * Flags
 */

#disclaimer { font: 1em Georgia, serif }

/* Sass-generated code */
html {
  background: #d6ccc2;
}

body {
  width: 80%;
  margin: 10vw auto;
}

.flag-gr, .flag-us-hi, .flag-kr, .flag-tr, .flag-ci, .flag-us-tx, .flag-us {
  position: relative;
}
.flag-gr::before, .flag-us-hi::before, .flag-kr::before, .flag-tr::before, .flag-ci::before, .flag-us-tx::before, .flag-us::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
}

.flag-kr {
  position: relative;
}
.flag-kr::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
}

[class|=flag] {
  margin: 10vw auto;
}

.flag-pl {
  width: 89.442719099992%;
  padding-top: 55.901699437495%;
  background: linear-gradient(white 50%, #d4213d 50%);
}

.flag-de {
  width: 91.287092917528%;
  padding-top: 54.772255750517%;
  background: linear-gradient(black 33.333333333333%, red 33.333333333333%, red 66.666666666667%, #ffcc00 66.666666666667%);
}

.flag-hu {
  width: 100%;
  padding-top: 50%;
  background: linear-gradient(#d21034 33.333333333333%, white 33.333333333333%, white 66.666666666667%, #007e3a 66.666666666667%);
}

.flag-nl {
  width: 86.602540378444%;
  padding-top: 57.735026918963%;
  background: linear-gradient(#ae1c28 33.333333333333%, white 33.333333333333%, white 66.666666666667%, #21468b 66.666666666667%);
}

.flag-fr {
  width: 86.602540378444%;
  padding-top: 57.735026918963%;
  background: -webkit-linear-gradient(left, #0055a4 33.333333333333%, white 33.333333333333%, white 66.666666666667%, #ef4531 66.666666666667%);
  background: linear-gradient(to right, #0055a4 33.333333333333%, white 33.333333333333%, white 66.666666666667%, #ef4531 66.666666666667%);
}

.flag-cg {
  width: 86.602540378444%;
  padding-top: 57.735026918963%;
  background: linear-gradient(135deg, #00ab39 40.0%, #f9d616 40.0%, #f9d616 60.0%, #ef2b2d 60.0%);
}

.flag-cz {
  width: 86.602540378444%;
  padding-top: 57.735026918963%;
  background: linear-gradient(to right top, #11457e 50%, transparent 50%) left top/50% 50% no-repeat, linear-gradient(to right bottom, #11457e 50%, transparent 50%) left bottom/50% 50% no-repeat, linear-gradient(white 50%, #d7141a 50%) top/100%;
}

.flag-sc {
  width: 100%;
  padding-top: 50%;
  background: linear-gradient(to right bottom, #003f87 50%, transparent 50%) left/33.333333333333% 100%, linear-gradient(to right bottom, #fcd856 50%, transparent 50%) left/66.666666666667% 100%, linear-gradient(to left top, #007a3d 50%, transparent 50%) bottom/100% 33.333333333333%, linear-gradient(to left top, white 50%, transparent 50%) bottom/100% 66.666666666667%, #d62828;
  background-repeat: no-repeat;
}

.flag-za {
  width: 86.602540378444%;
  padding-top: 57.735026918963%;
  background: linear-gradient(to bottom, transparent 40%, #007a4d 40%, #007a4d 60%, transparent 60%) right/50% 100%, linear-gradient(33.689678172002deg, black 19.979439720504%, #ffb612 19.979439720504%, #ffb612 25.320997165636%, #007a4d 25.320997165636%, #007a4d 41.345669501031%, white 41.345669501031%, white 46.687226946163%, transparent 46.687226946163%) top left/100% 50%, linear-gradient(146.310321827998deg, black 19.979439720504%, #ffb612 19.979439720504%, #ffb612 25.320997165636%, #007a4d 25.320997165636%, #007a4d 41.345669501031%, white 41.345669501031%, white 46.687226946163%, transparent 46.687226946163%) bottom left/100% 50%, linear-gradient(to bottom, #de3831 33.333333333333%, white 33.333333333333%, white 66.666666666667%, #002395 66.666666666667%) top/100%;
  background-repeat: no-repeat;
}

.flag-dk {
  width: 81.284333405293%;
  padding-top: 61.512468522925%;
  background: linear-gradient(to bottom, transparent 42.857142857143%, white 42.857142857143%, white 57.142857142857%, transparent 57.142857142857%), linear-gradient(to right, transparent 32.432432432432%, white 32.432432432432%, white 43.243243243243%, transparent 43.243243243243%), #e31836;
}

.flag-ch {
  width: 70.710678118655%;
  padding-top: 70.710678118655%;
  background: linear-gradient(to bottom, transparent 35%, white 35%, white 65%, transparent 65%), linear-gradient(to right, transparent 35%, white 35%, white 65%, transparent 65%), #e11a27;
  background-size: 70% 70%;
  background-position: center center;
  background-repeat: no-repeat;
}

.flag-no {
  width: 82.915619758885%;
  padding-top: 60.302268915553%;
  background: linear-gradient(to bottom, transparent 43.75%, #002868 43.75%, #002868 56.25%, transparent 56.25%), linear-gradient(to right, transparent 31.818181818182%, #002868 31.818181818182%, #002868 40.909090909091%, transparent 40.909090909091%), linear-gradient(to bottom, transparent 37.5%, white 37.5%, white 62.5%, transparent 62.5%), linear-gradient(to right, transparent 27.272727272727%, white 27.272727272727%, white 45.454545454545%, transparent 45.454545454545%), #ef2b2d;
}

.flag-gb {
  width: 100%;
  padding-top: 50%;
  background: linear-gradient(to bottom, transparent 40%, #cf142b 40%, #cf142b 60%, transparent 60%), linear-gradient(to right, transparent 45%, #cf142b 45%, #cf142b 55.0%, transparent 55.0%), linear-gradient(to bottom, transparent 33.333333333333%, white 33.333333333333%, white 66.666666666667%, transparent 66.666666666667%), linear-gradient(to right, transparent 41.666666666667%, white 41.666666666667%, white 58.333333333333%, transparent 58.333333333333%), linear-gradient(to left bottom, transparent 50%, #cf142b 50%, #cf142b 57.453559924999%, transparent 57.453559924999%) left top/50% 50%, linear-gradient(to right bottom, transparent 50%, #cf142b 50%, #cf142b 57.453559924999%, transparent 57.453559924999%) left bottom/50% 50%, linear-gradient(to right top, transparent 50%, #cf142b 50%, #cf142b 57.453559924999%, transparent 57.453559924999%) right bottom/50% 50%, linear-gradient(to left top, transparent 50%, #cf142b 50%, #cf142b 57.453559924999%, transparent 57.453559924999%) right top/50% 50%, linear-gradient(to left bottom, transparent 44.409830056251%, white 44.409830056251%, white 55.590169943749%, transparent 55.590169943749%), linear-gradient(to right bottom, transparent 44.409830056251%, white 44.409830056251%, white 55.590169943749%, transparent 55.590169943749%), #00247d;
  background-repeat: no-repeat;
}

.flag-gr {
  width: 86.602540378444%;
  padding-top: 57.735026918963%;
  background: repeating-linear-gradient(to bottom, #3a75c4, #3a75c4 11.111111111111%, white 11.111111111111%, white 22.222222222222%);
}
.flag-gr::before {
  width: 37.037037037037%;
  height: 55.555555555556%;
}
.flag-gr::before {
  background: linear-gradient(to right, transparent 40%, white 40%, white 60%, transparent 60%), linear-gradient(to bottom, transparent 40%, white 40%, white 60%, transparent 60%), #3a75c4;
}

.flag-us-hi {
  width: 100%;
  padding-top: 50%;
  background: repeating-linear-gradient(to bottom, white, white 12.5%, #cf142b 12.5%, #cf142b 25%, #00247d 25%, #00247d 37.5%);
}
.flag-us-hi::before {
  width: 40%;
  height: 50%;
}
.flag-us-hi::before {
  background: linear-gradient(to bottom, transparent 40%, #cf142b 40%, #cf142b 60%, transparent 60%), linear-gradient(to right, transparent 43.75%, #cf142b 43.75%, #cf142b 56.25%, transparent 56.25%), linear-gradient(to bottom, transparent 33.333333333333%, white 33.333333333333%, white 66.666666666667%, transparent 66.666666666667%), linear-gradient(to right, transparent 39.583333333333%, white 39.583333333333%, white 60.416666666667%, transparent 60.416666666667%), linear-gradient(to left bottom, transparent 50%, #cf142b 50%, #cf142b 57.861650943381%, transparent 57.861650943381%) left top/50% 50%, linear-gradient(to right bottom, transparent 50%, #cf142b 50%, #cf142b 57.861650943381%, transparent 57.861650943381%) left bottom/50% 50%, linear-gradient(to right top, transparent 50%, #cf142b 50%, #cf142b 57.861650943381%, transparent 57.861650943381%) right bottom/50% 50%, linear-gradient(to left top, transparent 50%, #cf142b 50%, #cf142b 57.861650943381%, transparent 57.861650943381%) right top/50% 50%, linear-gradient(to left bottom, transparent 44.103761792465%, white 44.103761792465%, white 55.896238207535%, transparent 55.896238207535%), linear-gradient(to right bottom, transparent 44.103761792465%, white 44.103761792465%, white 55.896238207535%, transparent 55.896238207535%), #00247d;
  background-repeat: no-repeat;
}

.flag-jp {
  width: 86.602540378444%;
  padding-top: 57.735026918963%;
  background: radial-gradient(circle closest-side, #ff1a24 60%, white 60%);
}

.flag-kr {
  width: 86.602540378444%;
  padding-top: 57.735026918963%;
  background: white;
}
.flag-kr::before {
  width: 100%;
  height: 100%;
}
.flag-kr::before {
  background: linear-gradient(to right, transparent 13.888888888889%, black 13.888888888889%, black 16.666666666667%, transparent 16.666666666667%, transparent 18.055555555556%, black 18.055555555556%, black 20.833333333333%, transparent 20.833333333333%, transparent 22.222222222222%, black 22.222222222222%, black 25%, transparent 25%) no-repeat center/100% 25%, linear-gradient(to left, transparent 13.888888888889%, black 13.888888888889%, black 16.666666666667%, transparent 16.666666666667%, transparent 18.055555555556%, black 18.055555555556%, black 20.833333333333%, transparent 20.833333333333%, transparent 22.222222222222%, black 22.222222222222%, black 25%, transparent 25%) no-repeat center 57.647058823529% / 100% 11.458333333333%, linear-gradient(to left, transparent 13.888888888889%, black 13.888888888889%, black 16.666666666667%, transparent 16.666666666667%, transparent 18.055555555556%, black 18.055555555556%, black 20.833333333333%, transparent 20.833333333333%, transparent 22.222222222222%, black 22.222222222222%, black 25%, transparent 25%) no-repeat center 42.352941176471% / 100% 11.458333333333%, radial-gradient(circle closest-side at 41.666666666667% center, #c60c30 25%, transparent 25%) no-repeat, radial-gradient(circle closest-side at 58.333333333333% center, #003478 25%, transparent 25%) no-repeat, radial-gradient(circle farthest-side at center bottom, #c60c30 33.333333333333%, transparent 33.333333333333%) no-repeat center top/100% 50%, radial-gradient(circle farthest-side at center top, #003478 33.333333333333%, transparent 33.333333333333%) no-repeat center bottom/100% 50%;
  transform: rotate(33.689678172002deg);
}
.flag-kr::after {
  width: 100%;
  height: 100%;
}
.flag-kr::after {
  background: linear-gradient(to right, transparent 13.888888888889%, black 13.888888888889%, black 16.666666666667%, transparent 16.666666666667%, transparent 22.222222222222%, black 22.222222222222%, black 25%, transparent 25%, transparent 79.166666666667%, black 79.166666666667%, black 81.944444444444%, transparent 81.944444444444%) no-repeat center/100% 25%, linear-gradient(to left, transparent 13.888888888889%, black 13.888888888889%, black 16.666666666667%, transparent 16.666666666667%, transparent 22.222222222222%, black 22.222222222222%, black 25%, transparent 25%, transparent 79.166666666667%, black 79.166666666667%, black 81.944444444444%, transparent 81.944444444444%) no-repeat center 57.647058823529% / 100% 11.458333333333%, linear-gradient(to left, transparent 13.888888888889%, black 13.888888888889%, black 16.666666666667%, transparent 16.666666666667%, transparent 22.222222222222%, black 22.222222222222%, black 25%, transparent 25%, transparent 79.166666666667%, black 79.166666666667%, black 81.944444444444%, transparent 81.944444444444%) no-repeat center 42.352941176471% / 100% 11.458333333333%;
  transform: rotate(-33.689678172002deg);
}

.flag-vn {
  width: 86.602540378444%;
  padding-top: 57.735026918963%;
  background: linear-gradient(to top right, #d21034 50%, transparent 50%) 57.512180314704% 73.144318014344% / 13.061894495388% 14.235032770828%, linear-gradient(to top left, #d21034 50%, transparent 50%) 42.487819685296% 73.144318014344% / 13.061894495388% 14.235032770828%, linear-gradient(to top right, #ffce00 50%, transparent 50%) 57.512180314704% 41.982127170454% / 13.061894495388% 60.300566479165%, linear-gradient(to top left, #ffce00 50%, transparent 50%) 42.487819685296% 41.982127170454% / 13.061894495388% 60.300566479165%, linear-gradient(to bottom right, #ffce00 50%, transparent 50%) 63.399149925351% 51.57965526137% / 21.134589251003% 23.032766854168%, linear-gradient(to bottom left, #ffce00 50%, transparent 50%) 36.600850074649% 51.57965526137% / 21.134589251003% 23.032766854168%, #d21034;
  background-repeat: no-repeat;
}

.flag-tr {
  width: 86.602540378444%;
  padding-top: 57.735026918963%;
  background: radial-gradient(circle closest-side at 37.5% center, #e30a17 40%, transparent 40%), radial-gradient(circle closest-side at 33.333333333333% center, white 50%, #e30a17 50%);
}
.flag-tr::before {
  width: 16.666666666667%;
  height: 25%;
}
.flag-tr::before {
  background: linear-gradient(to top right, #e30a17 50%, transparent 50%) 70.810760305635% 87.858283798386% / 29.389262614624% 21.352549156242%, linear-gradient(to top left, #e30a17 50%, transparent 50%) 29.189239694365% 87.858283798386% / 29.389262614624% 21.352549156242%, linear-gradient(to top right, white 50%, transparent 50%) 70.810760305635% 0% / 29.389262614624% 90.450849718747%, linear-gradient(to top left, white 50%, transparent 50%) 29.189239694365% 0% / 29.389262614624% 90.450849718747%, linear-gradient(to bottom right, white 50%, transparent 50%) 95.33402090149% 52.786404500042% / 47.552825814758% 34.549150281253%, linear-gradient(to bottom left, white 50%, transparent 50%) 4.66597909851% 52.786404500042% / 47.552825814758% 34.549150281253%, #e30a17;
  background-repeat: no-repeat;
  left: 46.388888888889%;
  top: 37.5%;
  transform: rotate(-90deg);
}

.flag-ci {
  width: 86.602540378444%;
  padding-top: 57.735026918963%;
  background: linear-gradient(white 50%, #dc241f 50%);
}
.flag-ci::before {
  width: 33.333333333333%;
  height: 50%;
}
.flag-ci::before {
  background: linear-gradient(to top right, #0035ad 50%, transparent 50%) 58.612958089572% 66.666666666667% / 14.694631307312% 10.676274578121%, linear-gradient(to top left, #0035ad 50%, transparent 50%) 41.387041910428% 66.666666666667% / 14.694631307312% 10.676274578121%, linear-gradient(to top right, white 50%, transparent 50%) 58.612958089572% 45.641613715517% / 14.694631307312% 45.225424859374%, linear-gradient(to top left, white 50%, transparent 50%) 41.387041910428% 45.641613715517% / 14.694631307312% 45.225424859374%, linear-gradient(to bottom right, white 50%, transparent 50%) 65.596493037311% 51.102276250004% / 23.776412907379% 17.274575140626%, linear-gradient(to bottom left, white 50%, transparent 50%) 34.403506962689% 51.102276250004% / 23.776412907379% 17.274575140626%, #0035ad;
  background-repeat: no-repeat;
}

.flag-us-tx {
  width: 86.602540378444%;
  padding-top: 57.735026918963%;
  background: linear-gradient(white 50%, #bf0a30 50%);
}
.flag-us-tx::before {
  width: 33.333333333333%;
  height: 100%;
}
.flag-us-tx::before {
  background: linear-gradient(to top right, #002868 50%, transparent 50%) 65.369227044116% 63.022045525% / 23.511410091699% 8.541019662497%, linear-gradient(to top left, #002868 50%, transparent 50%) 34.630772955884% 63.022045525% / 23.511410091699% 8.541019662497%, linear-gradient(to top right, white 50%, transparent 50%) 65.369227044116% 47.007458120454% / 23.511410091699% 36.180339887499%, linear-gradient(to top left, white 50%, transparent 50%) 34.630772955884% 47.007458120454% / 23.511410091699% 36.180339887499%, linear-gradient(to bottom right, white 50%, transparent 50%) 80.700168414808% 50.846469356821% / 38.042260651806% 13.819660112501%, linear-gradient(to bottom left, white 50%, transparent 50%) 19.299831585192% 50.846469356821% / 38.042260651806% 13.819660112501%, #002868;
  background-repeat: no-repeat;
}

.flag-us {
  width: 97.46794344809%;
  padding-top: 51.298917604258%;
  background: repeating-linear-gradient(#b22234, #b22234 7.692307692308%, white 7.692307692308%, white 15.384615384615%);
}
.flag-us::before {
  width: 40%;
  height: 53.846153846154%;
}
.flag-us::before {
  background: linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 8.4415006555% 11.324078772236% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 7.143492789503% 11.324078772236% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 8.4415006555% 7.331143481418% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 7.143492789503% 7.331143481418% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 8.50976711174% 9.245752568038% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 6.392561770859% 9.245752568038% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 8.4415006555% 31.590378564563% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 7.143492789503% 31.590378564563% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 8.4415006555% 28.510002427737% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 7.143492789503% 28.510002427737% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 8.50976711174% 29.680209882923% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 6.392561770859% 29.680209882923% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 8.4415006555% 51.85667835689% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 7.143492789503% 51.85667835689% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 8.4415006555% 49.688861374056% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 7.143492789503% 49.688861374056% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 8.50976711174% 50.114667197808% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 6.392561770859% 50.114667197808% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 8.4415006555% 72.122978149216% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 7.143492789503% 72.122978149216% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 8.4415006555% 70.867720320374% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 7.143492789503% 70.867720320374% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 8.50976711174% 70.549124512692% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 6.392561770859% 70.549124512692% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 8.4415006555% 92.389277941543% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 7.143492789503% 92.389277941543% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 8.4415006555% 92.046579266693% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 7.143492789503% 92.046579266693% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 8.50976711174% 90.983581827577% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 6.392561770859% 90.983581827577% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 25.324501966499% 11.324078772236% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 24.026494100502% 11.324078772236% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 25.324501966499% 7.331143481418% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 24.026494100502% 7.331143481418% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 25.52930133522% 9.245752568038% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 23.412095994339% 9.245752568038% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 25.324501966499% 31.590378564563% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 24.026494100502% 31.590378564563% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 25.324501966499% 28.510002427737% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 24.026494100502% 28.510002427737% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 25.52930133522% 29.680209882923% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 23.412095994339% 29.680209882923% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 25.324501966499% 51.85667835689% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 24.026494100502% 51.85667835689% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 25.324501966499% 49.688861374056% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 24.026494100502% 49.688861374056% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 25.52930133522% 50.114667197808% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 23.412095994339% 50.114667197808% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 25.324501966499% 72.122978149216% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 24.026494100502% 72.122978149216% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 25.324501966499% 70.867720320374% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 24.026494100502% 70.867720320374% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 25.52930133522% 70.549124512692% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 23.412095994339% 70.549124512692% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 25.324501966499% 92.389277941543% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 24.026494100502% 92.389277941543% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 25.324501966499% 92.046579266693% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 24.026494100502% 92.046579266693% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 25.52930133522% 90.983581827577% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 23.412095994339% 90.983581827577% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 42.207503277499% 11.324078772236% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 40.909495411502% 11.324078772236% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 42.207503277499% 7.331143481418% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 40.909495411502% 7.331143481418% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 42.548835558701% 9.245752568038% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 40.431630217819% 9.245752568038% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 42.207503277499% 31.590378564563% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 40.909495411502% 31.590378564563% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 42.207503277499% 28.510002427737% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 40.909495411502% 28.510002427737% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 42.548835558701% 29.680209882923% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 40.431630217819% 29.680209882923% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 42.207503277499% 51.85667835689% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 40.909495411502% 51.85667835689% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 42.207503277499% 49.688861374056% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 40.909495411502% 49.688861374056% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 42.548835558701% 50.114667197808% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 40.431630217819% 50.114667197808% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 42.207503277499% 72.122978149216% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 40.909495411502% 72.122978149216% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 42.207503277499% 70.867720320374% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 40.909495411502% 70.867720320374% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 42.548835558701% 70.549124512692% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 40.431630217819% 70.549124512692% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 42.207503277499% 92.389277941543% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 40.909495411502% 92.389277941543% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 42.207503277499% 92.046579266693% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 40.909495411502% 92.046579266693% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 42.548835558701% 90.983581827577% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 40.431630217819% 90.983581827577% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 59.090504588498% 11.324078772236% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 57.792496722501% 11.324078772236% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 59.090504588498% 7.331143481418% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 57.792496722501% 7.331143481418% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 59.568369782181% 9.245752568038% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 57.451164441299% 9.245752568038% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 59.090504588498% 31.590378564563% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 57.792496722501% 31.590378564563% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 59.090504588498% 28.510002427737% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 57.792496722501% 28.510002427737% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 59.568369782181% 29.680209882923% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 57.451164441299% 29.680209882923% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 59.090504588498% 51.85667835689% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 57.792496722501% 51.85667835689% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 59.090504588498% 49.688861374056% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 57.792496722501% 49.688861374056% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 59.568369782181% 50.114667197808% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 57.451164441299% 50.114667197808% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 59.090504588498% 72.122978149216% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 57.792496722501% 72.122978149216% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 59.090504588498% 70.867720320374% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 57.792496722501% 70.867720320374% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 59.568369782181% 70.549124512692% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 57.451164441299% 70.549124512692% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 59.090504588498% 92.389277941543% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 57.792496722501% 92.389277941543% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 59.090504588498% 92.046579266693% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 57.792496722501% 92.046579266693% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 59.568369782181% 90.983581827577% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 57.451164441299% 90.983581827577% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 75.973505899498% 11.324078772236% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 74.675498033501% 11.324078772236% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 75.973505899498% 7.331143481418% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 74.675498033501% 7.331143481418% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 76.587904005661% 9.245752568038% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 74.47069866478% 9.245752568038% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 75.973505899498% 31.590378564563% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 74.675498033501% 31.590378564563% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 75.973505899498% 28.510002427737% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 74.675498033501% 28.510002427737% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 76.587904005661% 29.680209882923% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 74.47069866478% 29.680209882923% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 75.973505899498% 51.85667835689% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 74.675498033501% 51.85667835689% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 75.973505899498% 49.688861374056% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 74.675498033501% 49.688861374056% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 76.587904005661% 50.114667197808% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 74.47069866478% 50.114667197808% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 75.973505899498% 72.122978149216% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 74.675498033501% 72.122978149216% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 75.973505899498% 70.867720320374% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 74.675498033501% 70.867720320374% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 76.587904005661% 70.549124512692% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 74.47069866478% 70.549124512692% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 75.973505899498% 92.389277941543% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 74.675498033501% 92.389277941543% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 75.973505899498% 92.046579266693% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 74.675498033501% 92.046579266693% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 76.587904005661% 90.983581827577% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 74.47069866478% 90.983581827577% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 92.856507210497% 11.324078772236% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 91.5584993445% 11.324078772236% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 92.856507210497% 7.331143481418% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 91.5584993445% 7.331143481418% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 93.607438229141% 9.245752568038% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 91.49023288826% 9.245752568038% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 92.856507210497% 31.590378564563% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 91.5584993445% 31.590378564563% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 92.856507210497% 28.510002427737% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 91.5584993445% 28.510002427737% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 93.607438229141% 29.680209882923% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 91.49023288826% 29.680209882923% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 92.856507210497% 51.85667835689% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 91.5584993445% 51.85667835689% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 92.856507210497% 49.688861374056% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 91.5584993445% 49.688861374056% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 93.607438229141% 50.114667197808% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 91.49023288826% 50.114667197808% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 92.856507210497% 72.122978149216% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 91.5584993445% 72.122978149216% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 92.856507210497% 70.867720320374% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 91.5584993445% 70.867720320374% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 93.607438229141% 70.549124512692% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 91.49023288826% 70.549124512692% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 92.856507210497% 92.389277941543% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 91.5584993445% 92.389277941543% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 92.856507210497% 92.046579266693% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 91.5584993445% 92.046579266693% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 93.607438229141% 90.983581827577% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 91.49023288826% 90.983581827577% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 16.883001311% 21.4572286684% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 15.584993445002% 21.4572286684% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 16.883001311% 17.920572954577% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 15.584993445002% 17.920572954577% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 17.01953422348% 19.46298122548% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 14.902328882599% 19.46298122548% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 16.883001311% 41.723528460726% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 15.584993445002% 41.723528460726% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 16.883001311% 39.099431900896% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 15.584993445002% 39.099431900896% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 17.01953422348% 39.897438540365% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 14.902328882599% 39.897438540365% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 16.883001311% 61.989828253053% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 15.584993445002% 61.989828253053% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 16.883001311% 60.278290847215% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 15.584993445002% 60.278290847215% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 17.01953422348% 60.33189585525% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 14.902328882599% 60.33189585525% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 16.883001311% 82.256128045379% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 15.584993445002% 82.256128045379% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 16.883001311% 81.457149793534% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 15.584993445002% 81.457149793534% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 17.01953422348% 80.766353170135% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 14.902328882599% 80.766353170135% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 33.766002621999% 21.4572286684% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 32.467994756002% 21.4572286684% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 33.766002621999% 17.920572954577% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 32.467994756002% 17.920572954577% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 34.039068446961% 19.46298122548% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 31.921863106079% 19.46298122548% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 33.766002621999% 41.723528460726% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 32.467994756002% 41.723528460726% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 33.766002621999% 39.099431900896% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 32.467994756002% 39.099431900896% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 34.039068446961% 39.897438540365% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 31.921863106079% 39.897438540365% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 33.766002621999% 61.989828253053% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 32.467994756002% 61.989828253053% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 33.766002621999% 60.278290847215% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 32.467994756002% 60.278290847215% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 34.039068446961% 60.33189585525% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 31.921863106079% 60.33189585525% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 33.766002621999% 82.256128045379% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 32.467994756002% 82.256128045379% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 33.766002621999% 81.457149793534% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 32.467994756002% 81.457149793534% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 34.039068446961% 80.766353170135% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 31.921863106079% 80.766353170135% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 50.649003932999% 21.4572286684% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 49.350996067001% 21.4572286684% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 50.649003932999% 17.920572954577% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 49.350996067001% 17.920572954577% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 51.058602670441% 19.46298122548% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 48.941397329559% 19.46298122548% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 50.649003932999% 41.723528460726% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 49.350996067001% 41.723528460726% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 50.649003932999% 39.099431900896% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 49.350996067001% 39.099431900896% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 51.058602670441% 39.897438540365% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 48.941397329559% 39.897438540365% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 50.649003932999% 61.989828253053% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 49.350996067001% 61.989828253053% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 50.649003932999% 60.278290847215% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 49.350996067001% 60.278290847215% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 51.058602670441% 60.33189585525% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 48.941397329559% 60.33189585525% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 50.649003932999% 82.256128045379% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 49.350996067001% 82.256128045379% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 50.649003932999% 81.457149793534% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 49.350996067001% 81.457149793534% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 51.058602670441% 80.766353170135% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 48.941397329559% 80.766353170135% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 67.532005243998% 21.4572286684% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 66.233997378001% 21.4572286684% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 67.532005243998% 17.920572954577% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 66.233997378001% 17.920572954577% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 68.078136893921% 19.46298122548% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 65.960931553039% 19.46298122548% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 67.532005243998% 41.723528460726% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 66.233997378001% 41.723528460726% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 67.532005243998% 39.099431900896% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 66.233997378001% 39.099431900896% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 68.078136893921% 39.897438540365% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 65.960931553039% 39.897438540365% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 67.532005243998% 61.989828253053% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 66.233997378001% 61.989828253053% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 67.532005243998% 60.278290847215% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 66.233997378001% 60.278290847215% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 68.078136893921% 60.33189585525% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 65.960931553039% 60.33189585525% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 67.532005243998% 82.256128045379% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 66.233997378001% 82.256128045379% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 67.532005243998% 81.457149793534% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 66.233997378001% 81.457149793534% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 68.078136893921% 80.766353170135% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 65.960931553039% 80.766353170135% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 84.415006554998% 21.4572286684% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 83.116998689% 21.4572286684% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 84.415006554998% 17.920572954577% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 83.116998689% 17.920572954577% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 85.097671117401% 19.46298122548% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 82.98046577652% 19.46298122548% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 84.415006554998% 41.723528460726% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 83.116998689% 41.723528460726% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 84.415006554998% 39.099431900896% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 83.116998689% 39.099431900896% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 85.097671117401% 39.897438540365% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 82.98046577652% 39.897438540365% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 84.415006554998% 61.989828253053% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 83.116998689% 61.989828253053% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 84.415006554998% 60.278290847215% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 83.116998689% 60.278290847215% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 85.097671117401% 60.33189585525% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 82.98046577652% 60.33189585525% / 2.073309129264% 2.126101555769%, linear-gradient(to top right, #3c3b6e 50%, transparent 50%) 84.415006554998% 82.256128045379% / 1.28137551107% 1.314003025%, linear-gradient(to top left, #3c3b6e 50%, transparent 50%) 83.116998689% 82.256128045379% / 1.28137551107% 1.314003025%, linear-gradient(to top right, white 50%, transparent 50%) 84.415006554998% 81.457149793534% / 1.28137551107% 5.566206136538%, linear-gradient(to top left, white 50%, transparent 50%) 83.116998689% 81.457149793534% / 1.28137551107% 5.566206136538%, linear-gradient(to bottom right, white 50%, transparent 50%) 85.097671117401% 80.766353170135% / 2.073309129264% 2.126101555769%, linear-gradient(to bottom left, white 50%, transparent 50%) 82.98046577652% 80.766353170135% / 2.073309129264% 2.126101555769%, #3c3b6e;
  background-repeat: no-repeat;
}

.flag-eu {
  width: 86.602540378444%;
  padding-top: 57.735026918963%;
  background: linear-gradient(to top right, #003399 50%, transparent 50%) 70.786007919401% 70.460376336658% / 2.176982415898% 2.372505461805%, linear-gradient(to top left, #003399 50%, transparent 50%) 68.560578291833% 70.460376336658% / 2.176982415898% 2.372505461805%, linear-gradient(to top right, #ffcc00 50%, transparent 50%) 70.786007919401% 67.939049751751% / 2.176982415898% 10.050094413194%, linear-gradient(to top left, #ffcc00 50%, transparent 50%) 68.560578291833% 67.939049751751% / 2.176982415898% 10.050094413194%, linear-gradient(to bottom right, #ffcc00 50%, transparent 50%) 71.773169743706% 67.542732258646% / 3.522431541834% 3.838794475695%, linear-gradient(to bottom left, #ffcc00 50%, transparent 50%) 68.122132929525% 67.542732258646% / 3.522431541834% 3.838794475695%, linear-gradient(to top right, #003399 50%, transparent 50%) 62.471095887382% 82.95772336998% / 2.176982415898% 2.372505461805%, linear-gradient(to top left, #003399 50%, transparent 50%) 60.245666259813% 82.95772336998% / 2.176982415898% 2.372505461805%, linear-gradient(to top right, #ffcc00 50%, transparent 50%) 62.471095887382% 81.503095998138% / 2.176982415898% 10.050094413194%, linear-gradient(to top left, #ffcc00 50%, transparent 50%) 60.245666259813% 81.503095998138% / 2.176982415898% 10.050094413194%, linear-gradient(to bottom right, #ffcc00 50%, transparent 50%) 63.342300279254% 80.230641822438% / 3.522431541834% 3.838794475695%, linear-gradient(to bottom left, #ffcc00 50%, transparent 50%) 59.691263465074% 80.230641822438% / 3.522431541834% 3.838794475695%, linear-gradient(to top right, #003399 50%, transparent 50%) 51.112714820483% 87.532069867607% / 2.176982415898% 2.372505461805%, linear-gradient(to top left, #003399 50%, transparent 50%) 48.887285192915% 87.532069867607% / 2.176982415898% 2.372505461805%, linear-gradient(to top right, #ffcc00 50%, transparent 50%) 51.112714820483% 86.467881506244% / 2.176982415898% 10.050094413194%, linear-gradient(to top left, #ffcc00 50%, transparent 50%) 48.887285192915% 86.467881506244% / 2.176982415898% 10.050094413194%, linear-gradient(to bottom right, #ffcc00 50%, transparent 50%) 51.825518413883% 84.87473904728% / 3.522431541834% 3.838794475695%, linear-gradient(to bottom left, #ffcc00 50%, transparent 50%) 48.174481599702% 84.87473904728% / 3.522431541834% 3.838794475695%, linear-gradient(to top right, #003399 50%, transparent 50%) 39.754333751765% 82.957723380045% / 2.176982415898% 2.372505461805%, linear-gradient(to top left, #003399 50%, transparent 50%) 37.528904124197% 82.957723380045% / 2.176982415898% 2.372505461805%, linear-gradient(to top right, #ffcc00 50%, transparent 50%) 39.754333751765% 81.503096009062% / 2.176982415898% 10.050094413194%, linear-gradient(to top left, #ffcc00 50%, transparent 50%) 37.528904124197% 81.503096009062% / 2.176982415898% 10.050094413194%, linear-gradient(to bottom right, #ffcc00 50%, transparent 50%) 40.308736546667% 80.230641832657% / 3.522431541834% 3.838794475695%, linear-gradient(to bottom left, #ffcc00 50%, transparent 50%) 36.657699732486% 80.230641832657% / 3.522431541834% 3.838794475695%, linear-gradient(to top right, #003399 50%, transparent 50%) 31.439421712762% 70.460376353703% / 2.176982415898% 2.372505461805%, linear-gradient(to top left, #003399 50%, transparent 50%) 29.213992085193% 70.460376353703% / 2.176982415898% 2.372505461805%, linear-gradient(to top right, #ffcc00 50%, transparent 50%) 31.439421712762% 67.939049770251% / 2.176982415898% 10.050094413194%, linear-gradient(to top left, #ffcc00 50%, transparent 50%) 29.213992085193% 67.939049770251% / 2.176982415898% 10.050094413194%, linear-gradient(to bottom right, #ffcc00 50%, transparent 50%) 31.877867075133% 67.542732275951% / 3.522431541834% 3.838794475695%, linear-gradient(to bottom left, #ffcc00 50%, transparent 50%) 28.226830260952% 67.542732275951% / 3.522431541834% 3.838794475695%, linear-gradient(to top right, #003399 50%, transparent 50%) 28.395952594155% 53.388682813601% / 2.176982415898% 2.372505461805%, linear-gradient(to top left, #003399 50%, transparent 50%) 26.170522966587% 53.388682813601% / 2.176982415898% 2.372505461805%, linear-gradient(to top right, #ffcc00 50%, transparent 50%) 28.395952594155% 49.410218005824% / 2.176982415898% 10.050094413194%, linear-gradient(to top left, #ffcc00 50%, transparent 50%) 26.170522966587% 49.410218005824% / 2.176982415898% 10.050094413194%, linear-gradient(to bottom right, #ffcc00 50%, transparent 50%) 28.791954589318% 50.210725478025% / 3.522431541834% 3.838794475695%, linear-gradient(to bottom left, #ffcc00 50%, transparent 50%) 25.140917775138% 50.210725478025% / 3.522431541834% 3.838794475695%, linear-gradient(to top right, #003399 50%, transparent 50%) 31.439419965068% 36.316988847194% / 2.176982415898% 2.372505461805%, linear-gradient(to top left, #003399 50%, transparent 50%) 29.2139903375% 36.316988847194% / 2.176982415898% 2.372505461805%, linear-gradient(to top right, #ffcc00 50%, transparent 50%) 31.439419965068% 30.881385778705% / 2.176982415898% 10.050094413194%, linear-gradient(to top left, #ffcc00 50%, transparent 50%) 29.2139903375% 30.881385778705% / 2.176982415898% 10.050094413194%, linear-gradient(to bottom right, #ffcc00 50%, transparent 50%) 31.877865303067% 32.878718247293% / 3.522431541834% 3.838794475695%, linear-gradient(to bottom left, #ffcc00 50%, transparent 50%) 28.226828488886% 32.878718247293% / 3.522431541834% 3.838794475695%, linear-gradient(to top right, #003399 50%, transparent 50%) 39.754308856673% 23.819634782447% / 2.176982415898% 2.372505461805%, linear-gradient(to top left, #003399 50%, transparent 50%) 37.528879229104% 23.819634782447% / 2.176982415898% 2.372505461805%, linear-gradient(to top right, #ffcc00 50%, transparent 50%) 39.754308856673% 17.317331900732% / 2.176982415898% 10.050094413194%, linear-gradient(to top left, #ffcc00 50%, transparent 50%) 37.528879229104% 17.317331900732% / 2.176982415898% 10.050094413194%, linear-gradient(to bottom right, #ffcc00 50%, transparent 50%) 40.308711304394% 20.19080154486% / 3.522431541834% 3.838794475695%, linear-gradient(to bottom left, #ffcc00 50%, transparent 50%) 36.657674490213% 20.19080154486% / 3.522431541834% 3.838794475695%, linear-gradient(to top right, #003399 50%, transparent 50%) 51.112455074972% 19.245207802499% / 2.176982415898% 2.372505461805%, linear-gradient(to top left, #003399 50%, transparent 50%) 48.887025447404% 19.245207802499% / 2.176982415898% 2.372505461805%, linear-gradient(to top right, #ffcc00 50%, transparent 50%) 51.112455074972% 12.352459040812% / 2.176982415898% 10.050094413194%, linear-gradient(to top left, #ffcc00 50%, transparent 50%) 48.887025447404% 12.352459040812% / 2.176982415898% 10.050094413194%, linear-gradient(to bottom right, #ffcc00 50%, transparent 50%) 51.825255046034% 15.546622610482% / 3.522431541834% 3.838794475695%, linear-gradient(to bottom left, #ffcc00 50%, transparent 50%) 48.174218231853% 15.546622610482% / 3.522431541834% 3.838794475695%, linear-gradient(to top right, #003399 50%, transparent 50%) 62.468982716611% 23.81884637737% / 2.176982415898% 2.372505461805%, linear-gradient(to top left, #003399 50%, transparent 50%) 60.243553089043% 23.81884637737% / 2.176982415898% 2.372505461805%, linear-gradient(to top right, #ffcc00 50%, transparent 50%) 62.468982716611% 17.316476202086% / 2.176982415898% 10.050094413194%, linear-gradient(to top left, #ffcc00 50%, transparent 50%) 60.243553089043% 17.316476202086% / 2.176982415898% 10.050094413194%, linear-gradient(to bottom right, #ffcc00 50%, transparent 50%) 63.340157638796% 20.190001117993% / 3.522431541834% 3.838794475695%, linear-gradient(to bottom left, #ffcc00 50%, transparent 50%) 59.689120824616% 20.190001117993% / 3.522431541834% 3.838794475695%, linear-gradient(to top right, #003399 50%, transparent 50%) 70.771960235289% 36.311163697849% / 2.176982415898% 2.372505461805%, linear-gradient(to top left, #003399 50%, transparent 50%) 68.54653060772% 36.311163697849% / 2.176982415898% 2.372505461805%, linear-gradient(to top right, #ffcc00 50%, transparent 50%) 70.771960235289% 30.875063429258% / 2.176982415898% 10.050094413194%, linear-gradient(to top left, #ffcc00 50%, transparent 50%) 68.54653060772% 30.875063429258% / 2.176982415898% 10.050094413194%, linear-gradient(to bottom right, #ffcc00 50%, transparent 50%) 71.758926154528% 32.872804274681% / 3.522431541834% 3.838794475695%, linear-gradient(to bottom left, #ffcc00 50%, transparent 50%) 68.107889340348% 32.872804274681% / 3.522431541834% 3.838794475695%, linear-gradient(to top right, #003399 50%, transparent 50%) 73.750454193984% 53.352894260477% / 2.176982415898% 2.372505461805%, linear-gradient(to top left, #003399 50%, transparent 50%) 71.525024566415% 53.352894260477% / 2.176982415898% 2.372505461805%, linear-gradient(to top right, #ffcc00 50%, transparent 50%) 73.750454193984% 49.371374754663% / 2.176982415898% 10.050094413194%, linear-gradient(to top left, #ffcc00 50%, transparent 50%) 71.525024566415% 49.371374754663% / 2.176982415898% 10.050094413194%, linear-gradient(to bottom right, #ffcc00 50%, transparent 50%) 74.778957355065% 50.174391212501% / 3.522431541834% 3.838794475695%, linear-gradient(to bottom left, #ffcc00 50%, transparent 50%) 71.127920540885% 50.174391212501% / 3.522431541834% 3.838794475695%, #003399;
  background-repeat: no-repeat;
}

.flag-il {
  width: 82.915619758885%;
  padding-top: 60.302268915553%;
  background: linear-gradient(to left bottom, transparent, transparent 50%, #002569 50%, #002569 60.628019323672%, transparent 60.628019323672%, transparent) 57.857548577099% 42.03233256351% / 13.580852922983% 32.34375%, linear-gradient(to right bottom, transparent, transparent 50%, #002569 50%, #002569 60.628019323672%, transparent 60.628019323672%, transparent) 42.142451422901% 42.03233256351% / 13.580852922983% 32.34375%, linear-gradient(to left top, transparent, transparent 50%, #002569 50%, #002569 60.628019323672%, transparent 60.628019323672%, transparent) 57.857548577099% 57.96766743649% / 13.580852922983% 32.34375%, linear-gradient(to right top, transparent, transparent 50%, #002569 50%, #002569 60.628019323672%, transparent 60.628019323672%, transparent) 42.142451422901% 57.96766743649% / 13.580852922983% 32.34375%, linear-gradient(#002569, #002569 15.942028985507%, transparent 15.942028985507%, transparent 84.057971014493%, #002569 84.057971014493%, #002569) center/22.161705845966% 21.5625%, linear-gradient(white, white 9.375%, #002569 9.375%, #002569 25%, white 25%, white 75%, #002569 75%, #002569 90.625%, white 90.625%, white) top/100%;
  background-repeat: no-repeat;
}

dabblet.html

<footer id="disclaimer">
	<p>This demo is not meant for production, but for demonstrating concepts.
		It works in browsers that support the latest CSS gradient syntax (current versions of Firefox and Chrome).
		It’s not meant to work elsewhere.</p>
	<p>Every flag is just one HTML element, the rest ist CSS magic. ;-) And, it’s responsive.</p>
</footer>
<div class="flag-pl"></div>
<div class="flag-hu"></div>
<div class="flag-nl"></div>
<div class="flag-fr"></div>
<div class="flag-cg"></div>
<div class="flag-cz"></div>
<div class="flag-sc"></div>
<div class="flag-za"></div>
<div class="flag-dk"></div>
<div class="flag-ch"></div>
<div class="flag-no"></div>
<div class="flag-gb"></div>
<div class="flag-gr"></div>
<div class="flag-us-hi"></div>
<div class="flag-jp"></div>
<div class="flag-kr"></div>
<div class="flag-vn"></div>
<div class="flag-ci"></div>
<div class="flag-us-tx"></div>
<div class="flag-tr"></div>
<div class="flag-il"></div>
<div class="flag-eu"></div>
<div class="flag-us"></div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"result"}