/*!*****************************************************



Freak Flags, Copyright ©2025 Michael P. Cohen. Freak flags is licensed under the MIT license.  



For complete information visit: www.freakflagsprite.com 



******************************************************/



.fflag {

    background-image:url(flagSprite60.png);

    background-repeat:no-repeat;

    background-size: 100% 49494%;

    display: inline-block;

    overflow: hidden;

    position: relative;

    vertical-align: middle;

    box-sizing: content-box;

}

.fflag-DE {background-position:center 0.2287%}

.fflag-IT {background-position:center 0.4524%}

.fflag-GB {background-position:center 0.6721%}

.fflag-IT.ff-round,

.fflag-IT.ff-orb {background-size:100%  50000%}



.fflag.ff-sm {width: 18px;height: 11.5px}

.fflag.ff-md {width: 27px;height: 17px}

.fflag.ff-lg {width: 42px;height: 27px}

.fflag.ff-xl {width: 60px;height: 37px}



/* ff-round = circular icons */

.ff-round {

	background-size: 160%;

	background-clip: content-box;

	border-radius: 50%;

}

.ff-round.ff-sm {width: 12px; height: 12px}

.ff-round.ff-md {width: 18px; height: 18px}

.ff-round.ff-lg {width: 24px; height: 24px}

.ff-round.ff-xl {width: 32px; height: 32px}



/* ff-orb = round glasslike surface */

.ff-orb {

	background-size: 160%;

	background-clip: content-box;

	border-radius: 50%;

}

.ff-orb::after {

	content: '';

	display: inline-block;

	position:absolute;

	top: 4%;

	left: 16%;

	border-radius: 50%;

	width: 70%;

	height: 55%;

	background: radial-gradient(circle at 45% 100%, rgba(255,255,255,0) 35%, rgba(255,255,255,.7) 70%)

}

.ff-orb::before {

	content: '';

	display: inline-block;

	width: inherit;

	height: inherit;

	position: absolute;

	top: 0;

	left: 0;

	background: radial-gradient(circle at 50% 150%, rgb(255, 255, 255) 0, rgba(255, 255, 255, .8) 30%, rgba(255, 255, 255,0) 48%), radial-gradient(circle at 50% 43%, rgba(255,255,255,0) 3%, rgba(255,255,255,0) 73%, rgba(255, 255, 255,.4) 8%), radial-gradient(ellipse at -5% 63%, rgba(0,0,0,.3) 3%, rgba(0,0,0,0) 30%), radial-gradient(ellipse at 100% 63%, rgba(0,0,0,.25) 7%, rgba(0,0,0,0) 40%), radial-gradient(circle at 50% 55%, rgba(0,0,0,0)0%, rgba(0,0,0,0) 63%, rgba(0,0,0,0.1) 67%, rgb(0, 0, 0) 100%)

}

.ff-orb.ff-sm {width: 12px; height: 12px}

.ff-orb.ff-md {width: 18px; height: 18px}

.ff-orb.ff-lg {width: 24px; height: 24px}

.ff-orb.ff-xl {width: 32px; height: 32px}