@props(['class' => '', 'dark' => false, 'width' => '400', 'height' => 'auto'])

<div class="animated-logo-wrapper {{ $class }}" data-dark="{{ $dark ? 'true' : 'false' }}" style="width: {{ $width }}px; height: {{ $height === 'auto' ? 'auto' : $height . 'px' }}; max-width: 100%;">
	<svg 
		class="truncgil-logo-animated" 
		xmlns="http://www.w3.org/2000/svg" 
		xml:space="preserve" 
		width="100%" 
		height="100%"
		viewBox="0 0 1575 511"
		preserveAspectRatio="xMidYMid meet"
		style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
	>
		<defs>
			<style type="text/css">
				<![CDATA[
					.truncgil-logo-animated .fil4 {fill:#2B2A29}
					.truncgil-logo-animated .fil3 {fill:#E84F28}
					.truncgil-logo-animated .fil2 {fill:#E31E24}
					.truncgil-logo-animated .fil1 {fill:#434242;fill-rule:nonzero}
					.truncgil-logo-animated .fil0 {fill:#2B2A29;fill-rule:nonzero}
					
					.dark .truncgil-logo-animated .fil4 {fill:#FEFEFE}
					.dark .truncgil-logo-animated .fil3 {fill:#E84F28}
					.dark .truncgil-logo-animated .fil2 {fill:#E31E24}
					.dark .truncgil-logo-animated .fil1 {fill:#FEFEFE;fill-rule:nonzero}
					.dark .truncgil-logo-animated .fil0 {fill:#FEFEFE;fill-rule:nonzero}
					
					.truncgil-logo-animated .logo-path {
						stroke-dasharray: 1000;
						stroke-dashoffset: 1000;
						stroke: currentColor;
						stroke-width: 0;
						fill: none;
						opacity: 1;
					}
					
					.truncgil-logo-animated .logo-fill {
						opacity: 0;
						fill: inherit;
					}
					
					.animated-logo-wrapper {
						display: inline-block;
						cursor: pointer;
					}
				]]>
			</style>
		</defs>
		<g id="Layer_x0020_1">
			<metadata id="CorelCorpID_0Corel-Layer"/>
			<g id="_2301880134432">
				<g>
					<!-- Text Paths -->
					<path class="logo-path logo-text-1" d="M588 400l31 -29 0 17 26 0 0 14 -26 0 0 40c0,9 4,14 12,14 5,0 11,-2 18,-6l0 15c-6,4 -13,6 -20,6 -8,0 -14,-2 -19,-7 -2,-1 -3,-3 -4,-4 -1,-2 -2,-4 -2,-7 -1,-2 -1,-7 -1,-15l0 -36 -15 0 0 -2zm128 30l-57 0c0,7 3,14 8,18 5,5 11,7 18,7 11,0 21,-3 30,-9l0 15c-5,4 -10,6 -15,7 -5,2 -10,3 -17,3 -9,0 -16,-2 -22,-6 -5,-4 -10,-9 -13,-15 -4,-7 -5,-14 -5,-22 0,-13 3,-23 10,-31 7,-7 16,-11 28,-11 11,0 19,3 26,11 6,8 9,18 9,31l0 2zm-57 -10l41 0c0,-7 -2,-12 -5,-15 -4,-4 -8,-5 -14,-5 -6,0 -11,1 -14,5 -4,3 -7,8 -8,15zm114 -32l19 0 -34 39 42 42 -22 0 -41 -41 36 -40zm-53 -43l16 0 0 124 -16 0 0 -124zm90 43l0 10c7,-8 15,-12 24,-12 5,0 10,1 14,4 5,2 8,6 10,11 3,4 4,11 4,21l0 47 -16 0 0 -46c0,-9 -2,-15 -4,-18 -3,-4 -7,-6 -13,-6 -8,0 -14,4 -19,12l0 58 -17 0 0 -81 17 0zm100 -1c12,0 22,4 31,12 8,8 12,18 12,31 0,11 -4,21 -13,29 -8,8 -18,12 -31,12 -12,0 -23,-4 -31,-12 -8,-8 -12,-18 -12,-30 0,-12 4,-22 12,-30 9,-8 19,-12 32,-12zm-1 15c-8,0 -14,2 -19,8 -5,5 -8,11 -8,19 0,8 3,14 8,19 5,5 11,8 19,8 8,0 15,-3 20,-8 5,-5 8,-11 8,-19 0,-8 -3,-14 -8,-19 -6,-6 -12,-8 -20,-8zm48 -57l17 0 0 124 -17 0 0 -124zm65 42c13,0 23,4 31,12 9,8 13,18 13,31 0,11 -5,21 -13,29 -8,8 -19,12 -31,12 -13,0 -23,-4 -31,-12 -8,-8 -13,-18 -13,-30 0,-12 5,-22 13,-30 8,-8 19,-12 31,-12zm-1 15c-7,0 -14,2 -19,8 -5,5 -7,11 -7,19 0,8 2,14 7,19 6,5 12,8 20,8 8,0 15,-3 20,-8 5,-5 7,-11 7,-19 0,-8 -2,-14 -8,-19 -5,-6 -12,-8 -20,-8zm56 -49c3,0 5,1 7,3 2,2 3,4 3,7 0,2 -1,5 -3,6 -2,2 -4,3 -7,3 -2,0 -4,-1 -6,-3 -2,-2 -3,-4 -3,-6 0,-3 1,-5 3,-7 2,-2 4,-3 6,-3zm-7 35l16 0 0 93c0,14 -6,24 -16,30l-13 -12c4,-1 7,-3 9,-7 3,-3 4,-7 4,-11l0 -93zm34 -35c3,0 5,1 7,3 2,2 3,4 3,7 0,2 -1,4 -3,6 -2,2 -4,3 -7,3 -2,0 -5,-1 -6,-3 -2,-2 -3,-4 -3,-6 0,-3 1,-5 3,-7 1,-2 4,-3 6,-3zm-8 35l16 0 0 81 -16 0 0 -81z"/>
					<path class="logo-fill fil0" d="M588 400l31 -29 0 17 26 0 0 14 -26 0 0 40c0,9 4,14 12,14 5,0 11,-2 18,-6l0 15c-6,4 -13,6 -20,6 -8,0 -14,-2 -19,-7 -2,-1 -3,-3 -4,-4 -1,-2 -2,-4 -2,-7 -1,-2 -1,-7 -1,-15l0 -36 -15 0 0 -2zm128 30l-57 0c0,7 3,14 8,18 5,5 11,7 18,7 11,0 21,-3 30,-9l0 15c-5,4 -10,6 -15,7 -5,2 -10,3 -17,3 -9,0 -16,-2 -22,-6 -5,-4 -10,-9 -13,-15 -4,-7 -5,-14 -5,-22 0,-13 3,-23 10,-31 7,-7 16,-11 28,-11 11,0 19,3 26,11 6,8 9,18 9,31l0 2zm-57 -10l41 0c0,-7 -2,-12 -5,-15 -4,-4 -8,-5 -14,-5 -6,0 -11,1 -14,5 -4,3 -7,8 -8,15zm114 -32l19 0 -34 39 42 42 -22 0 -41 -41 36 -40zm-53 -43l16 0 0 124 -16 0 0 -124zm90 43l0 10c7,-8 15,-12 24,-12 5,0 10,1 14,4 5,2 8,6 10,11 3,4 4,11 4,21l0 47 -16 0 0 -46c0,-9 -2,-15 -4,-18 -3,-4 -7,-6 -13,-6 -8,0 -14,4 -19,12l0 58 -17 0 0 -81 17 0zm100 -1c12,0 22,4 31,12 8,8 12,18 12,31 0,11 -4,21 -13,29 -8,8 -18,12 -31,12 -12,0 -23,-4 -31,-12 -8,-8 -12,-18 -12,-30 0,-12 4,-22 12,-30 9,-8 19,-12 32,-12zm-1 15c-8,0 -14,2 -19,8 -5,5 -8,11 -8,19 0,8 3,14 8,19 5,5 11,8 19,8 8,0 15,-3 20,-8 5,-5 8,-11 8,-19 0,-8 -3,-14 -8,-19 -6,-6 -12,-8 -20,-8zm48 -57l17 0 0 124 -17 0 0 -124zm65 42c13,0 23,4 31,12 9,8 13,18 13,31 0,11 -5,21 -13,29 -8,8 -19,12 -31,12 -13,0 -23,-4 -31,-12 -8,-8 -13,-18 -13,-30 0,-12 5,-22 13,-30 8,-8 19,-12 31,-12zm-1 15c-7,0 -14,2 -19,8 -5,5 -7,11 -7,19 0,8 2,14 7,19 6,5 12,8 20,8 8,0 15,-3 20,-8 5,-5 7,-11 7,-19 0,-8 -2,-14 -8,-19 -5,-6 -12,-8 -20,-8zm56 -49c3,0 5,1 7,3 2,2 3,4 3,7 0,2 -1,5 -3,6 -2,2 -4,3 -7,3 -2,0 -4,-1 -6,-3 -2,-2 -3,-4 -3,-6 0,-3 1,-5 3,-7 2,-2 4,-3 6,-3zm-7 35l16 0 0 93c0,14 -6,24 -16,30l-13 -12c4,-1 7,-3 9,-7 3,-3 4,-7 4,-11l0 -93zm34 -35c3,0 5,1 7,3 2,2 3,4 3,7 0,2 -1,4 -3,6 -2,2 -4,3 -7,3 -2,0 -5,-1 -6,-3 -2,-2 -3,-4 -3,-6 0,-3 1,-5 3,-7 1,-2 4,-3 6,-3zm-8 35l16 0 0 81 -16 0 0 -81z"/>
					<path class="logo-fill fil0" d="M475 0l313 0 0 42 -152 0 0 290 -48 0 0 -290 -113 0 0 -42zm232 114l0 50 3 -4c21,-33 41,-46 62,-46 17,0 34,4 51,20l-22 38c-15,-14 -29,-21 -42,-21 -14,0 -26,7 -36,20 -11,13 -16,29 -16,47l0 114 -43 0 0 -218 43 0zm222 218l0 -27c-10,9 -20,17 -32,23 -12,5 -23,8 -35,8 -14,0 -27,-3 -38,-10 -12,-7 -21,-16 -27,-28 -6,-12 -9,-32 -9,-59l0 -125 44 0 0 125c0,22 3,39 10,48 6,9 18,13 34,13 21,0 38,-10 53,-30l0 -156 43 0 0 218 -43 0zm44 -218l0 28c19,-22 41,-28 66,-28 13,0 26,-1 37,6 12,7 21,17 27,29 6,12 9,32 9,58l0 125 -43 0 0 -124c0,-23 -3,-38 -10,-48 -7,-10 -18,-14 -34,-14 -21,0 -38,10 -52,30l0 156 -44 0 0 -218 44 0zm247 222l-1 4c9,2 15,6 20,12 5,6 7,13 7,20 0,12 -4,22 -14,31 -10,8 -25,12 -46,12 -6,0 -11,0 -16,-1l0 -27c8,1 13,1 15,1 9,0 16,-1 21,-5 3,-2 5,-5 5,-8 0,-4 -2,-7 -5,-9 -3,-3 -9,-4 -18,-4 -2,0 -3,0 -5,0l10 -29c-20,-4 -39,-15 -56,-32 -17,-17 -26,-43 -26,-77 0,-34 10,-62 30,-83 20,-21 46,-27 78,-27 29,0 35,-2 63,11l0 46c-22,-14 -42,-21 -61,-21 -19,0 -35,7 -48,20 -12,14 -18,32 -18,53 0,22 6,40 20,53 14,13 32,20 55,20 16,0 35,-5 57,-15l0 43c-22,8 -43,12 -64,12l-3 0z"/>
					<path class="logo-fill fil1" d="M1285 189c0,-23 9,-41 26,-55 17,-13 40,-20 69,-20l90 0 0 34 -44 0c9,8 15,16 18,23 3,7 5,16 5,25 0,11 -3,22 -10,33 -6,11 -15,20 -25,26 -10,5 -27,10 -50,14 -16,2 -24,8 -24,17 0,5 3,9 9,12 6,3 17,7 33,10 27,6 44,11 51,14 8,3 15,8 21,14 11,11 16,24 16,40 0,20 -9,37 -28,49 -18,13 -43,19 -74,19 -31,0 -56,-7 -74,-19 -19,-12 -28,-29 -28,-50 0,-30 18,-49 55,-57 -15,-10 -22,-19 -22,-28 0,-7 3,-13 9,-19 6,-6 15,-10 25,-13 -32,-14 -48,-37 -48,-69zm81 -38c-11,0 -21,4 -30,12 -8,8 -12,18 -12,29 0,11 4,20 12,28 8,7 19,11 31,11 12,0 1,-4 9,-12 8,-7 12,-17 12,-28 0,-11 -4,-21 -12,-28 -9,-8 3,-12 -10,-12zm-10 192c-14,0 -26,3 -36,9 -9,6 -13,14 -13,24 0,22 20,33 60,33 19,0 34,-3 45,-8 10,-6 16,-14 16,-24 0,-10 -7,-18 -20,-25 -14,-6 -31,-9 -52,-9zm130 -321c8,0 14,2 19,7 5,5 7,11 7,18 0,7 -2,13 -7,18 -5,5 -11,8 -19,8 -6,0 -12,-3 -17,-8 -5,-5 -8,-11 -8,-18 0,-6 3,-12 8,-17 5,-6 11,-8 17,-8zm-21 92l43 0 0 218 -43 0 0 -218zm67 -114l43 0 0 332 -43 0 0 -332z"/>
				</g>
				<g>
					<!-- Icon Paths (Citrus Logo) -->
					<path class="logo-path logo-icon-1" d="M267 343c-35,-74 -70,-147 -105,-221 -78,-111 -215,14 -141,108 68,54 125,101 193,154 35,-6 49,-23 53,-41z"/>
					<path class="logo-fill fil2" d="M267 343c-35,-74 -70,-147 -105,-221 -78,-111 -215,14 -141,108 68,54 125,101 193,154 35,-6 49,-23 53,-41z"/>
					
					<path class="logo-path logo-icon-2" d="M324 325c-6,-62 -27,-183 -29,-229 -11,-155 -184,-106 -119,30 34,68 59,142 97,215 21,5 47,-4 51,-16z"/>
					<path class="logo-fill fil2" d="M324 325c-6,-62 -27,-183 -29,-229 -11,-155 -184,-106 -119,30 34,68 59,142 97,215 21,5 47,-4 51,-16z"/>
					
					<path class="logo-path logo-icon-3" d="M373 331c14,-60 37,-145 50,-189 11,-104 -103,-149 -115,-85 -3,24 0,60 5,102 6,51 14,108 18,164 12,15 33,17 42,8z"/>
					<path class="logo-fill fil3" d="M373 331c14,-60 37,-145 50,-189 11,-104 -103,-149 -115,-85 -3,24 0,60 5,102 6,51 14,108 18,164 12,15 33,17 42,8z"/>
					
					<path class="logo-path logo-icon-4" d="M412 365l71 -101c31,-55 -18,-183 -45,-109 -2,4 -49,148 -58,177 0,29 24,38 32,33z"/>
					<path class="logo-fill fil3" d="M412 365l71 -101c31,-55 -18,-183 -45,-109 -2,4 -49,148 -58,177 0,29 24,38 32,33z"/>
					
					<path class="logo-path logo-icon-5" d="M272 346c23,3 47,-1 56,-19 14,18 38,18 47,7 0,23 11,36 32,39 -10,15 -27,33 -36,4 -10,49 -19,81 -29,130 -10,5 -18,6 -29,0 -5,-45 -11,-74 -16,-120 -18,33 -45,31 -78,2 9,-4 44,-6 53,-43z"/>
					<path class="logo-fill fil4" d="M272 346c23,3 47,-1 56,-19 14,18 38,18 47,7 0,23 11,36 32,39 -10,15 -27,33 -36,4 -10,49 -19,81 -29,130 -10,5 -18,6 -29,0 -5,-45 -11,-74 -16,-120 -18,33 -45,31 -78,2 9,-4 44,-6 53,-43z"/>
				</g>
			</g>
		</g>
	</svg>
</div>