body{background-color:#ccc;margin:1em;font-size:20px;font-family:arial}INPUT,BUTTON{font-size:17px;padding:6px}H1{color:#10f;margin-bottom:.5em}.flag{position:relative;float:left;width:4em;height:4em;margin:.8em;background-color:#fff;display:block!important;-webkit-box-sizing:border-box;-webkit-filter:drop-shadow(.2em .2em .4em rgba(0,0,0,.3));-webkit-transition:-webkit-transform .3s,background-color .7s;-webkit-transition-timing-function:cubic-bezier(.76,.13,.19,1.44);-webkit-transform-style:preserve-3d}.flag:hover{transform:scale(1.5)}.flagA{background:transparent;border-top:2em solid #1100ff;border-right:1.33333333em solid transparent;border-bottom:2em solid #1100ff}.flagA:before{content:"";position:absolute;top:-2em;left:0;height:4em;width:2em;background-color:#fff;z-index:5}.flagB{background:transparent;border-top:2em solid #ff0000;border-right:1.33333333em solid transparent;border-bottom:2em solid #ff0000}.flagC{background:-webkit-linear-gradient(top,#1100ff 0%,#1100ff 20%,white 20%,white 40%,#ff0000 40%,#ff0000 60%,white 50%,white 80%,#1100ff 80%,#1100ff 100%)}.flagD{background:-webkit-linear-gradient(top,#fcff00 0%,#fcff00 25%,#1100ff 25%,#1100ff 75%,#fcff00 75%,#fcff00 100%)}.flagE{background:-webkit-linear-gradient(top,#1100ff 0%,#1100ff 50%,#ff0000 50%,#ff0000 100%)}.flagF{background-color:red;background-image:linear-gradient(45deg,white 25%,transparent 25%,transparent 75%,white 75%),linear-gradient(-45deg,white 25%,transparent 25%,transparent 75%,white 75%)}.flagG{background:-webkit-linear-gradient(left,#fcff00 0%,#fcff00 16.66%,#1100ff 16.66%,#1100ff 33.33%,#fcff00 33.33%,#fcff00 50%,#1100ff 50%,#1100ff 66.66%,#fcff00 66.66%,#fcff00 83.33%,#1100ff 83.33%,#1100ff 100%)}.flagH{background:-webkit-linear-gradient(left,white 0%,white 50%,#ff0000 50%,#ff0000 100%)}.flagI{background-color:#fcff00}.flagI:after{content:"";background-color:#000;width:50%;height:50%;position:absolute;left:25%;top:25%;border-radius:50%}.flagJ{background:-webkit-linear-gradient(top,#1100ff 0%,#1100ff 33.33%,white 33.33%,white 66.66%,#1100ff 66.66%,#1100ff 100%)}.flagK{background:-webkit-linear-gradient(left,#fcff00 0%,#fcff00 50%,#1100ff 50%,#1100ff 100%)}.flagL{background-color:#000;background-image:linear-gradient(0,#fcff00,#fcff00),linear-gradient(0,#fcff00,#fcff00);background-size:50% 50%;background-repeat:no-repeat;background-position:0 0,100% 100%}.flagM{background-color:#10f;background-image:linear-gradient(45deg,transparent 42.93%,white 42.93%,white 57.07%,transparent 57.07%),linear-gradient(-45deg,transparent 42.93%,white 42.93%,white 57.07%,transparent 57.07%)}.flagN{background-image:linear-gradient(-45deg,#1100ff 25%,transparent 25%,transparent 75%,#1100ff 75%,#1100ff),linear-gradient(-45deg,#1100ff 25%,transparent 25%,transparent 75%,#1100ff 75%,#1100ff);background-size:50% 50%;background-position:0 0,50% 50%}.flagO{background-image:linear-gradient(45deg,#fcff00 50%,red 50%)}.flagP{background-image:linear-gradient(0,#1100ff 33.33%,transparent 33.33%,transparent 66.66%,#1100ff 66.66%),linear-gradient(90deg,#1100ff 33.33%,transparent 33.33%,transparent 66.66%,#1100ff 66.66%)}.flagQ{background-color:#fcff00}.flagR{background-color:red;background-image:linear-gradient(0,transparent 40%,#fcff00 40%,#fcff00 60%,transparent 60%),linear-gradient(90deg,transparent 40%,#fcff00 40%,#fcff00 60%,transparent 60%)}.flagS{background-color:#10f;background-image:linear-gradient(0,white 33.33%,transparent 33.33%,transparent 66.66%,white 66.66%),linear-gradient(90deg,white 33.33%,transparent 33.33%,transparent 66.66%,white 66.66%)}.flagT{background-image:linear-gradient(90deg,red 33.33%,#fff 33.33% 66.66%,#10f 66.66%)}.flagU{background-image:linear-gradient(0,red,red),linear-gradient(0,red,red);background-size:50% 50%;background-repeat:no-repeat;background-position:0 0,100% 100%}.flagV{background-image:linear-gradient(45deg,transparent 42.93%,#ff0000 42.93%,#ff0000 57.07%,transparent 57.07%),linear-gradient(-45deg,transparent 42.93%,#ff0000 42.93%,#ff0000 57.07%,transparent 57.07%)}.flagW{background-image:linear-gradient(90deg,#1100ff 20%,white 20%,white 40%,transparent 40%,transparent 60%,white 60%,white 80%,#1100ff 80%),linear-gradient(0,#10f 20%,#fff 20% 40%,red 40% 60%,#fff 60% 80%,#10f 80%);background-size:100% 60%,100% 100%;background-repeat:no-repeat;background-position:0 50%,0 0}.flagX{background-image:linear-gradient(0,transparent 40%,#1100ff 40%,#1100ff 60%,transparent 60%),linear-gradient(90deg,transparent 40%,#1100ff 40%,#1100ff 60%,transparent 60%)}.flagY{background:-webkit-linear-gradient(-45deg,#fcff00 0%,#fcff00 10%,#ff0000 10%,#ff0000 20%,#fcff00 20%,#fcff00 30%,#ff0000 30%,#ff0000 40%,#fcff00 40%,#fcff00 50%,#ff0000 50%,#ff0000 60%,#fcff00 60%,#fcff00 70%,#ff0000 70%,#ff0000 80%,#fcff00 80%,#fcff00 90%,#ff0000 90%,#ff0000 100%)}.flagZ{background-repeat:no-repeat;background-image:linear-gradient(45deg,#000 50%,#fcff00 50%),linear-gradient(-45deg,#10f 50%,#fcff00 50%),linear-gradient(-45deg,red 50%,#000 50%),linear-gradient(45deg,red 50%,#10f 50%);background-size:50% 50%;background-position:0% 0%,100% 0%,0% 100%,100% 100%}.flag0{background-repeat:no-repeat;background-color:#fff;background-position:top,left,0 0,0 0,0 0,0 0;background-size:33% 100%,100% 33%,100% 100%,100% 100%,100% 100%,100% 100%;background-image:linear-gradient(to bottom,#ffffff 33%,transparent 33%,transparent 66%,#ffffff 66%),linear-gradient(to right,#ffffff 33%,transparent 33%,transparent 66%,#ffffff 66%),linear-gradient(to right,#ffffff 0,#ffffff 5%,transparent 5%,transparent 25%,#ffffff 25%,#ffffff 40%,transparent 40%,transparent 60%,#ffffff 60%,#ffffff 75%,transparent 75%,transparent 95%,#ffffff 95%),linear-gradient(to bottom,#ffffff 0,#ffffff 5%,transparent 5%,transparent 25%,#ffffff 25%,#ffffff 40%,transparent 40%,transparent 60%,#ffffff 60%,#ffffff 75%,transparent 75%,transparent 95%,#ffffff 95%),linear-gradient(to right,transparent 0,transparent 12%,#1100ff 12%,#1100ff 18%,transparent 18%,transparent 47%,#1100ff 47%,#1100ff 53%,transparent 53%,transparent 82%,#1100ff 82%,#1100ff 88%,transparent 88%),linear-gradient(to bottom,transparent 0,transparent 12%,#1100ff 12%,#1100ff 18%,transparent 18%,transparent 47%,#1100ff 47%,#1100ff 53%,transparent 53%,transparent 82%,#1100ff 82%,#1100ff 88%,transparent 88%)}.flag1{background:-webkit-linear-gradient(top,#ff0000 33.33%,#fcff00 33.33%,#fcff00 66.66%,#ff0000 66.66%)}.flag2{background:-webkit-linear-gradient(top,#fcff00 33.33%,#ff0000 33.33%,#ff0000 66.66%,#fcff00 66.66%)}.flag3{background:-webkit-linear-gradient(top,#1100ff 33.33%,#ff0000 33.33%,#ff0000 66.66%,#1100ff 66.66%)}.flag4{background-color:red;background-image:linear-gradient(45deg,transparent 42.93%,white 42.93%,white 57.07%,transparent 57.07%),linear-gradient(-45deg,transparent 42.93%,white 42.93%,white 57.07%,transparent 57.07%)}.flag5{background-color:#fcff00;background-image:linear-gradient(45deg,transparent 42.93%,#1100ff 42.93%,#1100ff 57.07%,transparent 57.07%),linear-gradient(-45deg,transparent 42.93%,#1100ff 42.93%,#1100ff 57.07%,transparent 57.07%)}.flag6{background-image:linear-gradient(-45deg,#fff 14.29%,#10f 14.29% 28.57%,#fff 28.57% 42.86%,#10f 42.86% 57.14%,#fff 57.14% 71.43%,#10f 71.43% 85.71%,#fff 85.71%)}.flag7{background-image:linear-gradient(90deg,red 33.33%,#fff 33.33% 66.66%,red 66.66%)}.flag8{background-image:linear-gradient(90deg,#fcff00 33.33%,#10f 33.33% 66.66%,#fcff00 66.66%)}.flag9{background-image:linear-gradient(90deg,#10f 33.33%,#fff 33.33% 66.66%,#10f 66.66%)}#output{display:flex;justify-content:center}
/*# sourceMappingURL=/cdn/shop/t/5/assets/maritimeflagtranslator.css.map */