<?xml version="1.0" encoding="utf-8"?>
<style title="HaxoDevs v2" description="" user_selectable="1" base_version_id="2021570" export_version="2">
  <assets>
    <asset key="dt_theme_files" path="https://cdn.emudevs.gg/styles/solfege"/>
  </assets>
  <templates>
    <template title="EWRporta_articles_index" type="public" addon_id="EWR/Porta" version_id="2207" version_string="2.2.0.7"><![CDATA[<xf:js>
    ! function($, window, document, _undefined) {
    $(document).ready(function() {
    var width = $(window).width();
    var pathname = '{$xf.options.boardUrl}';
    var n = pathname.charAt(pathname.length - 1);
    var keystrokeDelay = '{$xf.options.quickSearchKeystrokeDelay}';
    $("#quickSearchTitle").prop('disabled', false);
    if (n != '/') {
    var url = pathname + '/resources/categories/quicksearch?category_id={$category.resource_category_id}';
    } else {
    var url = pathname + 'resources/categories/quicksearch?category_id={$category.resource_category_id}';
    }
    $("#quickSearchTitle").keyup(delay(function(e) {
    currentTitle = $('#quickSearchTitle').val();
    $.ajax({
    type: "POST",
    url: url,
    data: {
    'title': currentTitle,
    _xfToken: XF.config.csrf
    },
    dataType: "html",
    timeout: 5000,
    success: function(data) {
    if (width >= 600) {
    $(data).find('.quicksearch-wrapper-wide').each(function() {
    $('#quicksearch-result').empty();
    $('#quicksearch-result').append($(this).html());
    $('#quicksearch-result').slideDown("slow");
    });
    } else {
    $(data).find('.quicksearch-wrapper-narrow').each(function() {
    $('#quicksearch-result').empty();
    $('#quicksearch-result').append($(this).html());
    $('#quicksearch-result').slideDown("slow");
    });
    }
    },
    error: function(request, status, err) {
    if (status != "success") {
    $('#quicksearch-result').slideUp("slow");
    $('#quicksearch-result').empty();
    }
    }
    });
    }, keystrokeDelay));
    });
    }
    (jQuery, this, document);

    function quickSearchClose() {
    $('#quicksearch-result').slideUp("slow");
    $('#quicksearch-result').empty();
    $('#quickSearchTitle').val("");
    }

    function delay(callback, ms) {
    var timer = 0;
    return function() {
    var context = this,
    args = arguments;
    clearTimeout(timer);
    timer = setTimeout(function() {
    callback.apply(context, args);
    }, ms || 0);
    };
    }
</xf:js>
<xf:js>
    function insertQuery(query) {
    document.getElementById('quickSearchTitle').value = query;
    submitForm();
    }

    function submitForm() {
    // Trigger the submit event on the form containing the search input
    document.getElementById('quickSearchForm').submit();
    }
    // Simulate pressing Enter on page load
    window.addEventListener('load', function() {
    submitForm();
    });
</xf:js>
<style id="">
		[data-typeit-id]:before {content: '.'; display: inline-block; width: 0; visibility: hidden;}
	</style>
<style id="8853540">
	[data-typeit-id='8853540'] 
.ti-cursor 
{ display: inline-block; width: 0; 
font-family: var(--ti-cursor-font-family, Inter, sans-serif); 
font-weight: var(--ti-cursor-font-weight, 700); 
font-size: var(--ti-cursor-font-size, 28px); 
font-style: var(--ti-cursor-font-style, normal); 
line-height: var(--ti-cursor-line-height, 39.2px); 
color: var(--ti-cursor-color, rgb(74, 222, 128)); transform: var(--ti-cursor-transform, translateX(-.125em)); }
</style>

<xf:css src="haxodev_portal.css" />
<xf:comment>
<xf:if is="!$xf.options.EWRporta_header">
	<xf:h1 hidden="true" />
</xf:if>

<xf:if is="$xf.options.EWRporta_title">
	<xf:title>{$xf.options.EWRporta_title}</xf:title>
</xf:if>
<xf:macro template="metadata_macros" name="description"
	arg-description="{{$xf.options.EWRporta_metadesc ? $xf.options.EWRporta_metadesc : $xf.options.boardDescription }}" />

<xf:head option="rss_forum"><link rel="alternate" type="application/rss+xml"
	title="{{ phrase('rss_feed_for_x', {'title': $xf.options.EWRporta_title ?: $xf.options.boardTitle})|for_attr }}"
	href="{{ link('ewr-porta/index.rss', '-') }}" /></xf:head>
	</xf:comment>
<script src="https://unpkg.com/typeit@8.7.1/dist/index.umd.js"></script>
<style>
.p-breadcrumbs {
display: none;
}.kz-hero-wrapper {
display: none;
}
.p-body-header {
display: none;
}
.samBannerUnit {
display: none !important;
}
	
	@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.ti-cursor {
  display: inline-block;
  width: 0;
  font-family: var(--ti-cursor-font-family, Inter, sans-serif);
  font-weight: var(--ti-cursor-font-weight, 700);
  font-size: var(--ti-cursor-font-size, 28px);
  font-style: var(--ti-cursor-font-style, normal);
  line-height: var(--ti-cursor-line-height, 39.2px);
  color: var(--ti-cursor-color, rgb(74, 222, 128));
  transform: var(--ti-cursor-transform, translateX(-.125em));
  animation: blink 0.8s infinite; /* Add animation property for blinking effect */
}

</style>
<xf:comment>
<div class="porta-articles-above-full">
	<xf:widgetpos id="ewr_porta_articles_above_full" context-page="{$page}" />
</div>

<div class="porta-articles-above-split porta-widgets-split">
	<xf:widgetpos id="ewr_porta_articles_above_split" context-page="{$page}" />
</div>

<xf:macro template="EWRporta_articles_macros" name="articles_block"
	arg-link="ewr-porta"
	arg-articles="{$articles}"
	arg-catlinks="{$catlinks}"
	arg-attachments="{$attachments}"
	arg-page="{$page}"
	arg-perPage="{$perPage}"
	arg-total="{$total}" />
	</xf:comment>

<div class="porta-articles-below-full">
	<xf:widgetpos id="ewr_porta_articles_below_full" context-page="{$page}" />
</div>

<div class="porta-articles-below-split porta-widgets-split">
	<xf:widgetpos id="ewr_porta_articles_below_split" context-page="{$page}" />
</div>
<div class="haxodevs__portal__container">
	<div class="haxodevs__portal__bg__container">
		<div class="haxodevs__portal__logo__container">
			<img src="/assets/img/haxodevs.png">
		</div>
		<div class="haxodevs__portal__bg">
			<video width="100%" height="335" loop="" autoplay="" muted="">
				<source src="/assets/video/cf.mp4" type="video/mp4">
			</video>
		</div>
	</div>
</div>

<div class="haxodevs__portal__headercontainer">
    <div class="haxodevs__portal__header">
        <h1 class="haxodevs__portal__header__title">
            Find the best resources &amp; assets to enhance your
            <span id="haxodevs__word__carousel" class="haxodevs__carousel_item" data-typeit-id="8853540">
                <span class="ti-cursor" data-ti-animation-id="8853540">|</span>
            </span>
        </h1>
		<div class="haxodevs__portal__stats">
			<div class="haxodevs__portal__stat__row">
				<svg version="1.1" width="20" height="20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 45 45" style="enable-background:new 0 0 45 45;" xml:space="preserve">
					<style type="text/css">
					.st0 {
					fill-rule: evenodd;
					clip-rule: evenodd;
					fill: #4ADE80;
					}.st1 {
					fill-rule: evenodd;
					clip-rule: evenodd;
					}.st2 {
					fill-rule: evenodd;
					clip-rule: evenodd;
					fill: #FFFFFF;
					}
					</style>
					<path class="st0" d="M22.5,2.3c-1.1,0-2.2,0.3-3.3,0.8c-1.1,0.5-2.4,1.1-4,2l-3.9,2c-2,1-3.5,1.9-4.7,2.7c-1.3,0.8-2.2,1.7-2.9,2.9
					c-0.7,1.2-1,2.5-1.2,4c-0.1,1.5-0.1,3.3-0.1,5.6v0.4c0,2.3,0,4.1,0.1,5.6c0.2,1.5,0.5,2.8,1.2,4c0.7,1.2,1.7,2.1,2.9,2.9
					c1.2,0.8,2.8,1.6,4.7,2.7l3.9,2c1.6,0.8,2.9,1.5,4,2c1.1,0.5,2.2,0.8,3.3,0.8s2.2-0.3,3.3-0.8c1.1-0.5,2.4-1.1,4-2l3.9-2
					c2-1,3.5-1.9,4.7-2.7c1.3-0.8,2.2-1.7,2.9-2.9c0.7-1.2,1-2.5,1.2-4c0.1-1.5,0.1-3.3,0.1-5.6v-0.4c0-2.3,0-4.1-0.1-5.6
					c-0.2-1.5-0.5-2.8-1.2-4c-0.7-1.2-1.7-2.1-2.9-2.9c-1.2-0.8-2.8-1.6-4.7-2.7l-3.9-2c-1.6-0.8-2.9-1.5-4-2
					C24.7,2.6,23.6,2.3,22.5,2.3 M16.4,7.6c1.7-0.9,2.8-1.5,3.8-1.9c0.9-0.4,1.6-0.5,2.2-0.5c0.6,0,1.3,0.1,2.2,0.5c1,0.4,2.1,1,3.8,1.9
					l3.8,2c2,1.1,3.5,1.8,4.6,2.5c0.5,0.4,0.9,0.7,1.3,1l-6.2,3.1L16,7.8L16.4,7.6z M28.8,17.8L13,9.4L16,7.8L13,9.4
					C13.1,9.5,28.8,17.8,28.8,17.8l-6.3,3.1L6.9,13.1c0.4-0.4,0.8-0.7,1.3-1c1.1-0.7,2.5-1.5,4.6-2.5L13,9.4 M5.5,15.6
					C5.4,16,5.3,16.4,5.3,17c-0.1,1.3-0.1,3-0.1,5.4v0.2c0,2.4,0,4.1,0.1,5.4c0.1,1.3,0.4,2.2,0.8,2.9c0.4,0.7,1,1.3,2.1,2
					c1.1,0.7,2.5,1.5,4.6,2.5l3.8,2c1.7,0.9,2.8,1.5,3.8,1.9c0.3,0.1,0.6,0.2,0.8,0.3V23.4L5.5,15.6z M23.9,39.6
					c0.3-0.1,0.5-0.2,0.8-0.3c1-0.4,2.1-1,3.8-1.9l3.8-2c2-1.1,3.5-1.8,4.6-2.5c1-0.7,1.6-1.3,2.1-2c0.4-0.7,0.7-1.6,0.8-2.9
					c0.1-1.3,0.1-3,0.1-5.4v-0.2c0-2.4,0-4.1-0.1-5.4c0-0.5-0.1-0.9-0.2-1.4l-6.2,3.1v5.7c0,0.8-0.6,1.4-1.4,1.4s-1.4-0.6-1.4-1.4v-4.3
					l-6.6,3.3V39.6z"></path>
					<path class="st1" d="M28.8,17.8"></path>
					<polygon class="st2" points="31.9,16.2 28.7,17.8 13,9.4 16,7.8 "></polygon>
					<polyline class="st2" points="28.7,17.8 30.5,20.1 33.3,18.7 31.9,16.2 "></polyline>
					<path class="st2" d="M30.5,20.1v4.4c0,0,0.1,1.3,1.4,1.3c1.4,0.1,1.4-1.4,1.4-1.4v-5.8"></path>
					</svg>
				<span class="haxodevs__portal__stat">300</span>
				+ uploads
			</div>
			<div class="haxodevs__portal__stat__row">
				<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.56 11.68">
					<path d="m17.4,10.19c-.72-.97-1.67-1.75-2.78-2.25,1.49-1.25,2.01-3.31,1.28-5.11-.92-2.31-3.54-3.43-5.85-2.51,0,.01-.01.01-.01.01-.43.18-.64.67-.46,1.1.18.43.67.64,1.1.46.33-.13.68-.2,1.04-.2,1.55,0,2.81,1.26,2.81,2.81.01,1.55-1.25,2.81-2.81,2.82-.46,0-.84.37-.84.84s.38.84.84.84c1.71.01,3.31.82,4.32,2.19.27.38.8.46,1.18.18.37-.27.45-.8.18-1.18Z" style="fill:#fff;"></path>
					<path d="m11.51,10.34c-.72-.98-1.68-1.76-2.78-2.25,1.9-1.6,2.15-4.44.55-6.34C7.68-.16,4.84-.4,2.94,1.2c-1.9,1.6-2.15,4.43-.55,6.34.17.2.35.38.55.55-1.1.49-2.06,1.27-2.78,2.25-.27.37-.19.9.18,1.18.38.27.91.19,1.18-.19,1.75-2.38,5.09-2.89,7.47-1.15.44.32.83.71,1.16,1.15.27.38.8.46,1.18.19.37-.28.45-.81.18-1.18Zm-5.68-2.88c-1.55,0-2.81-1.26-2.81-2.82s1.26-2.81,2.81-2.81,2.82,1.26,2.82,2.81-1.26,2.82-2.82,2.82Z" style="fill:#4ade80;"></path>
				</svg>
				<span class="haxodevs__portal__stat">{{ $xf.app.forumStatistics.users|number }}</span>
				+ members
			</div>
			<div class="haxodevs__portal__stat__row">
				<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M18.4698 16.83L18.8598 19.99C18.9598 20.82 18.0698 21.4 17.3598 20.97L13.1698 18.48C12.7098 18.48 12.2599 18.45 11.8199 18.39C12.5599 17.52 12.9998 16.42 12.9998 15.23C12.9998 12.39 10.5398 10.09 7.49985 10.09C6.33985 10.09 5.26985 10.42 4.37985 11C4.34985 10.75 4.33984 10.5 4.33984 10.24C4.33984 5.68999 8.28985 2 13.1698 2C18.0498 2 21.9998 5.68999 21.9998 10.24C21.9998 12.94 20.6098 15.33 18.4698 16.83Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
				<path d="M13 15.23C13 16.42 12.56 17.52 11.82 18.39C10.83 19.59 9.26 20.36 7.5 20.36L4.89 21.91C4.45 22.18 3.89 21.81 3.95 21.3L4.2 19.33C2.86 18.4 2 16.91 2 15.23C2 13.47 2.94 11.92 4.38 11C5.27 10.42 6.34 10.09 7.5 10.09C10.54 10.09 13 12.39 13 15.23Z" fill="#4ADE80" fill-opacity="0.1" stroke="#4ADE80" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
				</svg>
				<span class="haxodevs__portal__stat">{{ $xf.app.forumStatistics.threads|number }}</span>+ threads
				</div>
		</div>
    </div>
	<div class="search">
    <div class="kz-nav-search">
        
        <xf:if
            is="{{ $xf.visitor.hasPermission('quickSearch', 'view') }} AND {$xf.options.quickSearchShowResourceManager}">
            <xf:if is="!in_array($category.resource_category_id, $excludeResourceCategoryArray)">
                <xf:css src="andy_quicksearch.less" />
                <div class="block-container quicksearch"
                    style="margin-top: 0.75rem;display:flex;justify-content:center;">
                    <input type="text" class="input kz-nav-search-input js-filterInput"
                        aria-label="{{ phrase('quicksearch_quick_search') }}" autocomplete="off"
                        data-no-auto-focus="true" disabled="disabled" id="quickSearchTitle" name="quickSearchTitle"
                        onsubmit="return handle()" placeholder="{{ phrase('quicksearch_quick_search...') }}"
                        style="border:none;" />
                </div>
                <div id="quicksearch-result"></div>
            </xf:if>
        </xf:if>
    </div>
</div>
	<div class="haxodevs__portal__popular__searches">
		<span style="color:var(--kz-primary-color-hex);"> Popular searches:</span>
		<span class="recommendations">
		<span class="popularQuery" onclick="insertQuery('Server Files')" style="cursor: pointer; text-decoration: underline;">Server Files</span>
		<span class="haxodevs__portal__list__seperator">·</span>
		<span class="popularQuery" onclick="insertQuery('Source Code')" style="cursor: pointer; text-decoration: underline;">Source Code</span>
		<span class="haxodevs__portal__list__seperator">·</span>
		<span class="popularQuery" onclick="insertQuery('Client')" style="cursor: pointer; text-decoration: underline;">Client</span>
		<span class="haxodevs__portal__list__seperator">·</span>
		<span class="popularQuery" onclick="insertQuery('Website')" style="cursor: pointer; text-decoration: underline;">Website</span>
		<span class="haxodevs__portal__list__seperator">·</span>
		<span class="popularQuery" onclick="insertQuery('Skin')" style="cursor: pointer; text-decoration: underline;">Skin</span>

		</span>
	</div>
	<h2 class="haxodevs__portal__header" style="text-align:center;">
		Browse By Category
	</h2>
	<div class="haxodevs__portal__categories">
		<a class="category" href="/game/crossfire" style="background-position: center;background-image: url('/assets/img/crossfire.jpg');">
		CrossFire
		</a>
		<a class="category" href="/game/mobile-legends" style="background-position: center;background-image: url('/assets/img/mlbb.jpg');">
		Mobile Legends 
		</a>
	</div>
</div>
<div class="haxodevs__content__slider">
	<h2 style="margin-bottom:6px!important;max-width:1250px;margin:0 auto !important;background: transparent !important;" class="block-header overview-header block-header--left">
		<span id="popSliderTTile" style="font-size:22px;display:flex;align-items:center;">
			<img style="margin-right: 6px;width:32px;height:auto;" src="https://i.gifer.com/XLIO.gif" alt="Popular CrossFire Repacks">
			POPULAR CROSSFIRE RESOURCES
		</span>
	</h2>
	<p class="haxodevs__slider__description">
Haxodevs has dozen of CrossFire	resources to enjoy! Browse our most popular and downloaded CrossFire resources.</p>
</div>
<div class="haxodevs__block homepage_overview" style="max-width:1250px;margin:0 auto;">
	<h2 class="haxodevs__portal__header overview-header block-header--left">
		<span style="font-size:22px;">Why Download From Haxodevs?</span>
	</h2>
	<span style="display:inline-block;width:100%;" class="haxodevs__feature__box">
		Since 2022, we have been facilitating a seamless experience for both server creators and users to thrive together. Explore our extensive collection of assets for games like World of Warcraft, Lineage II, and more.
	</span>
	<div class="haxodevs__flex__boxes">
		<div class="haxodevs__feature__box">
		<span class="haxodevs__feature__box__title">
		<svg version="1.1" width="45" height="45" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 45 45" style="enable-background:new 0 0 45 45;" xml:space="preserve">
		<style type="text/css">
		.st0 {
		fill: #FFFFFF;
		}.st1 {
		fill: #4ADE80;
		}
		</style>
		<g>
		<path class="st0" d="M5.6,22.5c0,10.6,7.9,15.7,12.9,17.9c1,0.4,1.6,0.7,2.5,0.8V17L5.6,22.1V22.5z"></path>
		<path class="st1" d="M38.7,9.5c-0.7-1-3.5-2-9.2-3.9l-1.1-0.4c-2.1-0.7-3.4-1.2-4.5-1.4V14l15.5,5.2C39.4,13.4,39.4,10.5,38.7,9.5z
		"></path>
		<path class="st0" d="M15.5,5.6C9.9,7.6,7,8.5,6.3,9.5c-0.7,1-0.7,3.9-0.7,9.6L21.1,14V3.9c-1.1,0.2-2.5,0.7-4.5,1.4L15.5,5.6z"></path>
		<path class="st1" d="M23.9,41.2c1-0.1,1.6-0.4,2.5-0.8c5-2.2,12.9-7.3,12.9-17.9v-0.4L23.9,17V41.2z"></path>
		</g>
		</svg>
		Staff Moderated
		</span>
		<span class="haxodevs__feature__box__text">
		Our team of experienced moderators manually reviews and approves resources, ensuring that all necessary details are included and verifying the safety of the files.</span>
		</div>
		<div class="haxodevs__feature__box">
		<span class="haxodevs__feature__box__title">
		<svg version="1.1" width="45" height="45" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 45 45" style="enable-background:new 0 0 45 45;" xml:space="preserve">
		<style type="text/css">
		.st0 {
		fill-rule: evenodd;
		clip-rule: evenodd;
		fill: #4ADE80;
		}.st1 {
		fill-rule: evenodd;
		clip-rule: evenodd;
		}.st2 {
		fill-rule: evenodd;
		clip-rule: evenodd;
		fill: #FFFFFF;
		}
		</style>
		<path class="st0" d="M22.5,2.3c-1.1,0-2.2,0.3-3.3,0.8c-1.1,0.5-2.4,1.1-4,2l-3.9,2c-2,1-3.5,1.9-4.7,2.7c-1.3,0.8-2.2,1.7-2.9,2.9
		c-0.7,1.2-1,2.5-1.2,4c-0.1,1.5-0.1,3.3-0.1,5.6v0.4c0,2.3,0,4.1,0.1,5.6c0.2,1.5,0.5,2.8,1.2,4c0.7,1.2,1.7,2.1,2.9,2.9
		c1.2,0.8,2.8,1.6,4.7,2.7l3.9,2c1.6,0.8,2.9,1.5,4,2c1.1,0.5,2.2,0.8,3.3,0.8s2.2-0.3,3.3-0.8c1.1-0.5,2.4-1.1,4-2l3.9-2
		c2-1,3.5-1.9,4.7-2.7c1.3-0.8,2.2-1.7,2.9-2.9c0.7-1.2,1-2.5,1.2-4c0.1-1.5,0.1-3.3,0.1-5.6v-0.4c0-2.3,0-4.1-0.1-5.6
		c-0.2-1.5-0.5-2.8-1.2-4c-0.7-1.2-1.7-2.1-2.9-2.9c-1.2-0.8-2.8-1.6-4.7-2.7l-3.9-2c-1.6-0.8-2.9-1.5-4-2
		C24.7,2.6,23.6,2.3,22.5,2.3 M16.4,7.6c1.7-0.9,2.8-1.5,3.8-1.9c0.9-0.4,1.6-0.5,2.2-0.5c0.6,0,1.3,0.1,2.2,0.5c1,0.4,2.1,1,3.8,1.9
		l3.8,2c2,1.1,3.5,1.8,4.6,2.5c0.5,0.4,0.9,0.7,1.3,1l-6.2,3.1L16,7.8L16.4,7.6z M28.8,17.8L13,9.4L16,7.8L13,9.4
		C13.1,9.5,28.8,17.8,28.8,17.8l-6.3,3.1L6.9,13.1c0.4-0.4,0.8-0.7,1.3-1c1.1-0.7,2.5-1.5,4.6-2.5L13,9.4 M5.5,15.6
		C5.4,16,5.3,16.4,5.3,17c-0.1,1.3-0.1,3-0.1,5.4v0.2c0,2.4,0,4.1,0.1,5.4c0.1,1.3,0.4,2.2,0.8,2.9c0.4,0.7,1,1.3,2.1,2
		c1.1,0.7,2.5,1.5,4.6,2.5l3.8,2c1.7,0.9,2.8,1.5,3.8,1.9c0.3,0.1,0.6,0.2,0.8,0.3V23.4L5.5,15.6z M23.9,39.6
		c0.3-0.1,0.5-0.2,0.8-0.3c1-0.4,2.1-1,3.8-1.9l3.8-2c2-1.1,3.5-1.8,4.6-2.5c1-0.7,1.6-1.3,2.1-2c0.4-0.7,0.7-1.6,0.8-2.9
		c0.1-1.3,0.1-3,0.1-5.4v-0.2c0-2.4,0-4.1-0.1-5.4c0-0.5-0.1-0.9-0.2-1.4l-6.2,3.1v5.7c0,0.8-0.6,1.4-1.4,1.4s-1.4-0.6-1.4-1.4v-4.3
		l-6.6,3.3V39.6z"></path>
		<path class="st1" d="M28.8,17.8"></path>
		<polygon class="st2" points="31.9,16.2 28.7,17.8 13,9.4 16,7.8 "></polygon>
		<polyline class="st2" points="28.7,17.8 30.5,20.1 33.3,18.7 31.9,16.2 "></polyline>
		<path class="st2" d="M30.5,20.1v4.4c0,0,0.1,1.3,1.4,1.3c1.4,0.1,1.4-1.4,1.4-1.4v-5.8"></path>
		</svg>
		Free Downloads
		</span>
		<span class="haxodevs__feature__box__text">
		Easily access your preferred premium content at no cost! Enhancing your profile unlocks additional downloads and customization perks for members.</span>
		</div>
		<div class="haxodevs__feature__box">
		<span class="haxodevs__feature__box__title">
		<svg version="1.1" width="45" height="45" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 45 45" style="enable-background:new 0 0 45 45;" xml:space="preserve">
		<style type="text/css">
		.st0 {
		fill: #4ADE80;
		}.st1 {
		fill: #FFFFFF;
		}
		</style>
		<path class="st0" d="M24.9,42.2l-2.4-1.4l5.6-9.8h8.4c1.6,0,2.8-1.3,2.8-2.8c0,0,0,0,0,0V11.2c0-1.6-1.3-2.8-2.8-2.8c0,0,0,0,0,0
		H8.4c-1.6,0-2.8,1.3-2.8,2.8c0,0,0,0,0,0v16.9c0,1.6,1.3,2.8,2.8,2.8c0,0,0,0,0,0h12.7v2.8H8.4c-3.1,0-5.6-2.5-5.6-5.6V11.2
		c0-3.1,2.5-5.6,5.6-5.6c0,0,0,0,0,0h28.1c3.1,0,5.6,2.5,5.6,5.6c0,0,0,0,0,0v16.9c0,3.1-2.5,5.6-5.6,5.6h-6.8L24.9,42.2z"></path>
		<path class="st1" d="M22,11.9l2.7,5.2l5.7,0.8l-4.2,3.8l1.4,5.6L22,24.2l-5.6,3.2l1.4-5.6l-4.2-3.8l5.9-0.8L22,11.9z"></path>
		</svg>
		Authentic Reviews
		</span>
		<span class="haxodevs__feature__box__text">
		Before downloading, check out reviews from others to gain insights into their opinions. Only individuals who have downloaded files can submit reviews, and we promptly remove any reviews that violate our policies.</span>
		</div>
		<div class="haxodevs__feature__box">
		<span class="haxodevs__feature__box__title">
		<svg version="1.1" width="45" height="45" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 45 45" enable-background="new 0 0 45 45" xml:space="preserve">
		<path fill="#4ADE80" d="M22.5,39.3c-3.8-1.1-6.9-3.4-9.4-6.8c-2.5-3.4-3.7-7.3-3.7-11.6V10.7l13.1-4.9l13.1,4.9v10.1
		c0,4.3-1.2,8.2-3.7,11.6C29.4,35.9,26.3,38.2,22.5,39.3 M22.5,37.3c3.2-1,5.9-3.1,8.1-6.2c2.1-3.1,3.2-6.5,3.2-10.3V12L22.5,7.8
		L11.2,12v8.9c0,3.8,1.1,7.2,3.2,10.3S19.2,36.3,22.5,37.3"></path>
		<rect x="21.6" y="19.2" fill="#FFFFFF" width="1.9" height="10.6"></rect>
		<path fill="#FFFFFF" d="M22.5,16.2c0.3,0,0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8c0-0.3-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3
		c-0.3,0-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8c0,0.3,0.1,0.6,0.3,0.8C21.9,16.1,22.2,16.2,22.5,16.2"></path>
		</svg>
		Enhanced Privacy
		</span>
		<span class="haxodevs__feature__box__text">
		Our advanced downloading system offers additional features for members, including the removal of identification information and customizable privacy options. Safeguard your data from unauthorized access.</span>
		</div>
		</div>
	<div class="haxodevs__block homepage-overview" style="max-width:1250px;margin:0 auto;">
		<h2 class="haxodevs__portal__header overview-header block-header--left">
			<span style="font-size:22px;">Other Ways to Get Involved</span>
		</h2>
		<span style="display:inline-block;width:100%;" class="haxodevs__feature__box">
			We are a welcoming community that facilitates the sharing of new resources, hiring opportunities, and the formation of friendships.
		</span>
		<div class="haxodevs__flex__boxes">
			<a class="haxodevs__feature__box" href="/resources/add" data-xf-click="overlay">
<span class="haxodevs__get__involved__title">
Share Assets
<svg width="30" height="30" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
<span style="color: #A4A6A8" class="haxodevs__feature__box__text">
Start sharing your resources and assets on our platform. We proudly stand as the top online repository for premium resources, and the best part is, it's free to begin!</span>
</a>
			<a class="haxodevs__feature__box" href="/forums/">
			<span class="haxodevs__get__involved__title">
			Join Discussions
			<svg width="30" height="30" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
			</svg>
			</span>
			<span style="color: #A4A6A8" class="haxodevs__feature__box__text">
			Safely engage with skilled developers on our community forum. Explore hiring opportunities for your projects, receive personalized support, connect with new friends, and enjoy additional benefits!</span>
			</a>
			<a class="haxodevs__feature__box" href="https://discord.com/invite/unednjhH7g">
			<span class="haxodevs__get__involved__title">
			Join Discord
			<svg width="30" height="30" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
			</svg>
			</span>
			<span style="color: #A4A6A8" class="haxodevs__feature__box__text">
			Join our Discord server for fantastic opportunities to collaborate and connect with others. Engage in conversations, showcase your creations, promote your projects, participate in giveaways, and share your community suggestions!</span>
			</a>
		</div>
	</div>
</div>





<script>

    new TypeIt("#haxodevs__word__carousel", {
    strings: ["Workflow", "Emulation", "Skills", "Private Server", "Development"],
    speed: 75,
    breakLines: false,
    startDelete: true,
    deleteSpeed: 50,
    loop: true,
    }).go();


</script>

<script>

    function insertQuery(query) {
        document.getElementById('quickSearchTitle').value = query;
        submitForm();
    }

    function submitForm() {
                document.getElementById('quickSearchForm').submit();
    }
        window.addEventListener('load', function() {
        submitForm();
    });

</script>
<xf:widgetpos id="ewr_porta_articles_sidenav" context-page="{$page}" position="sidenav" />
<xf:widgetpos id="ewr_porta_articles_sidebar" context-page="{$page}" position="sidebar" />]]></template>
    <template title="PAGE_CONTAINER" type="public" addon_id="XF" version_id="2021570" version_string="2.2.15"><![CDATA[<!DOCTYPE html>
<html id="XF" lang="{$xf.language.language_code}" dir="{$xf.language.text_direction}"
	data-app="public"
	data-template="{$template}"
	data-container-key="{$containerKey}"
	data-content-key="{$contentKey}"
	data-logged-in="{{ $xf.visitor.user_id ? 'true' : 'false' }}"
	data-cookie-prefix="{$xf.cookie.prefix}"
	data-csrf="{{ csrf_token()|escape('js') }}"
	class="has-no-js {{ $template ? 'template-' . $template : '' }}"
	{{ $xf.runJobs ? ' data-run-jobs=""' : '' }}>
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">

	<xf:set var="$siteName" value="{$xf.options.boardTitle}" />
	<xf:set var="$h1"><xf:h1 fallback="{$siteName}" /></xf:set>
	<xf:set var="$description"><xf:description /></xf:set>

	<title><xf:title formatter="%s | %s" fallback="{$xf.options.boardTitle}" page="{$pageNumber}" /></title>

	<link rel="manifest" href="{{ base_url('webmanifest.php') }}">
	<xf:if is="property('metaThemeColor')">
		<meta name="theme-color" content="#006fcd" />
	</xf:if>

	<meta name="apple-mobile-web-app-title" content="{{ $xf.options.boardShortTitle ?: $xf.options.boardTitle }}">
	<xf:if is="property('publicIconUrl')">
		<link rel="apple-touch-icon" href="{{ base_url(property('publicIconUrl', true)) }}">
	<xf:elseif is="property('publicMetadataLogoUrl')" />
		<link rel="apple-touch-icon" href="{{ base_url(property('publicMetadataLogoUrl')) }}" />
	</xf:if>
	
	<xf:foreach loop="$head" value="$headTag">
		{$headTag}
	</xf:foreach>

	<xf:if is="!$head.meta_site_name && $siteName is not empty">
		<xf:macro template="metadata_macros" name="site_name" arg-siteName="{$siteName}" arg-output="{{ true }}" />
	</xf:if>
	<xf:if is="!$head.meta_type">
		<xf:macro template="metadata_macros" name="type" arg-type="website" arg-output="{{ true }}" />
	</xf:if>
	<xf:if is="!$head.meta_title">
		<xf:macro template="metadata_macros" name="title" arg-title="{{ page_title() ?: $siteName }}" arg-output="{{ true }}" />
	</xf:if>
	<xf:if is="!$head.meta_description && $description is not empty && $pageDescriptionMeta">
		<xf:macro template="metadata_macros" name="description" arg-description="{$description}" arg-output="{{ true }}" />
	</xf:if>
	<xf:if is="!$head.meta_share_url">
		<xf:macro template="metadata_macros" name="share_url" arg-shareUrl="{$xf.fullUri}" arg-output="{{ true }}" />
	</xf:if>
	<xf:if is="!$head.meta_image_url && property('publicMetadataLogoUrl')">
		<xf:macro template="metadata_macros" name="image_url"
			arg-imageUrl="{{ base_url(property('publicMetadataLogoUrl'), true) }}"
			arg-output="{{ true }}" />
	</xf:if>

	<xf:macro template="helper_js_global" name="head" arg-app="public" />

	<xf:if is="property('publicFaviconUrl')">
		<link rel="icon" type="image/png" href="{{ base_url(property('publicFaviconUrl'), true) }}" sizes="32x32" />
	</xf:if>
	<xf:include template="google_analytics" />
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css">
	<xf:include template="custom_css_eachuser" />
	<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1275374075474245"
     crossorigin="anonymous"></script>
</head>
<body data-template="{$template}">

<div class="p-pageWrapper" id="top">
<div class="kz-background">
    <div class="grid-svg-wrapper">
        <svg width="1776" height="809" viewBox="0 0 1776 809" fill="none" xmlns="http://www.w3.org/2000/svg">
            <g clip-path="url(#clip0_3790_12635)">
                <mask id="mask0_3790_12635" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1776" height="809">
                    <rect width="1776" height="809" fill="url(#paint0_radial_3790_12635)"></rect>
                </mask>
                <g mask="url(#mask0_3790_12635)">
                    <path opacity="0.08" d="M47.5 8H7.5V48M47.5 8V48M47.5 8H87.5M7.5 48H47.5M7.5 48V88M47.5 48V88M47.5 48H87.5M87.5 8V48M87.5 8H127.5M47.5 88H7.5M47.5 88V128M47.5 88H87.5M87.5 48V88M87.5 48H127.5M7.5 88V128M47.5 128H7.5M47.5 128V168M47.5 128H87.5M87.5 88V128M87.5 88H127.5M7.5 128V168M47.5 168H7.5M47.5 168V208M47.5 168H87.5M87.5 128V168M87.5 128H127.5M7.5 168V208M47.5 208H7.5M47.5 208V248M47.5 208H87.5M87.5 168V208M87.5 168H127.5M7.5 208V248M47.5 248H7.5M47.5 248V288M47.5 248H87.5M87.5 208V248M87.5 208H127.5M7.5 248V288M47.5 288H7.5M47.5 288V328M47.5 288H87.5M87.5 248V288M87.5 248H127.5M7.5 288V328M47.5 328H7.5M47.5 328V368M47.5 328H87.5M87.5 288V328M87.5 288H127.5M7.5 328V368M47.5 368H7.5M47.5 368V408M47.5 368H87.5M87.5 328V368M87.5 328H127.5M7.5 368V408M47.5 408H7.5M47.5 408V448M47.5 408H87.5M87.5 368V408M87.5 368H127.5M7.5 408V448M47.5 448H7.5M47.5 448V488M47.5 448H87.5M87.5 408V448M87.5 408H127.5M7.5 448V488M47.5 488H7.5M47.5 488V528M47.5 488H87.5M87.5 448V488M87.5 448H127.5M7.5 488V528M47.5 528H7.5M47.5 528V568M47.5 528H87.5M87.5 488V528M87.5 488H127.5M7.5 528V568M47.5 568H7.5M47.5 568V608M47.5 568H87.5M87.5 528V568M87.5 528H127.5M7.5 568V608M47.5 608H7.5M47.5 608V648M47.5 608H87.5M87.5 568V608M87.5 568H127.5M7.5 608V648M47.5 648H7.5M47.5 648V688M47.5 648H87.5M87.5 608V648M87.5 608H127.5M7.5 648V688M47.5 688H7.5M47.5 688V728M47.5 688H87.5M87.5 648V688M87.5 648H127.5M7.5 688V728M47.5 728H7.5M47.5 728V768M47.5 728H87.5M87.5 688V728M87.5 688H127.5M7.5 728V768M47.5 768H7.5M47.5 768V808M47.5 768H87.5M87.5 728V768M87.5 728H127.5M7.5 768V808H47.5M47.5 808H87.5M87.5 768V808M87.5 768H127.5M87.5 808H127.5M127.5 8V48M127.5 8H167.5M127.5 48V88M127.5 48H167.5M127.5 88V128M127.5 88H167.5M127.5 128V168M127.5 128H167.5M127.5 168V208M127.5 168H167.5M127.5 208V248M127.5 208H167.5M127.5 248V288M127.5 248H167.5M127.5 288V328M127.5 288H167.5M127.5 328V368M127.5 328H167.5M127.5 368V408M127.5 368H167.5M127.5 408V448M127.5 408H167.5M127.5 448V488M127.5 448H167.5M127.5 488V528M127.5 488H167.5M127.5 528V568M127.5 528H167.5M127.5 568V608M127.5 568H167.5M127.5 608V648M127.5 608H167.5M127.5 648V688M127.5 648H167.5M127.5 688V728M127.5 688H167.5M127.5 728V768M127.5 728H167.5M127.5 768V808M127.5 768H167.5M127.5 808H167.5M167.5 8V48M167.5 8H207.5M167.5 48V88M167.5 48H207.5M167.5 88V128M167.5 88H207.5M167.5 128V168M167.5 128H207.5M167.5 168V208M167.5 168H207.5M167.5 208V248M167.5 208H207.5M167.5 248V288M167.5 248H207.5M167.5 288V328M167.5 288H207.5M167.5 328V368M167.5 328H207.5M167.5 368V408M167.5 368H207.5M167.5 408V448M167.5 408H207.5M167.5 448V488M167.5 448H207.5M167.5 488V528M167.5 488H207.5M167.5 528V568M167.5 528H207.5M167.5 568V608M167.5 568H207.5M167.5 608V648M167.5 608H207.5M167.5 648V688M167.5 648H207.5M167.5 688V728M167.5 688H207.5M167.5 728V768M167.5 728H207.5M167.5 768V808M167.5 768H207.5M167.5 808H207.5M207.5 8V48M207.5 8H247.5M207.5 48V88M207.5 48H247.5M207.5 88V128M207.5 88H247.5M207.5 128V168M207.5 128H247.5M207.5 168V208M207.5 168H247.5M207.5 208V248M207.5 208H247.5M207.5 248V288M207.5 248H247.5M207.5 288V328M207.5 288H247.5M207.5 328V368M207.5 328H247.5M207.5 368V408M207.5 368H247.5M207.5 408V448M207.5 408H247.5M207.5 448V488M207.5 448H247.5M207.5 488V528M207.5 488H247.5M207.5 528V568M207.5 528H247.5M207.5 568V608M207.5 568H247.5M207.5 608V648M207.5 608H247.5M207.5 648V688M207.5 648H247.5M207.5 688V728M207.5 688H247.5M207.5 728V768M207.5 728H247.5M207.5 768V808M207.5 768H247.5M207.5 808H247.5M247.5 8V48M247.5 8H287.5M247.5 48V88M247.5 48H287.5M247.5 88V128M247.5 88H287.5M247.5 128V168M247.5 128H287.5M247.5 168V208M247.5 168H287.5M247.5 208V248M247.5 208H287.5M247.5 248V288M247.5 248H287.5M247.5 288V328M247.5 288H287.5M247.5 328V368M247.5 328H287.5M247.5 368V408M247.5 368H287.5M247.5 408V448M247.5 408H287.5M247.5 448V488M247.5 448H287.5M247.5 488V528M247.5 488H287.5M247.5 528V568M247.5 528H287.5M247.5 568V608M247.5 568H287.5M247.5 608V648M247.5 608H287.5M247.5 648V688M247.5 648H287.5M247.5 688V728M247.5 688H287.5M247.5 728V768M247.5 728H287.5M247.5 768V808M247.5 768H287.5M247.5 808H287.5M287.5 8V48M287.5 8H327.5M287.5 48V88M287.5 48H327.5M287.5 88V128M287.5 88H327.5M287.5 128V168M287.5 128H327.5M287.5 168V208M287.5 168H327.5M287.5 208V248M287.5 208H327.5M287.5 248V288M287.5 248H327.5M287.5 288H327.5M287.5 288V328M287.5 328V368M287.5 328H327.5M287.5 368V408M287.5 368H327.5M287.5 408V448M287.5 408H327.5M287.5 448V488M287.5 448H327.5M287.5 488V528M287.5 488H327.5M287.5 528V568M287.5 528H327.5M287.5 568V608M287.5 568H327.5M287.5 608V648M287.5 608H327.5M287.5 648V688M287.5 648H327.5M287.5 688V728M287.5 688H327.5M287.5 728V768M287.5 728H327.5M287.5 768V808M287.5 768H327.5M287.5 808H327.5M327.5 8V48M327.5 8H367.5M327.5 48V88M327.5 48H367.5M327.5 88V128M327.5 88H367.5M327.5 128V168M327.5 128H367.5M327.5 168V208M327.5 168H367.5M327.5 208V248M327.5 208H367.5M327.5 248V288M327.5 248H367.5M327.5 288V328M327.5 288H367.5M327.5 328V368M327.5 328H367.5M327.5 368V408M327.5 368H367.5M327.5 408V448M327.5 408H367.5M327.5 448V488M327.5 448H367.5M327.5 488V528M327.5 488H367.5M327.5 528V568M327.5 528C327.5 528 351.879 528 367.5 528M327.5 568V608M327.5 568H367.5M327.5 608V648M327.5 608H367.5M327.5 648V688M327.5 648H367.5M327.5 688V728M327.5 688H367.5M327.5 728V768M327.5 728H367.5M327.5 768V808M327.5 768H367.5M327.5 808H367.5M367.5 8V48M367.5 8H407.5M367.5 48V88M367.5 48H407.5M367.5 88V128M367.5 88H407.5M367.5 128V168M367.5 128H407.5M367.5 168V208M367.5 168H407.5M367.5 208V248M367.5 208H407.5M367.5 248V288M367.5 248H407.5M367.5 288V328M367.5 288H407.5M367.5 328V368M367.5 328H407.5M367.5 368V408M367.5 368H407.5M367.5 408V448M367.5 408H407.5M367.5 448V488M367.5 448H407.5M367.5 488C367.5 488 367.5 512.379 367.5 528M367.5 488H407.5M367.5 528C367.5 543.621 367.5 568 367.5 568M367.5 528C383.121 528 407.5 528 407.5 528M367.5 568V608M367.5 568H407.5M367.5 608V648M367.5 608H407.5M367.5 648V688M367.5 648H407.5M367.5 688V728M367.5 688H407.5M367.5 728V768M367.5 728H407.5M367.5 768V808M367.5 768H407.5M367.5 808H407.5M407.5 8V48M407.5 8H447.5M407.5 48V88M407.5 48H447.5M407.5 88V128M407.5 88H447.5M407.5 128V168M407.5 128H447.5M407.5 168V208M407.5 168H447.5M407.5 208V248M407.5 208H447.5M407.5 248V288M407.5 248H447.5M407.5 288V328M407.5 288H447.5M407.5 328V368M407.5 328H447.5M407.5 368V408M407.5 368H447.5M407.5 408V448M407.5 408H447.5M407.5 448V488M407.5 448H447.5M407.5 488V528M407.5 488H447.5M407.5 528V568M407.5 528H447.5M407.5 568V608M407.5 568H447.5M407.5 608V648M407.5 608H447.5M407.5 648V688M407.5 648H447.5M407.5 688V728M407.5 688H447.5M407.5 728V768M407.5 728H447.5M407.5 768V808M407.5 768H447.5M407.5 808H447.5M447.5 8V48M447.5 8H487.5M447.5 48V88M447.5 48H487.5M447.5 88V128M447.5 88H487.5M447.5 128V168M447.5 128H487.5M447.5 168V208M447.5 168H1327.5M447.5 208V248M447.5 208H1327.5M447.5 248V288M447.5 248H487.5M447.5 288V328M447.5 288H487.5M447.5 328V368M447.5 328H487.5M447.5 368V408M447.5 368H487.5M447.5 408V448M447.5 408H487.5M447.5 448V488M447.5 448H487.5M447.5 488V528M447.5 488H487.5M447.5 528V568M447.5 528H487.5M447.5 568V608M447.5 568H487.5M447.5 608V648M447.5 608H487.5M447.5 648V688M447.5 648H487.5M447.5 688V728M447.5 688H487.5M447.5 728V768M447.5 728H487.5M447.5 768V808M447.5 768H487.5M447.5 808H487.5M487.5 8V48M487.5 8H527.5M487.5 48V88M487.5 48H527.5M487.5 88V128M487.5 88H527.5M487.5 128H527.5M487.5 128V248M1327.5 168V128M1327.5 168V208M1327.5 168H1367.5M1327.5 208V248M1327.5 208H1367.5M487.5 248V288M487.5 248H527.5M487.5 288V328M487.5 288H527.5M487.5 328V368M487.5 328H527.5M487.5 368V408M487.5 368H527.5M487.5 408V448M487.5 408H527.5M487.5 448V488M487.5 448H527.5M487.5 488V528M487.5 488H527.5M487.5 528V568M487.5 528H527.5M487.5 568V608M487.5 568H527.5M487.5 608V648M487.5 608H527.5M487.5 648V688M487.5 648H527.5M487.5 688V728M487.5 688H527.5M487.5 728V768M487.5 728H527.5M487.5 768V808M487.5 768H527.5M487.5 808H527.5M527.5 8V48M527.5 8H567.5M527.5 48V88M527.5 48H567.5M527.5 88V128M527.5 88H567.5M527.5 128H567.5M527.5 128V248M527.5 248V288M527.5 248H567.5M527.5 288V328M527.5 288H567.5M527.5 328V368M527.5 328H567.5M527.5 368V408M527.5 368H567.5M527.5 408V448M527.5 408H567.5M527.5 448V488M527.5 448H567.5M527.5 488V528M527.5 488H567.5M527.5 528V568M527.5 528H567.5M527.5 568V608M527.5 568H567.5M527.5 608V648M527.5 608H567.5M527.5 648V688M527.5 648H567.5M527.5 688V728M527.5 688H567.5M527.5 728V768M527.5 728H567.5M527.5 768V808M527.5 768H567.5M527.5 808H567.5M567.5 8V48M567.5 8H607.5M567.5 48V88M567.5 48H607.5M567.5 88V128M567.5 88H607.5M567.5 128H607.5M567.5 128V248M567.5 248V288M567.5 248H1207.5M567.5 288V328M567.5 288H1207.5M567.5 328V368M567.5 328H607.5M567.5 368V408M567.5 368H607.5M567.5 408V448M567.5 408H607.5M567.5 448V488M567.5 448H607.5M567.5 488V528M567.5 488H607.5M567.5 528V568M567.5 528H607.5M567.5 568V608M567.5 568H607.5M567.5 608V648M567.5 608H607.5M567.5 648V688M567.5 648H607.5M567.5 688V728M567.5 688H607.5M567.5 728V768M567.5 728H607.5M567.5 768V808M567.5 768H607.5M567.5 808H607.5M607.5 8V48M607.5 8H647.5M607.5 48V88M607.5 48H647.5M607.5 88V128M607.5 88H647.5M607.5 128H647.5M607.5 128V328M1207.5 248V128M1207.5 248V288M1207.5 248H1247.5M1207.5 288V328M1207.5 288H1247.5M607.5 328V368M607.5 328H647.5M607.5 368V408M607.5 368H647.5M607.5 408V448M607.5 408H647.5M607.5 448V488M607.5 448H647.5M607.5 488V528M607.5 488H647.5M607.5 528V568M607.5 528H647.5M607.5 568V608M607.5 568H647.5M607.5 608V648M607.5 608H647.5M607.5 648V688M607.5 648H647.5M607.5 688V728M607.5 688H647.5M607.5 728V768M607.5 728H647.5M607.5 768V808M607.5 768H647.5M607.5 808H647.5M647.5 8V48M647.5 8H687.5M647.5 48V88M647.5 48H687.5M647.5 88V128M647.5 88H687.5M647.5 128H687.5M647.5 128V328M647.5 328V368M647.5 328H687.5M647.5 368V408M647.5 368H687.5M647.5 408V448M647.5 408H687.5M647.5 448V488M647.5 448H687.5M647.5 488V528M647.5 488H687.5M647.5 528V568M647.5 528H687.5M647.5 568V608M647.5 568H687.5M647.5 608V648M647.5 608H687.5M647.5 648V688M647.5 648H687.5M647.5 688V728M647.5 688H687.5M647.5 728V768M647.5 728H687.5M647.5 768V808M647.5 768H687.5M647.5 808H687.5M687.5 8V48M687.5 8H727.5M687.5 48V88M687.5 48H727.5M687.5 88V128M687.5 88H727.5M687.5 128H727.5M687.5 128V328M687.5 328V368M687.5 328H727.5M687.5 368V408M687.5 368H727.5M687.5 408V448M687.5 408H727.5M687.5 448V488M687.5 448H727.5M687.5 488V528M687.5 488H727.5M687.5 528V568M687.5 528H727.5M687.5 568V608M687.5 568H727.5M687.5 608V648M687.5 608H727.5M687.5 648V688M687.5 648H727.5M687.5 688V728M687.5 688H727.5M687.5 728V768M687.5 728H727.5M687.5 768V808M687.5 768H727.5M687.5 808H727.5M727.5 8V48M727.5 8H767.5M727.5 48V88M727.5 48H767.5M727.5 88V128M727.5 88H767.5M727.5 128H767.5M727.5 128V328M727.5 328V368M727.5 328H767.5M727.5 368V408M727.5 368H767.5M727.5 408V448M727.5 408H767.5M727.5 448V488M727.5 448H767.5M727.5 488V528M727.5 488H767.5M727.5 528V568M727.5 528H767.5M727.5 568V608M727.5 568H767.5M727.5 608V648M727.5 608H767.5M727.5 648V688M727.5 648H767.5M727.5 688V728M727.5 688H767.5M727.5 728V768M727.5 728H767.5M727.5 768V808M727.5 768H767.5M727.5 808H767.5M767.5 8V48M767.5 8H807.5M767.5 48V88M767.5 48H807.5M767.5 88V128M767.5 88H807.5M767.5 128H807.5M767.5 128V328M767.5 328V368M767.5 328H807.5M767.5 368V408M767.5 368H807.5M767.5 408V448M767.5 408H807.5M767.5 448V488M767.5 448H807.5M767.5 488V528M767.5 488H807.5M767.5 528V568M767.5 528H807.5M767.5 568V608M767.5 568H807.5M767.5 608V648M767.5 608H807.5M767.5 648V688M767.5 648H807.5M767.5 688V728M767.5 688H807.5M767.5 728V768M767.5 728H807.5M767.5 768V808M767.5 768H807.5M767.5 808H807.5M807.5 8V48M807.5 8H847.5M807.5 48V88M807.5 48H847.5M807.5 88V128M807.5 88H847.5M807.5 128H847.5M807.5 128V328M807.5 328V368M807.5 328H847.5M807.5 368V408M807.5 368H847.5M807.5 408V448M807.5 408H847.5M807.5 448V488M807.5 448H847.5M807.5 488V528M807.5 488H847.5M807.5 528V568M807.5 528H847.5M807.5 568V608M807.5 568H847.5M807.5 608V648M807.5 608H847.5M807.5 648V688M807.5 648H847.5M807.5 688V728M807.5 688H847.5M807.5 728V768M807.5 728H847.5M807.5 768V808M807.5 768H847.5M807.5 808H847.5M847.5 8V48M847.5 8H887.5M847.5 48H887.5M847.5 48V88M847.5 88V128M847.5 88H887.5M847.5 128H887.5M847.5 128V328M847.5 328V368M847.5 328H887.5M847.5 368V408M847.5 368H887.5M847.5 408V448M847.5 408H887.5M847.5 448V488M847.5 448H887.5M847.5 488V528M847.5 488H887.5M847.5 528V568M847.5 528H887.5M847.5 568V608M847.5 568H887.5M847.5 608V648M847.5 608H887.5M847.5 648V688M847.5 648H887.5M847.5 688V728M847.5 688H887.5M847.5 728V768M847.5 728H887.5M847.5 768V808M847.5 768H887.5M847.5 808H887.5M887.5 8V48M887.5 8H927.5M887.5 48H927.5M887.5 48V88M887.5 88V128M887.5 88H927.5M887.5 128H927.5M887.5 128V328M887.5 328V368M887.5 328H927.5M887.5 368V408M887.5 368H927.5M887.5 408V448M887.5 408H927.5M887.5 448V488M887.5 448H927.5M887.5 488V528M887.5 488H927.5M887.5 528V568M887.5 528H927.5M887.5 568V608M887.5 568H927.5M887.5 608V648M887.5 608H927.5M887.5 648V688M887.5 648H927.5M887.5 688V728M887.5 688H927.5M887.5 728V768M887.5 728H927.5M887.5 768V808M887.5 768H927.5M887.5 808H927.5M927.5 8V48M927.5 8H967.5M927.5 48H967.5M927.5 48V88M927.5 88V128M927.5 88H967.5M927.5 128H967.5M927.5 128V328M927.5 328V368M927.5 328H967.5M927.5 368V408M927.5 368H967.5M927.5 408V448M927.5 408H967.5M927.5 448V488M927.5 448H967.5M927.5 488V528M927.5 488H967.5M927.5 528V568M927.5 528H967.5M927.5 568V608M927.5 568H967.5M927.5 608V648M927.5 608H967.5M927.5 648V688M927.5 648H967.5M927.5 688V728M927.5 688H967.5M927.5 728V768M927.5 728H967.5M927.5 768V808M927.5 768H967.5M927.5 808H967.5M967.5 8V48M967.5 8H1007.5M967.5 48H1007.5M967.5 48V88M967.5 88V128M967.5 88H1007.5M967.5 128H1007.5M967.5 128V328M967.5 328V368M967.5 328H1007.5M967.5 368V408M967.5 368H1007.5M967.5 408V448M967.5 408H1007.5M967.5 448V488M967.5 448H1007.5M967.5 488V528M967.5 488H1007.5M967.5 528V568M967.5 528H1007.5M967.5 568V608M967.5 568H1007.5M967.5 608V648M967.5 608H1007.5M967.5 648V688M967.5 648H1007.5M967.5 688V728M967.5 688H1007.5M967.5 728V768M967.5 728H1007.5M967.5 768V808M967.5 768H1007.5M967.5 808H1007.5M1007.5 8V48M1007.5 8H1047.5M1007.5 48V88M1007.5 48H1047.5M1007.5 88V128M1007.5 88H1047.5M1007.5 128H1047.5M1007.5 128V328M1007.5 328V368M1007.5 328H1047.5M1007.5 368V408M1007.5 368H1047.5M1007.5 408V448M1007.5 408H1047.5M1007.5 448V488M1007.5 448H1047.5M1007.5 488V528M1007.5 488H1047.5M1007.5 528V568M1007.5 528H1047.5M1007.5 568V608M1007.5 568H1047.5M1007.5 608V648M1007.5 608H1047.5M1007.5 648V688M1007.5 648H1047.5M1007.5 688V728M1007.5 688H1047.5M1007.5 728V768M1007.5 728H1047.5M1007.5 768V808M1007.5 768H1047.5M1007.5 808H1047.5M1047.5 8V48M1047.5 8H1087.5M1047.5 48V88M1047.5 48H1087.5M1047.5 88V128M1047.5 88H1087.5M1047.5 128H1087.5M1047.5 128V328M1047.5 328V368M1047.5 328H1087.5M1047.5 368V408M1047.5 368H1087.5M1047.5 408V448M1047.5 408H1087.5M1047.5 448V488M1047.5 448H1087.5M1047.5 488V528M1047.5 488H1087.5M1047.5 528V568M1047.5 528H1087.5M1047.5 568V608M1047.5 568H1087.5M1047.5 608V648M1047.5 608H1087.5M1047.5 648V688M1047.5 648H1087.5M1047.5 688V728M1047.5 688H1087.5M1047.5 728V768M1047.5 728H1087.5M1047.5 768V808M1047.5 768H1087.5M1047.5 808H1087.5M1087.5 8V48M1087.5 8H1127.5M1087.5 48V88M1087.5 48H1127.5M1087.5 88V128M1087.5 88H1127.5M1087.5 128H1127.5M1087.5 128V328M1087.5 328V368M1087.5 328H1127.5M1087.5 368V408M1087.5 368H1127.5M1087.5 408V448M1087.5 408H1127.5M1087.5 448V488M1087.5 448H1127.5M1087.5 488V528M1087.5 488H1127.5M1087.5 528V568M1087.5 528H1127.5M1087.5 568V608M1087.5 568H1127.5M1087.5 608V648M1087.5 608H1127.5M1087.5 648V688M1087.5 648H1127.5M1087.5 688V728M1087.5 688H1127.5M1087.5 728V768M1087.5 728H1127.5M1087.5 768V808M1087.5 768H1127.5M1087.5 808H1127.5M1127.5 8V48M1127.5 8H1167.5M1127.5 48V88M1127.5 48H1167.5M1127.5 88V128M1127.5 88H1167.5M1127.5 128H1167.5M1127.5 128V328M1127.5 328V368M1127.5 328H1167.5M1127.5 368V408M1127.5 368H1167.5M1127.5 408V448M1127.5 408H1167.5M1127.5 448V488M1127.5 448H1167.5M1127.5 488V528M1127.5 488H1167.5M1127.5 528V568M1127.5 528H1167.5M1127.5 568V608M1127.5 568H1167.5M1127.5 608V648M1127.5 608H1167.5M1127.5 648V688M1127.5 648H1167.5M1127.5 688V728M1127.5 688H1167.5M1127.5 728V768M1127.5 728H1167.5M1127.5 768V808M1127.5 768H1167.5M1127.5 808H1167.5M1167.5 8V48M1167.5 8H1207.5M1167.5 48V88M1167.5 48H1207.5M1167.5 88V128M1167.5 88H1207.5M1167.5 128H1207.5M1167.5 128V328M1167.5 328V368M1167.5 328H1207.5M1167.5 368V408M1167.5 368H1207.5M1167.5 408V448M1167.5 408H1207.5M1167.5 448V488M1167.5 448H1207.5M1167.5 488V528M1167.5 488H1207.5M1167.5 528V568M1167.5 528H1207.5M1167.5 568V608M1167.5 568H1207.5M1167.5 608V648M1167.5 608H1207.5M1167.5 648V688M1167.5 648H1207.5M1167.5 688V728M1167.5 688H1207.5M1167.5 728V768M1167.5 728H1207.5M1167.5 768V808M1167.5 768H1207.5M1167.5 808H1207.5M1207.5 8V48M1207.5 8H1247.5M1207.5 48V88M1207.5 48H1247.5M1207.5 88V128M1207.5 88H1247.5M1207.5 128H1247.5M1207.5 328V368M1207.5 328H1247.5M1207.5 368V408M1207.5 368H1247.5M1207.5 408V448M1207.5 408H1247.5M1207.5 448V488M1207.5 448H1247.5M1207.5 488V528M1207.5 488H1247.5M1207.5 528V568M1207.5 528H1247.5M1207.5 568V608M1207.5 568H1247.5M1207.5 608V648M1207.5 608H1247.5M1207.5 648V688M1207.5 648H1247.5M1207.5 688V728M1207.5 688H1247.5M1207.5 728V768M1207.5 728H1247.5M1207.5 768V808M1207.5 768H1247.5M1207.5 808H1247.5M1247.5 8V48M1247.5 8H1287.5M1247.5 48V88M1247.5 48H1287.5M1247.5 88V128M1247.5 88H1287.5M1247.5 128H1287.5M1247.5 128V248M1247.5 248V288M1247.5 248H1287.5M1247.5 288V328M1247.5 288H1287.5M1247.5 328V368M1247.5 328H1287.5M1247.5 368V408M1247.5 368H1287.5M1247.5 408V448M1247.5 408H1287.5M1247.5 448V488M1247.5 448H1287.5M1247.5 488V528M1247.5 488H1287.5M1247.5 528V568M1247.5 528H1287.5M1247.5 568V608M1247.5 568H1287.5M1247.5 608V648M1247.5 608H1287.5M1247.5 648V688M1247.5 648H1287.5M1247.5 688V728M1247.5 688H1287.5M1247.5 728V768M1247.5 728H1287.5M1247.5 768V808M1247.5 768H1287.5M1247.5 808H1287.5M1287.5 8V48M1287.5 8H1327.5M1287.5 48V88M1287.5 48H1327.5M1287.5 88V128M1287.5 88H1327.5M1287.5 128H1327.5M1287.5 128V248M1287.5 248V288M1287.5 248H1327.5M1287.5 288V328M1287.5 288H1327.5M1287.5 328V368M1287.5 328H1327.5M1287.5 368V408M1287.5 368H1327.5M1287.5 408V448M1287.5 408H1327.5M1287.5 448V488M1287.5 448H1327.5M1287.5 488V528M1287.5 488H1327.5M1287.5 528V568M1287.5 528H1327.5M1287.5 568V608M1287.5 568H1327.5M1287.5 608V648M1287.5 608H1327.5M1287.5 648V688M1287.5 648H1327.5M1287.5 688V728M1287.5 688H1327.5M1287.5 728V768M1287.5 728H1327.5M1287.5 768V808M1287.5 768H1327.5M1287.5 808H1327.5M1327.5 8V48M1327.5 8H1367.5M1327.5 48V88M1327.5 48H1367.5M1327.5 88V128M1327.5 88H1367.5M1327.5 128H1367.5M1327.5 248V288M1327.5 248H1367.5M1327.5 288V328M1327.5 288H1367.5M1327.5 328V368M1327.5 328H1367.5M1327.5 368V408M1327.5 368H1367.5M1327.5 408V448M1327.5 408H1367.5M1327.5 448V488M1327.5 448H1367.5M1327.5 488V528M1327.5 488H1367.5M1327.5 528V568M1327.5 528H1367.5M1327.5 568V608M1327.5 568H1367.5M1327.5 608V648M1327.5 608H1367.5M1327.5 648V688M1327.5 648H1367.5M1327.5 688V728M1327.5 688H1367.5M1327.5 728V768M1327.5 728H1367.5M1327.5 768V808M1327.5 768H1367.5M1327.5 808H1367.5M1367.5 8V48M1367.5 8H1407.5M1367.5 48V88M1367.5 48H1407.5M1367.5 88V128M1367.5 88H1407.5M1367.5 128V168M1367.5 128H1407.5M1367.5 168V208M1367.5 168H1407.5M1367.5 208V248M1367.5 208H1407.5M1367.5 248V288M1367.5 248H1407.5M1367.5 288V328M1367.5 288H1407.5M1367.5 328V368M1367.5 328H1407.5M1367.5 368V408M1367.5 368H1407.5M1367.5 408V448M1367.5 408H1407.5M1367.5 448V488M1367.5 448H1407.5M1367.5 488V528M1367.5 488H1407.5M1367.5 528V568M1367.5 528H1407.5M1367.5 568V608M1367.5 568H1407.5M1367.5 608V648M1367.5 608H1407.5M1367.5 648V688M1367.5 648H1407.5M1367.5 688V728M1367.5 688H1407.5M1367.5 728V768M1367.5 728H1407.5M1367.5 768V808M1367.5 768H1407.5M1367.5 808H1407.5M1407.5 8V48M1407.5 8H1447.5M1407.5 48V88M1407.5 48H1447.5M1407.5 88V128M1407.5 88H1447.5M1407.5 128V168M1407.5 128H1447.5M1407.5 168V208M1407.5 168H1447.5M1407.5 208V248M1407.5 208H1447.5M1407.5 248V288M1407.5 248H1447.5M1407.5 288V328M1407.5 288H1447.5M1407.5 328V368M1407.5 328H1447.5M1407.5 368V408M1407.5 368H1447.5M1407.5 408V448M1407.5 408H1447.5M1407.5 448V488M1407.5 448H1447.5M1407.5 488V528M1407.5 488H1447.5M1407.5 528V568M1407.5 528H1447.5M1407.5 568V608M1407.5 568H1447.5M1407.5 608V648M1407.5 608H1447.5M1407.5 648V688M1407.5 648H1447.5M1407.5 688V728M1407.5 688H1447.5M1407.5 728V768M1407.5 728H1447.5M1407.5 768V808M1407.5 768H1447.5M1407.5 808H1447.5M1447.5 8V48M1447.5 8H1487.5M1447.5 48V88M1447.5 48H1487.5M1447.5 88V128M1447.5 88H1487.5M1447.5 128V168M1447.5 128H1487.5M1447.5 168V208M1447.5 168H1487.5M1447.5 208V248M1447.5 208H1487.5M1447.5 248V288M1447.5 248H1487.5M1447.5 288V328M1447.5 288H1487.5M1447.5 328V368M1447.5 328H1487.5M1447.5 368V408M1447.5 368H1487.5M1447.5 408V448M1447.5 408H1487.5M1447.5 448V488M1447.5 448H1487.5M1447.5 488V528M1447.5 488H1487.5M1447.5 528V568M1447.5 528H1487.5M1447.5 568V608M1447.5 568H1487.5M1447.5 608V648M1447.5 608H1487.5M1447.5 648V688M1447.5 648H1487.5M1447.5 688V728M1447.5 688H1487.5M1447.5 728V768M1447.5 728H1487.5M1447.5 768V808M1447.5 768H1487.5M1447.5 808H1487.5M1487.5 8V48M1487.5 8H1527.5M1487.5 48V88M1487.5 48H1527.5M1487.5 88V128M1487.5 88H1527.5M1487.5 128V168M1487.5 128H1527.5M1487.5 168V208M1487.5 168H1527.5M1487.5 208V248M1487.5 208H1527.5M1487.5 248V288M1487.5 248H1527.5M1487.5 288H1527.5M1487.5 288V328M1487.5 328V368M1487.5 328H1527.5M1487.5 368V408M1487.5 368H1527.5M1487.5 408V448M1487.5 408H1527.5M1487.5 448V488M1487.5 448H1527.5M1487.5 488V528M1487.5 488H1527.5M1487.5 528V568M1487.5 528H1527.5M1487.5 568V608M1487.5 568H1527.5M1487.5 608V648M1487.5 608H1527.5M1487.5 648V688M1487.5 648H1527.5M1487.5 688V728M1487.5 688H1527.5M1487.5 728V768M1487.5 728H1527.5M1487.5 768V808M1487.5 768H1527.5M1487.5 808H1527.5M1527.5 8V48M1527.5 8H1567.5M1527.5 48V88M1527.5 48H1567.5M1527.5 88V128M1527.5 88H1567.5M1527.5 128V168M1527.5 128H1567.5M1527.5 168V208M1527.5 168H1567.5M1527.5 208V248M1527.5 208H1567.5M1527.5 248V288M1527.5 248H1567.5M1527.5 288V328M1527.5 288H1567.5M1527.5 328V368M1527.5 328H1567.5M1527.5 368V408M1527.5 368H1567.5M1527.5 408V448M1527.5 408H1567.5M1527.5 448V488M1527.5 448H1567.5M1527.5 488V528M1527.5 488H1567.5M1527.5 528V568M1527.5 528H1567.5M1527.5 568V608M1527.5 568H1567.5M1527.5 608V648M1527.5 608H1567.5M1527.5 648V688M1527.5 648H1567.5M1527.5 688V728M1527.5 688H1567.5M1527.5 728V768M1527.5 728H1567.5M1527.5 768V808M1527.5 768H1567.5M1527.5 808H1567.5M1567.5 8V48M1567.5 8H1607.5M1567.5 48V88M1567.5 48H1607.5M1567.5 88V128M1567.5 88H1607.5M1567.5 128V168M1567.5 128H1607.5M1567.5 168V208M1567.5 168H1607.5M1567.5 208V248M1567.5 208H1607.5M1567.5 248V288M1567.5 248H1607.5M1567.5 288V328M1567.5 288H1607.5M1567.5 328V368M1567.5 328H1607.5M1567.5 368V408M1567.5 368H1607.5M1567.5 408V448M1567.5 408H1607.5M1567.5 448V488M1567.5 448H1607.5M1567.5 488V528M1567.5 488H1607.5M1567.5 528V568M1567.5 528H1607.5M1567.5 568V608M1567.5 568H1607.5M1567.5 608V648M1567.5 608H1607.5M1567.5 648V688M1567.5 648H1607.5M1567.5 688V728M1567.5 688H1607.5M1567.5 728V768M1567.5 728H1607.5M1567.5 768V808M1567.5 768H1607.5M1567.5 808H1607.5M1607.5 8V48M1607.5 8H1647.5M1607.5 48V88M1607.5 48H1647.5M1607.5 88V128M1607.5 88H1647.5M1607.5 128V168M1607.5 128H1647.5M1607.5 168V208M1607.5 168H1647.5M1607.5 208V248M1607.5 208H1647.5M1607.5 248V288M1607.5 248H1647.5M1607.5 288V328M1607.5 288H1647.5M1607.5 328V368M1607.5 328H1647.5M1607.5 368V408M1607.5 368H1647.5M1607.5 408V448M1607.5 408H1647.5M1607.5 448V488M1607.5 448H1647.5M1607.5 488V528M1607.5 488H1647.5M1607.5 528V568M1607.5 528H1647.5M1607.5 568V608M1607.5 568H1647.5M1607.5 608V648M1607.5 608H1647.5M1607.5 648V688M1607.5 648H1647.5M1607.5 688V728M1607.5 688H1647.5M1607.5 728V768M1607.5 728H1647.5M1607.5 768V808M1607.5 768H1647.5M1607.5 808H1647.5M1647.5 8V48M1647.5 8H1687.5M1647.5 48V88M1647.5 48H1687.5M1647.5 88V128M1647.5 88H1687.5M1647.5 128V168M1647.5 128H1687.5M1647.5 168V208M1647.5 168H1687.5M1647.5 208V248M1647.5 208H1687.5M1647.5 248V288M1647.5 248H1687.5M1647.5 288V328M1647.5 288H1687.5M1647.5 328V368M1647.5 328H1687.5M1647.5 368V408M1647.5 368H1687.5M1647.5 408V448M1647.5 408H1687.5M1647.5 448V488M1647.5 448H1687.5M1647.5 488V528M1647.5 488H1687.5M1647.5 528V568M1647.5 528H1687.5M1647.5 568V608M1647.5 568H1687.5M1647.5 608V648M1647.5 608H1687.5M1647.5 648V688M1647.5 648H1687.5M1647.5 688V728M1647.5 688H1687.5M1647.5 728V768M1647.5 728H1687.5M1647.5 768V808M1647.5 768H1687.5M1647.5 808H1687.5M1687.5 8V48M1687.5 8H1727.5M1687.5 48V88M1687.5 48H1727.5M1687.5 88V128M1687.5 88H1727.5M1687.5 128V168M1687.5 128H1727.5M1687.5 168V208M1687.5 168H1727.5M1687.5 208V248M1687.5 208H1727.5M1687.5 248V288M1687.5 248H1727.5M1687.5 288V328M1687.5 288H1727.5M1687.5 328V368M1687.5 328H1727.5M1687.5 368V408M1687.5 368H1727.5M1687.5 408V448M1687.5 408H1727.5M1687.5 448V488M1687.5 448H1727.5M1687.5 488V528M1687.5 488H1727.5M1687.5 528V568M1687.5 528H1727.5M1687.5 568V608M1687.5 568H1727.5M1687.5 608V648M1687.5 608H1727.5M1687.5 648V688M1687.5 648H1727.5M1687.5 688V728M1687.5 688H1727.5M1687.5 728V768M1687.5 728H1727.5M1687.5 768V808M1687.5 768H1727.5M1687.5 808H1727.5M1727.5 8V48M1727.5 8H1767.5V48M1727.5 48V88M1727.5 48H1767.5M1727.5 88V128M1727.5 88H1767.5M1727.5 128V168M1727.5 128H1767.5M1727.5 168V208M1727.5 168H1767.5M1727.5 208V248M1727.5 208H1767.5M1727.5 248V288M1727.5 248H1767.5M1727.5 288V328M1727.5 288H1767.5M1727.5 328V368M1727.5 328H1767.5M1727.5 368V408M1727.5 368H1767.5M1727.5 408V448M1727.5 408H1767.5M1727.5 448V488M1727.5 448H1767.5M1727.5 488V528M1727.5 488H1767.5M1727.5 528V568M1727.5 528H1767.5M1727.5 568V608M1727.5 568H1767.5M1727.5 608V648M1727.5 608H1767.5M1727.5 648V688M1727.5 648H1767.5M1727.5 688V728M1727.5 688H1767.5M1727.5 728V768M1727.5 728H1767.5M1727.5 768V808M1727.5 768H1767.5M1727.5 808H1767.5V768M1767.5 48V88M1767.5 88V128M1767.5 128V168M1767.5 168V208M1767.5 208V248M1767.5 248V288M1767.5 288V328M1767.5 328V368M1767.5 368V408M1767.5 408V448M1767.5 448V488M1767.5 488V528M1767.5 528V568M1767.5 568V608M1767.5 608V648M1767.5 648V688M1767.5 688V728M1767.5 728V768" stroke="url(#paint1_linear_3790_12635)"></path>
                    <path d="M407 248H367V288H407V248Z" fill="#006fcd" fill-opacity="0.06"></path>
                    <path d="M328 328H288V368H328V328Z" fill="#006fcd" fill-opacity="0.02"></path>
                    <path d="M1367 248H1407V288H1367V248Z" fill="#006fcd" fill-opacity="0.05"></path>
                    <path d="M1207 328H1247V368H1207V328Z" fill="#006fcd" fill-opacity="0.02"></path>
                    <path d="M527 328H567V368H527V328Z" fill="#006fcd" fill-opacity="0.05"></path>
                    <path d="M727 208H767V248H727V208Z" fill="#006fcd" fill-opacity="0.05"></path>
                    <path d="M767 168H807V208H767V168Z" fill="#006fcd" fill-opacity="0.02"></path>
                    <path d="M1448 328H1488V368H1448V328Z" fill="#006fcd" fill-opacity="0.1"></path>
                    <path d="M1408 488H1448V528H1408V488Z" fill="#006fcd" fill-opacity="0.02"></path>
                    <path d="M327 488H367V528H327V488Z" fill="#006fcd" fill-opacity="0.02"></path>
                    <path d="M1488 128H1528V168H1488V128Z" fill="#006fcd" fill-opacity="0.02"></path>
                    <path d="M248 128H288V168H248V128Z" fill="#006fcd" fill-opacity="0.05"></path>
                    <g opacity="0.4">
                        <path d="M167.496 79.9961V87.9961M167.496 87.9961V95.9961M167.496 87.9961H175.496M167.496 87.9961L159.496 87.9961" stroke="#006fcd"></path>
                        <path opacity="0.2" d="M407.496 79.9961V87.9961M407.496 87.9961V95.9961M407.496 87.9961H415.496M407.496 87.9961L399.496 87.9961" stroke="#006fcd"></path>
                        <path opacity="0.8" d="M647.496 79.9961V87.9961M647.496 87.9961V95.9961M647.496 87.9961H655.496M647.496 87.9961L639.496 87.9961" stroke="#006fcd"></path>
                        <path d="M887.496 79.9961V87.9961M887.496 87.9961V95.9961M887.496 87.9961H895.496M887.496 87.9961L879.496 87.9961" stroke="#006fcd"></path>
                        <path opacity="0.6" d="M1127.5 79.9961V87.9961M1127.5 87.9961V95.9961M1127.5 87.9961H1135.5M1127.5 87.9961L1119.5 87.9961" stroke="#006fcd"></path>
                        <path d="M1367.5 79.9961V87.9961M1367.5 87.9961V95.9961M1367.5 87.9961H1375.5M1367.5 87.9961L1359.5 87.9961" stroke="#006fcd"></path>
                        <path opacity="0.9" d="M1607.5 79.9961V87.9961M1607.5 87.9961V95.9961M1607.5 87.9961H1615.5M1607.5 87.9961L1599.5 87.9961" stroke="#006fcd"></path>
                        <path opacity="0.1" d="M167.496 239.996V247.996M167.496 247.996V255.996M167.496 247.996H175.496M167.496 247.996L159.496 247.996" stroke="#006fcd"></path>
                        <path opacity="0.8" d="M407.496 239.996V247.996M407.496 247.996V255.996M407.496 247.996H415.496M407.496 247.996L399.496 247.996" stroke="#006fcd"></path>
                        <path opacity="0.4" d="M647.496 239.996V247.996M647.496 247.996V255.996M647.496 247.996H655.496M647.496 247.996L639.496 247.996" stroke="#006fcd"></path>
                        <path opacity="0.8" d="M887.496 239.996V247.996M887.496 247.996V255.996M887.496 247.996H895.496M887.496 247.996L879.496 247.996" stroke="#006fcd"></path>
                        <path opacity="0.5" d="M1127.5 239.996V247.996M1127.5 247.996V255.996M1127.5 247.996H1135.5M1127.5 247.996L1119.5 247.996" stroke="#006fcd"></path>
                        <path opacity="0.8" d="M1367.5 239.996V247.996M1367.5 247.996V255.996M1367.5 247.996H1375.5M1367.5 247.996L1359.5 247.996" stroke="#006fcd"></path>
                        <path opacity="0.9" d="M1607.5 239.996V247.996M1607.5 247.996V255.996M1607.5 247.996H1615.5M1607.5 247.996L1599.5 247.996" stroke="#006fcd"></path>
                        <path opacity="0.9" d="M167.496 399.996V407.996M167.496 407.996V415.996M167.496 407.996H175.496M167.496 407.996L159.496 407.996" stroke="#006fcd"></path>
                        <path opacity="0.2" d="M407.496 399.996V407.996M407.496 407.996V415.996M407.496 407.996H415.496M407.496 407.996L399.496 407.996" stroke="#006fcd"></path>
                        <path opacity="0.3" d="M647.496 399.996V407.996M647.496 407.996V415.996M647.496 407.996H655.496M647.496 407.996L639.496 407.996" stroke="#006fcd"></path>
                        <path opacity="0.7" d="M887.496 399.996V407.996M887.496 407.996V415.996M887.496 407.996H895.496M887.496 407.996L879.496 407.996" stroke="#006fcd"></path>
                        <path opacity="0.3" d="M1127.5 399.996V407.996M1127.5 407.996V415.996M1127.5 407.996H1135.5M1127.5 407.996L1119.5 407.996" stroke="#006fcd"></path>
                        <path opacity="0.8" d="M1367.5 399.996V407.996M1367.5 407.996V415.996M1367.5 407.996H1375.5M1367.5 407.996L1359.5 407.996" stroke="#006fcd"></path>
                        <path opacity="0.3" d="M1607.5 399.996V407.996M1607.5 407.996V415.996M1607.5 407.996H1615.5M1607.5 407.996L1599.5 407.996" stroke="#006fcd"></path>
                        <path opacity="0.3" d="M167.496 559.996V567.996M167.496 567.996V575.996M167.496 567.996H175.496M167.496 567.996L159.496 567.996" stroke="#006fcd"></path>
                        <path opacity="0.8" d="M407.496 559.996V567.996M407.496 567.996V575.996M407.496 567.996H415.496M407.496 567.996L399.496 567.996" stroke="#006fcd"></path>
                        <path opacity="0.3" d="M647.496 559.996V567.996M647.496 567.996V575.996M647.496 567.996H655.496M647.496 567.996L639.496 567.996" stroke="#006fcd"></path>
                        <path opacity="0.3" d="M887.496 559.996V567.996M887.496 567.996V575.996M887.496 567.996H895.496M887.496 567.996L879.496 567.996" stroke="#006fcd"></path>
                        <path opacity="0.2" d="M1127.5 559.996V567.996M1127.5 567.996V575.996M1127.5 567.996H1135.5M1127.5 567.996L1119.5 567.996" stroke="#006fcd"></path>
                        <path opacity="0.8" d="M1367.5 559.996V567.996M1367.5 567.996V575.996M1367.5 567.996H1375.5M1367.5 567.996L1359.5 567.996" stroke="#006fcd"></path>
                        <path d="M1607.5 559.996V567.996M1607.5 567.996V575.996M1607.5 567.996H1615.5M1607.5 567.996L1599.5 567.996" stroke="#006fcd"></path>
                    </g>
                    <g class="kz-horizontal-lines">
                        <path class="horizontal-line" d="M167 128L248 128" stroke="url(#paint2_linear_3790_12635)"></path>
                        <path class="horizontal-line" d="M887 448H968" stroke="url(#paint3_linear_3790_12635)"></path>
                        <path class="horizontal-line" d="M567 328H648" stroke="url(#paint4_linear_3790_12635)"></path>
                    </g>
                    <g class="kz-vertical-lines">
                        <path class="vertical-line" d="M1167.5 168L1167.5 248" stroke="url(#paint5_linear_3790_12635)"></path>
                        <path class="vertical-line" d="M567.5 8L567.5 88" stroke="url(#paint6_linear_3790_12635)"></path>
                    </g>
                </g>
            </g>
            <defs>
                <radialGradient id="paint0_radial_3790_12635" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(888) rotate(90) scale(809 888)">
                    <stop stop-color="white"></stop>
                    <stop offset="1" stop-opacity="0"></stop>
                </radialGradient>
                <linearGradient id="paint1_linear_3790_12635" x1="887.5" y1="8" x2="887.5" y2="808" gradientUnits="userSpaceOnUse">
                    <stop offset="0.489583" stop-color="#006fcd"></stop>
                    <stop offset="1" stop-color="#3D3D3D"></stop>
                </linearGradient>
                <linearGradient id="paint2_linear_3790_12635" x1="248" y1="128" x2="167" y2="128" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#006fcd"></stop>
                    <stop offset="1" stop-color="#000" stop-opacity="0"></stop>
                </linearGradient>
                <linearGradient id="paint3_linear_3790_12635" x1="968" y1="448" x2="887" y2="448" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#006fcd"></stop>
                    <stop offset="1" stop-color="#000" stop-opacity="0"></stop>
                </linearGradient>
                <linearGradient id="paint4_linear_3790_12635" x1="648" y1="328" x2="567" y2="328" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#006fcd"></stop>
                    <stop offset="1" stop-color="#000" stop-opacity="0"></stop>
                </linearGradient>
                <linearGradient id="paint5_linear_3790_12635" x1="1167.6" y1="255.906" x2="1166.59" y2="175.919" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#006fcd"></stop>
                    <stop offset="1" stop-color="#000" stop-opacity="0"></stop>
                </linearGradient>
                <linearGradient id="paint6_linear_3790_12635" x1="-2.28812e+07" y1="94.9998" x2="-2.28812e+07" y2="13.9998" gradientUnits="userSpaceOnUse">
                    <stop stop-color="#006fcd"></stop>
                    <stop offset="1" stop-color="#000" stop-opacity="0"></stop>
                </linearGradient>
                <clipPath id="clip0_3790_12635">
                    <rect width="1776" height="809" fill="white"></rect>
                </clipPath>
            </defs>
        </svg>
    </div>
    <div class="radial-glow"></div>
</div>
<xf:if contentcheck="true">
	<div class="p-staffBar">
		<div class="p-staffBar-inner hScroller" data-xf-init="h-scroller">
			<div class="hScroller-scroll">
			<xf:contentcheck>
				<xf:if is="$xf.visitor.is_moderator && $xf.session.unapprovedCounts.total">
					<a href="{{ link('approval-queue') }}" class="p-staffBar-link badgeContainer badgeContainer--highlighted" data-badge="{$xf.session.unapprovedCounts.total|number}">
						{{ phrase('approval_queue') }}
					</a>
				</xf:if>

				<xf:if is="$xf.visitor.is_moderator && !$xf.options.reportIntoForumId && $xf.session.reportCounts.total">
					<a href="{{ link('reports') }}"
						class="p-staffBar-link badgeContainer badgeContainer--visible {{ ($xf.session.reportCounts.total && ($xf.session.reportCounts.lastBuilt > $xf.session.reportLastRead) OR $xf.session.reportCounts.assigned) ? ' badgeContainer--highlighted' : '' }}"
						data-badge="{{ $xf.session.reportCounts.assigned ? $xf.session.reportCounts.assigned|number . ' / ' . $xf.session.reportCounts.total|number : $xf.session.reportCounts.total|number }}"
						title="{{ $xf.session.reportCounts.lastBuilt ? phrase('last_report_update:')|for_attr . ' ' . date_time($xf.session.reportCounts.lastBuilt) : '' }}">
						{{ phrase('reports') }}
					</a>
				</xf:if>

				<xf:if contentcheck="true">
					<a class="p-staffBar-link menuTrigger" data-xf-click="menu" data-xf-key="alt+m" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true">{{ phrase('moderator') }}</a>
					<div class="menu" data-menu="menu" aria-hidden="true">
						<div class="menu-content">
							<h4 class="menu-header">{{ phrase('moderator_tools') }}</h4>
							<xf:contentcheck>
							<!--[XF:mod_tools_menu:top]-->
							<xf:if is="$xf.visitor.is_moderator">
								<a href="{{ link('approval-queue') }}" class="menu-linkRow">{{ phrase('approval_queue') }}</a>
							</xf:if>
							<xf:if is="$xf.visitor.is_moderator && !$xf.options.reportIntoForumId">
								<a href="{{ link('reports') }}" class="menu-linkRow" title="{{ $xf.session.reportCounts.lastBuilt ? phrase('last_report_update:')|for_attr . ' ' . date_time($xf.session.reportCounts.lastBuilt) : '' }}">{{ phrase('reports') }}</a>
							</xf:if>
							<!--[XF:mod_tools_menu:bottom]-->
							</xf:contentcheck>
						</div>
					</div>
				</xf:if>

				<xf:if is="$xf.visitor.is_admin">
					<a href="{{ base_url('admin.php') }}" class="p-staffBar-link" target="_blank">{{ phrase('admin') }}</a>
				</xf:if>
			</xf:contentcheck>
			</div>
		</div>
	</div>
</xf:if>
	
<xf:set var="$srcset">{{ property('publicLogoUrl2x') ? base_url(property('publicLogoUrl2x')) . ' 2x' : '' }}</xf:set>

<xf:set var="$navHtml">
	<nav class="dope-nav p-nav">
		<div class="p-nav-inner">
			<xf:button class="button--plain p-nav-menuTrigger" data-xf-click="off-canvas" data-menu=".js-headerOffCanvasMenu" tabindex="0"
				aria-label="{{ phrase('menu')|for_attr }}">
				<i aria-hidden="true"></i>
			</xf:button>
			
			<xf:if is="property('dt_text_logo')">
				<div class="p-nav-smallLogo">
					<a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
						{{ property('dt_text_logo') }}
					</a>
				</div>
			<xf:else />
				<div class="p-nav-smallLogo">
					<a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
						<img src="{{ base_url(property('publicLogoUrl')) }}" srcset="{$srcset}" alt="{$xf.options.boardTitle}"
							width="{{ property('publicLogoWidth') ?: '' }}" height="{{ property('publicLogoHeight') ?: '' }}" />
					</a>
				</div>
			</xf:if>

			<div class="p-nav-scroller hScroller" data-xf-init="h-scroller" data-auto-scroll=".p-navEl.is-selected">
				<div class="hScroller-scroll">
					<ul class="p-nav-list js-offCanvasNavSource">
					<xf:foreach loop="$navTree" key="$navSection" value="$navEntry" i="$i" if="{{ $navSection != $xf.app.defaultNavigationId }}">
						<li>
							<xf:macro name="nav_entry"
								arg-navId="{$navSection}"
								arg-nav="{$navEntry}"
								arg-selected="{{ $navSection == $pageSection }}"
								arg-shortcut="{$i}" />
						</li>
					</xf:foreach>
					</ul>
				</div>
			</div>

			<div class="p-nav-opposite">
				<div class="dope-account p-navgroup p-account {{ $xf.visitor.user_id ? 'p-navgroup--member' : 'p-navgroup--guest' }}">
					<xf:if is="$xf.visitor.user_id">
						<xf:if is="$xf.visitor.user_state == 'rejected' OR $xf.visitor.user_state == 'disabled'">
							<a href="{{ link('account') }}"
								class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--user">
								<xf:avatar user="$xf.visitor" size="xxs" href="" title="" class="avatar" />
								<span class="p-navgroup-linkText">{$xf.visitor.username}</span>
							</a>
	
							<a href="{{ link('logout', null, {'t': csrf_token()}) }}" class="p-navgroup-link">
								<span class="p-navgroup-linkText">{{ phrase('log_out') }}</span>
							</a>
						<xf:else />
							<a href="{{ link('account') }}"
								class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--user {{ ($xf.visitor.conversations_unread OR $xf.visitor.alerts_unread) ? 'badgeContainer badgeContainer--highlighted' : '' }}"
							    data-badge="{{ ($xf.visitor.conversations_unread + $xf.visitor.alerts_unread)|number }}"
							    data-xf-click="menu"
								data-xf-key="{{ phrase('shortcut.visitor_menu')|for_attr }}"
								data-menu-pos-ref="< .p-navgroup"
								title="{$xf.visitor.username}"
								aria-expanded="false"
								aria-haspopup="true">
								<xf:avatar user="$xf.visitor" size="xxs" href="" title="" />
								<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
									<path d="M6 9L12 15L18 9" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
								</svg>
							</a>
							<div class="menu menu--structural menu--wide-dsbled menu--account" data-menu="menu" aria-hidden="true"
								data-href="{{ link('account/visitor-menu') }}"
								data-load-target=".js-visitorMenuBody">
								<div class="menu-content js-visitorMenuBody" style="padding: unset;">
									<div class="menu-row">
										{{ phrase('loading...') }}
									</div>
								</div>
							</div>

							<a href="{{ link('conversations') }}"
								class="p-navgroup-link p-navgroup-link--badge p-navgroup-link--iconic p-navgroup-link--conversations js-badge--conversations badgeContainer{{ $xf.visitor.conversations_unread ? ' badgeContainer--highlighted' : '' }}"
								data-badge="{$xf.visitor.conversations_unread|number}"
								data-xf-click="menu"
								data-xf-key="{{ phrase('shortcut.conversations_menu')|for_attr }}"
								data-menu-pos-ref="< .p-navgroup"
								title="{{ phrase('conversations')|for_attr }}"
								aria-label="{{ phrase('conversations')|for_attr }}"
								aria-expanded="false"
								aria-haspopup="true">
								<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.5 19H8C4 19 2 18 2 13V8C2 4 4 2 8 2H16C20 2 22 4 22 8V13C22 17 20 19 16 19H15.5C15.19 19 14.89 19.15 14.7 19.4L13.2 21.4C12.54 22.28 11.46 22.28 10.8 21.4L9.3 19.4C9.14 19.18 8.77 19 8.5 19Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M7 8H17" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M7 13H13" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
								<span class="p-navgroup-linkText">{{ phrase('nav_inbox') }}</span>
							</a>
							<div class="menu menu--structural menu--medium" data-menu="menu" aria-hidden="true"
								data-href="{{ link('conversations/popup') }}"
								data-nocache="true"
								data-load-target=".js-convMenuBody">
								<div class="menu-content">
									<h3 class="menu-header">{{ phrase('conversations') }}</h3>
									<div class="js-convMenuBody">
										<div class="menu-row">{{ phrase('loading...') }}</div>
									</div>
									<div class="menu-footer menu-footer--split">
										<div class="menu-footer-main">
											<ul class="listInline listInline--bullet">
												<li><a href="{{ link('conversations') }}">{{ phrase('show_all') }}</a></li>
												<xf:if is="$xf.visitor.canStartConversation()">
													<li><a href="{{ link('conversations/add') }}">{{ phrase('start_new_conversation') }}</a></li>
												</xf:if>
											</ul>
										</div>
									</div>
								</div>
							</div>

							<a href="{{ link('account/alerts') }}"
								class="p-navgroup-link p-navgroup-link--badge p-navgroup-link--iconic p-navgroup-link--alerts js-badge--alerts badgeContainer{{ $xf.visitor.alerts_unviewed ? ' badgeContainer--highlighted' : '' }}"
								data-badge="{$xf.visitor.alerts_unviewed|number}"
								data-xf-click="menu"
								data-xf-key="{{ phrase('shortcut.alerts_menu')|for_attr }}"
								data-menu-pos-ref="< .p-navgroup"
								title="{{ phrase('alerts')|for_attr }}"
								aria-label="{{ phrase('alerts')|for_attr }}"
								aria-expanded="false"
								aria-haspopup="true">
								<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.0196 2.91003C8.7096 2.91003 6.0196 5.60003 6.0196 8.91003V11.8C6.0196 12.41 5.7596 13.34 5.4496 13.86L4.2996 15.77C3.5896 16.95 4.0796 18.26 5.3796 18.7C9.6896 20.14 14.3396 20.14 18.6496 18.7C19.8596 18.3 20.3896 16.87 19.7296 15.77L18.5796 13.86C18.2796 13.34 18.0196 12.41 18.0196 11.8V8.91003C18.0196 5.61003 15.3196 2.91003 12.0196 2.91003Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M13.8699 3.19994C13.5599 3.10994 13.2399 3.03994 12.9099 2.99994C11.9499 2.87994 11.0299 2.94994 10.1699 3.19994C10.4599 2.45994 11.1799 1.93994 12.0199 1.93994C12.8599 1.93994 13.5799 2.45994 13.8699 3.19994Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M15.0195 19.0601C15.0195 20.7101 13.6695 22.0601 12.0195 22.0601C11.1995 22.0601 10.4395 21.7201 9.89953 21.1801C9.35953 20.6401 9.01953 19.8801 9.01953 19.0601" stroke="white" stroke-width="1.5" stroke-miterlimit="10"></path>
</svg>
							</a>
							<div class="menu menu--structural menu--medium" data-menu="menu" aria-hidden="true"
								data-href="{{ link('account/alerts-popup') }}"
								data-nocache="true"
								data-load-target=".js-alertsMenuBody">
								<div class="menu-content">
									<h3 class="menu-header">{{ phrase('alerts') }}</h3>
									<div class="js-alertsMenuBody">
										<div class="menu-row">{{ phrase('loading...') }}</div>
									</div>
									<div class="menu-footer menu-footer--split">
										<div class="menu-footer-main">
											<ul class="listInline listInline--bullet">
												<li><a href="{{ link('account/alerts') }}">{{ phrase('show_all') }}</a></li>
												<li><a href="{{ link('account/alerts/mark-read') }}" class="js-alertsMarkRead">{{ phrase('mark_read') }}</a></li>
												<li><a href="{{ link('account/preferences') }}">{{ phrase('preferences') }}</a></li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</xf:if>
					<xf:else />
						<xf:if is="property('dt_triggers_style') == 'option2'">
							<a href="{{ link('login') }}" class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--logIn" data-xf-click="menu">
								<i aria-hidden="true"></i>
								<span class="p-navgroup-linkText">{{ phrase('log_in') }}</span>
							</a>
						<xf:else />
							<a href="{{ link('login') }}" class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--logIn"
								 data-follow-redirects="on">
								
								<button type="button" class="kz-login-button button"><span class="button-text">
Login
</span></button>
							</a>
						</xf:if>
						<div class="menu menu--structural menu--medium" data-menu="menu" data-nav-id="userLogin" aria-hidden="true" data-href="{{ link('login')}}"></div>
						<xf:if is="$xf.options.registrationSetup.enabled">
							<a href="{{ link('register') }}" class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--register"
								 data-follow-redirects="on">
								
								<button type="button" class="button--primary kz-register-button button"><span class="button-text">
Register
</span></button>
							</a>
						</xf:if>
					</xf:if>
				</div>

				
			</div>
		</div>
	</nav>
</xf:set>
<xf:set var="$subNavHtml">
	<xf:if is="$selectedNavChildren is not empty">
		<div class="p-sectionLinks">
			<div class="p-sectionLinks-inner hScroller" data-xf-init="h-scroller">
				<div class="hScroller-scroll">
					<ul class="p-sectionLinks-list">
					<xf:foreach loop="$selectedNavChildren" key="$navId" value="$navEntry" i="$i">
						<li>
							<xf:macro name="nav_entry" arg-navId="{$navId}" arg-nav="{$navEntry}" arg-shortcut="alt+{$i}" />
						</li>
					</xf:foreach>
					</ul>
				</div>
			</div>
		</div>
	<xf:elseif is="{$selectedNavEntry}" />
		<div class="p-sectionLinks p-sectionLinks--empty"></div>
	</xf:if>
</xf:set>

<xf:if is="property('publicNavSticky') == 'primary'">
	<div class="p-navSticky p-navSticky--primary {{ ({$xf.visitor.is_moderator} && (property('dt_sticky_staff_tools'))) ? 'p-staffSticky' : '' }}" data-xf-init="sticky-header">
		{$navHtml|raw}
	</div>
	{$subNavHtml|raw}
<xf:elseif is="property('publicNavSticky') == 'all'" />
	<div class="p-navSticky p-navSticky--all {{ ({$xf.visitor.is_moderator} && (property('dt_sticky_staff_tools'))) ? 'p-staffSticky' : '' }}" data-xf-init="sticky-header">
		{$navHtml|raw}
		{$subNavHtml|raw}
	</div>
<xf:else />
	{$navHtml|raw}
	{$subNavHtml|raw}
</xf:if>

<div class="offCanvasMenu offCanvasMenu--nav js-headerOffCanvasMenu" data-menu="menu" aria-hidden="true" data-ocm-builder="navigation">
	<div class="offCanvasMenu-backdrop" data-menu-close="true"></div>
	<div class="offCanvasMenu-content">
		<div class="offCanvasMenu-header">
			{{ phrase('menu') }}
			<a class="offCanvasMenu-closer" data-menu-close="true" role="button" tabindex="0" aria-label="{{ phrase('close')|for_attr }}"></a>
		</div>
		<xf:if is="$xf.visitor.user_id">
			<div class="p-offCanvasAccountLink">
				<div class="offCanvasMenu-linkHolder">
					<a href="{{ link('account') }}" class="offCanvasMenu-link">
						<xf:avatar user="$xf.visitor" size="xxs" href="" />
						{$xf.visitor.username}
					</a>
				</div>
				<hr class="offCanvasMenu-separator" />
			</div>
		<xf:else />
			<div class="p-offCanvasRegisterLink">
				<div class="offCanvasMenu-linkHolder">
					<a href="{{ link('login') }}" class="offCanvasMenu-link" data-xf-click="overlay" data-menu-close="true">
						{{ phrase('log_in') }}
					</a>
				</div>
				<hr class="offCanvasMenu-separator" />
				<xf:if is="$xf.options.registrationSetup.enabled">
					<div class="offCanvasMenu-linkHolder">
						<a href="{{ link('register') }}" class="offCanvasMenu-link" data-xf-click="overlay" data-menu-close="true">
							{{ phrase('register') }}
						</a>
					</div>
					<hr class="offCanvasMenu-separator" />
				</xf:if>
			</div>
		</xf:if>
		<div class="js-offCanvasNavTarget"></div>
		<div class="offCanvasMenu-installBanner js-installPromptContainer" style="display: none;" data-xf-init="install-prompt">
			<div class="offCanvasMenu-installBanner-header">{{ phrase('install_app') }}</div>
			<xf:button class="js-installPromptButton">{{ phrase('install') }}</xf:button>
		</div>
	</div>
</div>

<div class="p-body">
	<div class="p-body-inner">
		<!--XF:EXTRA_OUTPUT-->

		<xf:if is="property('dt_guest_message')">
			<xf:if is="!$xf.visitor.user_id">
				
					{{ property('dt_guest_message_content') }}
				
			</xf:if>	
		</xf:if>

		<xf:if is="$notices.block">
			<xf:macro template="notice_macros" name="notice_list" arg-type="block" arg-notices="{$notices.block}" />
		</xf:if>

		<xf:if is="$notices.scrolling">
			<xf:macro template="notice_macros" name="notice_list" arg-type="scrolling" arg-notices="{$notices.scrolling}" />
		</xf:if>

		<xf:macro template="browser_warning_macros" name="javascript" />
		<xf:macro template="browser_warning_macros" name="browser" />
				<xf:ad position="container_breadcrumb_top_above" />
		

		<div class="p-breadcrumbs--container{{ $sidebar ? ' p-breadcrumbs--container--side' : '' }}">
			<xf:macro name="breadcrumbs"
			arg-breadcrumbs="{$breadcrumbs}"
			arg-navTree="{$navTree}"
			arg-selectedNavEntry="{$selectedNavEntry}" />
			<xf:if is="$sidebar"><xf:if is="property('dt_collapsible_sidebar') && !property('dt_disable_sidebar') && $sidebar"><span id="collapse-side" class="collapseTrigger collapseTrigger--block {{ !is_toggled('_side-1') ? ' is-active' : '' }}" data-xf-click="toggle" data-xf-init="toggle-storage" data-storage-type="cookie" data-target=".p-body-sidebar, .p-body-content" data-storage-key="_side-1"></span></xf:if></xf:if>
		</div><xf:breadcrumb href="{{ link('my_page') }}">{{ phrase('my_page_name') }}</xf:breadcrumb>
		<xf:if is="$headerHtml is not empty">
			<div class="p-body-header">
				{$headerHtml|raw}
			</div>
		<xf:elseif contentcheck="true" />
			<div class="p-body-header">
			<xf:contentcheck>
				<xf:if contentcheck="true">
					<div class="p-title {{ $noH1 ? 'p-title--noH1' : '' }}">
					<xf:contentcheck>
						<xf:if is="!$noH1">
							<h1 class="p-title-value">{$h1}</h1>
						</xf:if>
						<xf:if contentcheck="true">
							<div class="p-title-pageAction"><xf:contentcheck><xf:pageaction /></xf:contentcheck></div>
						</xf:if>
					</xf:contentcheck>
					</div>
				</xf:if>

				<xf:if is="$description is not empty">
					<div class="p-description">{$description}</div>
				</xf:if>
			</xf:contentcheck>
			</div>
		</xf:if>
		

		
		<xf:ad position="container_breadcrumb_top_below" />

		<div class="p-body-main {{ $sidebar ? 'p-body-main--withSidebar' : '' }} {{ $sideNav ? 'p-body-main--withSideNav' : '' }}">
			<xf:if is="$sideNav">
				<div class="p-body-sideNavCol"></div>
			</xf:if>
			<div class="p-body-contentCol"></div>
			<xf:if is="$sidebar">
				<div class="p-body-sidebarCol"></div>
			</xf:if>
			
			<xf:if is="$sideNav">
				<div class="p-body-sideNav">
					<div class="p-body-sideNavTrigger">
						<xf:button class="button--link" data-xf-click="off-canvas" data-menu="#js-SideNavOcm">
							{{ $sideNavTitle ?: phrase('navigation') }}
						</xf:button>
					</div>
					<div class="p-body-sideNavInner" data-ocm-class="offCanvasMenu offCanvasMenu--blocks" id="js-SideNavOcm" data-ocm-builder="sideNav">
						<div data-ocm-class="offCanvasMenu-backdrop" data-menu-close="true"></div>
						<div data-ocm-class="offCanvasMenu-content">
							<div class="p-body-sideNavContent">
								<xf:ad position="container_sidenav_above" />
								<xf:foreach loop="$sideNav" value="$sideNavHtml">
									{$sideNavHtml}
								</xf:foreach>
								<xf:ad position="container_sidenav_below" />
							</div>
						</div>
					</div>
				</div>
			</xf:if>

			<div class="p-body-content {{ !is_toggled('_side-1') ? 'is-active' : '' }}">
				<xf:ad position="container_content_above" />
				<div class="p-body-pageContent">{$content|raw}</div>
				<xf:ad position="container_content_below" />
			</div>

			<xf:if is="$sidebar">
				<div class="p-body-sidebar {{ !is_toggled('_side-1') ? 'is-active' : '' }}">
					<xf:ad position="container_sidebar_above" />
					
					<!--- KINGZ MEMBERBOX START --->
					<xf:include template="index_memberbox" />	
					<!--- KINGZ MEMBERBOX end --->
					
					<xf:if is="!$xf.visitor.user_id AND property('dt_sidebar_login')">
						<xf:include template="dt_sidebar_login" />	
					</xf:if>
					<xf:foreach loop="$sidebar" value="$sidebarHtml">
						{$sidebarHtml}
					</xf:foreach>
					<xf:ad position="container_sidebar_below" />
				</div>
			</xf:if>
		</div>

		<xf:ad position="container_breadcrumb_bottom_above" />
		<xf:macro name="breadcrumbs"
			arg-breadcrumbs="{$breadcrumbs}"
			arg-navTree="{$navTree}"
			arg-selectedNavEntry="{$selectedNavEntry}"
			arg-variant="bottom" />
		
		<!--- FORUM STATS START --->
		<xf:include template="kingz_stats" />
		<!--- FORUM STATS END --->
		<xf:ad position="container_breadcrumb_bottom_below" />
		
	</div>
</div>
	
<xf:if is="property('dt_extra_footer')"><xf:include template="extra_footer" /></xf:if>

<footer class="p-footer" id="footer">
	<div class="dope-footerWrapper p-footer-inner">
		<div class="dope-footer-about">
<img src="/data/assets/h4x0gfx/h4x01.png" width="15%">
</svg>
<p>
Haxodevs - Digital Marketplace
</p>
<div class="dope-footer-socials">
<a href="/https://discord.com/invite/unednjhH7g" target="_blank">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.317 4.35982C18.7873 3.65794 17.147 3.14082 15.4319 2.84465C15.4007 2.83893 15.3695 2.85322 15.3534 2.88179C15.1424 3.257 14.9087 3.7465 14.7451 4.13125C12.9004 3.85508 11.0652 3.85508 9.25832 4.13125C9.09465 3.73795 8.85248 3.257 8.64057 2.88179C8.62448 2.85417 8.59328 2.83989 8.56205 2.84465C6.84791 3.13988 5.20756 3.65699 3.67694 4.35982C3.66368 4.36553 3.65233 4.37506 3.64479 4.38744C0.533392 9.0358 -0.31895 13.5699 0.0991801 18.0478C0.101072 18.0697 0.11337 18.0907 0.130398 18.104C2.18321 19.6115 4.17171 20.5267 6.12328 21.1334C6.15451 21.1429 6.18761 21.1315 6.20748 21.1057C6.66913 20.4753 7.08064 19.8106 7.43348 19.1115C7.4543 19.0706 7.43442 19.022 7.39186 19.0058C6.73913 18.7582 6.1176 18.4563 5.51973 18.1135C5.47244 18.0859 5.46865 18.0183 5.51216 17.9859C5.63797 17.8916 5.76382 17.7935 5.88395 17.6945C5.90569 17.6764 5.93598 17.6726 5.96153 17.684C9.88928 19.4773 14.1415 19.4773 18.023 17.684C18.0485 17.6716 18.0788 17.6754 18.1015 17.6935C18.2216 17.7926 18.3475 17.8916 18.4742 17.9859C18.5177 18.0183 18.5149 18.0859 18.4676 18.1135C17.8697 18.463 17.2482 18.7582 16.5945 19.0049C16.552 19.0211 16.533 19.0706 16.5538 19.1115C16.9143 19.8096 17.3258 20.4743 17.7789 21.1048C17.7978 21.1315 17.8319 21.1429 17.8631 21.1334C19.8241 20.5267 21.8126 19.6115 23.8654 18.104C23.8834 18.0907 23.8948 18.0706 23.8967 18.0487C24.3971 12.8718 23.0585 8.37488 20.3482 4.38838C20.3416 4.37506 20.3303 4.36553 20.317 4.35982ZM8.02002 15.3212C6.8375 15.3212 5.86313 14.2356 5.86313 12.9023C5.86313 11.569 6.8186 10.4834 8.02002 10.4834C9.23087 10.4834 10.1958 11.5785 10.1769 12.9023C10.1769 14.2356 9.22141 15.3212 8.02002 15.3212ZM15.9947 15.3212C14.8123 15.3212 13.8379 14.2356 13.8379 12.9023C13.8379 11.569 14.7933 10.4834 15.9947 10.4834C17.2056 10.4834 18.1705 11.5785 18.1516 12.9023C18.1516 14.2356 17.2056 15.3212 15.9947 15.3212Z" fill="currentColor"></path>
</svg>
</a>

<a href="/#" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" stroke="2" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><path d="M24 0v24H0V0h24ZM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01l-.184-.092Z"/><path fill="currentColor" d="M12 4c.855 0 1.732.022 2.582.058l1.004.048l.961.057l.9.061l.822.064a3.802 3.802 0 0 1 3.494 3.423l.04.425l.075.91c.07.943.122 1.971.122 2.954c0 .983-.052 2.011-.122 2.954l-.075.91c-.013.146-.026.287-.04.425a3.802 3.802 0 0 1-3.495 3.423l-.82.063l-.9.062l-.962.057l-1.004.048A61.59 61.59 0 0 1 12 20a61.59 61.59 0 0 1-2.582-.058l-1.004-.048l-.961-.057l-.9-.062l-.822-.063a3.802 3.802 0 0 1-3.494-3.423l-.04-.425l-.075-.91A40.662 40.662 0 0 1 2 12c0-.983.052-2.011.122-2.954l.075-.91c.013-.146.026-.287.04-.425A3.802 3.802 0 0 1 5.73 4.288l.821-.064l.9-.061l.962-.057l1.004-.048A61.676 61.676 0 0 1 12 4Zm-2 5.575v4.85c0 .462.5.75.9.52l4.2-2.425a.6.6 0 0 0 0-1.04l-4.2-2.424a.6.6 0 0 0-.9.52Z" fill="currentColor" class="fill-000000" stroke="2"/></g></svg>
	</a>
</div>
</div>
<div class="dope-footer-nav">
<div class="dope-footer-item">
<ul>
<li>
Community
</li>
<li>
<a href="/">Forums</a>
</li>
<li>
<a href="/members">Members</a>
</li>
<li>
<a href="/help">Help</a>
</li>

</ul>
</div>

<div class="dope-footer-item">
<ul>
<li>
Useful Links
</li>
<li>
<a href="/team">Our Team</a>
</li>
<li>
<a href="/pages/rules-and-guidelines/">Rules and Guidlines</a>
</li>
<li>
<a href="/daily-challenges">Daily Challenges</a>
</li>
</ul>
</div>
<div class="dope-footer-item">
<ul>
<li>
Navigate
</li>
<li>
<a href="/#market">Marketplace</a>
</li>
<li>
<a href="/credits">Credit Shop</a>
</li>
<li>
<a href="/groups">Groups</a>
</li>
</ul>
</div>
</div>
	</div>
		

		<xf:if contentcheck="true">
			<div class="p-footer-debug">
			<xf:contentcheck>
				<xf:macro template="debug_macros" name="debug"
					arg-controller="{$controller}"
					arg-action="{$actionMethod}"
					arg-template="{$template}" />
			</xf:contentcheck>
			</div>
		</xf:if>
	
</footer>

</div> <!-- closing p-pageWrapper -->

<div class="u-bottomFixer js-bottomFixTarget">
	<xf:if is="$notices.floating">
		<xf:macro template="notice_macros" name="notice_list" arg-type="floating" arg-notices="{$notices.floating}" />
	</xf:if>
	<xf:if is="$notices.bottom_fixer">
		<xf:macro template="notice_macros" name="notice_list" arg-type="bottom_fixer" arg-notices="{$notices.bottom_fixer}" />
	</xf:if>
</div>

<xf:if is="property('scrollJumpButtons')">
	<div class="u-scrollButtons js-scrollButtons" data-trigger-type="{{ property('scrollJumpButtons') }}">
		<xf:button href="#top" class="button--scroll" data-xf-click="scroll-to"><i class="fad fa-arrow-up"></i><span class="u-srOnly">{{ phrase('top') }}</span></xf:button>
		<xf:if is="property('scrollJumpButtons') != 'up'">
			<xf:button href="#footer" class="button--scroll" data-xf-click="scroll-to"><i class="fad fa-arrow-down"></i><span class="u-srOnly">{{ phrase('bottom') }}</span></xf:button>
		</xf:if>
	</div>
</xf:if>

<xf:macro template="helper_js_global" name="body" arg-app="public" arg-jsState="{$jsState}" />

<xf:if is="count($xf.reactionsActive) > 1 AND $xf.visitor.user_id">
	<script type="text/template" id="xfReactTooltipTemplate">
		<div class="tooltip-content-inner">
			<div class="reactTooltip">
				<xf:foreach loop="$xf.reactionsActive" key="$reactionId" value="$reaction">
					<xf:reaction id="{$reactionId}" tooltip="true" />
				</xf:foreach>
			</div>
		</div>
	</script>
</xf:if>

{$ldJsonHtml|raw}

<script>
	const reactionElements = document.querySelectorAll('[data-xf-init="reaction"]');

		reactionElements.forEach((element) => {
		  element.addEventListener('click', () => {

			if (!element.classList.contains('has-reaction')) {
			  reactionElements.forEach((el) => {
				el.classList.remove('dp-reaction-active');
			  });
			  element.classList.add('dp-reaction-active');

			} else {

			  element.classList.remove('dp-reaction-active');
			}
		  });
		});
	</script>
	<script src="https://cdn.jsdelivr.net/countupjs/1.8.5/countUp.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
</body>
</html>

<xf:macro name="nav_entry" arg-navId="!" arg-nav="!" arg-selected="{{ false }}" arg-shortcut="">
	<div class="p-navEl {{ $selected ? 'is-selected' : '' }}" {{ $nav.children ? 'data-has-children="true"' : '' }}>
		<xf:if is="$nav.href">

			<xf:macro name="nav_link"
				arg-navId="{$navId}"
				arg-nav="{$nav}"
				arg-class="p-navEl-link {{ $nav.children ? 'p-navEl-link--splitMenu' : '' }}"
				arg-shortcut="{{ $nav.children ? false : $shortcut }}" />

			<xf:if is="$nav.children"><a data-xf-key="{$shortcut}"
				data-xf-click="menu"
				data-menu-pos-ref="< .p-navEl"
				class="p-navEl-splitTrigger"
				role="button"
				tabindex="0"
				aria-label="{{ phrase('toggle_expanded')|for_attr }}"
				aria-expanded="false"
				aria-haspopup="true"></a></xf:if>

		<xf:elseif is="$nav.children" /><a data-xf-key="{$shortcut}"
			data-xf-click="menu"
			data-menu-pos-ref="< .p-navEl"
			class="p-navEl-linkHolder"
			role="button"
			tabindex="0"
			aria-expanded="false"
			aria-haspopup="true">
			<xf:macro name="nav_link"
				arg-navId="{$navId}"
				arg-nav="{$nav}"
				arg-class="p-navEl-link p-navEl-link--menuTrigger" />
		</a>

		<xf:else />

			<xf:macro name="nav_link"
				arg-navId="{$navId}"
				arg-nav="{$nav}"
				arg-class="p-navEl-link"
				arg-shortcut="{$shortcut}" />

		</xf:if>
		<xf:if is="$nav.children">
			<div class="menu menu--structural" data-menu="menu" aria-hidden="true">
				<div class="menu-content" style="border-top-left-radius: 12px; padding: 0;">
					<xf:foreach loop="$nav.children" key="$childNavId" value="$child">
						<xf:macro name="nav_menu_entry"
							arg-navId="{$childNavId}"
							arg-nav="{$child}" />
					</xf:foreach>
				</div>
			</div>
		</xf:if>
	</div>
</xf:macro>

<xf:macro name="nav_link" arg-navId="!" arg-nav="!" arg-class="" arg-titleHtml="" arg-shortcut="{{ false }}">
	<xf:set var="$tag" value="{{ $nav.href ? 'a' : 'span' }}" />
	<{$tag} {{ $nav.href ? 'href="' . $nav.href . '"' : '' }}
		class="{{ trim($class) }} {$nav.attributes.class}"
		{{ attributes($nav.attributes, ['class']) }}
		{{ $shortcut !== false ? 'data-xf-key="' . $shortcut . '"' : '' }}
		data-nav-id="{$navId}"><xf:if is="$nav.icon"><xf:fa icon="{$nav.icon}" /> </xf:if>{{ $titleHtml ? $titleHtml|raw : $nav.title }}<xf:if is="$nav.counter"> <span class="badge badge--highlighted">{$nav.counter|number}</span></xf:if></{$tag}>
</xf:macro>

<xf:macro name="nav_menu_entry" arg-navId="!" arg-nav="!" arg-depth="0">
	<xf:macro name="nav_link"
		arg-navId="{$navId}"
		arg-nav="{$nav}"
		arg-class="menu-linkRow u-indentDepth{$depth} js-offCanvasCopy" />
	<xf:if is="$nav.children">
		<xf:foreach loop="$nav.children" key="$childNavId" value="$child">
			<xf:macro name="nav_menu_entry"
				arg-navId="{$childNavId}"
				arg-nav="{$child}"
				arg-depth="{{ $depth + 1 }}" />
		</xf:foreach>
		<xf:if is="$depth == 0">
			<hr class="menu-separator" />
		</xf:if>
	</xf:if>
</xf:macro>

<xf:macro name="breadcrumbs" arg-breadcrumbs="!" arg-navTree="!" arg-selectedNavEntry="{{ null }}" arg-variant="">
	<xf:if contentcheck="true">
		<ul class="p-breadcrumbs {{ $variant ? 'p-breadcrumbs--' . $variant : '' }}"
			itemscope itemtype="https://schema.org/BreadcrumbList">
		<xf:contentcheck>
			<xf:set var="$position" value="{{ 0 }}" />

			<xf:set var="$rootBreadcrumb" value="{$navTree.{$xf.options.rootBreadcrumb}}" />
			<xf:set var="$rootBreadcrumbHref" value="{{ $rootBreadcrumb.href|substr(-1) == '/'
					? $rootBreadcrumb.href
					: $rootBreadcrumb.href . '/'
				}}" />

			<xf:if is="$rootBreadcrumb AND $rootBreadcrumbHref != $xf.uri AND $rootBreadcrumbHref != $xf.fullUri">
				<xf:set var="$position" value="{{ $position + 1 }}" />
				<xf:macro name="crumb"
					arg-position="{$position}"
					arg-href="{$rootBreadcrumb.href}"
					arg-value="{$rootBreadcrumb.title}" />
			</xf:if>

			<xf:if is="$selectedNavEntry AND $selectedNavEntry.href AND $selectedNavEntry.href != $xf.uri AND $selectedNavEntry.href != $xf.fullUri AND $selectedNavEntry.href != $rootBreadcrumbHref">
				<xf:set var="$position" value="{{ $position + 1 }}" />
				<xf:macro name="crumb"
					arg-position="{$position}"
					arg-href="{$selectedNavEntry.href}"
					arg-value="{$selectedNavEntry.title}" />
			</xf:if>
			<xf:foreach loop="$breadcrumbs" value="$breadcrumb" if="$breadcrumb.href != $xf.uri AND $breadcrumb.href != $xf.fullUri">
				<xf:set var="$position" value="{{ $position + 1 }}" />
				<xf:macro name="crumb"
					arg-position="{$position}"
					arg-href="{$breadcrumb.href}"
					arg-value="{$breadcrumb.value}" />
			</xf:foreach>

		</xf:contentcheck>
		</ul>
	</xf:if>
</xf:macro>

<xf:macro name="crumb" arg-href="!" arg-value="!" arg-position="{{ 0 }}">
	<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
		<a href="{$href}" itemprop="item">
			<xf:if is="{$href} == {$xf.homePageUrl} && property('dt_homeCrumb_icon')">
				<xf:fa icon="fa-home" />
				<xf:else />
				<span itemprop="name">{$value}</span>
			</xf:if>
		</a>
		<xf:if is="$position"><meta itemprop="position" content="{$position}" /></xf:if>
	</li>
</xf:macro>

<xf:if is="$template == 'member_view'">
	<script>
	const sliders = document.getElementsByClassName("swiper");
	for (let slide of sliders) {
		const nextEl = slide.closest(".dp-profile-widget").querySelector(".swiper-next");
		const prevEl = slide.closest(".dp-profile-widget").querySelector(".swiper-prev");

		let swiper = new Swiper(slide, {
			spaceBetween: 24,
			slidesPerView: "auto",
			direction: "horizontal",
			navigation: {
				nextEl,
				prevEl,
			},
		});
	}
	</script>
</xf:if>

<xf:if is="$template == 'dbtech_shop_overview'">
<script>
const sliders = document.getElementsByClassName('swiper');
for (let slide of sliders) {
	const nextEl = slide.closest('.dp-shopcategory-section').querySelector('.swiper-next');
	const prevEl = slide.closest('.dp-shopcategory-section').querySelector('.swiper-prev');

	let swiper = new Swiper(slide, {
		spaceBetween: 24,
		direction: 'horizontal',
		navigation: {
			nextEl,
			prevEl,
		},
		breakpoints: {
			480: {
				slidesPerView: 2,
			},
			650: {
				slidesPerView: 3,
			},
			1024: {
				slidesPerView: 4,
			},
			1200: {
				slidesPerView: 5,
			},
		},
	});
}
</script>	
</xf:if>

<xf:if is="$template == 'dbtech_shop_overview'">
<script>
    // Get form and card elements
    const purchaseForm = document.getElementById('topupForm');
    const giftButton = document.getElementById('giftBits');
    const cards = document.querySelectorAll('.dp-topup-card');
    const usdAmountElement = document.getElementById('usd-amount-value');
    const bitsAmountElement = document.getElementById('bits-amount-value');
    
    
    // Attach event listeners to cards
    cards.forEach(card => {
    	card.addEventListener('click', () => {
    		const bits = card.dataset.bits;
    		const cash = parseFloat(card.dataset.cash); // Convert cash to number
    
    		updateCardValues(bits, cash);
    		updateFormAndGiftAction(bits);
    
    		// Remove is-active class from all cards
    		cards.forEach(card => {
    			card.classList.remove('is-active');
    		});
    
    		// Add is-active class to the clicked card
    		card.classList.add('is-active');
    
    	});
    });
    
        function updateCardValues(bits, cash) {
          if (usdAmountElement) {
            const previousCashValue = parseFloat(usdAmountElement.textContent) || 0;
            const cashAnimation = new CountUp(usdAmountElement, previousCashValue, cash.toFixed(2), 2, 0.8);
            cashAnimation.start();
          }
    
          if (bitsAmountElement) {
            const previousBitsValue = parseFloat(bitsAmountElement.textContent.replace(/,/g, '')) || 0;
            const bitsAnimation = new CountUp(bitsAmountElement, previousBitsValue, bits, 0, 0.8);
            bitsAnimation.start();
          }
        }
    
    function updateFormAndGiftAction(bits) {
    	let purchaseUrl = '/purchase/dbtech_credits_currency/?event_id=4';
    	let giftUrl = '/gift/default';
    
    	switch (bits) {
    		case '1000':
    			purchaseUrl = '/purchase/dbtech_credits_currency/?event_id=4';
    			giftUrl = '/bits/donate/bits.1/gift-purchase?event_id=4';
    			break;
    		case '2000':
    			purchaseUrl = '/purchase/dbtech_credits_currency/?event_id=5';
    			giftUrl = '/bits/donate/bits.1/gift-purchase?event_id=5';
    			break;
    		case '3000':
    			purchaseUrl = '/purchase/dbtech_credits_currency/?event_id=6';
    			giftUrl = '/bits/donate/bits.1/gift-purchase?event_id=6';
    			break;
    		case '4000':
    			purchaseUrl = '/purchase/dbtech_credits_currency/?event_id=7';
    			giftUrl = '/bits/donate/bits.1/gift-purchase?event_id=7';
    			break;
    		case '5000':
    			purchaseUrl = '/purchase/dbtech_credits_currency/?event_id=8';
    			giftUrl = '/bits/donate/bits.1/gift-purchase?event_id=8';
    			break;
    		case '6000':
    			purchaseUrl = '/purchase/dbtech_credits_currency/?event_id=9';
    			giftUrl = '/bits/donate/bits.1/gift-purchase?event_id=9';
    			break;
    		case '7000':
    			purchaseUrl = '/purchase/dbtech_credits_currency/?event_id=10';
    			giftUrl = '/bits/donate/bits.1/gift-purchase?event_id=10';
    			break;
    		case '8000':
    			purchaseUrl = '/purchase/dbtech_credits_currency/?event_id=11';
    			giftUrl = '/bits/donate/bits.1/gift-purchase?event_id=11';
    			break;
    		case '9000':
    			purchaseUrl = '/purchase/dbtech_credits_currency/?event_id=12';
    			giftUrl = '/bits/donate/bits.1/gift-purchase?event_id=12';
    			break;
    		case '10000':
    			purchaseUrl = '/purchase/dbtech_credits_currency/?event_id=13';
    			giftUrl = '/bits/donate/bits.1/gift-purchase?event_id=13';
    			break;
    			// Add cases for other amounts
    	}
    
    	purchaseForm.setAttribute('action', purchaseUrl);
    	giftButton.setAttribute('href', giftUrl);
    }
</script>
</xf:if>
	<script>
const element1 = document.querySelector('.p-navEl-link[data-nav-id="dropDown1"]');
if (element1) {
  element1.innerHTML = ''; // This will remove the content inside the element
}

const element2 = document.querySelector('.p-navEl-link[data-nav-id="navSearchIcon"]');
if (element2) {
  element2.innerHTML = ''; // This will remove the content inside the element
}
</script>]]></template>
    <template title="_page_node.177" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:css src="branding.css" />
<xf:css>
.p-title-pageAction, .shareButtons {
	display: none;
	}
</xf:css>
<xf:title>Emudevs Branding Guidelines</xf:title>
<xf:breadcrumb href="#">Branding</xf:breadcrumb>
<div class="ed-container">
<div class="ed-branding__container">
	<div class="ed-branding__header">
		<h1>
		Brand	
		</h1>
		<p>
		We’re a playful and fun brand that doesn't take ourselves too seriously. That said, we're keen on keeping things quality. If you're gonna use our art for something please keep it tasteful and send it our way for approval.	
		</p>
	</div>
	<div class="ed-branding__header-logo">
		<img src="/data/assets/branding/logo.svg" class="ed-branding__logo" loading="lazy">
	</div>
</div>
<section class="ed-branding">
	<div class="ed-branding__block">
		<h2>
			Our Logo
		</h2>
		<p>
			Please do not edit, change, distort, recolor, or reconfigure the Emudevs logo.
		</p>
		<div class="ed-branding__logogrid">
			<div class="ed-branding__logonode">
				<img src="/data/assets/branding/Logo_white.svg" class="logo-white" loading="lazy">
				<div class="ed-branding__nodedata">
					<a href="/" class=""><span>.svg</span></a>
					<a href="/" class=""><span>.png</span></a>
				</div>
			</div>
			<div class="ed-branding__logonode white">
				<img src="/data/assets/branding/Logo_black.svg" class="logo-black" loading="lazy">
				<div class="ed-branding__nodedata">
					<a href="/" class="data-black"><span>.svg</span></a>
					<a href="/" class="data-black"><span>.png</span></a>
				</div>
			</div>
			<div class="ed-branding__logonode">
				<img src="/data/assets/branding/Logo_green.svg" class="logo-green" loading="lazy">
				<div class="ed-branding__nodedata">
					<a href="/" class=""><span>.svg</span></a>
					<a href="/" class=""><span>.png</span></a>
				</div>
			</div>
		</div>
	</div>
	<div class="ed-branding__block">
		<h2>
			Alternative Logos
		</h2>
		<p>
			Use these only when the Emudevs brand is clearly visible or has been well established elsewhere on the page or in the design. (When in doubt, use the other one.)
		</p>
			<h2>
				Mark only
			</h2>
		<div class="ed-branding__logogrid">
			<div class="ed-branding__logonode">
				<img src="/data/assets/branding/Logomark_white.svg" class="mark-logos" loading="lazy">
				<div class="ed-branding__nodedata">
					<a href="/" class=""><span>.svg</span></a>
					<a href="/" class=""><span>.png</span></a>
				</div>
			</div>
			<div class="ed-branding__logonode white">
				<img src="/data/assets/branding/Logomark_black.svg" class="mark-logos" loading="lazy">
				<div class="ed-branding__nodedata">
					<a href="/" class="data-black"><span>.svg</span></a>
					<a href="/" class="data-black"><span>.png</span></a>
				</div>
			</div>
			<div class="ed-branding__logonode">
				<img src="/data/assets/branding/Logomark_green.svg" class="mark-logos" loading="lazy">
				<div class="ed-branding__nodedata">
					<a href="/" class=""><span>.svg</span></a>
					<a href="/" class=""><span>.png</span></a>
				</div>
			</div>
		</div>
	</div>
		<div class="ed-branding__block">
		<h2>
			Spacing
		</h2>
		<p>
			Please do not edit, change, distort, recolor, or reconfigure the Emudevs logo.
		</p>
			<div class="ed-spacingrid">
		<img src="/data/assets/branding/Logogrid_medium.svg" width="80%" loading="lazy">
		<img src="/data/assets/branding/Logogrid_small.svg" width="30%" loading="lazy">
	</div>
		</div>
	
	<div class="ed-branding__block" style="margin-bottom: 10px;">
		<h2>
			Colors
		</h2>
		</div>
	<div class="ed-colorgrid">
		<div class="ed-colornode green">
			<h3>
				Littygreen
			</h3>
			<div class="ed-colornode__data ed-margin-80">
				<span>#006fcd</span>
				<span>CMK 0.67, 0.00, 0.42, 0.13</span>
			</div>
		</div>
		<div class="ed-colornode grey">
			<h3>
				Grey
			</h3>
			<div class="ed-colornode__data ed-margin-80">
				<span>#2B2B40</span>
				<span>CMK 0.33, 0.33, 0.00, 0.75</span>
			</div>
		</div>
		<div class="ed-colornode black">
			<h3>
				Black
			</h3>
			<div class="ed-colornode__data ed-margin-80">
				<span>#000000</span>
				<span>CMK 0.00, 0.00, 0.00, 1.00</span>
			</div>
		</div>
		<div class="ed-colornode white">
			<h3>
				White
			</h3>
			<div class="ed-colornode__data ed-margin-80 white">
				<span>#FFFFFF</span>
				<span>CMK 0.00, 0.00, 0.00, 0.00</span>
			</div>
		</div>
	</div>
			<div class="ed-branding__block">
		<h2>
			Looking for more?
		</h2>
		<p>
			Download the full Emudevs brand guidelines
		</p>
			<div class="ed-spacingrid">
	</div>
				<a class="button--primary button"><span class="button-text"><svg width="20" height="20" viewBox="0 0 20 20"><defs><style>.cls-1{stroke:#006fcd;stroke-miterlimit:3.33;}.cls-1,.cls-2{fill:none;stroke-linecap:round;stroke-width:1.25px;}.cls-2{stroke:#fff;stroke-linejoin:round;}</style></defs><path class="cls-1" d="m13.12,6.46c1.81.01,2.79.09,3.43.73.73.73.73,1.91.73,4.27v.83c0,2.36,0,3.54-.73,4.27s-1.91.73-4.27.73h-6.67c-2.36,0-3.54,0-4.27-.73-.73-.73-.73-1.91-.73-4.27v-.83c0-2.36,0-3.54.73-4.27.64-.64,1.62-.72,3.43-.73"/><path class="cls-2" d="m8.96.62v10.83m0,0l-2.5-2.92m2.5,2.92l2.5-2.92"/></svg>Download</span></a>
		</div>
	</section>
</div>]]></template>
    <template title="_page_node.23" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:css src="branding.css" />
<xf:css>
.p-title-pageAction, .shareButtons {
	display: none;
	}
</xf:css>
<xf:title>Emudevs Branding Guidelines</xf:title>
<xf:breadcrumb href="#">Branding</xf:breadcrumb>
<div class="ed-container">
<div class="ed-branding__container">
	<div class="ed-branding__header">
		<h1>
		Brand	
		</h1>
		<p>
		We’re a playful and fun brand that doesn't take ourselves too seriously. That said, we're keen on keeping things quality. If you're gonna use our art for something please keep it tasteful and send it our way for approval.	
		</p>
	</div>
	<div class="ed-branding__header-logo">
		<img src="/data/assets/branding/logo.svg" class="ed-branding__logo" loading="lazy">
	</div>
</div>
<section class="ed-branding">
	<div class="ed-branding__block">
		<h2>
			Our Logo
		</h2>
		<p>
			Please do not edit, change, distort, recolor, or reconfigure the Emudevs logo.
		</p>
		<div class="ed-branding__logogrid">
			<div class="ed-branding__logonode">
				<img src="/data/assets/branding/Logo_white.svg" class="logo-white" loading="lazy">
				<div class="ed-branding__nodedata">
					<a href="/" class=""><span>.svg</span></a>
					<a href="/" class=""><span>.png</span></a>
				</div>
			</div>
			<div class="ed-branding__logonode white">
				<img src="/data/assets/branding/Logo_black.svg" class="logo-black" loading="lazy">
				<div class="ed-branding__nodedata">
					<a href="/" class="data-black"><span>.svg</span></a>
					<a href="/" class="data-black"><span>.png</span></a>
				</div>
			</div>
			<div class="ed-branding__logonode">
				<img src="/data/assets/branding/Logo_green.svg" class="logo-green" loading="lazy">
				<div class="ed-branding__nodedata">
					<a href="/" class=""><span>.svg</span></a>
					<a href="/" class=""><span>.png</span></a>
				</div>
			</div>
		</div>
	</div>
	<div class="ed-branding__block">
		<h2>
			Alternative Logos
		</h2>
		<p>
			Use these only when the Emudevs brand is clearly visible or has been well established elsewhere on the page or in the design. (When in doubt, use the other one.)
		</p>
			<h2>
				Mark only
			</h2>
		<div class="ed-branding__logogrid">
			<div class="ed-branding__logonode">
				<img src="/data/assets/branding/Logomark_white.svg" class="mark-logos" loading="lazy">
				<div class="ed-branding__nodedata">
					<a href="/" class=""><span>.svg</span></a>
					<a href="/" class=""><span>.png</span></a>
				</div>
			</div>
			<div class="ed-branding__logonode white">
				<img src="/data/assets/branding/Logomark_black.svg" class="mark-logos" loading="lazy">
				<div class="ed-branding__nodedata">
					<a href="/" class="data-black"><span>.svg</span></a>
					<a href="/" class="data-black"><span>.png</span></a>
				</div>
			</div>
			<div class="ed-branding__logonode">
				<img src="/data/assets/branding/Logomark_green.svg" class="mark-logos" loading="lazy">
				<div class="ed-branding__nodedata">
					<a href="/" class=""><span>.svg</span></a>
					<a href="/" class=""><span>.png</span></a>
				</div>
			</div>
		</div>
	</div>
		<div class="ed-branding__block">
		<h2>
			Spacing
		</h2>
		<p>
			Please do not edit, change, distort, recolor, or reconfigure the Emudevs logo.
		</p>
			<div class="ed-spacingrid">
		<img src="/data/assets/branding/Logogrid_medium.svg" width="80%" loading="lazy">
		<img src="/data/assets/branding/Logogrid_small.svg" width="30%" loading="lazy">
	</div>
		</div>
	
	<div class="ed-branding__block" style="margin-bottom: 10px;">
		<h2>
			Colors
		</h2>
		</div>
	<div class="ed-colorgrid">
		<div class="ed-colornode green">
			<h3>
				Littygreen
			</h3>
			<div class="ed-colornode__data ed-margin-80">
				<span>#006fcd</span>
				<span>CMK 0.67, 0.00, 0.42, 0.13</span>
			</div>
		</div>
		<div class="ed-colornode grey">
			<h3>
				Grey
			</h3>
			<div class="ed-colornode__data ed-margin-80">
				<span>#2B2B40</span>
				<span>CMK 0.33, 0.33, 0.00, 0.75</span>
			</div>
		</div>
		<div class="ed-colornode black">
			<h3>
				Black
			</h3>
			<div class="ed-colornode__data ed-margin-80">
				<span>#000000</span>
				<span>CMK 0.00, 0.00, 0.00, 1.00</span>
			</div>
		</div>
		<div class="ed-colornode white">
			<h3>
				White
			</h3>
			<div class="ed-colornode__data ed-margin-80 white">
				<span>#FFFFFF</span>
				<span>CMK 0.00, 0.00, 0.00, 0.00</span>
			</div>
		</div>
	</div>
			<div class="ed-branding__block">
		<h2>
			Looking for more?
		</h2>
		<p>
			Download the full Emudevs brand guidelines
		</p>
			<div class="ed-spacingrid">
	</div>
				<a class="button--primary button"><span class="button-text"><svg width="20" height="20" viewBox="0 0 20 20"><defs><style>.cls-1{stroke:#006fcd;stroke-miterlimit:3.33;}.cls-1,.cls-2{fill:none;stroke-linecap:round;stroke-width:1.25px;}.cls-2{stroke:#fff;stroke-linejoin:round;}</style></defs><path class="cls-1" d="m13.12,6.46c1.81.01,2.79.09,3.43.73.73.73.73,1.91.73,4.27v.83c0,2.36,0,3.54-.73,4.27s-1.91.73-4.27.73h-6.67c-2.36,0-3.54,0-4.27-.73-.73-.73-.73-1.91-.73-4.27v-.83c0-2.36,0-3.54.73-4.27.64-.64,1.62-.72,3.43-.73"/><path class="cls-2" d="m8.96.62v10.83m0,0l-2.5-2.92m2.5,2.92l2.5-2.92"/></svg>Download</span></a>
		</div>
	</section>
</div>]]></template>
    <template title="_widget_sidenav_credits" type="public" addon_id="" version_id="0" version_string=""><![CDATA[]]></template>
    <template title="_widget_wallet" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:css src="item_shop_overview.css" />

<div class="shop-search">
				<div class="shop-module-top">
					<h2 class="shop-cart-title"><i class="fas fa-credit-card"></i> &nbsp;My Wallet<span style="float:right;">
						<a class="side-panel" href="/dbtech-shop/inventory/" style="color:#999;"><i class="fas fa-box-open"></i> &nbsp;Inventory</a></span></h2>
					<div class="row" style="justify-content: center;">
						<div class="col-6 shop-wallet">
							<div class="shop-wallet-money text-center numFormat">
									 
							<xf:set var="$viewableCurrencies" value="{{ $xf.app.em.getRepository('DBTech\Shop:Currency').getViewableCurrencies() }}" />
							<xf:if is="$viewableCurrencies is not empty && $xf.options.dbtech_shop_points_postbit.0">
								<xf:foreach loop="$viewableCurrencies" value="$currency" if="$currency.postbit">
									{$currency.prefix}{{ $currency.getValueFromUser($user) }}{$currency.suffix}
								</xf:foreach><span class="side-panel" style="color: #b8ff2c;"></span></xf:if>			
										
											 
										
									  
							</div>
							<div class="shop-wallet-money-text text-center"><small>CREDITS</small></div>
						</div>
					</div>
					<br>
					
					<div class="nav-panel-tools">
						<div>
							<a class="side-panel" href="/dbtech-shop/bank/" data-xf-click="overlay" title="Send Donation" style="color:#b7b7b7;">
								<i class="fas fa-university"></i>&nbsp; Bank
							</a>
							<a class="side-panel" href="/dbtech-shop/steal/" data-xf-click="overlay" title="Start Steal" style="color:#b7b7b7;">
								<i class="fas fa-sack-dollar"></i>&nbsp; Steal
							</a>
						</div>
						<div style="margin-top:10px;">
							<a class="side-panel" href="/dbtech-shop/lotteries/" data-xf-click="overlay" title="Lotteries" style="color:#b7b7b7;">
								<i class="fad fa-wallet"></i>&nbsp; Lotteries
							</a>
							<a class="side-panel" href="/dbtech-credits/" data-xf-click="overlay" title="Transactions" style="color:#b7b7b7;">
								<i class="fas fa-money-check-edit-alt"></i>&nbsp; Transactions
							</a>
						</div>
						<div style="margin-top:10px;">
							<a class="side-panel" href="/dbtech-credits/currency/credits.1/" data-xf-click="overlay" title="Donate" style="color:#b7b7b7;">
								<i class="fas fa-donate"></i>&nbsp; Donate
							</a>
							<a class="side-panel" href="/dbtech-shop/trades/" title="Trade" style="color:#b7b7b7;">
								<i class="fad fa-exchange-alt"></i>&nbsp; Trade
							</a>
						</div>
					</div>
					<div class="spacer">&nbsp;</div>
					
				</div>
				<div class="shop-module-footer">
					<div>
						<small class="aaa">
							<i class="fas fa-info-circle ccc"></i> &nbsp;Credits is the main currency for WoWEmu. Spend Credits to purchase items, profile and thread enhancements, and more.<br><br><span style="text-align:center;display:block;"></span>
						</small>
					</div>
				</div>
		</div>]]></template>
    <template title="account_alerts" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<xf:title>{{ phrase('alerts') }}</xf:title>

<xf:wrap template="account_wrapper" />

<div class="block">
	<div class="block-outer"><xf:trim>
		<div class="block-outer-opposite">
			<div class="buttonGroup">
				<xf:button href="{{ link('account/alerts/mark-read') }}"
					class="button--link" overlay="true">
					{{ phrase('mark_read') }}
				</xf:button>
			</div>
		</div>
	</xf:trim></div>

	<div class="block-container">
		<div class="block-body">
			<xf:if is="$alerts is not empty">
				<ol class="listPlain" data-xf-init="alerts-list">
				<xf:foreach loop="$alerts" value="$alert">
					<li data-alert-id="{$alert.alert_id}"
						class="alert js-alert block-row block-row--separated {{ $alert.isUnreadInUi() ? 'is-unread' : '' }}"">
						<xf:macro template="alert_macros" name="row" arg-alert="{$alert}" />
					</li>
				</xf:foreach>
				</ol>
			<xf:elseif is="$page <= 1" />
				<div class="block-row">{{ phrase('you_do_not_have_any_recent_alerts') }}</div>
			<xf:else />
				<div class="block-row">{{ phrase('no_alerts_can_be_shown') }}</div>
			</xf:if>
		</div>
	</div>

	<xf:pagenav link="account/alerts" page="{$page}" perpage="{$perPage}" total="{$totalAlerts}"
		wrapperclass="block-outer block-outer--after" />
</div>]]></template>
    <template title="account_alerts_popup" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<xf:if is="$alerts is not empty">
	<div class="menu-scroller">
		<ol class="listPlain" data-xf-init="alerts-list">
			<xf:foreach loop="$alerts" value="$alert">
				<li class="alert js-alert menu-row menu-row--separated menu-row--clickable {{ $alert.isUnreadInUi() ? 'is-unread' : '' }}" data-alert-id="{$alert.alert_id}"  style="border: none;">
					<div class="fauxBlockLink">
						<xf:macro template="alert_macros" name="row" arg-alert="{$alert}" />
					</div>
				</li>
			</xf:foreach>
		</ol>
	</div>
<xf:else />
	<div class="menu-row">{{ phrase('you_have_no_new_alerts') }}</div>
</xf:if>]]></template>
    <template title="account_details" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<xf:title>{{ phrase('account_details') }}</xf:title>

<xf:wrap template="account_wrapper" />

<xf:if is="!$xf.visitor.canEditProfile()">
	<div class="blockMessage blockMessage--important">{{ phrase('your_full_account_details_not_currently_editable') }}</div>
</xf:if>

<xf:if is="$pendingUsernameChange">
	<div class="blockMessage blockMessage--important">
		{{ phrase('pending_username_change_message', {'username': $pendingUsernameChange.new_username}) }}
	</div>
</xf:if>

<xf:form action="{{ link('account/account-details') }}" ajax="true" class="block" data-force-flash-message="true">
	<div class="block-container">
		<div class="block-body">
			<xf:formrow rowtype="{{ $xf.visitor.canChangeUsername() ? 'button' : '' }}"
				label="{{ phrase('user_name') }}">

				{$xf.visitor.username}
				<xf:if is="$xf.visitor.canChangeUsername()">
					<xf:button href="{{ link('account/username') }}" class="button--link" overlay="true">{{ phrase('change') }}</xf:button>
				</xf:if>

				<xf:if contentcheck="true">
					<div class="formRow-explain">
						<xf:contentcheck>
							<xf:if is="$xf.visitor.username_date">
								{{ phrase('your_username_was_last_changed_on_x', {'date': date_time($xf.visitor.username_date)}) }}
							</xf:if>
							<xf:if is="$xf.visitor.next_allowed_username_change">
								{{ phrase('you_may_next_change_your_username_on_or_after_x', {'date': date($xf.visitor.next_allowed_username_change)}) }}
							</xf:if>
						</xf:contentcheck>
					</div>
				</xf:if>
			</xf:formrow>

			<xf:formrow rowtype="{{ $canChangeEmail ? 'button' : '' }}"
				label="{{ phrase('email') }}">

				<xf:if is="$xf.visitor.email">
					{$xf.visitor.email|email_display}
				<xf:else />
					<i>{{ phrase('none') }}</i>
				</xf:if>
				<xf:if is="$canChangeEmail">
					<xf:button href="{{ link('account/email') }}" class="button--link" overlay="true">{{ phrase('change') }}</xf:button>
				</xf:if>
			</xf:formrow>

			<xf:macro template="helper_account" name="email_options_row" arg-showExplain="{{ true }}" />

			<xf:if is="$xf.visitor.canUploadAvatar()">
				<xf:formrow
					label="{{ phrase('avatar') }}"
					explain="{{ phrase('click_image_to_change_your_avatar') }}">

					<xf:avatar user="{$xf.visitor}" size="m" href="{{ link('account/avatar') }}" data-xf-click="overlay" />
				</xf:formrow>
			</xf:if>

			<xf:if is="$xf.visitor.canUploadProfileBanner()">
				<xf:formrow
					label="{{ phrase('profile_banner') }}">

					<xf:profilebanner user="$xf.visitor" size="l" class="memberProfileBanner--small" href="{{ link('account/banner') }}" overlay="true" hideempty="true" />
					<xf:button href="{{ link('account/banner') }}" data-xf-click="overlay" class="button--link">{{ phrase('edit_profile_banner') }}</xf:button>
				</xf:formrow>
			</xf:if>

			<xf:if is="$xf.visitor.canEditProfile()">
				<xf:if is="{{ $xf.visitor.hasPermission('general', 'editCustomTitle') }}">
					<xf:textboxrow name="user[custom_title]" value="{$xf.visitor.custom_title_}"
						maxlength="{{ max_length($xf.visitor, 'custom_title') }}"
						label="{{ phrase('custom_title') }}"
						explain="{{ phrase('if_specified_replace_title_that_displays_under_name_in_posts') }}" />
				</xf:if>

				<hr class="formRowSep" />

				<xf:if is="{{ $xf.visitor.Profile.dob_day && $xf.visitor.Profile.dob_month && $xf.visitor.Profile.dob_year }}">
					<xf:formrow
						label="{{ phrase('date_of_birth') }}"
						explain="{{ phrase('once_your_birthday_has_been_entered_it_cannot_be_changed') }}">

						<xf:set var="$birthday" value="{{ $xf.visitor.Profile.getBirthday(true) }}" />
						{{ date($birthday.timeStamp, $birthday.format) }}
					</xf:formrow>
				<xf:else />
					<xf:macro template="helper_user_dob_edit" name="dob_edit" arg-dobData="{$xf.visitor.Profile}" />
				</xf:if>

				<xf:macro template="helper_account" name="dob_privacy_row" />

				<hr class="formRowSep" />

				<xf:textboxrow name="profile[location]" value="{$xf.visitor.Profile.location_}"
					maxlength="{{ max_length($xf.visitor.Profile, 'location') }}"
					hint="{{ $xf.options.registrationSetup.requireLocation ? phrase('required') : '' }}"
					label="{{ phrase('location') }}" />
				<xf:textboxrow name="profile[website]" value="{$xf.visitor.Profile.website_}" type="url"
					maxlength="{{ max_length($xf.visitor.Profile, 'website') }}"
					label="{{ phrase('website') }}" />

				<xf:macro template="custom_fields_macros" name="custom_fields_edit" arg-type="users" arg-group="personal" arg-set="{$xf.visitor.Profile.custom_fields}" />

				<hr class="formRowSep" />

				<xf:editorrow name="about" value="{$xf.visitor.Profile.about_}" previewable="0"
					label="{{ phrase('about_you') }}"/>
			</xf:if>
		</div>
		<xf:if is="$xf.visitor.canEditProfile()">
			<xf:if contentcheck="true">
				<h2 class="block-formSectionHeader"><span class="block-formSectionHeader-aligner">{{ phrase('identities') }}</span></h2>
				<div class="block-body">
					<xf:contentcheck>
						<xf:macro template="custom_fields_macros" name="custom_fields_edit" arg-type="users" arg-group="contact" arg-set="{$xf.visitor.Profile.custom_fields}" />
					</xf:contentcheck>
				</div>
			</xf:if>
			<xf:submitrow icon="save" sticky="true" />
		</xf:if>
	</div>
</xf:form>]]></template>
    <template title="account_upgrades" type="public" addon_id="XF" version_id="2021570" version_string="2.2.15"><![CDATA[<xf:title>{{ phrase('account_upgrades') }}</xf:title>

<xf:js>
const resourcesCategories = document.querySelectorAll('.dp-faq-item');
resourcesCategories.forEach(function(element) {
    element.addEventListener('click', function() {
        if (element.classList.contains('faq-open')) {
            element.classList.remove('faq-open');
        } else {
            element.classList.add('faq-open');
        }
    });
});
</xf:js>

<style>
.dp-separator {
    border-top: 1px solid #292a2b;
}
</style>

<xf:js src="xf/payment.js" min="1" />

<div class="dp-plan-section">
   <div class="kz-hero two-column">
<div class="kz-hero-content">
<h1>Ready to <span class="dp-accent-color">Level Up</span> Your Experience?</h1>
<p>
Upgrade your account to unlock exclusive benefits and<br>
get access to special perks that are only available for<br> upgraded members.
</p>
</div>
<div class="kz-sh-image-wrapper">
<div class="kz-upgrade-blurb scale-animation">
<img src="/styles/haxodevs/assets/blurb-lights.png" loading="eager">
</div>
<div class="kz-sh-image">
<div class="slidedown-animation" style="position: relative; animation-delay: 0.5s; z-index: 1;">
<div class="profile-image-wrapper-flex">
<div class="profile-image-wrapper">
<div class="main-bit">
<img src="/assets/img/Bits.png" class="kz-sh-img" loading="eager">
</div>
<img src="/styles/haxodevs/assets/profile-page.png" class="kz-sh-img" loading="eager">
</div>
</div>
</div>
<div class="slidedown-animation" style="animation-delay: 0.25s;">
<div class="topic-image-wrapper">
<div class="topic-buttons">
<div class="second-bit">
<img src="/assets/img/Bits.png" class="kz-sh-img" loading="eager">
</div>
<img src="/styles/haxodevs/assets/buttons.png" class="kz-sh-img" loading="eager">
</div>
<img src="/styles/haxodevs/assets/topic-view.png" class="kz-sh-img" loading="eager">
</div>
</div>
</div>
</div>
</div>
	<div class="dp-narrow-wrapper">
     <xf:if contentcheck="true">
        <xf:contentcheck>
            <div class="dp-plans-row">
                <xf:foreach loop="$available" value="$upgrade">
                    <div class="dp-plan">
                        <div class="dp-plan-header">
                            <div class="dp-plan-name-and-badge">
                                <h3>
                                    {$upgrade.title}
                                </h3>
								<xf:if is="$upgrade.user_upgrade_id == 1">
                                	<img src="https://i.imgur.com/I7gK9AD.png" width="80%" loading="eager">
								<xf:elseif is="$upgrade.user_upgrade_id == 3"/>
									<img src="https://i.imgur.com/pvjtPl3.gif" width="80%" loading="eager">
								<xf:elseif is="$upgrade.user_upgrade_id == 2"/>
									<img src="https://i.imgur.com/RRnvNSN.png" width="80%" loading="eager">
								</xf:if>
                            </div>
                            <div class="dp-plan-price-and-renew">
                                <div class="dp-plan-price">
                                    <span class="dp-plan-price-symbol">$</span>
                                    {$upgrade.cost_amount}
                                </div>
                                <span class="dp-plan-price-renew">
									<xf:if is="$upgrade.length_amount">
										{$upgrade.length_amount} Month
									<xf:else />
										Lifetime
									</xf:if>
                                </span>
                            </div>
                        </div>
						<xf:form action="{{ link('purchase', $upgrade, {'user_upgrade_id': $upgrade.user_upgrade_id}) }}" ajax="true" data-xf-init="payment-provider-container">
							<div class="dp-plan-buttons">
								<div class="dp-plan-buttons-payment-method">
									<button type="submit" class="button--primary button button--icon button--icon--purchase"><span class="button-text">Purchase</span></button>
										<input type="hidden" name="_xfToken" value="1692845979,e77dce99ad654da6c82bdb12d567d904">
										<input type="hidden" name="payment_profile_id" value="1">
										<xf:if is="{{ count($upgrade.payment_profile_ids) > 1 }}">
											<xf:select name="payment_profile_id">
												<xf:option>{{ phrase('(choose_payment_method)') }}</xf:option>
												<xf:foreach loop="$upgrade.payment_profile_ids" value="$profileId">
													<xf:if is="{$profiles.{$profileId}}">
														<xf:option value="{$profileId}">{$profiles.{$profileId}}</xf:option>
													</xf:if>
												</xf:foreach>
											</xf:select>

											<span class="inputGroup-splitter"></span>

											<xf:else />

											<xf:hiddenval name="payment_profile_id">{$upgrade.payment_profile_ids|first}
											</xf:hiddenval>
										</xf:if>
										<div class="js-paymentProviderReply-user_upgrade{$upgrade.user_upgrade_id}"></div>
								</div>
							</div>
						</xf:form>
						<xf:if is="$upgrade.user_upgrade_id == 1">
							<div class="dp-plan-featured-perks">
								<ul>
									<li>
										<div>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#FBC926" fill-opacity="0.25"></path>
												<path fill-rule="evenodd" clip-rule="evenodd" d="M3.23611 12.375L1.875 4.875H3.23611L5.61806 8L8 3.625L10.3819 8L12.7639 4.875H14.125L12.7639 12.375H3.23611Z" fill="#FBC926"></path>
											</svg>
											Username color
										</div>
										<div>
											<span class="username--style18">{$xf.visitor.username}</span>
										</div>
									</li>
									<li>
										<div>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#FBC926" fill-opacity="0.25"></path>
												<path fill-rule="evenodd" clip-rule="evenodd" d="M3.23611 12.375L1.875 4.875H3.23611L5.61806 8L8 3.625L10.3819 8L12.7639 4.875H14.125L12.7639 12.375H3.23611Z" fill="#FBC926"></path>
											</svg>
											Upgrade award
										</div>
										<div>
											<img style="width:24px; height:24px;" src="https://i.imgur.com/3ceP9hx.gif">
										</div>
									</li>
									<li>
										<div>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#FBC926" fill-opacity="0.25"></path>
												<path fill-rule="evenodd" clip-rule="evenodd" d="M3.23611 12.375L1.875 4.875H3.23611L5.61806 8L8 3.625L10.3819 8L12.7639 4.875H14.125L12.7639 12.375H3.23611Z" fill="#FBC926"></path>
											</svg>
											Reputation power
										</div>
										<div>
											<span class="dp-rep-power-plus">+2</span>/<span class="dp-rep-power-minus">-2</span>
										</div>
									</li>
								</ul>
							</div>
						<xf:elseif is="$upgrade.user_upgrade_id == 2"/>	
							<div class="dp-plan-featured-perks">
								<ul>
									<li>
										<div>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#FBC926" fill-opacity="0.25"></path>
												<path fill-rule="evenodd" clip-rule="evenodd" d="M3.23611 12.375L1.875 4.875H3.23611L5.61806 8L8 3.625L10.3819 8L12.7639 4.875H14.125L12.7639 12.375H3.23611Z" fill="#FBC926"></path>
											</svg>
											Username color
										</div>
										<div>

											<span class="username--style6">{$xf.visitor.username}</span>
										</div>
									</li>
									<li>
										<div>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#FBC926" fill-opacity="0.25"></path>
												<path fill-rule="evenodd" clip-rule="evenodd" d="M3.23611 12.375L1.875 4.875H3.23611L5.61806 8L8 3.625L10.3819 8L12.7639 4.875H14.125L12.7639 12.375H3.23611Z" fill="#FBC926"></path>
											</svg>
											Upgrade award
										</div>
										<div>

											<img style="width:24px; height:24px;" src="https://i.imgur.com/tb11ftw.png">
										</div>
									</li>
									<li>
										<div>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#FBC926" fill-opacity="0.25"></path>
												<path fill-rule="evenodd" clip-rule="evenodd" d="M3.23611 12.375L1.875 4.875H3.23611L5.61806 8L8 3.625L10.3819 8L12.7639 4.875H14.125L12.7639 12.375H3.23611Z" fill="#FBC926"></path>
											</svg>
											Reputation power
										</div>
										<div>

											<span class="dp-rep-power-plus">+3</span>/<span class="dp-rep-power-minus">-3</span>
										</div>
									</li>
									<li>
										<div>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#FBC926" fill-opacity="0.25"></path>
												<path fill-rule="evenodd" clip-rule="evenodd" d="M3.23611 12.375L1.875 4.875H3.23611L5.61806 8L8 3.625L10.3819 8L12.7639 4.875H14.125L12.7639 12.375H3.23611Z" fill="#FBC926"></path>
											</svg>
											Bits Bonus
										</div>
										<div>
											<img src="https://cdn.discordapp.com/attachments/1169414112074281021/1169763424725643365/download_1.png?ex=65569615&is=65442115&hm=66c3d1wv8YQUAAAd5SURBVHgBpVdvbBxXEZ95u+e7c2z3nMTOH4fk7NAmESkNqhCtBIqDAKkSQlTiQ0UFOEIgwQdsgQQCpJ4tJKKKSokRXxCVEiQ+EIEoAglopeJYFDVQ1UlLSZRKqe9aiCvbte9s393uvj/TeW/31ufGiZv02c9v7d2b+c1vfjOzRrjLdar5TBE0nB3I95XrkZz4Vv5EGe5iCbiL9UTtt6ORVJc0meOGaMTzzKWfN/4yttmzRDR6O1sId7C+t3B22Pf9kodi2EOPfBB4YNtuCI2Mt47KSugTP8w/Wm4D8AwiPvqBAIzNni2obXLcRzHKjsEXHriT98HuAQp0hBED4BMCI0kZOVkzzYkzvSerDGCKAZy4le0tUzDy1unhRr7BdOtRRQbsF1PPW7szDRTIRssREWqisQx5M99ZfPprfG/4dvZvCeCx2VPFx//31BQJmFJGF51TY4BBkN32eo8oQK/KWxbZL/9ATOHwHuS/nXNBzJ0u3srPpin44uxPx3yBJU94BT+hmq+JU4C+8KlT5OBBfxDzXhYkKOj283AdFuCIGIABsR0y4MGg37+Z6Qu8q/ZksJM3Afj8bGmYSSwJYJExOezM5pu8xLEFsD/TT5/sOIRX4Qa8Yt60YdMR2INHxYfgGr4NVWoQixF5O2FO7vw6jNyYTIQazZKJPv3HwYlyy6dvfwzPlgqdBsYN4agl02bXQkPSiIZdcKK0UXi88wHY6XXjn+TLsAoBZ5u/+cn/0JtQEYv0Ge8o1kU3vsa/x5mg+GSQvG2WipJw9pHr42eaKzRx4WMTVaeBnIJjWptRw7mFWEfIOUaXdxZdF+bg8a7jHF0dfh9chGVdJ6kUaSlRKQVaa1hSq/C74EVYilbgc95HYRtmHTuvRzfAuXfbXrILo8fyXeaBlAEVcDSC/Srg8hLgZTwSnsfONXwidx8eyw7C38LLtKBrmGqHNiiJybD2gf6pr+KrsgJfyH0cyrSADRO6R6SUUA8btnqIY0IjcD0FNgqIKULNRiAEFELAV/d8FjijcH71BQhIxj4oJtU6w1RD9qBUU0uwSuei5/Hh3CFo6hDmqvMUSDbKJLAbx4LwRBuAgIn2yOUzKUyXiowR8Hz9lVaciS4cCmrzislVnL4YEu7wu23JQi1ag3q9bm9gy7BdQoqNDHBhxwFhi14C7mmgtKLkwxi3m+Sp2A+2R25Fud3rwsHcXmKxOqfKsI1IJratgRiIZXgDAO5wbZTGS2oLQK/LOWk1BDcRT3nM4L3ZAez1ukCwoLgMLXBQnFQl1TqtEGPmqn4PA0ZjKq+YbB4uErRULepo/MBXYKLymxSKxdXh+bQv04d9mXuccTsP7Gl7hz25TiwD0IbZHUa1A7BVsE4sJnAhsgwkAt3m5eDh7iOQ4xm4pgOegwL6O3qpz+9BjhiaKnQacm55UgonJ8TIswBU6tqRydhvqoIWyZQowIotZAXbe7bVDnXscp8YzO6C+agGOS/rxnHAz7Ar7pZO4OAco0jiFxR4EUolyaWLUv1gS60JA8rVVCLqlIdARfCTD5+ETxWOpro4fd+33fly7XWcrPzBislGG7vjyO2HPUgAMEuBz0GEspWxVOKWwY0MtKRP60Jscu1+/8ovYUemBz7SfQCePPxN+PG1p6HSnIcGRx47QevQfVno9m/cylgD9hTYzESkbRpN7LwlYJOM8lQDJi6Ltiog4s6F+7N9MBe8Q1dqFXfvtVoZGirk6SicE4hpJ/u79cCTM01Fb0c31JorKEO5zA/2ukJMGhjrZCMDMcCYHx3G6v/zxefowXvvh+KOXVhpzMP04mVYaC67dm27YotqsX46BjI8RflVjZq1NfzVzF/tFCzYuvc7fGqlXxjZzoClJAIdcUdUOq3valjDv7/0AhzcNwgHhw7CxNVz1IgCKzFHuKMf151bYN0dnbQ3sx3/MXMR35ivUNw5uffzXFFBhMLNGYEmkZrjoeOh/VUZBjmS+iE7ie22M4N7KfGAxKWlJbgxN0e92R68p6cHVqIGl6gE6d7/eGQpjfZVbXtHD5iVCJ/79wVarC5ZOtEOWJd5Y9wQsh2XpDmDnjgfPFsONnS+wg+OFSV6U3xZbPVchhCPkEQ9uwZ2w+6hfVAXIdQtdfxEzs/CDu4Hb12vwMLiQqIgSEdEKn3kNyIPx9d+9OJ0y+emr2T57x4b4xsl/lShbeTEYJj6TD5L/UN7IdPf6cpar4b09hv/R9tyXbPGtHtTLDxc5gxN1Ev/mnyvr1u+lufGDheFzpT43XOkVRXJPG4NJ+jcXWC03GyqdYw7CEJSaNTWTy7oSJ4Mnrxc3szPlv8X5L5xeIQbbIntFjcbRN7OfAtf6pPillMm8E4Gp16avp19D7ZYambxctf9A7+OTJRjcbJIzbpINQsrn+HGbmLPVnB2A01mQ/ry2lMz17ayf0f/msFjh4sZ1FMcYhGSZPh7uwBaXRRxmhvBePCzS9Pv1+SdAUhW5ktDY8aYJzjnvd6+Luu5yi1gPDz96uSd2toyBZstc2X5Ih0qnAdlCl5PtiqkfCT8xX+fhbtY7wJFsgN+AOz2gwAAAABJRU5ErkJggg==" width="20" height="20" alt="Bits">
											<span class="dp-plan-bits-number">3,500</span>
										</div>
									</li>
								</ul>
							</div>	
						<xf:elseif is="$upgrade.user_upgrade_id == 3"/>	
							<div class="dp-plan-featured-perks">
								<ul>
									<li>
										<div>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#FBC926" fill-opacity="0.25"></path>
												<path fill-rule="evenodd" clip-rule="evenodd" d="M3.23611 12.375L1.875 4.875H3.23611L5.61806 8L8 3.625L10.3819 8L12.7639 4.875H14.125L12.7639 12.375H3.23611Z" fill="#FBC926"></path>
											</svg>
											Username color
										</div>
										<div>

											<span class="username--style10">{$xf.visitor.username}</span>
										</div>
									</li>
									<li>
										<div>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#FBC926" fill-opacity="0.25"></path>
												<path fill-rule="evenodd" clip-rule="evenodd" d="M3.23611 12.375L1.875 4.875H3.23611L5.61806 8L8 3.625L10.3819 8L12.7639 4.875H14.125L12.7639 12.375H3.23611Z" fill="#FBC926"></path>
											</svg>
											Upgrade award
										</div>
										<div>

											<span><img src="https://i.imgur.com/ezQyRT7.png"></span>
										</div>
									</li>
									<li>
										<div>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#FBC926" fill-opacity="0.25"></path>
												<path fill-rule="evenodd" clip-rule="evenodd" d="M3.23611 12.375L1.875 4.875H3.23611L5.61806 8L8 3.625L10.3819 8L12.7639 4.875H14.125L12.7639 12.375H3.23611Z" fill="#FBC926"></path>
											</svg>
											Reputation power
										</div>
										<div>

											<span class="dp-rep-power-plus">+5</span>/<span class="dp-rep-power-minus">-5</span>
										</div>
									</li>
									<li>
										<div>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#FBC926" fill-opacity="0.25"></path>
												<path fill-rule="evenodd" clip-rule="evenodd" d="M3.23611 12.375L1.875 4.875H3.23611L5.61806 8L8 3.625L10.3819 8L12.7639 4.875H14.125L12.7639 12.375H3.23611Z" fill="#FBC926"></path>
											</svg>
											Bits Bonus
										</div>
										<div>
											<img src="https://cdn.discordapp.com/attachments/1169414112074281021/1169763424725643365/download_1.png?ex=65569615&is=65442115&hm=66c3d1wv8YQUAAAd5SURBVHgBpVdvbBxXEZ95u+e7c2z3nMTOH4fk7NAmESkNqhCtBIqDAKkSQlTiQ0UFOEIgwQdsgQQCpJ4tJKKKSokRXxCVEiQ+EIEoAglopeJYFDVQ1UlLSZRKqe9aiCvbte9s393uvj/TeW/31ufGiZv02c9v7d2b+c1vfjOzRrjLdar5TBE0nB3I95XrkZz4Vv5EGe5iCbiL9UTtt6ORVJc0meOGaMTzzKWfN/4yttmzRDR6O1sId7C+t3B22Pf9kodi2EOPfBB4YNtuCI2Mt47KSugTP8w/Wm4D8AwiPvqBAIzNni2obXLcRzHKjsEXHriT98HuAQp0hBED4BMCI0kZOVkzzYkzvSerDGCKAZy4le0tUzDy1unhRr7BdOtRRQbsF1PPW7szDRTIRssREWqisQx5M99ZfPprfG/4dvZvCeCx2VPFx//31BQJmFJGF51TY4BBkN32eo8oQK/KWxbZL/9ATOHwHuS/nXNBzJ0u3srPpin44uxPx3yBJU94BT+hmq+JU4C+8KlT5OBBfxDzXhYkKOj283AdFuCIGIABsR0y4MGg37+Z6Qu8q/ZksJM3Afj8bGmYSSwJYJExOezM5pu8xLEFsD/TT5/sOIRX4Qa8Yt60YdMR2INHxYfgGr4NVWoQixF5O2FO7vw6jNyYTIQazZKJPv3HwYlyy6dvfwzPlgqdBsYN4agl02bXQkPSiIZdcKK0UXi88wHY6XXjn+TLsAoBZ5u/+cn/0JtQEYv0Ge8o1kU3vsa/x5mg+GSQvG2WipJw9pHr42eaKzRx4WMTVaeBnIJjWptRw7mFWEfIOUaXdxZdF+bg8a7jHF0dfh9chGVdJ6kUaSlRKQVaa1hSq/C74EVYilbgc95HYRtmHTuvRzfAuXfbXrILo8fyXeaBlAEVcDSC/Srg8hLgZTwSnsfONXwidx8eyw7C38LLtKBrmGqHNiiJybD2gf6pr+KrsgJfyH0cyrSADRO6R6SUUA8btnqIY0IjcD0FNgqIKULNRiAEFELAV/d8FjijcH71BQhIxj4oJtU6w1RD9qBUU0uwSuei5/Hh3CFo6hDmqvMUSDbKJLAbx4LwRBuAgIn2yOUzKUyXiowR8Hz9lVaciS4cCmrzislVnL4YEu7wu23JQi1ag3q9bm9gy7BdQoqNDHBhxwFhi14C7mmgtKLkwxi3m+Sp2A+2R25Fud3rwsHcXmKxOqfKsI1IJratgRiIZXgDAO5wbZTGS2oLQK/LOWk1BDcRT3nM4L3ZAez1ukCwoLgMLXBQnFQl1TqtEGPmqn4PA0ZjKq+YbB4uErRULepo/MBXYKLymxSKxdXh+bQv04d9mXuccTsP7Gl7hz25TiwD0IbZHUa1A7BVsE4sJnAhsgwkAt3m5eDh7iOQ4xm4pgOegwL6O3qpz+9BjhiaKnQacm55UgonJ8TIswBU6tqRydhvqoIWyZQowIotZAXbe7bVDnXscp8YzO6C+agGOS/rxnHAz7Ar7pZO4OAco0jiFxR4EUolyaWLUv1gS60JA8rVVCLqlIdARfCTD5+ETxWOpro4fd+33fly7XWcrPzBislGG7vjyO2HPUgAMEuBz0GEspWxVOKWwY0MtKRP60Jscu1+/8ovYUemBz7SfQCePPxN+PG1p6HSnIcGRx47QevQfVno9m/cylgD9hTYzESkbRpN7LwlYJOM8lQDJi6Ltiog4s6F+7N9MBe8Q1dqFXfvtVoZGirk6SicE4hpJ/u79cCTM01Fb0c31JorKEO5zA/2ukJMGhjrZCMDMcCYHx3G6v/zxefowXvvh+KOXVhpzMP04mVYaC67dm27YotqsX46BjI8RflVjZq1NfzVzF/tFCzYuvc7fGqlXxjZzoClJAIdcUdUOq3valjDv7/0AhzcNwgHhw7CxNVz1IgCKzFHuKMf151bYN0dnbQ3sx3/MXMR35ivUNw5uffzXFFBhMLNGYEmkZrjoeOh/VUZBjmS+iE7ie22M4N7KfGAxKWlJbgxN0e92R68p6cHVqIGl6gE6d7/eGQpjfZVbXtHD5iVCJ/79wVarC5ZOtEOWJd5Y9wQsh2XpDmDnjgfPFsONnS+wg+OFSV6U3xZbPVchhCPkEQ9uwZ2w+6hfVAXIdQtdfxEzs/CDu4Hb12vwMLiQqIgSEdEKn3kNyIPx9d+9OJ0y+emr2T57x4b4xsl/lShbeTEYJj6TD5L/UN7IdPf6cpar4b09hv/R9tyXbPGtHtTLDxc5gxN1Ev/mnyvr1u+lufGDheFzpT43XOkVRXJPG4NJ+jcXWC03GyqdYw7CEJSaNTWTy7oSJ4Mnrxc3szPlv8X5L5xeIQbbIntFjcbRN7OfAtf6pPillMm8E4Gp16avp19D7ZYambxctf9A7+OTJRjcbJIzbpINQsrn+HGbmLPVnB2A01mQ/ry2lMz17ayf0f/msFjh4sZ1FMcYhGSZPh7uwBaXRRxmhvBePCzS9Pv1+SdAUhW5ktDY8aYJzjnvd6+Luu5yi1gPDz96uSd2toyBZstc2X5Ih0qnAdlCl5PtiqkfCT8xX+fhbtY7wJFsgN+AOz2gwAAAABJRU5ErkJggg==" width="20" height="20" alt="Bits">
											<span class="dp-plan-bits-number">7,500</span>
										</div>
									</li>
								</ul>
							</div>							
						</xf:if>
                        <div class="dp-separator"></div>
						<xf:if is="$upgrade.user_upgrade_id == 1">
							<div class="dp-plan-perks">
								<div class="dp-plan-perks-list">
									<ul>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Access to Postbit Background
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Access to Userbar Hue
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Access to Custom CSS
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Able to add Profile Video
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Able to hide avatar in Postbit
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#DB3C3C" fill-opacity="0.25"></path>
												<path d="M11 5L5 11M5 5L11 11" stroke="#DB3C3C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
											</svg>
											Early access to new features
										</li>

										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#DB3C3C" fill-opacity="0.25"></path>
												<path d="M11 5L5 11M5 5L11 11" stroke="#DB3C3C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
											</svg>
											Sort Awards
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#DB3C3C" fill-opacity="0.25"></path>
												<path d="M11 5L5 11M5 5L11 11" stroke="#DB3C3C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
											</svg>
											Bump own threads
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#DB3C3C" fill-opacity="0.25"></path>
												<path d="M11 5L5 11M5 5L11 11" stroke="#DB3C3C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
											</svg>
											Close own threads
										</li>

										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#DB3C3C" fill-opacity="0.25"></path>
												<path d="M11 5L5 11M5 5L11 11" stroke="#DB3C3C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
											</svg>
											Delete posts in own threads
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#DB3C3C" fill-opacity="0.25"></path>
												<path d="M11 5L5 11M5 5L11 11" stroke="#DB3C3C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
											</svg>
											Hide conversation read status
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#DB3C3C" fill-opacity="0.25"></path>
												<path d="M11 5L5 11M5 5L11 11" stroke="#DB3C3C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
											</svg>
											Bits multiplier (1.5x)
										</li>

									</ul>
								</div>
							</div>
						<xf:elseif is="$upgrade.user_upgrade_id == 2"/>
							<div class="dp-plan-perks">
								<div class="dp-plan-perks-list">
									<ul>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Access to Postbit Background
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Access to Userbar Hue
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Access to Custom CSS
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Able to add Profile Video
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Able to hide avatar in Postbit
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Early access to new features
										</li>

										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Sort Awards
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Bump own threads
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Close own threads
										</li>

										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#DB3C3C" fill-opacity="0.25"></path>
												<path d="M11 5L5 11M5 5L11 11" stroke="#DB3C3C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
											</svg>
											Delete posts in own threads
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#DB3C3C" fill-opacity="0.25"></path>
												<path d="M11 5L5 11M5 5L11 11" stroke="#DB3C3C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
											</svg>
											Hide conversation read status
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#DB3C3C" fill-opacity="0.25"></path>
												<path d="M11 5L5 11M5 5L11 11" stroke="#DB3C3C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
											</svg>
											Bits multiplier (1.5x)
										</li>

									</ul>
								</div>
							</div>
						<xf:elseif is="$upgrade.user_upgrade_id == 3"/>	
							<div class="dp-plan-perks">
								<div class="dp-plan-perks-list">
									<ul>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Access to Postbit Background
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Access to Userbar Hue
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Access to Custom CSS
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Able to add Profile Video
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Able to hide avatar in Postbit
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Early access to new features
										</li>

										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Sort Awards
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Bump own threads
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Close own threads
										</li>

										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Delete posts in own threads
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Hide conversation read status
										</li>
										<li>
											<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#0667bb" fill-opacity="0.25"></path>
												<path d="M4.40002 8.00156L6.80002 10.4016L11.6 5.60156" stroke="#0667bb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											Bits multiplier (1.5x)
										</li>

									</ul>
								</div>
							</div>				
						</xf:if>
                    </div>                
                </xf:foreach>
            </div>
        </xf:contentcheck>
    </xf:if>
<div class="dp-plan-disclaimer">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13V9.00003M12.5 16.5C12.5 16.7761 12.2761 17 12 17C11.7239 17 11.5 16.7761 11.5 16.5M12.5 16.5C12.5 16.2239 12.2761 16 12 16C11.7239 16 11.5 16.2239 11.5 16.5M12.5 16.5H11.5M19.3311 10.0912L18.98 9.4644C16.6988 5.39066 15.5581 3.3538 14.0576 2.67628C12.7495 2.08561 11.2505 2.08561 9.94236 2.67628C8.44186 3.3538 7.30121 5.39067 5.01992 9.46441L4.66891 10.0912C2.47603 14.007 1.37958 15.965 1.56299 17.5683C1.723 18.967 2.46533 20.2335 3.6076 21.0566C4.91685 22 7.16089 22 11.649 22H12.351C16.8391 22 19.0831 22 20.3924 21.0566C21.5346 20.2335 22.277 18.967 22.437 17.5683C22.6204 15.965 21.5239 14.007 19.3311 10.0912Z" stroke="#0667bb" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    <p>
        By purchasing a upgrade, you acknowledge and agree that there are no refunds for any fees paid, and that upgrade
        features are subject to change at any time without notice. We reserve the right to
        modify or discontinue the upgrade or any of its features at any time and without liability. Your continued use
        of the upgrade after any such changes constitutes your acceptance of the new terms and conditions. Please review
        these terms and conditions carefully before making any purchase.
    </p>
</div>
<div class="dp-section-separator">
    <div class="dp-section-separator-text">
        <h2>
            Frequently asked questions
        </h2>
        <p>
            We’re from the future. Here are the questions you were going to ask
        </p>
    </div>
</div>
	</div>
<div class="dp-faq-wrapper">
    <div class="dp-faq-item">
        <div class="dp-faq-item-header">
            <h4>
                How long does it take to receive my upgrade?
            </h4>
            <svg class="dp-faq-icon" width="20" height="20" viewBox="0 0 24 24" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path d="M6 9L12 15L18 9" stroke="#A4A6A8" stroke-width="2" stroke-linecap="round"
                    stroke-linejoin="round"></path>
            </svg>
        </div>
        <div class="dp-faq-hidden-content">
            <div class="dp-faq-item-content">
                <div class="dp-faq-answer">
                    Your account should get upgraded within a few minutes. However, please note that in some cases, it
                    may take up to 24 hours for the upgrade to be applied. <br><br>If you haven't received your upgrade
                    after 24 hours, please contact a team member with your transaction ID. Please be aware that payments
                    made via Bitcoin and Ethereum may require additional time for confirmations depending on network
                    congestion.
                </div>
            </div>
        </div>
    </div>
    <div class="dp-faq-item">
        <div class="dp-faq-item-header">
            <h4>
                How long does my upgrade last?
            </h4>
            <svg class="dp-faq-icon" width="20" height="20" viewBox="0 0 24 24" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path d="M6 9L12 15L18 9" stroke="#A4A6A8" stroke-width="2" stroke-linecap="round"
                    stroke-linejoin="round"></path>
            </svg>
        </div>
        <div class="dp-faq-hidden-content">
            <div class="dp-faq-item-content">
                <div class="dp-faq-answer">
                    All upgrades are lifetime. No monthly or additional fees.
                </div>
            </div>
        </div>
    </div>
    <div class="dp-faq-item">
        <div class="dp-faq-item-header">
            <h4>
                What payment methods are accepted?
            </h4>
            <svg class="dp-faq-icon" width="20" height="20" viewBox="0 0 24 24" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path d="M6 9L12 15L18 9" stroke="#A4A6A8" stroke-width="2" stroke-linecap="round"
                    stroke-linejoin="round"></path>
            </svg>
        </div>
        <div class="dp-faq-hidden-content">
            <div class="dp-faq-item-content">
                <div class="dp-faq-answer">
                    We accept the following payment methods for upgrades:
                    <ul class="dp-faq-list">
                        <li>
                            PayPal
                        </li>
                        <li>
                            Crypto (ETH, LTC, BTH, USDT)
                        </li>
                        <li>
                            Google Pay
                        </li>
						<li>
                            Direct Bank Payment
                        </li>
						<li>
                            Credit Card
                        </li>
                    </ul>
                    Please note that payments made via Bitcoin and Ethereum may take up to an hour for confirmations,
                    depending on network congestion. If your upgrade doesn't appear within 24 hours, please contact an
                    administrator or staff member for assistance.
                </div>
            </div>
        </div>
    </div>
    <div class="dp-faq-item">
        <div class="dp-faq-item-header">
            <h4>
                Are there any refunds?
            </h4>
            <svg class="dp-faq-icon" width="20" height="20" viewBox="0 0 24 24" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path d="M6 9L12 15L18 9" stroke="#A4A6A8" stroke-width="2" stroke-linecap="round"
                    stroke-linejoin="round"></path>
            </svg>
        </div>
        <div class="dp-faq-hidden-content">
            <div class="dp-faq-item-content">
                <div class="dp-faq-answer">
                    Unfortunately, we do not provide refunds. All purchases are final and non-refundable.
                </div>
            </div>
        </div>
    </div>
</div>
</div>]]></template>
    <template title="account_visitor_menu" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<xf:css src="dp_extra.css" />

<div class="menu-content js-visitorMenuBody kz-usermenu" style="border: none;">
    <div class="kz-usermenu-header">
        <xf:avatar user="$xf.visitor" size="xs" href="" title="" class="avatar" />
        <div>
			<div class="d-flex">
				<xf:username user="$xf.visitor" rich="true" defaultname="{$fallbackName}" itemprop="name" />
			</div>
            <a href="/upgrade">
                <!-- -->
                <div class="special-badge upgrade">
                    <div class="special-badge-gradient"></div>
                    <div class="special-badge-inside">
                        <svg class="crown-icon" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M1.55556 12L0 3.42857H1.55556L4.27778 7L7 2L9.72222 7L12.4444 3.42857H14L12.4444 12H1.55556Z" fill="#0667bb"></path>
                        </svg>
                        Upgrade
                        <svg class="link-icon" width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M0.933058 8.06694C1.17714 8.31102 1.57286 8.31102 1.81694 8.06694L7 2.88388V6.375C7 6.72018 7.27982 7 7.625 7C7.97018 7 8.25 6.72018 8.25 6.375V1.375C8.25 1.02982 7.97018 0.75 7.625 0.75H2.625C2.27982 0.75 2 1.02982 2 1.375C2 1.72018 2.27982 2 2.625 2H6.11612L0.933058 7.18306C0.688981 7.42714 0.688981 7.82286 0.933058 8.06694Z" fill="currentColor"></path>
                        </svg>
                    </div>
                </div>
            </a>
            <!-- -->
        </div>
    </div>
    <div class="dp-separator"></div>
    <a href="{{ link('members', $xf.visitor) }}" class="kz-usermenu-link">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M18.1404 21.619C17.2604 21.879 16.2204 21.999 15.0004 21.999H9.00035C7.78035 21.999 6.74035 21.879 5.86035 21.619C6.08035 19.019 8.75035 16.969 12.0004 16.969C15.2504 16.969 17.9204 19.019 18.1404 21.619Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
            <path d="M22 9V15C22 18.78 20.86 20.85 18.14 21.62C17.26 21.88 16.22 22 15 22H9C7.78 22 6.74 21.88 5.86 21.62C3.14 20.85 2 18.78 2 15V9C2 4 4 2 9 2H15C20 2 22 4 22 9Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
            <path d="M15.5819 10.58C15.5819 12.56 13.9819 14.17 12.0019 14.17C10.0219 14.17 8.42188 12.56 8.42188 10.58C8.42188 8.6 10.0219 7 12.0019 7C13.9819 7 15.5819 8.6 15.5819 10.58Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg>
        Profile
    </a>
    <a href="/account/account-details" class="kz-usermenu-link">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M21.011 14.0963C21.5329 13.9556 21.7939 13.8852 21.8969 13.7506C22 13.6161 22 13.3996 22 12.9667V11.033C22 10.6001 22 10.3836 21.8969 10.2491C21.7938 10.1145 21.5329 10.0441 21.011 9.9034C19.0606 9.37741 17.8399 7.33833 18.3433 5.40069C18.4817 4.86781 18.5509 4.60138 18.4848 4.44511C18.4187 4.28884 18.2291 4.18116 17.8497 3.96578L16.125 2.98655C15.7528 2.77521 15.5667 2.66954 15.3997 2.69204C15.2326 2.71454 15.0442 2.90255 14.6672 3.27855C13.208 4.7343 10.7936 4.73424 9.33434 3.27846C8.95743 2.90245 8.76898 2.71445 8.60193 2.69194C8.43489 2.66944 8.24877 2.77511 7.87653 2.98645L6.15184 3.96569C5.77253 4.18105 5.58287 4.28873 5.51678 4.44497C5.45068 4.60122 5.51987 4.86769 5.65825 5.40062C6.16137 7.33832 4.93972 9.37745 2.98902 9.90342C2.46712 10.0441 2.20617 10.1145 2.10308 10.249C2 10.3836 2 10.6001 2 11.033V12.9667C2 13.3996 2 13.6161 2.10308 13.7506C2.20615 13.8852 2.46711 13.9556 2.98902 14.0963C4.9394 14.6223 6.16008 16.6614 5.65672 18.599C5.51829 19.1319 5.44907 19.3983 5.51516 19.5546C5.58126 19.7109 5.77092 19.8186 6.15025 20.0339L7.87495 21.0132C8.24721 21.2245 8.43334 21.3302 8.6004 21.3077C8.76746 21.2852 8.95588 21.0971 9.33271 20.7211C10.7927 19.2642 13.2088 19.2641 14.6689 20.721C15.0457 21.0971 15.2341 21.2851 15.4012 21.3076C15.5682 21.3301 15.7544 21.2244 16.1266 21.0131L17.8513 20.0338C18.2307 19.8185 18.4204 19.7108 18.4864 19.5545C18.5525 19.3982 18.4833 19.1318 18.3448 18.5989C17.8412 16.6614 19.0609 14.6224 21.011 14.0963Z" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
            <path d="M15.5 12C15.5 13.933 13.933 15.5 12 15.5C10.067 15.5 8.5 13.933 8.5 12C8.5 10.067 10.067 8.5 12 8.5C13.933 8.5 15.5 10.067 15.5 12Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg>
        Settings
    </a>
    <a href="{{ link('search:search/member') }}?user_id={{ $xf.visitor.user_id }}&type=thread" class="kz-usermenu-link">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M22 11.5667C22 16.8499 17.5222 21.1334 12 21.1334C11.3507 21.1343 10.7032 21.0742 10.0654 20.9545C9.60633 20.8682 9.37678 20.8251 9.21653 20.8496C9.05627 20.8741 8.82918 20.9948 8.37499 21.2364C7.09014 21.9197 5.59195 22.161 4.15111 21.893C4.69874 21.2194 5.07275 20.4112 5.23778 19.5448C5.33778 19.0148 5.09 18.5 4.71889 18.1231C3.03333 16.4115 2 14.1051 2 11.5667C2 6.28357 6.47778 2 12 2C17.5222 2 22 6.28357 22 11.5667Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path>
            <path d="M11.9955 12H12.0045M15.991 12H16M8 12H8.00897" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg>
        My Threads
    </a>
    <a href="{{ link('search:search/member') }}?user_id={{ $xf.visitor.user_id }}" class="kz-usermenu-link">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M5.22576 11.3294L12.224 2.34651C12.7713 1.64397 13.7972 2.08124 13.7972 3.01707V9.96994C13.7972 10.5305 14.1995 10.985 14.6958 10.985H18.0996C18.8729 10.985 19.2851 12.0149 18.7742 12.6706L11.776 21.6535C11.2287 22.356 10.2028 21.9188 10.2028 20.9829V14.0301C10.2028 13.4695 9.80048 13.015 9.3042 13.015H5.90035C5.12711 13.015 4.71494 11.9851 5.22576 11.3294Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg>
        My Activity
    </a>
    <a href="{{ link('logout', null, {'t': csrf_token()}) }}" class="kz-usermenu-link kz-logout">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M14 3.09502C13.543 3.03241 13.0755 3 12.6 3C7.29807 3 3 7.02944 3 12C3 16.9706 7.29807 21 12.6 21C13.0755 21 13.543 20.9676 14 20.905" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
            <path d="M21 12H11M21 12C21 11.2998 19.0057 9.99153 18.5 9.5M21 12C21 12.7002 19.0057 14.0085 18.5 14.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg>
        Log out
    </a>
</div>]]></template>
    <template title="account_wrapper" type="public" addon_id="XF" version_id="2021570" version_string="2.2.15"><![CDATA[<xf:css>
    .dp-usersettings-profile>div>a {
    display: none !important;
    }

</xf:css>

<xf:sidenav>
	
    <div class="block">
        <div class="block-container dp-usersettings">
			<xf:if is="$xf.options.xc_show_progress_account">
				<div class="dp-usersettings-profile">
						<h3>
							<xf:avatar user="{$xf.visitor}" size="s" href="{$xf.user}" />
						</h3>
						<div>
							<xf:username user="{$xf.visitor}" rich="true" />
							<xf:set var="$user" value="{{ $xf.visitor}}" />
							<xf:include template="xc_xp_progress_bar_account" />
					   </div>     
					</div>
					<div class="dp-separator">
				</div>
			</xf:if>
            <h3 class="block-header dp-usersettings-header"><svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M18.1404 21.619C17.2604 21.879 16.2204 21.999 15.0004 21.999H9.00035C7.78035 21.999 6.74035 21.879 5.86035 21.619C6.08035 19.019 8.75035 16.969 12.0004 16.969C15.2504 16.969 17.9204 19.019 18.1404 21.619Z"
                        stroke="#0667bb" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path
                        d="M22 9V15C22 18.78 20.86 20.85 18.14 21.62C17.26 21.88 16.22 22 15 22H9C7.78 22 6.74 21.88 5.86 21.62C3.14 20.85 2 18.78 2 15V9C2 4 4 2 9 2H15C20 2 22 4 22 9Z"
                        stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path
                        d="M15.5819 10.58C15.5819 12.56 13.9819 14.17 12.0019 14.17C10.0219 14.17 8.42188 12.56 8.42188 10.58C8.42188 8.6 10.0219 7 12.0019 7C13.9819 7 15.5819 8.6 15.5819 10.58Z"
                        fill="#006fcd" fill-opacity="0.25" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round"
                        stroke-linejoin="round"></path>
                </svg>{{ phrase('your_account') }}</h3>
            <div class="block-body">
                <!--[XF:profile_links:top]-->

                <a class="blockLink" href="{{ link('members', $xf.visitor) }}"><svg width="20" height="20"
                        viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M20.5902 22C20.5902 18.13 16.7402 15 12.0002 15C7.26016 15 3.41016 18.13 3.41016 22M12.0002 12C13.3262 12 14.598 11.4732 15.5357 10.5355C16.4734 9.59785 17.0002 8.32608 17.0002 7C17.0002 5.67392 16.4734 4.40215 15.5357 3.46447C14.598 2.52678 13.3262 2 12.0002 2C10.6741 2 9.4023 2.52678 8.46462 3.46447C7.52694 4.40215 7.00016 5.67392 7.00016 7C7.00016 8.32608 7.52694 9.59785 8.46462 10.5355C9.4023 11.4732 10.6741 12 12.0002 12Z"
                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        </path>
                    </svg>{{ phrase('your_profile') }}<svg class="link-arrow" width="20" height="20" viewBox="0 0 24 24"
                        fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                    </svg></a>
                <a class="blockLink {{ $pageSelected == 'alerts' ? 'is-selected' : '' }}"
                    href="{{ link('account/alerts') }}">
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M12.0196 2.91003C8.7096 2.91003 6.0196 5.60003 6.0196 8.91003V11.8C6.0196 12.41 5.7596 13.34 5.4496 13.86L4.2996 15.77C3.5896 16.95 4.0796 18.26 5.3796 18.7C9.6896 20.14 14.3396 20.14 18.6496 18.7C19.8596 18.3 20.3896 16.87 19.7296 15.77L18.5796 13.86C18.2796 13.34 18.0196 12.41 18.0196 11.8V8.91003C18.0196 5.61003 15.3196 2.91003 12.0196 2.91003Z"
                            stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round">
                        </path>
                        <path
                            d="M13.8699 3.19994C13.5599 3.10994 13.2399 3.03994 12.9099 2.99994C11.9499 2.87994 11.0299 2.94994 10.1699 3.19994C10.4599 2.45994 11.1799 1.93994 12.0199 1.93994C12.8599 1.93994 13.5799 2.45994 13.8699 3.19994Z"
                            stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                        <path
                            d="M15.0195 19.0601C15.0195 20.7101 13.6695 22.0601 12.0195 22.0601C11.1995 22.0601 10.4395 21.7201 9.89953 21.1801C9.35953 20.6401 9.01953 19.8801 9.01953 19.0601"
                            stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"></path>
                    </svg>{{ phrase('alerts') }}<svg class="link-arrow" width="20" height="20" viewBox="0 0 24 24"
                        fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                    </svg>
                </a>
                <a class="blockLink {{ $pageSelected == 'reactions' ? 'is-selected' : '' }}"
                    href="{{ link('account/reactions') }}">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.48047 18.35L10.5805 20.75C10.9805 21.15 11.8805 21.35 12.4805 21.35M7.48047 9.54997L11.5805 3.44997C11.9805 2.84997 12.9805 2.44997 13.7805 2.74997C14.6805 3.04997 15.2805 4.04997 15.0805 4.94997L14.5805 8.14997C14.4805 8.84997 14.9805 9.34997 15.5805 9.34997H19.5805C21.0805 9.34997 21.9805 10.55 21.4805 11.95L20.8805 13.775" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M2.37988 18.35V8.55002C2.37988 7.15002 2.97988 6.65002 4.37988 6.65002H5.37988C6.77988 6.65002 7.37988 7.15002 7.37988 8.55002V18.35C7.37988 19.75 6.77988 20.25 5.37988 20.25H4.37988C2.97988 20.25 2.37988 19.75 2.37988 18.35Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 17.5H22M14 17.5C14 16.7998 15.9943 15.4915 16.5 15M14 17.5C14 18.2002 15.9943 19.5085 16.5 20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>Likes Received<svg class="link-arrow" width="20" height="20" viewBox="0 0 24 24" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                    </svg>
                </a>
                <xf:if is="$xf.visitor.canViewBookmarks()">
                    <a class="blockLink {{ $pageSelected == 'bookmarks' ? 'is-selected' : '' }}"
                        href="{{ link('account/bookmarks') }}">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M4 17.9808V9.70753C4 6.07416 4 4.25748 5.17157 3.12874C6.34315 2 8.22876 2 12 2C15.7712 2 17.6569 2 18.8284 3.12874C20 4.25748 20 6.07416 20 9.70753V17.9808C20 20.2867 20 21.4396 19.2272 21.8523C17.7305 22.6514 14.9232 19.9852 13.59 19.1824C12.8168 18.7168 12.4302 18.484 12 18.484C11.5698 18.484 11.1832 18.7168 10.41 19.1824C9.0768 19.9852 6.26947 22.6514 4.77285 21.8523C4 21.4396 4 20.2867 4 17.9808Z"
                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                            </path>
                            <path d="M4 7H20" stroke="currentColor" stroke-width="1.5"></path>
                        </svg>{{ phrase('bookmarks') }}<svg class="link-arrow" width="20" height="20"
                            viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                                stroke-linejoin="round"></path>
                        </svg>
                    </a>
                </xf:if>
                <!--[XF:profile_links:bottom]-->
            </div>
            <h3 class="block-header dp-usersettings-header">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M3 12C7.5 12 12 7.5 12 3C12 7.5 16.5 12 21 12C16.5 12 12 16.5 12 21C12 16.5 7.5 12 3 12Z"
                        stroke="white" stroke-width="1.5" stroke-linejoin="round"></path>
                    <path
                        d="M2 19.5C2.83333 19.5 4.5 17.8333 4.5 17C4.5 17.8333 6.16667 19.5 7 19.5C6.16667 19.5 4.5 21.1667 4.5 22C4.5 21.1667 2.83333 19.5 2 19.5Z"
                        fill="#006fcd" fill-opacity="0.25" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round"
                        stroke-linejoin="round"></path>
                    <path d="M16 5C17 5 19 3 19 2C19 3 21 5 22 5C21 5 19 7 19 8C19 7 17 5 16 5Z" fill="#006fcd"
                        fill-opacity="0.25" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round"
                        stroke-linejoin="round"></path>
                </svg>Premium Perks
            </h3>
			
            <div class="block-body">

                <a href="{{ link('account/postbit-background') }}" class="blockLink {{ $pageSelected == 'postbit_background_form' ? 'is-selected' : '' }}"><svg xmlns="http://www.w3.org/2000/svg"
                        class="icon icon-tabler icon-tabler-photo" width="20" height="20" viewBox="0 0 24 24"
                        stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round"
                        stroke-linejoin="round">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                        <path d="M15 8h.01"></path>
                        <path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12z">
                        </path>
                        <path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5"></path>
                        <path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3"></path>
                    </svg>Postbit Background<svg class="link-arrow" width="20" height="20" viewBox="0 0 24 24"
                        fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                    </svg></a>
                <a href="{{ link('account/userbarhue') }}" class="blockLink"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
                        viewBox="0 0 24 24">
                        <path fill="currentColor"
                            d="M18 2H7c-1.103 0-2 .897-2 2v3c0 1.103.897 2 2 2h11c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM7 7V4h11l.002 3H7z" />
                        <path fill="currentColor"
                            d="M13 15v-2c0-1.103-.897-2-2-2H4V5c-1.103 0-2 .897-2 2v4c0 1.103.897 2 2 2h7v2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1z" />
                    </svg>Userbar Hue<svg class="link-arrow" width="20" height="20" viewBox="0 0 24 24" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                    </svg></a>
                <a href="{{ link('account/customcss') }}" class="blockLink"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
                        viewBox="0 0 1024 1024">
                        <path fill="currentColor"
                            d="M516 673c0 4.4 3.4 8 7.5 8h185c4.1 0 7.5-3.6 7.5-8v-48c0-4.4-3.4-8-7.5-8h-185c-4.1 0-7.5 3.6-7.5 8v48zm-194.9 6.1l192-161c3.8-3.2 3.8-9.1 0-12.3l-192-160.9A7.95 7.95 0 0 0 308 351v62.7c0 2.4 1 4.6 2.9 6.1L420.7 512l-109.8 92.2a8.1 8.1 0 0 0-2.9 6.1V673c0 6.8 7.9 10.5 13.1 6.1zM880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" />
                    </svg>Custom CSS<svg class="link-arrow" width="20" height="20" viewBox="0 0 24 24" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                    </svg></a>
                <a href="#" class="blockLink"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
                        viewBox="0 0 1024 1024">
                        <path fill="currentColor"
                            d="M960 509.2c0-2.2 0-4.7-.1-7.6c-.1-8.1-.3-17.2-.5-26.9c-.8-27.9-2.2-55.7-4.4-81.9c-3-36.1-7.4-66.2-13.4-88.8a139.52 139.52 0 0 0-98.3-98.5c-28.3-7.6-83.7-12.3-161.7-15.2c-37.1-1.4-76.8-2.3-116.5-2.8c-13.9-.2-26.8-.3-38.4-.4h-29.4c-11.6.1-24.5.2-38.4.4c-39.7.5-79.4 1.4-116.5 2.8c-78 3-133.5 7.7-161.7 15.2A139.35 139.35 0 0 0 82.4 304C76.3 326.6 72 356.7 69 392.8c-2.2 26.2-3.6 54-4.4 81.9c-.3 9.7-.4 18.8-.5 26.9c0 2.9-.1 5.4-.1 7.6v5.6c0 2.2 0 4.7.1 7.6c.1 8.1.3 17.2.5 26.9c.8 27.9 2.2 55.7 4.4 81.9c3 36.1 7.4 66.2 13.4 88.8c12.8 47.9 50.4 85.7 98.3 98.5c28.2 7.6 83.7 12.3 161.7 15.2c37.1 1.4 76.8 2.3 116.5 2.8c13.9.2 26.8.3 38.4.4h29.4c11.6-.1 24.5-.2 38.4-.4c39.7-.5 79.4-1.4 116.5-2.8c78-3 133.5-7.7 161.7-15.2c47.9-12.8 85.5-50.5 98.3-98.5c6.1-22.6 10.4-52.7 13.4-88.8c2.2-26.2 3.6-54 4.4-81.9c.3-9.7.4-18.8.5-26.9c0-2.9.1-5.4.1-7.6v-5.6zm-72 5.2c0 2.1 0 4.4-.1 7.1c-.1 7.8-.3 16.4-.5 25.7c-.7 26.6-2.1 53.2-4.2 77.9c-2.7 32.2-6.5 58.6-11.2 76.3c-6.2 23.1-24.4 41.4-47.4 47.5c-21 5.6-73.9 10.1-145.8 12.8c-36.4 1.4-75.6 2.3-114.7 2.8c-13.7.2-26.4.3-37.8.3h-28.6l-37.8-.3c-39.1-.5-78.2-1.4-114.7-2.8c-71.9-2.8-124.9-7.2-145.8-12.8c-23-6.2-41.2-24.4-47.4-47.5c-4.7-17.7-8.5-44.1-11.2-76.3c-2.1-24.7-3.4-51.3-4.2-77.9c-.3-9.3-.4-18-.5-25.7c0-2.7-.1-5.1-.1-7.1v-4.8c0-2.1 0-4.4.1-7.1c.1-7.8.3-16.4.5-25.7c.7-26.6 2.1-53.2 4.2-77.9c2.7-32.2 6.5-58.6 11.2-76.3c6.2-23.1 24.4-41.4 47.4-47.5c21-5.6 73.9-10.1 145.8-12.8c36.4-1.4 75.6-2.3 114.7-2.8c13.7-.2 26.4-.3 37.8-.3h28.6l37.8.3c39.1.5 78.2 1.4 114.7 2.8c71.9 2.8 124.9 7.2 145.8 12.8c23 6.2 41.2 24.4 47.4 47.5c4.7 17.7 8.5 44.1 11.2 76.3c2.1 24.7 3.4 51.3 4.2 77.9c.3 9.3.4 18 .5 25.7c0 2.7.1 5.1.1 7.1v4.8zM423 646l232-135l-232-133z" />
                    </svg>Profile Video<svg class="link-arrow" width="20" height="20" viewBox="0 0 24 24" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                    </svg></a>
				   <a href="{{ link('award-system/user/sort', null, {'user': $user.user_id}) }}"  class="blockLink"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32"><path fill="#a4a6a8" d="m16 3.594l-.72.687l-8 8L5.595 14h20.811l-1.687-1.72l-8-8l-.72-.686zm0 2.844L21.563 12H10.438L16 6.437zM5.594 18l1.687 1.72l8 8l.72.686l.72-.687l8-8L26.405 18H5.594zm4.843 2h11.126L16 25.563L10.437 20z"/></svg>Sort Awards<svg class="link-arrow" width="20" height="20" viewBox="0 0 24 24" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                    </svg></a>
            </div>
            <h3 class="block-minorHeader dp-usersettings-header">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M21.011 14.0964C21.5329 13.9557 21.7939 13.8853 21.8969 13.7507C22 13.6162 22 13.3997 22 12.9668V11.0331C22 10.6002 22 10.3837 21.8969 10.2492C21.7938 10.1146 21.5329 10.0442 21.011 9.90352C19.0606 9.37753 17.8399 7.33845 18.3433 5.40081C18.4817 4.86793 18.5509 4.6015 18.4848 4.44523C18.4187 4.28896 18.2291 4.18128 17.8497 3.9659L16.125 2.98667C15.7528 2.77533 15.5667 2.66966 15.3997 2.69216C15.2326 2.71466 15.0442 2.90267 14.6672 3.27867C13.208 4.73442 10.7936 4.73436 9.33434 3.27858C8.95743 2.90257 8.76898 2.71457 8.60193 2.69206C8.43489 2.66956 8.24877 2.77523 7.87653 2.98657L6.15184 3.96581C5.77253 4.18117 5.58287 4.28885 5.51678 4.44509C5.45068 4.60134 5.51987 4.86781 5.65825 5.40074C6.16137 7.33844 4.93972 9.37757 2.98902 9.90354C2.46712 10.0442 2.20617 10.1146 2.10308 10.2491C2 10.3837 2 10.6002 2 11.0331V12.9668C2 13.3997 2 13.6162 2.10308 13.7507C2.20615 13.8853 2.46711 13.9557 2.98902 14.0964C4.9394 14.6224 6.16008 16.6615 5.65672 18.5991C5.51829 19.132 5.44907 19.3984 5.51516 19.5547C5.58126 19.711 5.77092 19.8187 6.15025 20.034L7.87495 21.0133C8.24721 21.2246 8.43334 21.3303 8.6004 21.3078C8.76746 21.2853 8.95588 21.0972 9.33271 20.7212C10.7927 19.2643 13.2088 19.2642 14.6689 20.7211C15.0457 21.0972 15.2341 21.2852 15.4012 21.3077C15.5682 21.3302 15.7544 21.2245 16.1266 21.0132L17.8513 20.0339C18.2307 19.8186 18.4204 19.7109 18.4864 19.5546C18.5525 19.3983 18.4833 19.1319 18.3448 18.599C17.8412 16.6615 19.0609 14.6225 21.011 14.0964Z"
                        stroke="white" stroke-width="1.5" stroke-linecap="round"></path>
                    <path
                        d="M15.5 12C15.5 13.933 13.933 15.5 12 15.5C10.067 15.5 8.5 13.933 8.5 12C8.5 10.067 10.067 8.5 12 8.5C13.933 8.5 15.5 10.067 15.5 12Z"
                        fill="#006fcd" fill-opacity="0.25" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round"
                        stroke-linejoin="round"></path>
                </svg>Settings
            </h3>
            <div class="block-body">
                <!--[XF:settings_links:top]-->
                <a class="blockLink {{ $pageSelected == 'account_details' ? 'is-selected' : '' }}"
                    href="{{ link('account/account-details') }}">
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M12 12C13.3261 12 14.5979 11.4732 15.5355 10.5355C16.4732 9.59785 17 8.32608 17 7C17 5.67392 16.4732 4.40215 15.5355 3.46447C14.5979 2.52678 13.3261 2 12 2C10.6739 2 9.40215 2.52678 8.46447 3.46447C7.52678 4.40215 7 5.67392 7 7C7 8.32608 7.52678 9.59785 8.46447 10.5355C9.40215 11.4732 10.6739 12 12 12Z"
                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        </path>
                        <path
                            d="M19.21 15.74L15.67 19.28C15.53 19.42 15.4 19.68 15.37 19.87L15.18 21.22C15.11 21.71 15.45 22.05 15.94 21.98L17.29 21.79C17.48 21.76 17.75 21.63 17.88 21.49L21.42 17.95C22.03 17.34 22.32 16.63 21.42 15.73C20.53 14.84 19.82 15.13 19.21 15.74Z"
                            stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                        <path d="M18.7002 16.25C19.0002 17.33 19.8402 18.17 20.9202 18.47" stroke="currentColor"
                            stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round">
                        </path>
                        <path d="M3.41016 22C3.41016 18.13 7.26016 15 12.0002 15C13.0402 15 14.0402 15.15 14.9702 15.43"
                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        </path>
                    </svg>{{ phrase('account_details') }}<svg class="link-arrow" width="20" height="20"
                        viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                    </svg>
                </a>
                <a class="blockLink {{ $pageSelected == 'security' ? 'is-selected' : '' }}"
                    href="{{ link('account/security') }}">
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M2.5 9C2.53045 8.19543 2.6201 7.37669 2.76932 6.55013C2.8806 5.93375 2.93623 5.62556 3.12624 5.41465C3.31624 5.20374 3.78574 5.05413 4.72473 4.7549C7.03407 4.01899 8.98673 2 11.9982 2C15.0099 2 16.9647 4.01915 19.275 4.75499C20.2139 5.05405 20.6834 5.20358 20.8734 5.41449C21.0635 5.6254 21.1191 5.93364 21.2305 6.55013C21.3797 7.37669 21.4695 8.19543 21.5 9M19.4451 17C18.125 19.0226 16.1772 20.6375 13.6147 21.6175C12.9478 21.8725 12.6143 22 12.0015 22C11.3887 22 11.0553 21.8725 10.3883 21.6175C7.82558 20.6375 5.87726 19.0227 4.55666 17"
                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        </path>
                        <path d="M8.5 12L9.5 13M9.5 13L10.5 14M9.5 13L10.5 12M9.5 13L8.5 14" stroke="currentColor"
                            stroke-width="1.5" stroke-linecap="round"></path>
                        <path d="M3.5 12L4.5 13M4.5 13L5.5 14M4.5 13L5.5 12M4.5 13L3.5 14" stroke="currentColor"
                            stroke-width="1.5" stroke-linecap="round"></path>
                        <path d="M13.5 12L14.5 13M14.5 13L15.5 14M14.5 13L15.5 12M14.5 13L13.5 14" stroke="currentColor"
                            stroke-width="1.5" stroke-linecap="round"></path>
                        <path d="M18.5 12L19.5 13M19.5 13L20.5 14M19.5 13L20.5 12M19.5 13L18.5 14" stroke="currentColor"
                            stroke-width="1.5" stroke-linecap="round"></path>
                    </svg>{{ phrase('password_and_security') }}<svg class="link-arrow" width="20" height="20"
                        viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                    </svg>
                </a>
                <a class="blockLink {{ $pageSelected == 'privacy' ? 'is-selected' : '' }}"
                    href="{{ link('account/privacy') }}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 48 48">
                        <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                            stroke-width="4">
                            <circle cx="24" cy="11" r="7" />
                            <path d="M4 41c0-8.837 8.059-16 18-16m5 6h14v10H27zm10 0v-3a3 3 0 1 0-6 0v3" />
                        </g>
                    </svg>{{ phrase('privacy') }}<svg class="link-arrow" width="20" height="20" viewBox="0 0 24 24"
                        fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                    </svg>
                </a>
                <a class="blockLink {{ $pageSelected == 'preferences' ? 'is-selected' : '' }}"
                    href="{{ link('account/preferences') }}">
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M4 11V21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                        <path d="M19 13V21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                        <path d="M19 3V7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                        <path d="M11.5 3V13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                        <path d="M4 3V5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                        <path d="M11.5 19V21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                        <path
                            d="M2 9.5C2 9.03406 2 8.80109 2.07612 8.61732C2.17761 8.37229 2.37229 8.17761 2.61732 8.07612C2.80109 8 3.03406 8 3.5 8H4.5C4.96594 8 5.19891 8 5.38268 8.07612C5.62771 8.17761 5.82239 8.37229 5.92388 8.61732C6 8.80109 6 9.03406 6 9.5C6 9.96594 6 10.1989 5.92388 10.3827C5.82239 10.6277 5.62771 10.8224 5.38268 10.9239C5.19891 11 4.96594 11 4.5 11H3.5C3.03406 11 2.80109 11 2.61732 10.9239C2.37229 10.8224 2.17761 10.6277 2.07612 10.3827C2 10.1989 2 9.96594 2 9.5Z"
                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        </path>
                        <path
                            d="M17 11.5C17 11.0341 17 10.8011 17.0761 10.6173C17.1776 10.3723 17.3723 10.1776 17.6173 10.0761C17.8011 10 18.0341 10 18.5 10H19.5C19.9659 10 20.1989 10 20.3827 10.0761C20.6277 10.1776 20.8224 10.3723 20.9239 10.6173C21 10.8011 21 11.0341 21 11.5C21 11.9659 21 12.1989 20.9239 12.3827C20.8224 12.6277 20.6277 12.8224 20.3827 12.9239C20.1989 13 19.9659 13 19.5 13H18.5C18.0341 13 17.8011 13 17.6173 12.9239C17.3723 12.8224 17.1776 12.6277 17.0761 12.3827C17 12.1989 17 11.9659 17 11.5Z"
                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        </path>
                        <path
                            d="M9.5 14.5C9.5 14.0341 9.5 13.8011 9.57612 13.6173C9.67761 13.3723 9.87229 13.1776 10.1173 13.0761C10.3011 13 10.5341 13 11 13H12C12.4659 13 12.6989 13 12.8827 13.0761C13.1277 13.1776 13.3224 13.3723 13.4239 13.6173C13.5 13.8011 13.5 14.0341 13.5 14.5C13.5 14.9659 13.5 15.1989 13.4239 15.3827C13.3224 15.6277 13.1277 15.8224 12.8827 15.9239C12.6989 16 12.4659 16 12 16H11C10.5341 16 10.3011 16 10.1173 15.9239C9.87229 15.8224 9.67761 15.6277 9.57612 15.3827C9.5 15.1989 9.5 14.9659 9.5 14.5Z"
                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        </path>
                    </svg>{{ phrase('preferences') }}<svg class="link-arrow" width="20" height="20" viewBox="0 0 24 24"
                        fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                    </svg>
                </a>
                <xf:if is="$xf.visitor.canEditSignature()">
                    <a class="blockLink {{ $pageSelected == 'signature' ? 'is-selected' : '' }}"
                        href="{{ link('account/signature') }}">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M5.27761 1.04352C6.68148 0.812885 8.03271 1.50044 8.9876 2.8911C9.69685 3.92403 9.81006 5.43994 9.67369 6.96715C9.53219 8.55179 9.09808 10.3878 8.46747 12.258C8.19314 13.0715 7.87872 13.8999 7.53018 14.7254C7.72568 14.5007 7.93164 14.2124 8.19623 13.842C8.26244 13.7493 8.33232 13.6515 8.40663 13.5483C8.77929 13.0304 9.22951 12.4277 9.78328 11.8585C10.1461 11.4856 10.5883 11.215 11.104 11.1425C11.6225 11.0696 12.0881 11.2149 12.4613 11.4397C12.5797 11.511 12.6923 11.5923 12.7992 11.6813C12.8692 11.5879 12.9416 11.4967 13.0164 11.4082C13.543 10.7849 14.2635 10.2056 15.1626 10.0345C16.1949 9.83799 16.9465 10.4269 17.4093 10.8888C17.637 11.1159 17.8547 11.3734 18.0445 11.5979C18.055 11.6104 18.0655 11.6228 18.0759 11.6351C18.2845 11.8816 18.4679 12.0961 18.6574 12.2835C19.0395 12.6614 19.3203 12.8008 19.5933 12.8083C19.8801 12.8162 20.4272 12.6848 21.3402 11.8832C21.7552 11.5188 22.3871 11.5599 22.7515 11.9749C23.1159 12.3899 23.0748 13.0217 22.6598 13.3861C21.5728 14.3405 20.5484 14.8355 19.538 14.8075C18.5138 14.7792 17.7716 14.2204 17.251 13.7055C16.989 13.4464 16.751 13.1657 16.549 12.9268L16.5421 12.9187C16.3317 12.6699 16.1629 12.4704 15.9966 12.3045C15.6559 11.9645 15.5511 11.995 15.5377 11.9989C15.5372 11.999 15.5368 11.9991 15.5365 11.9992C15.2608 12.0517 14.9128 12.2626 14.5442 12.6989C14.3576 12.9198 14.1849 13.1765 14.0329 13.4511C14.3222 14.1242 14.5136 14.8809 14.5233 15.5332C14.5284 15.8703 14.4873 16.2914 14.2867 16.6657C14.05 17.1073 13.6012 17.4448 13 17.4448C12.4872 17.4448 12.0446 17.2091 11.7603 16.8113C11.5121 16.464 11.4298 16.0598 11.4064 15.7302C11.359 15.062 11.5256 14.2753 11.7933 13.5516C11.7959 13.5447 11.7984 13.5377 11.801 13.5308C11.6633 13.3415 11.5326 13.2151 11.4294 13.1529C11.4042 13.1378 11.387 13.1301 11.3765 13.1264C11.3532 13.1369 11.2994 13.1683 11.2167 13.2532C10.7705 13.7118 10.3906 14.2153 10.0299 14.7165C9.97153 14.7977 9.9123 14.8808 9.85244 14.9648C9.56487 15.3682 9.26282 15.792 8.96875 16.1175C8.6333 16.4889 8.08602 16.9944 7.31666 17.003C7.04135 17.006 6.78852 16.9459 6.55655 16.8424C5.46051 19.0382 4.14998 21.0991 2.74483 22.6676C2.37632 23.0789 1.74411 23.1136 1.33275 22.7451C0.921394 22.3766 0.886667 21.7444 1.25518 21.333C2.63499 19.7928 3.95248 17.6696 5.03575 15.3987C1.41325 10.6868 0.984754 6.39718 2.19973 3.68552C2.82228 2.29608 3.924 1.26589 5.27761 1.04352ZM5.96334 13.2753C3.27506 9.35199 3.26677 6.19534 4.0249 4.5033C4.45584 3.5415 5.08877 3.10135 5.60183 3.01706C6.06465 2.94103 6.71213 3.11047 7.33885 4.0232C7.63063 4.44813 7.81003 5.35115 7.68162 6.78927C7.55833 8.16996 7.17025 9.84566 6.57231 11.6189C6.38719 12.1679 6.18342 12.722 5.96334 13.2753ZM11.3898 13.1215C11.3898 13.1215 11.3887 13.1219 11.3864 13.1224C11.3887 13.1216 11.3898 13.1214 11.3898 13.1215ZM11.3683 13.1237C11.3655 13.1236 11.3641 13.1232 11.3641 13.1231C11.364 13.1229 11.3654 13.123 11.3683 13.1237Z"
                                fill="currentColor"></path>
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M8 21.0002C8 20.448 8.44772 20.0002 9 20.0002H19C19.5523 20.0002 20 20.448 20 21.0002C20 21.5525 19.5523 22.0002 19 22.0002H9C8.44772 22.0002 8 21.5525 8 21.0002Z"
                                fill="currentColor"></path>
                        </svg>{{ phrase('signature') }}<svg class="link-arrow" width="20" height="20"
                            viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                                stroke-linejoin="round"></path>
                        </svg>
                    </a>
                </xf:if>
                <xf:if is="$xf.app.userUpgradeCount">
                    <a class="blockLink {{ $pageSelected == 'upgrades' ? 'is-selected' : '' }}"
                        href="{{ link('account/upgrades') }}">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M16.65 20.2001C16.65 17.8701 14.33 15.9701 11.46 15.9701C8.59002 15.9701 6.27002 17.8601 6.27002 20.2001M11.46 13.7301C12.2053 13.7301 12.92 13.4341 13.447 12.9071C13.974 12.3801 14.27 11.6654 14.27 10.9201C14.27 10.1748 13.974 9.46012 13.447 8.93314C12.92 8.40616 12.2053 8.11011 11.46 8.11011C10.7148 8.11011 10 8.40616 9.47305 8.93314C8.94607 9.46012 8.65002 10.1748 8.65002 10.9201C8.65002 11.6654 8.94607 12.3801 9.47305 12.9071C10 13.4341 10.7148 13.7301 11.46 13.7301Z"
                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                            </path>
                            <path
                                d="M21 12.5C21 17.75 16.75 22 11.5 22C6.25 22 2 17.75 2 12.5C2 7.25 6.25 3 11.5 3C12.81 3 14.06 3.26 15.2 3.74C15.07 4.14 15 4.56 15 5C15 5.75 15.21 6.46 15.58 7.06C15.78 7.4 16.04 7.71 16.34 7.97C17.04 8.61 17.97 9 19 9C19.44 9 19.86 8.93 20.25 8.79C20.73 9.93 21 11.19 21 12.5Z"
                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                            </path>
                            <path
                                d="M20.49 4.98001H17.51M19 3.52001V6.51001M23 5.00001C23 5.32001 22.96 5.63001 22.88 5.93001C22.79 6.33001 22.63 6.72001 22.42 7.06001C21.94 7.87001 21.17 8.50001 20.25 8.79001C19.86 8.93001 19.44 9.00001 19 9.00001C18.0155 9.0029 17.0659 8.6352 16.34 7.97001C16.04 7.71001 15.78 7.40001 15.58 7.06001C15.1993 6.44043 14.9985 5.72718 15 5.00001C15 4.56001 15.07 4.14001 15.2 3.74001C15.4643 2.94137 15.9739 2.24654 16.6562 1.75454C17.3386 1.26254 18.1588 0.998482 19 1.00001C20.18 1.00001 21.25 1.51001 21.97 2.33001C22.61 3.04001 23 3.98001 23 5.00001Z"
                                stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"
                                stroke-linejoin="round"></path>
                        </svg>{{ phrase('account_upgrades') }}<svg class="link-arrow" width="20" height="20"
                            viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                                stroke-linejoin="round"></path>
                        </svg>
                    </a>
                </xf:if>
                <xf:if is="$xf.app.connectedAccountCount">
                    <a class="blockLink {{ $pageSelected == 'connected_account' ? 'is-selected' : '' }}"
                        href="{{ link('account/connected-accounts') }}">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M16.65 20.2001C16.65 17.8701 14.33 15.9701 11.46 15.9701C8.59002 15.9701 6.27002 17.8601 6.27002 20.2001M11.46 13.7301C12.2053 13.7301 12.92 13.4341 13.447 12.9071C13.974 12.3801 14.27 11.6654 14.27 10.9201C14.27 10.1748 13.974 9.46012 13.447 8.93314C12.92 8.40616 12.2053 8.11011 11.46 8.11011C10.7148 8.11011 10 8.40616 9.47305 8.93314C8.94607 9.46012 8.65002 10.1748 8.65002 10.9201C8.65002 11.6654 8.94607 12.3801 9.47305 12.9071C10 13.4341 10.7148 13.7301 11.46 13.7301Z"
                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                            </path>
                            <path
                                d="M21 12.5C21 17.75 16.75 22 11.5 22C6.25 22 2 17.75 2 12.5C2 7.25 6.25 3 11.5 3C12.81 3 14.06 3.26 15.2 3.74C15.07 4.14 15 4.56 15 5C15 5.75 15.21 6.46 15.58 7.06C15.78 7.4 16.04 7.71 16.34 7.97C17.04 8.61 17.97 9 19 9C19.44 9 19.86 8.93 20.25 8.79C20.73 9.93 21 11.19 21 12.5Z"
                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                            </path>
                            <path
                                d="M20.49 4.98001H17.51M19 3.52001V6.51001M23 5.00001C23 5.32001 22.96 5.63001 22.88 5.93001C22.79 6.33001 22.63 6.72001 22.42 7.06001C21.94 7.87001 21.17 8.50001 20.25 8.79001C19.86 8.93001 19.44 9.00001 19 9.00001C18.0155 9.0029 17.0659 8.6352 16.34 7.97001C16.04 7.71001 15.78 7.40001 15.58 7.06001C15.1993 6.44043 14.9985 5.72718 15 5.00001C15 4.56001 15.07 4.14001 15.2 3.74001C15.4643 2.94137 15.9739 2.24654 16.6562 1.75454C17.3386 1.26254 18.1588 0.998482 19 1.00001C20.18 1.00001 21.25 1.51001 21.97 2.33001C22.61 3.04001 23 3.98001 23 5.00001Z"
                                stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"
                                stroke-linejoin="round"></path>
                        </svg>{{ phrase('connected_accounts') }}<svg class="link-arrow" width="20" height="20"
                            viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                                stroke-linejoin="round"></path>
                        </svg>
                    </a>
                </xf:if>
                <a class="blockLink {{ $pageSelected == 'ignored' ? 'is-selected' : '' }}"
                    href="{{ link('account/ignored') }}">
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M3.41016 22C3.41016 18.13 7.26016 15 12.0002 15C12.9602 15 13.8902 15.13 14.7602 15.37M12.0002 12C13.3262 12 14.598 11.4732 15.5357 10.5355C16.4734 9.59785 17.0002 8.32608 17.0002 7C17.0002 5.67392 16.4734 4.40215 15.5357 3.46447C14.598 2.52678 13.3262 2 12.0002 2C10.6741 2 9.4023 2.52678 8.46462 3.46447C7.52694 4.40215 7.00016 5.67392 7.00016 7C7.00016 8.32608 7.52694 9.59785 8.46462 10.5355C9.4023 11.4732 10.6741 12 12.0002 12Z"
                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        </path>
                        <path
                            d="M19.49 17.98H16.51M22 18C22 18.32 21.96 18.63 21.88 18.93C21.79 19.33 21.63 19.72 21.42 20.06C21.0675 20.6525 20.5667 21.143 19.967 21.4831C19.3674 21.8233 18.6894 22.0014 18 22C17.0155 22.0029 16.0659 21.6352 15.34 20.97C15.04 20.71 14.78 20.4 14.58 20.06C14.1993 19.4404 13.9985 18.7272 14 18C13.9994 17.4745 14.1024 16.9541 14.3031 16.4685C14.5039 15.9829 14.7985 15.5417 15.1701 15.1701C15.5417 14.7985 15.9829 14.5039 16.4685 14.3031C16.9541 14.1024 17.4745 13.9993 18 14C19.18 14 20.25 14.51 20.97 15.33C21.61 16.04 22 16.98 22 18Z"
                            stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                    </svg>{{ phrase('ignoring') }}<svg class="link-arrow" width="20" height="20" viewBox="0 0 24 24"
                        fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                    </svg>
                </a>
				<div class="dp-separator"></div>
				<a href="{{ link('logout', null, {'t': csrf_token()}) }}" class="blockLink dp-logout"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 3.09502C13.543 3.03241 13.0755 3 12.6 3C7.29807 3 3 7.02944 3 12C3 16.9706 7.29807 21 12.6 21C13.0755 21 13.543 20.9676 14 20.905" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
<path d="M21 12H11M21 12C21 11.2998 19.0057 9.99153 18.5 9.5M21 12C21 12.7002 19.0057 14.0085 18.5 14.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>{{ phrase('log_out') }}</a>
                <!--[XF:settings_links:bottom]-->
            </div>
        </div>
    </div>
</xf:sidenav>
<xf:page option="sideNavTitle">{{ phrase('your_account') }}</xf:page>

<xf:breadcrumb href="{{ link('account') }}">{{ phrase('your_account') }}</xf:breadcrumb>

{$innerContent|raw}]]></template>
    <template title="af_as_award_categories" type="public" addon_id="AddonFlare/AwardSystem" version_id="1040170" version_string="1.4.1"><![CDATA[<xf:css>
    .dataList-totalAwards {
    margin-top: 10px;
    font-size: 14px;
    }
</xf:css>

<xf:foreach loop="$awardData.awardCategories" key="$awardCategoryId" value="$awardCategory">
    <xf:if is="($categoryId == -1 OR $awardCategoryId == $categoryId) AND count($awardCategory.Awards) > 0">
        <xf:foreach loop="{$awardData.awards.{$awardCategoryId}}" key="$awardId" value="$award">
            <div class="award-item">
                <div class="award-header">
                    <div class="award-icon">
                        {{ award_image($award) }}
                    </div>
                    <div>
                        <h4 class="award-title">
                            <a href="{{ link('award-system/recent', $award) }}">{$award.title}</a>
                        </h4>
                        <p class="award-description">
                            {$award.description|nl2br}
                        </p>
                    </div>
                </div>
                <div class="award-data">
                    <div class="award-data-item">
                        <p>
                            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M8 21C8 19.5858 8 18.8787 8.43934 18.4393C8.87868 18 9.58579 18 11 18H13C14.4142 18 15.1213 18 15.5607 18.4393C16 18.8787 16 19.5858 16 21C16 21.5523 15.5523 22 15 22H9C8.44772 22 8 21.5523 8 21Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                <path d="M12 13V18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                <path d="M6 22H18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                <path d="M13.0366 2.86651L14.0925 4.99573C14.2364 5.29212 14.6204 5.57642 14.9444 5.63086L16.8582 5.95145C18.082 6.15712 18.37 7.05236 17.4881 7.9355L16.0003 9.43563C15.7483 9.68968 15.6103 10.1796 15.6883 10.5305L16.1142 12.3875C16.4502 13.8574 15.6763 14.426 14.3864 13.6578L12.5926 12.5871C12.2687 12.3935 11.7347 12.3935 11.4048 12.5871L9.61096 13.6578C8.3271 14.426 7.54719 13.8513 7.88315 12.3875L8.3091 10.5305C8.3871 10.1796 8.24911 9.68968 7.99714 9.43563L6.5093 7.9355C5.6334 7.05236 5.91537 6.15712 7.13923 5.95145L9.05302 5.63086C9.37099 5.57642 9.75494 5.29212 9.89893 4.99573L10.9548 2.86651C11.5307 1.71116 12.4666 1.71116 13.0366 2.86651Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                            </svg>
                            Awarded
                        </p>
                        <h5>
                            <xf:if is="$xf.options.af_as_most_recent_awards.enabled AND $xf.visitor.user_id">
                                <a href="{{ link('award-system/recent', $award) }}" data-xf-click="overlay">
                                    {{$award.total_awarded|number}}
                                </a>
                                <xf:else />
                                	{{$award.total_awarded|number}}
                            </xf:if>
                        </h5>
                    </div>
					<xf:if is="$award.award_id == 4">
                    <div class="award-data-item">
                        <p>
                            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M12 17C12 20.2 13.5 21.5 16 21.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                <path d="M17.061 3.33315L17.5899 2.80136L17.061 3.33315ZM13.7446 3.54244L14.275 4.07277C14.2911 4.05659 14.3066 4.03967 14.3212 4.02207L13.7446 3.54244ZM17.6827 5.31596L16.958 5.12266C16.889 5.38127 16.9631 5.65703 17.1523 5.84629C17.3416 6.03554 17.6174 6.1096 17.876 6.04062L17.6827 5.31596ZM19.6655 5.9376L20.1973 5.40873L19.6655 5.9376ZM19.4562 9.25401L18.9766 8.67742C18.959 8.69206 18.942 8.70749 18.9259 8.72368L19.4562 9.25401ZM15.262 10.9996L15.0958 10.2682C14.7544 10.3458 14.512 10.6494 14.512 10.9996C14.512 11.3498 14.7544 11.6534 15.0959 11.731L15.262 10.9996ZM19.4569 12.7454L18.9265 13.2757C18.9427 13.2919 18.9596 13.3073 18.9772 13.3219L19.4569 12.7454ZM19.6662 16.0618L20.1979 16.5906L20.1979 16.5906L19.6662 16.0618ZM17.6833 16.6834L17.8766 15.9587C17.618 15.8898 17.3423 15.9638 17.153 16.1531C16.9638 16.3423 16.8897 16.6181 16.9587 16.8767L17.6833 16.6834ZM17.0617 18.6662L17.5906 19.198L17.5906 19.198L17.0617 18.6662ZM13.7453 18.4569L14.3219 17.9773C14.3072 17.9597 14.2918 17.9428 14.2756 17.9266L13.7453 18.4569ZM11.9996 14.2624L12.731 14.0962C12.6534 13.7547 12.3498 13.5124 11.9996 13.5124C11.6494 13.5124 11.3459 13.7547 11.2683 14.0962L11.9996 14.2624ZM10.2541 18.4563L9.72375 17.926C9.70756 17.9422 9.69213 17.9591 9.67749 17.9767L10.2541 18.4563ZM6.93767 18.6656L6.4088 19.1974L6.4088 19.1974L6.93767 18.6656ZM6.31603 16.6828L7.04069 16.8761C7.10967 16.6175 7.03561 16.3417 6.84636 16.1524C6.6571 15.9632 6.38134 15.8891 6.12273 15.9581L6.31603 16.6828ZM4.33322 16.0611L3.80143 16.59L3.80143 16.59L4.33322 16.0611ZM4.54251 12.7447L5.02214 13.3213C5.03974 13.3067 5.05666 13.2912 5.07284 13.2751L4.54251 12.7447ZM8.73446 10.9996L8.90069 11.731C9.24215 11.6534 9.48445 11.3498 9.48446 10.9996C9.48446 10.6495 9.24216 10.3459 8.90071 10.2683L8.73446 10.9996ZM4.54313 9.25469L5.07346 8.72436C5.05727 8.70817 5.04036 8.69273 5.02276 8.6781L4.54313 9.25469ZM4.33383 5.93828L4.86561 6.46715L4.33383 5.93828ZM6.31664 5.31664L6.12334 6.0413C6.38195 6.11028 6.65772 6.03622 6.84697 5.84697C7.03623 5.65771 7.11029 5.38195 7.04131 5.12334L6.31664 5.31664ZM6.93829 3.33383L6.40941 2.80204L6.93829 3.33383ZM10.2547 3.54312L9.6781 4.02275C9.69274 4.04035 9.70818 4.05727 9.72436 4.07345L10.2547 3.54312ZM11.9996 7.73418L11.2682 7.90044C11.3459 8.24189 11.6494 8.48418 11.9996 8.48418C12.3498 8.48417 12.6533 8.24187 12.7309 7.90042L11.9996 7.73418ZM17.5899 2.80136C16.329 1.54734 14.3495 1.64249 13.168 3.06281L14.3212 4.02207C14.9542 3.26114 15.9122 3.24838 16.5322 3.86493L17.5899 2.80136ZM18.4073 5.50926C18.7061 4.38934 18.2437 3.45155 17.5899 2.80136L16.5322 3.86493C16.9303 4.2609 17.0783 4.67174 16.958 5.12266L18.4073 5.50926ZM20.1973 5.40873C19.5471 4.75496 18.6093 4.29257 17.4894 4.5913L17.876 6.04062C18.3269 5.92034 18.7377 6.06833 19.1337 6.46647L20.1973 5.40873ZM19.9358 9.83059C21.3561 8.64912 21.4513 6.66965 20.1973 5.40873L19.1337 6.46647C19.7503 7.08641 19.7375 8.04444 18.9766 8.67742L19.9358 9.83059ZM15.4282 11.731C16.2763 11.5383 17.1626 11.2935 17.9506 10.9864C18.7228 10.6855 19.4733 10.2976 19.9865 9.78434L18.9259 8.72368C18.6339 9.01565 18.1155 9.3123 17.406 9.58881C16.7123 9.85914 15.9041 10.0846 15.0958 10.2682L15.4282 11.731ZM19.9872 12.215C19.4739 11.7017 18.7232 11.3137 17.951 11.0128C17.1628 10.7057 16.2764 10.4609 15.4282 10.2682L15.0959 11.731C15.9042 11.9146 16.7125 12.1401 17.4064 12.4104C18.116 12.687 18.6345 12.9837 18.9265 13.2757L19.9872 12.215ZM20.1979 16.5906C21.452 15.3297 21.3568 13.3502 19.9365 12.1688L18.9772 13.3219C19.7382 13.9549 19.7509 14.913 19.1344 15.5329L20.1979 16.5906ZM17.49 17.4081C18.61 17.7068 19.5478 17.2444 20.1979 16.5906L19.1344 15.5329C18.7384 15.931 18.3276 16.079 17.8766 15.9587L17.49 17.4081ZM17.5906 19.198C18.2443 18.5478 18.7067 17.61 18.408 16.4901L16.9587 16.8767C17.079 17.3276 16.931 17.7385 16.5328 18.1344L17.5906 19.198ZM13.1687 18.9366C14.3502 20.3569 16.3297 20.452 17.5906 19.198L16.5328 18.1344C15.9129 18.751 14.9549 18.7382 14.3219 17.9773L13.1687 18.9366ZM11.2683 14.4285C11.4609 15.2767 11.7057 16.1631 12.0128 16.9512C12.3137 17.7234 12.7017 18.474 13.215 18.9873L14.2756 17.9266C13.9836 17.6346 13.687 17.1162 13.4104 16.4065C13.1401 15.7128 12.9146 14.9045 12.731 14.0962L11.2683 14.4285ZM10.7844 18.9866C11.2976 18.4734 11.6856 17.7229 11.9865 16.9508C12.2935 16.1629 12.5383 15.2766 12.731 14.4286L11.2683 14.0962C11.0846 14.9044 10.8592 15.7125 10.5888 16.4062C10.3123 17.1157 10.0157 17.634 9.72375 17.926L10.7844 18.9866ZM6.4088 19.1974C7.66972 20.4514 9.64919 20.3562 10.8307 18.9359L9.67749 17.9767C9.04451 18.7376 8.08648 18.7504 7.46654 18.1338L6.4088 19.1974ZM5.59137 16.4895C5.29264 17.6094 5.75503 18.5472 6.4088 19.1974L7.46654 18.1338C7.0684 17.7378 6.92041 17.327 7.04069 16.8761L5.59137 16.4895ZM3.80143 16.59C4.45162 17.2438 5.38941 17.7062 6.50933 17.4074L6.12273 15.9581C5.67181 16.0784 5.26097 15.9304 4.865 15.5323L3.80143 16.59ZM4.06288 12.1681C2.64256 13.3496 2.54741 15.3291 3.80143 16.59L4.865 15.5323C4.24845 14.9123 4.26121 13.9543 5.02214 13.3213L4.06288 12.1681ZM8.56822 10.2683C7.72047 10.461 6.83463 10.7057 6.04703 11.0127C5.27528 11.3136 4.52518 11.7014 4.01218 12.2144L5.07284 13.2751C5.36468 12.9832 5.88272 12.6867 6.59182 12.4103C7.28507 12.14 8.09279 11.9146 8.90069 11.731L8.56822 10.2683ZM8.90071 10.2683C8.0929 10.0847 7.28531 9.85925 6.59218 9.58903C5.8832 9.31264 5.36525 9.01615 5.07346 8.72436L4.0128 9.78502C4.52574 10.298 5.27572 10.6858 6.04735 10.9866C6.83483 11.2936 7.72054 11.5383 8.5682 11.731L8.90071 10.2683ZM5.02276 8.6781C4.26182 8.04512 4.24907 7.08709 4.86561 6.46715L3.80205 5.40941C2.54802 6.67033 2.64318 8.6498 4.0635 9.83127L5.02276 8.6781ZM4.86561 6.46715C5.26158 6.06901 5.67242 5.92102 6.12334 6.0413L6.50994 4.59198C5.39003 4.29325 4.45224 4.75564 3.80205 5.40941L4.86561 6.46715ZM7.04131 5.12334C6.92103 4.67242 7.06901 4.26158 7.46716 3.86561L6.40941 2.80204C5.75565 3.45223 5.29325 4.39002 5.59198 5.50994L7.04131 5.12334ZM7.46716 3.86561C8.0871 3.24906 9.04512 3.26182 9.6781 4.02275L10.8313 3.06349C9.6498 1.64317 7.67034 1.54802 6.40941 2.80204L7.46716 3.86561ZM9.72436 4.07345C10.0161 4.36523 10.3126 4.88313 10.589 5.59206C10.8592 6.28514 11.0846 7.09267 11.2682 7.90044L12.7309 7.56791C12.5382 6.72029 12.2935 5.83464 11.9865 5.04721C11.6857 4.27563 11.2979 3.5257 10.785 3.01279L9.72436 4.07345ZM13.2143 3.01211C12.7013 3.52509 12.3135 4.27515 12.0127 5.04686C11.7056 5.83442 11.4609 6.72021 11.2682 7.56793L12.7309 7.90042C12.9146 7.09255 13.14 6.28487 13.4102 5.59166C13.6866 4.8826 13.9831 4.36459 14.275 4.07277L13.2143 3.01211Z" fill="currentColor"></path>
                            </svg>
                            Rarity
                        </p>
                        <h5 class="lucky-award">
                            Lucky
                        </h5>
                    </div>
					</xf:if>
					<xf:if is="$award.award_id == 4">
						<div class="award-data-item" data-xf-init="tooltip" title="Chance of getting this award per post" id="js-XFUniqueId1">
							<p>
								<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
									<path d="M6.18738 11.3385L6.18066 11.3346" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
									<path d="M10.997 14.1148L10.9902 14.111" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
									<path d="M12.4686 17.1024L11.5431 18.7054C11.0319 19.5908 9.89987 19.8941 9.01454 19.383L2.60238 15.6809C1.71704 15.1697 1.4137 14.0377 1.92485 13.1523L5.62692 6.74017C6.13806 5.85483 7.27014 5.55149 8.15547 6.06264L9.75851 6.98816M9.84863 8.55155L11.765 15.7034C12.0296 16.6909 13.0445 17.2769 14.032 17.0123L21.1838 15.0959C22.1713 14.8313 22.7573 13.8164 22.4927 12.8289L20.5764 5.67706C20.3118 4.68959 19.2968 4.10359 18.3093 4.36818L11.1575 6.28451C10.17 6.5491 9.58404 7.56409 9.84863 8.55155Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
									<path d="M18.1358 7.29717L18.1338 7.28967" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
									<path d="M12.7725 8.73454L12.7705 8.72705" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
									<path d="M19.5723 12.6608L19.5703 12.6533" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
									<path d="M14.21 14.0983L14.208 14.0908" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
								</svg>
								Chance
							</p>
							<h5>
								<xf:if is="$award.award_id == 4">
									1/100
								<xf:else />
									Unknown
								</xf:if>
							</h5>
						</div>
					</xf:if>
                </div>
            </div>
        </xf:foreach>
    </xf:if>
</xf:foreach>]]></template>
    <template title="af_as_awards_wrapper" type="public" addon_id="AddonFlare/AwardSystem" version_id="1040170" version_string="1.4.1"><![CDATA[<div class="dp-tab-menu-wrapper">
    <h2 class="dp-tab-menu block-tabHeader tabs hScroller" data-xf-init="tabs h-scroller" role="tablist">
        <span class="hScroller-scroll">
            <a href="{{ link('award-system/list') }}" class="tabs-tab is-active" role="tab">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M8 21C8 19.5858 8 18.8787 8.43934 18.4393C8.87868 18 9.58579 18 11 18H13C14.4142 18 15.1213 18 15.5607 18.4393C16 18.8787 16 19.5858 16 21C16 21.5523 15.5523 22 15 22H9C8.44772 22 8 21.5523 8 21Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M12 13V18" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M6 22H18" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M13.0366 2.86651L14.0925 4.99573C14.2364 5.29212 14.6204 5.57642 14.9444 5.63086L16.8582 5.95145C18.082 6.15712 18.37 7.05236 17.4881 7.9355L16.0003 9.43563C15.7483 9.68968 15.6103 10.1796 15.6883 10.5305L16.1142 12.3875C16.4502 13.8574 15.6763 14.426 14.3864 13.6578L12.5926 12.5871C12.2687 12.3935 11.7347 12.3935 11.4048 12.5871L9.61096 13.6578C8.3271 14.426 7.54719 13.8513 7.88315 12.3875L8.3091 10.5305C8.3871 10.1796 8.24911 9.68968 7.99714 9.43563L6.5093 7.9355C5.6334 7.05236 5.91537 6.15712 7.13923 5.95145L9.05302 5.63086C9.37099 5.57642 9.75494 5.29212 9.89893 4.99573L10.9548 2.86651C11.5307 1.71116 12.4666 1.71116 13.0366 2.86651Z" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                All Awards
            </a>
            <a href="{{ link('lucky-awards/list', null) }}" class="tabs-tab" role="tab">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12 17C12 20.2 13.5 21.5 16 21.5" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M17.061 3.33315L17.5899 2.80136L17.061 3.33315ZM13.7446 3.54244L14.275 4.07277C14.2911 4.05659 14.3066 4.03967 14.3212 4.02207L13.7446 3.54244ZM17.6827 5.31596L16.958 5.12266C16.889 5.38127 16.9631 5.65703 17.1523 5.84629C17.3416 6.03554 17.6174 6.1096 17.876 6.04062L17.6827 5.31596ZM19.6655 5.9376L20.1973 5.40873L19.6655 5.9376ZM19.4562 9.25401L18.9766 8.67742C18.959 8.69206 18.942 8.70749 18.9259 8.72368L19.4562 9.25401ZM15.262 10.9996L15.0958 10.2682C14.7544 10.3458 14.512 10.6494 14.512 10.9996C14.512 11.3498 14.7544 11.6534 15.0959 11.731L15.262 10.9996ZM19.4569 12.7454L18.9265 13.2757C18.9427 13.2919 18.9596 13.3073 18.9772 13.3219L19.4569 12.7454ZM19.6662 16.0618L20.1979 16.5906L20.1979 16.5906L19.6662 16.0618ZM17.6833 16.6834L17.8766 15.9587C17.618 15.8898 17.3423 15.9638 17.153 16.1531C16.9638 16.3423 16.8897 16.6181 16.9587 16.8767L17.6833 16.6834ZM17.0617 18.6662L17.5906 19.198L17.5906 19.198L17.0617 18.6662ZM13.7453 18.4569L14.3219 17.9773C14.3072 17.9597 14.2918 17.9428 14.2756 17.9266L13.7453 18.4569ZM11.9996 14.2624L12.731 14.0962C12.6534 13.7547 12.3498 13.5124 11.9996 13.5124C11.6494 13.5124 11.3459 13.7547 11.2683 14.0962L11.9996 14.2624ZM10.2541 18.4563L9.72375 17.926C9.70756 17.9422 9.69213 17.9591 9.67749 17.9767L10.2541 18.4563ZM6.93767 18.6656L6.4088 19.1974L6.4088 19.1974L6.93767 18.6656ZM6.31603 16.6828L7.04069 16.8761C7.10967 16.6175 7.03561 16.3417 6.84636 16.1524C6.6571 15.9632 6.38134 15.8891 6.12273 15.9581L6.31603 16.6828ZM4.33322 16.0611L3.80143 16.59L3.80143 16.59L4.33322 16.0611ZM4.54251 12.7447L5.02214 13.3213C5.03974 13.3067 5.05666 13.2912 5.07284 13.2751L4.54251 12.7447ZM8.73446 10.9996L8.90069 11.731C9.24215 11.6534 9.48445 11.3498 9.48446 10.9996C9.48446 10.6495 9.24216 10.3459 8.90071 10.2683L8.73446 10.9996ZM4.54313 9.25469L5.07346 8.72436C5.05727 8.70817 5.04036 8.69273 5.02276 8.6781L4.54313 9.25469ZM4.33383 5.93828L4.86561 6.46715L4.33383 5.93828ZM6.31664 5.31664L6.12334 6.0413C6.38195 6.11028 6.65772 6.03622 6.84697 5.84697C7.03623 5.65771 7.11029 5.38195 7.04131 5.12334L6.31664 5.31664ZM6.93829 3.33383L6.40941 2.80204L6.93829 3.33383ZM10.2547 3.54312L9.6781 4.02275C9.69274 4.04035 9.70818 4.05727 9.72436 4.07345L10.2547 3.54312ZM11.9996 7.73418L11.2682 7.90044C11.3459 8.24189 11.6494 8.48418 11.9996 8.48418C12.3498 8.48417 12.6533 8.24187 12.7309 7.90042L11.9996 7.73418ZM17.5899 2.80136C16.329 1.54734 14.3495 1.64249 13.168 3.06281L14.3212 4.02207C14.9542 3.26114 15.9122 3.24838 16.5322 3.86493L17.5899 2.80136ZM18.4073 5.50926C18.7061 4.38934 18.2437 3.45155 17.5899 2.80136L16.5322 3.86493C16.9303 4.2609 17.0783 4.67174 16.958 5.12266L18.4073 5.50926ZM20.1973 5.40873C19.5471 4.75496 18.6093 4.29257 17.4894 4.5913L17.876 6.04062C18.3269 5.92034 18.7377 6.06833 19.1337 6.46647L20.1973 5.40873ZM19.9358 9.83059C21.3561 8.64912 21.4513 6.66965 20.1973 5.40873L19.1337 6.46647C19.7503 7.08641 19.7375 8.04444 18.9766 8.67742L19.9358 9.83059ZM15.4282 11.731C16.2763 11.5383 17.1626 11.2935 17.9506 10.9864C18.7228 10.6855 19.4733 10.2976 19.9865 9.78434L18.9259 8.72368C18.6339 9.01565 18.1155 9.3123 17.406 9.58881C16.7123 9.85914 15.9041 10.0846 15.0958 10.2682L15.4282 11.731ZM19.9872 12.215C19.4739 11.7017 18.7232 11.3137 17.951 11.0128C17.1628 10.7057 16.2764 10.4609 15.4282 10.2682L15.0959 11.731C15.9042 11.9146 16.7125 12.1401 17.4064 12.4104C18.116 12.687 18.6345 12.9837 18.9265 13.2757L19.9872 12.215ZM20.1979 16.5906C21.452 15.3297 21.3568 13.3502 19.9365 12.1688L18.9772 13.3219C19.7382 13.9549 19.7509 14.913 19.1344 15.5329L20.1979 16.5906ZM17.49 17.4081C18.61 17.7068 19.5478 17.2444 20.1979 16.5906L19.1344 15.5329C18.7384 15.931 18.3276 16.079 17.8766 15.9587L17.49 17.4081ZM17.5906 19.198C18.2443 18.5478 18.7067 17.61 18.408 16.4901L16.9587 16.8767C17.079 17.3276 16.931 17.7385 16.5328 18.1344L17.5906 19.198ZM13.1687 18.9366C14.3502 20.3569 16.3297 20.452 17.5906 19.198L16.5328 18.1344C15.9129 18.751 14.9549 18.7382 14.3219 17.9773L13.1687 18.9366ZM11.2683 14.4285C11.4609 15.2767 11.7057 16.1631 12.0128 16.9512C12.3137 17.7234 12.7017 18.474 13.215 18.9873L14.2756 17.9266C13.9836 17.6346 13.687 17.1162 13.4104 16.4065C13.1401 15.7128 12.9146 14.9045 12.731 14.0962L11.2683 14.4285ZM10.7844 18.9866C11.2976 18.4734 11.6856 17.7229 11.9865 16.9508C12.2935 16.1629 12.5383 15.2766 12.731 14.4286L11.2683 14.0962C11.0846 14.9044 10.8592 15.7125 10.5888 16.4062C10.3123 17.1157 10.0157 17.634 9.72375 17.926L10.7844 18.9866ZM6.4088 19.1974C7.66972 20.4514 9.64919 20.3562 10.8307 18.9359L9.67749 17.9767C9.04451 18.7376 8.08648 18.7504 7.46654 18.1338L6.4088 19.1974ZM5.59137 16.4895C5.29264 17.6094 5.75503 18.5472 6.4088 19.1974L7.46654 18.1338C7.0684 17.7378 6.92041 17.327 7.04069 16.8761L5.59137 16.4895ZM3.80143 16.59C4.45162 17.2438 5.38941 17.7062 6.50933 17.4074L6.12273 15.9581C5.67181 16.0784 5.26097 15.9304 4.865 15.5323L3.80143 16.59ZM4.06288 12.1681C2.64256 13.3496 2.54741 15.3291 3.80143 16.59L4.865 15.5323C4.24845 14.9123 4.26121 13.9543 5.02214 13.3213L4.06288 12.1681ZM8.56822 10.2683C7.72047 10.461 6.83463 10.7057 6.04703 11.0127C5.27528 11.3136 4.52518 11.7014 4.01218 12.2144L5.07284 13.2751C5.36468 12.9832 5.88272 12.6867 6.59182 12.4103C7.28507 12.14 8.09279 11.9146 8.90069 11.731L8.56822 10.2683ZM8.90071 10.2683C8.0929 10.0847 7.28531 9.85925 6.59218 9.58903C5.8832 9.31264 5.36525 9.01615 5.07346 8.72436L4.0128 9.78502C4.52574 10.298 5.27572 10.6858 6.04735 10.9866C6.83483 11.2936 7.72054 11.5383 8.5682 11.731L8.90071 10.2683ZM5.02276 8.6781C4.26182 8.04512 4.24907 7.08709 4.86561 6.46715L3.80205 5.40941C2.54802 6.67033 2.64318 8.6498 4.0635 9.83127L5.02276 8.6781ZM4.86561 6.46715C5.26158 6.06901 5.67242 5.92102 6.12334 6.0413L6.50994 4.59198C5.39003 4.29325 4.45224 4.75564 3.80205 5.40941L4.86561 6.46715ZM7.04131 5.12334C6.92103 4.67242 7.06901 4.26158 7.46716 3.86561L6.40941 2.80204C5.75565 3.45223 5.29325 4.39002 5.59198 5.50994L7.04131 5.12334ZM7.46716 3.86561C8.0871 3.24906 9.04512 3.26182 9.6781 4.02275L10.8313 3.06349C9.6498 1.64317 7.67034 1.54802 6.40941 2.80204L7.46716 3.86561ZM9.72436 4.07345C10.0161 4.36523 10.3126 4.88313 10.589 5.59206C10.8592 6.28514 11.0846 7.09267 11.2682 7.90044L12.7309 7.56791C12.5382 6.72029 12.2935 5.83464 11.9865 5.04721C11.6857 4.27563 11.2979 3.5257 10.785 3.01279L9.72436 4.07345ZM13.2143 3.01211C12.7013 3.52509 12.3135 4.27515 12.0127 5.04686C11.7056 5.83442 11.4609 6.72021 11.2682 7.56793L12.7309 7.90042C12.9146 7.09255 13.14 6.28487 13.4102 5.59166C13.6866 4.8826 13.9831 4.36459 14.275 4.07277L13.2143 3.01211Z" fill="white"></path>
                </svg>
                Lucky Awards
            </a>
        </span><i class="hScroller-action hScroller-action--end" aria-hidden="true"></i><i class="hScroller-action hScroller-action--start" aria-hidden="true"></i>
    </h2>
</div>

<xf:macro name="simple_award_category_list"
	arg-categoryId="!"
	arg-categories="!"
	arg-total="!"
>
	<ol class="categoryList toggleTarget is-active">
		<li class="categoryList-item">
			<div class="categoryList-itemRow">
				<a href="{{ link('award-system/list') }}" class="categoryList-link{{ $categoryId == -1 ? ' is-selected' : '' }}">
					{{ phrase('af_as_all_categories') }}
				</a>
				<span class="categoryList-label">
					<span class="label label--subtle label--smallest">{$total}</span>
				</span>
			</div>
		</li>
		<xf:foreach loop="$categories" key="$awardCategoryId" value="$awardCategory">
			<xf:if is="count($awardCategory.Awards)">

				<xf:set var="$isSelected" value="{{ $awardCategory.award_category_id == $categoryId }}" />

				<li class="categoryList-item">
					<div class="categoryList-itemRow">
						<a href="{{ link('award-system/list', null, {'category': $awardCategory.award_category_id}) }}" class="categoryList-link{{ $isSelected ? ' is-selected' : '' }}">
							{$awardCategory.title}
						</a>
						<span class="categoryList-label">
							<span class="label label--subtle label--smallest">{{ count($awardCategory.Awards)|number_short }}</span>
						</span>
					</div>
				</li>
			</xf:if>
		</xf:foreach>
	</ol>
</xf:macro>

<xf:page option="sideNavTitle">{{ phrase('categories') }}</xf:page>
<div class="awards-grid">
{$innerContent|raw}
</div>]]></template>
    <template title="af_as_message_postbit" type="public" addon_id="AddonFlare/AwardSystem" version_id="1040170" version_string="1.4.1"><![CDATA[<xf:if is="$user AND $xf.options.af_as_postbit AND property('af_as_postbit') AND property('af_as_postbit_position') == $postbitPosition">
    <xf:css src="af_as_message_postbit.less" />
	
	<xf:if is="$template == 'member_view'">
        <xf:if is="$user.af_as_award_total > 0 AND $user.canShowFeaturedAwards() AND $user.max_featured_awards AND $user.AwardSystemUserAwards is not empty">
            <xf:if is="property('af_as_postbit_type') == 'carousel'">
                <xf:macro name="postbit_carousel" arg-user="{$user}" />
            <xf:elseif is="property('af_as_postbit_type') == 'list'" />
                <xf:macro name="postbit_list" arg-user="{$user}" />
            </xf:if>
        </xf:if>

        <xf:if is="$xf.options.af_as_levels_enabled AND property('af_as_postbit_level_graph')">
            <div class="awardsPostbitLevelGraph">
                <div>{{ phrase('af_as_lv_x', {'level': user_award_level($user)}) }}&nbsp;</div>
                <xf:macro template="af_as_member_macros" name="level_progress_graph" arg-user="{$user}" />
            </div>
        </xf:if>

        <xf:if is="property('af_as_postbit_feature_button') AND (($xf.visitor.user_id == $user.user_id AND $user.canManuallyFeatureAwards()) OR $xf.visitor.canManageAwards())">
            <div class="awardsPostbitFeatureBtn">
                <xf:button class="button--link button--smaller" overlay="true" href="{{ link('award-system/user/sort', null, {'user': $user.user_id}) }}">{{ phrase('af_as_featureAwards') }}</xf:button>
            </div>
        </xf:if>
	<xf:else />
			<xf:if is="$user.af_as_award_total > 0 AND $user.canShowFeaturedAwards() AND $user.max_featured_awards AND $user.AwardSystemUserAwards is not empty">
				<xf:if is="property('af_as_postbit_type') == 'carousel'">
					<xf:macro name="postbit_carousel" arg-user="{$user}" />
				<xf:elseif is="property('af_as_postbit_type') == 'list'" />
					<xf:macro name="postbit_list" arg-user="{$user}" />
				</xf:if>
			</xf:if>

			<xf:if is="$xf.options.af_as_levels_enabled AND property('af_as_postbit_level_graph')">
				<div class="awardsPostbitLevelGraph">
					<div>{{ phrase('af_as_lv_x', {'level': user_award_level($user)}) }}&nbsp;</div>
					<xf:macro template="af_as_member_macros" name="level_progress_graph" arg-user="{$user}" />
				</div>
			</xf:if>

			<xf:if is="property('af_as_postbit_feature_button') AND (($xf.visitor.user_id == $user.user_id AND $user.canManuallyFeatureAwards()) OR $xf.visitor.canManageAwards())">
				<div class="awardsPostbitFeatureBtn">
					<xf:button class="button--link button--smaller" overlay="true" href="{{ link('award-system/user/sort', null, {'user': $user.user_id}) }}">{{ phrase('af_as_featureAwards') }}</xf:button>
				</div>
			</xf:if>
	</xf:if>
</xf:if>

<xf:macro name="postbit_carousel" arg-user="!">
    <xf:css src="carousel.less" />
    <xf:css src="lightslider.less" />

    <xf:js prod="xf/carousel-compiled.js" dev="vendor/lightslider/lightslider.min.js, xf/carousel.js" />

    <xf:set var="$userAwardRepo" value="{$xf.app.em.getRepository('AddonFlare\AwardSystem:UserAward')}" />

    <div class="carousel awardsPostbitCarousel">
        <ul class="carousel-body carousel-body--show2" data-xf-init="carousel">
            <xf:foreach loop="$userAwardRepo.getSlicedCollection($user.AwardSystemUserAwards, 0, $user.max_featured_awards)" value="$userAward">
                <li>
                    <div class="carousel-item">
                        {{ award_image($userAward.Award, $user.canViewAwardsUserProfile() ? (link('members', $user) . '#profile-awards') : '') }}
                    </div>
                </li>
            </xf:foreach>
        </ul>
    </div>
</xf:macro>

<xf:macro name="postbit_list1" arg-user="!">
    <xf:set var="$userAwardRepo" value="{$xf.app.em.getRepository('AddonFlare\AwardSystem:UserAward')}" />
	
	<xf:foreach loop="$userAwardRepo.getSlicedCollection($user.AwardSystemUserAwards, 0, $user.max_featured_awards)" value="$userAward">
	<div class="dp-profile-card-item title-description-apply-{{$userAward.award_id}} award-card-item swiper-slide" data-xf-init="tooltip" title="">
		<div class="dp-profile-card-icon">
			{{ award_image($userAward.Award) }}
		</div>
		<h4 class="dp-profile-card-title award-title-{{$userAward.award_id}}"></h4>
	</div>
	
	<script>
	// Given HTML content stored in the variable
	var userAward = '{{ award_image($userAward.Award) }}';

	// Create a temporary HTML element to parse the content
	var tempElement = document.createElement('div');
	tempElement.innerHTML = userAward;

	// Extract the "title" attribute
	var title = tempElement.querySelector('img').getAttribute('title');
	var description = tempElement.querySelector('img').getAttribute('title-description-awards');

	// Find the target HTML element by class name
	var profileCardItemElement = document.querySelector('.title-description-apply-{{$userAward.award_id}}');		
	var profileTitleElement = document.querySelector('.award-title-{{$userAward.award_id}}');

	// Apply the extracted title to the target element
	profileTitleElement.textContent = title;
	profileCardItemElement.setAttribute('title', description);
	</script>
		
	</xf:foreach>

</xf:macro>

<xf:macro name="postbit_list" arg-user="!">
    <xf:set var="$userAwardRepo" value="{$xf.app.em.getRepository('AddonFlare\AwardSystem:UserAward')}" />
	<div class="awardsPostbitContainer">
    <ul class="listPlain awardsPostbitList">
        <xf:foreach loop="$userAwardRepo.getSlicedCollection($user.AwardSystemUserAwards, 0, $user.max_featured_awards)" value="$userAward">
            <li>
                {{ award_image($userAward.Award, $user.canViewAwardsUserProfile() ? (link('members', $user) . '#profile-awards') : '') }}
            </li>
        </xf:foreach>
    </ul>
</div>
</xf:macro>

<xf:macro name="award_total" arg-user="!">
    <xf:if is="{{ property('af_as_postbit_total') }} AND $user.af_as_award_total">
        <dl class="pairs pairs--justified">
            <dt>{{ phrase('af_as_awards') }}</dt>
            <dd>{$user.af_as_award_total|number}</dd>
        </dl>
    </xf:if>
</xf:macro>

<xf:macro name="award_level" arg-user="!">
    <xf:if is="property('af_as_postbit_level') AND !property('af_as_postbit_level_graph') AND $user.showAwardLevel()">
        <dl class="pairs pairs--justified">
            <dt>{{ phrase('af_as_level') }}</dt>
            <dd>{{ user_award_level($user) }}</dd>
        </dl>
    </xf:if>
</xf:macro>]]></template>
    <template title="af_as_user_award_category_list" type="public" addon_id="AddonFlare/AwardSystem" version_id="1040170" version_string="1.4.1"><![CDATA[<xf:title>{{ phrase('af_as_xs_awards', {'username': $user.username}) }}</xf:title>

<xf:css src="af_as_user_award_list.less" />

<div class="blockMessage blockMessage--highlights">
    <div class="awardLevelInfo {{ $xf.options.af_as_levels_enabled ? '' : 'levelsDisabled' }}">
        <xf:if is="$xf.options.af_as_levels_enabled">
            <div>
                <h4 class="block-textHeader">{{ phrase('af_as_level:') }} {{ user_award_level($user) }} ({$user.af_as_award_points|number} {{ phrase('af_as_points') }})</h4>
            </div>
            <div class="u-alignCenter">
                <span>{{ phrase('af_as_x_points_until_level_y', {'points': $levelData.pointUntilNextLevel|number, 'level': $levelData.nextLevel.l|number}) }}</span>
                <xf:macro template="af_as_member_macros" name="level_progress_graph" arg-user="{$user}" />
            </div>
        </xf:if>
        <xf:if is="($xf.visitor.user_id == $user.user_id AND $user.canManuallyFeatureAwards()) OR $xf.visitor.canManageAwards()">
            <div class="awardLevelInfo-sort">
                <xf:button overlay="true" href="{{ link('award-system/user/sort', null, {'user': $user.user_id}) }}">
                    {{ phrase('af_as_feature') }}
                </xf:button>
            </div>
        </xf:if>
    </div>
</div>

<xf:macro name="awardbit_useraward_total" arg-award="!" arg-total="!">
    <xf:if is="$total > 1">
        <div class="contentRow-extra contentRow-extra--larger">
            <xf:comment>Show a number if the user has more than one of these awarded</xf:comment>
                
        </div>
    </xf:if>
</xf:macro>

<xf:macro name="awardbit_contentRowInner" arg-award="!" arg-userAward="!" arg-isTwoColumn="!">
    <div class="contentRow-figure contentRow-figure--{{ $isTwoColumn ? 'fixedMedium' : 'fixedSmall' }}">
            {{ award_image($award) }}
        </div>
    <div class="contentRow-main">
        <h2 class="contentRow-header">{$award.title}</h2>
        <div class="contentRow-minor">
			        <xf:if is="$userAward AND ($xf.visitor.is_admin OR $xf.visitor.user_id == $userAward.user_id)">
            <div class="contentRow-snippet">
                {$userAward.award_reason}
				<xf:if is="$userAward">
					 <dl class="pairs pairs--inline" style="float: right;">
                        <dd><xf:date time="{$userAward.date_received}" /></dd>
                    </dl>
                </xf:if>
            </div>
        </xf:if>
        </div>

    </div>
</xf:macro>

<xf:macro name="awardbit_visible"
    arg-award="!"
    arg-userAward="!"
    arg-total="0"
    arg-isTwoColumn="{{ false }}"
    arg-isNextAward="{{ false }}">

    <li class="block-row block-row--separated{{ !$userAward ? 'showAsDeleted' : '' }} {{ $isTwoColumn ? 'block-row--isTwoColumn' : '' }}">
        <div class="contentRow {{ !$userAward ? 'showAsDeleted' : '' }}">

            <xf:macro name="awardbit_contentRowInner" arg-award="{$award}" arg-userAward="{$userAward}" arg-isTwoColumn="{$isTwoColumn}" />

            <xf:if is="!$isTwoColumn">
                <xf:macro name="awardbit_useraward_total" arg-award="{$award}" arg-total="{$total}" />
            </xf:if>
        </div>
    </li>

    <xf:if is="$isTwoColumn">
        <li class="block-row block-row--separated {{ $isTwoColumn ? 'block-row--isTwoColumn' : '' }}">
            <div class="contentRow">
                <div class="contentRow-main"></div>
                <xf:macro name="awardbit_useraward_total" arg-award="{$award}" arg-total="{$total}" />
            </div>
        </li>
    </xf:if>
</xf:macro>

<xf:macro name="awardbit_step"
    arg-award="!"
    arg-userAward="!"
    arg-total="0"
    arg-isTwoColumn="{{ false }}"
    arg-isNextAward="{{ false }}">

    <xf:set var="$isTwoColumn" value="{{ true }}" />

    <li class="block-row step block-row--separated {{ $isTwoColumn ? 'block-row--isTwoColumn' : '' }} {{ $isNextAward ? 'block-row--isNext' : '' }}">
        <div class="contentRow">
            <xf:macro name="awardbit_contentRowInner" arg-award="{$award}" arg-userAward="{$userAward}" arg-isTwoColumn="{$isTwoColumn}" />

            <xf:macro name="awardbit_useraward_total" arg-award="{$award}" arg-total="{$total}" />
        </div>
    </li>
</xf:macro>

<xf:macro name="awardbit_hidden"
    arg-award="!"
    arg-userAward="!"
    arg-total="0"
    arg-isTwoColumn="{{ false }}"
    arg-isNextAward="{{ false }}">

    <xf:set var="$isTwoColumn" value="{{ true }}" />

    <li class="block-row block-row--separated {{ $isTwoColumn ? 'block-row--isTwoColumn' : '' }}">
        <div class="contentRow">
            <xf:macro name="awardbit_contentRowInner" arg-award="{$award}" arg-userAward="{$userAward}" arg-isTwoColumn="{$isTwoColumn}" />

            <xf:macro name="awardbit_useraward_total" arg-award="{$award}" arg-total="{$total}" />
        </div>
    </li>
</xf:macro>

<div class="blocks">
    <xf:foreach loop="$grouped" key="$categoryId" value="$group">
        <xf:set var="$category" value="{$categories.{$categoryId}}" />
        <xf:set var="$displayMode" value="{{ $category ? $category.display_mode : 'visible' }}" />
        <xf:set var="$isFirstInCategory" value="{{ true }}" />

        <xf:if contentcheck="true">
            <div class="block">
                <div class="block-container">
                    <h3 class="block-header">Total: {$user.af_as_award_total}</h3>
                    <ol class="block-body userAwardsContainer">
                        <xf:contentcheck>
                            <xf:foreach loop="$group" key="$awardId" value="$userAwards">
                                <xf:set var="$first" value="{{ $userAwards|first }}" />
                                <xf:set var="$last" value="{{ $userAwards|last }}" />
                                <xf:set var="$nextAward" value="{$nextAwards.{$categoryId}}" />

                                <xf:comment>Disable the first award</xf:comment>
                                <xf:set var="$userAward" value="{$first}" />

                                <xf:set var="$total" value="{{ count($userAwards) }}" />

                                <xf:macro name="awardbit_{$displayMode}"
                                    arg-award="{$awards.{$awardId}}"
                                    arg-userAward="{$userAward}"
                                    arg-isTwoColumn="{{ false }}"
                                    arg-total="{$total}" />

                                <xf:comment>Used only for step by step type to display the next award</xf:comment>
                                <xf:if is="$nextAward AND $awardId == {$lastAwardIdsPerCategory.{$categoryId}}">
                                    <xf:set var="$award" value="{$nextAward}" />
                                    <xf:set var="$isNextAward" value="{{ true }}" />

                                    <xf:macro name="awardbit_{$displayMode}"
                                        arg-award="{$award}"
                                        arg-userAward="{{ false }}"
                                        arg-isTwoColumn="{{ true }}"
                                        arg-isNextAward="{{ true }}" />
                                </xf:if>

                                <xf:set var="$isFirstInCategory" value="{{ false }}" />
                            </xf:foreach>
                        </xf:contentcheck>
                    </ol>
                </div>
            </div>
        </xf:if>
    </xf:foreach>
</div>]]></template>
    <template title="af_as_user_award_sort" type="public" addon_id="AddonFlare/AwardSystem" version_id="1040170" version_string="1.4.1"><![CDATA[<xf:title>{{ phrase('af_as_feature_awards_user_x', {'user': $user.username}) }}</xf:title>

<xf:css src="public:help_page_smilies.less" />

<xf:wrap template="account_wrapper" />

<xf:macro template="public:nestable_macros" name="setup" />

<xf:css>
    img.afAwardImg {
        max-height: 30px;
        vertical-align: text-bottom;
    }

    .blockMessage--noMargin
    {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .tabPanes--awards .nestable-content
    {

    }

    #nestable-list-available .nestable-handle
    {
        display: none;
    }

    #nestable-list-available > .nestable-item
    {
        /*fix margin since handle is hidden for this list*/
        margin-left: -30px;
    }

    .moveAward
    {
        width: 30px;
        cursor: pointer;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        text-align: center;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .moveAward + .nestable-content
    {
        margin-left: 60px;
    }

    #featuredAwardsRemaining
    {
        font-weight: bold;
        color: red;
    }
	
	.blockMessage.blockMessage--highlight {
	background: #151518;
	}
</xf:css>

<div class="blockMessage blockMessage--noMargin blockMessage--close blockMessage--highlight">
    <a onclick="return confirm('{{ phrase('confirm_action')|for_attr }}')" href="{{ link('award-system/user/sort', null, {'user': $user.user_id, 'remove': 1}) }}">{{ phrase('af_as_remove_featured_awards_from_profile') }}</a>
</div>

<xf:form action="{{ link('award-system/user-options', null, {'user': $user.user_id}) }}" ajax="true" data-force-flash-message="on" class="block">
    <div class="block-container">
        <div class="block-body">
            <xf:checkboxrow standalone="true">
                <xf:option data-xf-click="submit" name="af_as_auto_feature" selected="{$user.Option.af_as_auto_feature}"
                label="{{ phrase('af_as_auto_feature_awards') }}"
                hint="{{ phrase('af_as_auto_feature_awards_hint') }}" />
            </xf:checkboxrow>
        </div>
    </div>
</xf:form>

<xf:form action="{{ link('award-system/user/sort', null, {'user': $user.user_id}) }}" class="block block--close" ajax="true" data-force-flash-message="on">
    <div class="block-container">
        <div class="block-body">
            <h2 class="block-tabHeader tabs" data-xf-init="tabs" role="tablist">
                <a class="tabs-tab is-active" role="tab" tabindex="0" aria-controls="{{ unique_id('af_as_featuredAwards') }}">{{ phrase('af_as_featuredAwards') }}</a>
                <a class="tabs-tab" role="tab" tabindex="0" aria-controls="{{ unique_id('availableAwards') }}">{{ phrase('af_as_availableAwards') }}</a>
            </h2>
            <ul class="tabPanes tabPanes--awards">
                <li class="is-active" role="tabpanel" id="{{ unique_id('af_as_featuredAwards') }}">
                    <div class="block-body block-row">
                        {{ phrase('af_as_featuredAwards_instructions') }}
                    </div>
                    <xf:macro name="nestable" arg-awards="{$featuredUserAwards}" arg-listKey="featured" />
                </li>
                <li role="tabpanel" id="{{ unique_id('availableAwards') }}">
                    <div class="block-body block-row">
                        {{ phrase('af_as_availableAwards_instructions_limit', {'limit': $featuredUserAwardsRemaining}) }}
                    </div>
                    <xf:macro name="nestable" arg-awards="{$availableUserAwards}" arg-listKey="available" />
                </li>
            </ul>
        </div>
        <xf:submitrow icon="save" rowtype="simple" sticky="true" />
    </div>
</xf:form>

<xf:macro name="nestable" arg-awards="!" arg-listKey="!">
    <div class="nestable-container" data-xf-init="nestable" data-max-depth="1" data-value-function="serialize">
        <ol class="nestable-list" id="nestable-list-{$listKey}">
            <xf:foreach loop="$awards" key="$userAwardId" value="$userAward" i="$i">
                <li class="nestable-item" data-id="{$userAwardId}">
                    <div class="nestable-handle nestable-handle--full" aria-label="{{ phrase('drag_handle')|for_attr }}"><i class="fa fa-bars" aria-hidden="true"></i></div>
                    <div class="nestable-content moveAward"><i class="fa fa-arrows-alt-h" aria-hidden="true"></i></div>
                    <div class="nestable-content">{{ award_image($userAward.Award) }} {$userAward.Award.title} <span class="smilieText"><xf:date time="{$userAward.date_received}" /></span></div>
                </li>
            </xf:foreach>
        </ol>
        <xf:hiddenval name="awards-{$listKey}" value="" />
    </div>
</xf:macro>

<xf:js>
    $(function()
    {
        var maxFeatured = {$user.max_featured_awards},
            currentlyFeatured = {$featuredUserAwardsCount},
            $availableList = $('#nestable-list-available'),
            $featuredList = $('#nestable-list-featured');

        var updateFeaturedAwardsRemaining = function()
        {
            var remaining = Math.max(0, maxFeatured - currentlyFeatured);

            $('#featuredAwardsRemaining').text(remaining);
        };

        $availableList.on('click', '.moveAward', function()
        {
            if (((currentlyFeatured + 1) > maxFeatured))
            {
                return false;
            }

            var $listItem = $(this).closest('li');
            $listItem.fadeOut(XF.config.speed.fast, function()
            {
                currentlyFeatured++;
                $listItem.appendTo($featuredList).show();
                $featuredList.change();

                updateFeaturedAwardsRemaining();
            });
        });

        $featuredList.on('click', '.moveAward', function()
        {
            var $listItem = $(this).closest('li');
            $listItem.fadeOut(XF.config.speed.fast, function()
            {
                currentlyFeatured--;
                $listItem.appendTo($availableList).show();
                $featuredList.change();

                updateFeaturedAwardsRemaining();
            });
        });
    });
</xf:js>]]></template>
    <template title="alert" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<div class="contentRow">
	<div class="contentRow-figure">
		<xf:avatar user="$alert.User" size="xxs" defaultname="{$alert.username}" />
	</div>
	<div class="contentRow-main contentRow-main--close">
		{$alert.render()|raw}
		<div class="contentRow-minor contentRow-minor--smaller">
			<xf:date time="$alert.event_date" />
		</div>
	</div>
</div>]]></template>
    <template title="app_body.less" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[// ######################################### MAIN BODY #################################

.p-body
{
	display: flex;
	align-items: stretch;
	flex-grow: 1;
	min-height: 1px; // IE11 workaround - related to #139187
}

.p-body-inner
{
	display: flex;
	flex-direction: column;
	width: 100%;
}

.p-body-inner
{
	.m-pageWidth();
	.m-pageInset();
	.m-clearFix();
	padding: 0 12px;
	padding-top: ((@xf-elementSpacer) / 2);
	padding-bottom: @xf-elementSpacer;
}

.p-body-main
{
	display: table;
	table-layout: fixed;
	width: 100%;
	min-height: 1px; // IE11 workaround - related to #139187
	margin-bottom: auto;
	z-index: 0;
		
	&--withSidebar {
		display: flex;
		align-items: flex-start;
	}
}

.p-body-content
{
	display: block;
	width: 100%;

	.p-body-main--withSideNav &
	{
		padding-left: @xf-sidebarSpacer;
	}

	.p-body-main--withSidebar &
	{
		flex: 1 1 auto;
		padding-right: @xf-sidebarSpacer;
	}

	.p-body-main--withSidebar &,
	.p-body-main--withSideNav &
	{
		// don't let the ad overflow the sidebar area -- this can happen due to how the Adsense JS works
		ins.adsbygoogle
		{
			// -10px gives a little buffer or helps account for no scrollbar being considered
			max-width: calc(~'100vw - 10px - @{xf-pageEdgeSpacer} - @{xf-pageEdgeSpacer} - @{xf-sidebarWidth} - @{xf-sidebarSpacer}');

			@media (min-width: @xf-pageWidthMax)
			{
				// window wider than the max width, so limit to the display area without the sidebar
				max-width: calc(~'@{xf-pageWidthMax} - @{xf-pageEdgeSpacer} - @{xf-pageEdgeSpacer} - @{xf-sidebarWidth} - @{xf-sidebarSpacer}');
			}

			@media (max-width: @xf-responsiveWide)
			{
				// sidebar/sidenav have been moved/hidden
				max-width: 100vw;
			}
		}
	}
}

.p-body-pageContent
{
	> .tabs--standalone:first-child
	{
		margin-bottom: (@xf-elementSpacer) / 2;
	}
}

.p-body-sideNav
{
	display: table-cell;
	vertical-align: top;
	width: @xf-sidebarWidth;
}

.p-body-sideNavTrigger
{
	display: none;
}

.p-body-sidebar
{
	flex: 0 0 auto;
	display: block;
	width: @xf-sidebarWidth;

	.contentRow-figure .avatar--m
	{
		// make these avatars a bit smaller in the sidebar so the content has more space
		.m-avatarSize(@avatar-m * 2 / 3);
	}
}

.p-body-sideNavCol,
.p-body-contentCol,
.p-body-sidebarCol
{
	display: table-column;
}

.p-body-sideNavCol,
.p-body-sidebarCol
{
	width: auto;
}

.p-body-content,
.p-body-pageContent,
.p-body-sideNav,
.p-body-sideNavContent,
.p-body-sidebar
{
	> :first-child
	{
		margin-top: 0;
	}

	> :last-child
	{
		margin-bottom: 0;
	}
}

@media (max-width: @xf-responsiveWide)
{
	.p-body-sideNavCol,
	.p-body-contentCol,
	.p-body-sidebarCol
	{
		display: none;
		width: auto;
	}

	.p-body-main,
	.p-body-content
	{
		display: block;
		overflow: hidden;
	}

	.p-body-sideNav
	{
		display: block;
		width: auto;
	}

	.p-body-sideNavTrigger
	{
		margin-bottom: ((@xf-elementSpacer) / 2);
		text-align: center;

		.button:before
		{
			.m-faBase();
			font-size: 120%;
			vertical-align: middle;
			display: inline-block;
			margin: -4px 6px -4px 0;
			.m-faContent(@fa-var-bars); //, .88em
		}

		.has-js &
		{
			display: block;
		}
	}

	.has-js .p-body-sideNavInner:not(.offCanvasMenu)
	{
		display: none;

		.m-transitionFadeDown();
	}

	.has-no-js .p-body-sideNavInner
	{
		margin-bottom: @xf-elementSpacer;
	}

	.p-body-sidebar
	{
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		margin: (@xf-elementSpacer) -((@xf-pageEdgeSpacer) / 2) -(@xf-elementSpacer);
		width: auto;

		> *
		{
			margin: 0 ((@xf-pageEdgeSpacer) / 2) @xf-elementSpacer;
			min-width: @xf-sidebarWidth;
			flex: 1 1 @xf-sidebarWidth;

			&:last-child
			{
				margin-bottom: @xf-elementSpacer;
			}
		}

		// add an invisible block to ensure that the last row has the correct widths
		&:after
		{
			display: block;
			content: '';
			height: 0;
			margin: 0 ((@xf-pageEdgeSpacer) / 2);
			min-width: @xf-sidebarWidth;
			flex: 1 1 @xf-sidebarWidth;
		}

		.block-container
		{
			display: flex;
			flex-direction: column;
			height: 100%;

			.block-footer
			{
				margin-top: auto;
			}
		}
	}

	.p-body-main--withSideNav,
	.p-body-main--withSidebar
	{
		.p-body-content {
			width: 100%;
			max-width: 100%;
			padding: 0; 
		}
	}
}

@media (max-width: @xf-responsiveEdgeSpacerRemoval)
{
	.p-body-sideNavContent
	{
		// this is likely to contain blocks that overflow the container so account for that
		margin: 0 -@xf-pageEdgeSpacer;
		padding: 0 @xf-pageEdgeSpacer;

		.offCanvasMenu &
		{
			margin: 0;
			padding: 0;
		}
	}

	.p-body-sidebar
	{
		display: block;
		width: 100%;
		margin-left: 0;
		margin-right: 0;

		> *
		{
			margin-left: 0;
			margin-right: 0;
			min-width: 0;
		}
	}
}]]></template>
    <template title="app_breadcrumbs.less" type="public" addon_id="XF" version_id="2020871" version_string="2.2.8 Patch 1"><![CDATA[.p-breadcrumbs
{
	.m-listPlain();
	.m-clearFix();

	margin-top: 5px;
	margin-bottom: 28px;
	line-height: 1.5;

	&.p-breadcrumbs--bottom
	{
		margin-top: @xf-elementSpacer;
		margin-bottom: 0;
	}

	> li
	{
		float: left;
		font-size: @xf-fontSizeSmall;
		font-weight: 500;
		padding-right: @xf-paddingSmall;

		a
		{
			display: inline-block;
			vertical-align: bottom;
			max-width: 300px;
			color: #a1a5b7;
			.m-overflowEllipsis();
		}

		&:after,
		&:before
		{
			.m-faBase();
			vertical-align: middle;
			font-size: 4px;
			font-weight: 900;
			color: @xf-textColorMuted;
			margin: 0 4px;
		}

		&:after
		{
			.m-faContent(@fa-var-circle, false ltr); //, .5em
			.m-faContent(@fa-var-circle, false, rtl); //, .5em
		}

		&:last-child
		{
			a
			{
				color: @xf-linkColor;
			}
		}
	}
}

@media (max-width: @xf-responsiveMedium)
{
	.p-breadcrumbs > li a
	{
		max-width: 200px;
	}
}

@media (max-width: @xf-responsiveNarrow)
{
	.p-breadcrumbs
	{
		> li
		{
			display: none;

			&:last-child
			{
				display: block;
			}

			a
			{
				max-width: 90vw;
			}

			&:after
			{
				display: none;
			}

			&:before
			{
				.m-faContent(@fa-var-chevron-left, false, ltr);
				.m-faContent(@fa-var-chevron-right, false, rtl);
				font-size: 14px;
				margin-right: .5em;
			}
		}
	}
}]]></template>
    <template title="app_footer.less" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[.p-footer
{
	.xf-publicFooter();

	a
	{
		.xf-publicFooterLink();
		color: #757677 !important;
	}
}

.p-footer-inner
{
	.m-pageWidth();
	.m-pageInset();

	padding-top: @xf-paddingMedium;
	padding-bottom: @xf-paddingLarge;
}

.p-footer-row
{
	.m-clearFix();

	margin-bottom: -@xf-paddingLarge;
}

.p-footer-row-main
{
	float: left;
	margin-bottom: @xf-paddingLarge;
}

.p-footer-row-opposite
{
	float: right;
	margin-bottom: @xf-paddingLarge;
}

.p-footer-linkList
{
	.m-listPlain();
	.m-clearFix();

	> li
	{
		float: left;
		margin-right: .5em;

		&:last-child
		{
			margin-right: 0;
		}

		a
		{
			padding: 2px 4px;
			border-radius: @xf-borderRadiusSmall;

			&:hover
			{
				text-decoration: none;
				background-color: fade(@xf-publicFooterLink--color, 10%);
			}
		}
	}
}

.p-footer-rssLink
{
	> span
	{
		position: relative;
		top: -1px;

		display: inline-block;
		width: 1.44em;
		height: 1.44em;
		line-height: 1.44em;
		text-align: center;
		font-size: .8em;
		background-color: #FFA500;
		border-radius: 2px;
	}

	.fa-rss
	{
		color: white;
	}
}

.p-footer-copyright
{
	margin-top: @xf-elementSpacer;
	text-align: center;
	font-size: @xf-fontSizeSmallest;
}

.p-footer-debug
{
	margin-top: @xf-paddingLarge;
	text-align: right;
	font-size: @xf-fontSizeSmallest;

	.pairs > dt { color: inherit; }
}

@media (max-width: @xf-responsiveMedium)
{
	.p-footer-row-main,
	.p-footer-row-opposite
	{
		float: none;
	}

	.p-footer-copyright
	{
		text-align: left;
		padding: 0 4px; // aligns with other links
	}
}]]></template>
    <template title="app_inlinemod.less" type="public" addon_id="XF" version_id="2021270" version_string="2.2.12"><![CDATA[// #################################### INLINE MOD BUTTON ################

.inlineModButton
{
	display: inline-block;
	position: relative;

	i:before
	{
		display: inline-block;
		.m-faBase();
		.m-faContent(@fa-var-check-square, 1em); //, .88em
		vertical-align: -1px;
		font-size: 1.2em;
		margin: -.2em 0;
		line-height: 1;
	}

	&.inlineModButton--noIcon i
	{
		display: none;
	}

	&.is-mod-active
	{
		color: @xf-textColorAttention;

		.inlineModButton-count
		{
			display: inline;
		}
	}

	&:not(.inlineModButton--withLabel)
	{
		.inlineModButton-label
		{
			.m-visuallyHidden();
		}
	}
}

.inlineModButton-count
{
	display: none;
	position: absolute;
	top: -3px;
	left: -6px;
	.xf-contentAccentBase();
	border: @xf-borderSize solid @xf-borderColorAccentContent;
	border-radius: @xf-borderRadiusSmall;
	padding: 1px 2px;
	font-size: 9px;
	line-height: 1;

	.inlineModButton--noIcon &
	{
		position: static;
		font-size: 80%;
		padding-top: 0;
		padding-bottom: 0;
	}
}

// #################################### INLINE MOD BAR ################

.inlineModBar
{
	.xf-inlineModBar();
	.m-transitionFadeDown();
	.m-clearFix();

	.input,
	.button
	{
		padding-top: @xf-paddingSmall;
		padding-bottom: @xf-paddingSmall;
	}

	&.is-active:first-of-type
	{
		.m-dropShadow(0, 0, 8px, 3px, 0.12);
	}
}

.inlineModBar-inner
{
	.m-pageWidth();
	.m-pageInset();

	display: flex;
	align-items: center;
}

.inlineModBar-controls
{
	.m-listPlain();
	margin-right: auto;

	display: flex;
	align-items: center;
	flex-wrap: wrap;
	min-height: 35px;
	max-width: 100%;

	> li
	{
		float: left;
		display: inline-block;
		margin-right: 1em;

		&:last-child
		{
			margin-right: 0;
		}
	}
}

.inlineModBar-close
{
	float: right;
	margin-left: 1em;
	order: 2;
}

.inlineModBar-title
{
	font-weight: @xf-fontWeightHeavy;
}

.button.inlineModBar-goButton
{
	font-size: @xf-fontSizeNormal;
	line-height: @xf-lineHeightDefault;
	min-width: 0;
}

.inlineModBarCover
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	cursor: pointer;
}]]></template>
    <template title="app_nav.less" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[// navEl / Navigation Elements for header navigation

.p-navEl
{
	.m-clearFix();
	color: #A4A6A8 !important;
}

.p-navEl-linkHolder
{
	float: left;
}

.p-navEl-link
{
	float: left;
	.m-transition(opacity, background; @_nav-elTransitionSpeed);

	&.p-navEl-link--menuTrigger
	{
		cursor: pointer;

		&:after
		{
			.m-menuGadget(); // .58em
			opacity: .5;
			.m-transition(opacity; @_nav-elTransitionSpeed);
		}

		&:hover:after
		{
			opacity: 1;
		}
	}
}

.p-navEl-splitTrigger
{
	float: left;
	opacity: .5;
	cursor: pointer;
	text-decoration: none;
	.m-transition(all; @_nav-elTransitionSpeed);

	&:after
	{
		.m-menuGadget(); // .58em
		line-height: 1;
	}

	&:hover
	{
		opacity: 1;
		text-decoration: none;
	}
}

// HEADER NAV ROW

.p-nav
{
	.xf-publicNav();

	a
	{
		color: inherit;
	}
}

.p-nav-inner
{
	.m-pageWidth();
	.m-pageInset(0px);
	.m-clearFix();
	display: flex;
	align-items: center;
}

.p-nav .p-nav-menuTrigger
{
	display: none;
	vertical-align: middle;
	align-self: center;
	margin-left: max(0px, @xf-pageEdgeSpacer - 6px);
	margin-right: 5px;
	padding: @xf-publicNavPaddingV 8px;
	color: inherit;

	&:hover
	{
		text-decoration: none;
	}

	i:after
	{
		.m-faBase();
		font-size: @xf-fontSizeLargest;
		.m-faContent(@fa-var-bars); //, .88em
		vertical-align: bottom;
	}

	.p-nav-menuText
	{
		display: none;
	}
}

.p-nav-smallLogo
{
	display: none;
	max-width: 140px;
	align-self: center;

	img
	{
		display: block;
		max-height: @header-navHeight;

		&:not([src$=".svg"])
		{
			width: auto;
		}
	}
}

.p-nav-scroller
{
	margin-right: auto;
	max-width: 100%;

	.hScroller-scroll:not(.is-calculated)
	{
		// IE11 seems to want to flash a vertical scrollbar without this here
		overflow: hidden;
	}

	.hScroller-action
	{
		.m-hScrollerActionColorVariation(
			xf-default(@xf-publicNav--background-color, transparent),
			xf-default(@xf-publicNav--color, ~""),
			xf-intensify(@xf-publicNav--color, 10%)
		);
	}
}

.p-nav-list
{
	.m-listPlain();
	.m-clearFix();

	font-size: 0;

	// this applies padding that will be contained within the scroller.
	// it needs font-size 0 to not create extra space though
	&:before,
	&:after
	{
		display: inline-block;
		width: @xf-pageEdgeSpacer;
		content: '';
	}

	> li
	{
		display: inline-block;
		vertical-align: bottom;
		font-size: @xf-fontSizeNormal;

		&:first-child
		{
			margin-left: 0;
		}
	}

	.m-navElHPadding(@xf-publicNavPaddingH);

	.p-navEl
	{
		.xf-publicNavTab();
		.m-transition(all; @_nav-elTransitionSpeed);

		&.is-selected
		{
			.xf-publicNavSelected();

			.p-navEl-link
			{
				padding-right: @xf-publicNavPaddingH; // since the split trigger is hidden

				&:hover
				{
					background: none;
					text-decoration: none;
				}
			}

			.p-navEl-splitTrigger
			{
				display: none;
			}
		}

		&:not(.is-selected):not(.is-menuOpen)
		{
			&:hover,
			.p-navEl-link:hover,
			.p-navEl-splitTrigger:hover
			{
				.xf-publicNavTabHover();
			}
		}

		&.is-menuOpen
		{
			.xf-publicNavTabMenuOpen();

			a
			{
				text-decoration: none;
				opacity: 1;
			}
		}
	}

	.p-navEl-link,
	.p-navEl-splitTrigger
	{
		padding-top: @xf-publicNavPaddingV;
		padding-bottom: @xf-publicNavPaddingV;
	}
}

.p-navSticky--primary.is-sticky
{
	.p-nav-list
	{
		.p-navEl-link.p-navEl-link--splitMenu
		{
			padding-right: ((@xf-publicNavPaddingH) / 4);
		}

		.p-navEl.is-selected .p-navEl-splitTrigger
		{
			display: inline;
		}
	}
}

@media (max-width: @xf-publicNavCollapseWidth)
{
	.has-js
	{
		.p-nav-inner
		{
			min-height: 45px;
		}

		.p-nav .p-nav-menuTrigger
		{
			display: inline-block;
		}

		.p-nav-smallLogo
		{
			display: inline-block;
			vertical-align: middle;
		}

		.p-nav-scroller
		{
			display: none;
		}
	}
}

// ACCOUNT/VISITOR/SEARCH SECTION

.p-nav-opposite
{
	margin-left: auto;
	margin-right: @xf-pageEdgeSpacer;
	text-align: right;
	flex-shrink: 0;
}

.p-navgroup
{
	float: left;
	.m-clearFix();
}

.p-navgroup-link
{
	float: left;
	padding: (@xf-publicNavPaddingV - 4px) @_navAccount-hPadding;
	border-radius: @xf-borderRadiusLarge;

	&:hover
	{
		text-decoration: none;
		background: @xf-publicHeaderAdjustColor;
	}

	&.p-navgroup-link--user
	{
		.m-overflowEllipsis();
		max-width: 150px;
		padding-top: (@xf-publicNavPaddingV - 10px);
		padding-bottom: (@xf-publicNavPaddingV - 10px);

		.avatar
		{
			.m-avatarSize(34px);
		}
		
		.p-navgroup-linkText
		{
			display: inline-block;
			vertical-align: sub;
			font-size: @xf-fontSizeSmall;
			font-weight: 500;
			text-align: left;
			
			span
			{
				display: block;
				font-size: 10px;
				font-weight: 300;
				opacity: 0.85;
			}
		}
	}

	&.badgeContainer
	{
		opacity: .6;
		position: relative;

		&:after
		{
	position: absolute;
    right: 4px;
    top: 2px;
    margin: 0;
    font-size: 12px;
    border: 2px solid #000;
			font-size: 14px;
		}

		&:hover,
		&.badgeContainer--highlighted
		{
			opacity: 1;
		}
	}

	&.is-menuOpen
	{
		.xf-publicNavTabMenuOpen();
		opacity: 1;
	}

	&.p-navgroup-link--iconic
	{
		i:after
		{
			.m-faBase();
			display: inline-block;
			min-width: 1.2em;
			font-size: 1.1em;
			text-align: center;
		}
	}

	&.p-navgroup-link--conversations i:after
	{
		.m-faContent(@fa-var-envelope, 1em);
	}

	&.p-navgroup-link--alerts i:after
	{
		.m-faContent(@fa-var-bell); //, .88em
	}
	
	&.p-navgroup-link--logIn i:after
	{
		.m-faContent(@fa-var-sign-in);  //, .88em
	}
	
	&.p-navgroup-link--register i:after
	{
		.m-faContent(@fa-var-user-plus);  //, .88em
	}

	&.p-navgroup-link--bookmarks i:after
	{
		.m-faContent(@fa-var-bookmark); //, .75em
	}

	&.p-navgroup-link--whatsnew i:after
	{
		.m-faContent(@fa-var-bolt); //, .63em
	}

	&.p-navgroup-link--search i:after
	{
		.m-faContent(@fa-var-search); //, 1em
	}
}

.p-navgroup-link--whatsnew
{
	display: none;
}

@media (max-width: @xf-responsiveWide)
{
	.p-navgroup-link
	{
		&.p-navgroup-link--iconic .p-navgroup-linkText,
		&.p-navgroup-link--textual i
		{
			display: none;
		}

		&.p-navgroup-link--textual
		{
			.m-overflowEllipsis();
			max-width: 110px;
		}

		&.p-navgroup-link--iconic i:after
		{
			text-align: center;
		}
	}
}

@media (max-width: @xf-publicNavCollapseWidth)
{
	.p-navgroup-link--whatsnew
	{
		display: block;
	}

	.has-js
	{
		.p-nav-opposite
		{
			align-self: center;
			margin-right: max(0px, @xf-pageEdgeSpacer - 6px);

			.p-navgroup
			{
				background: none;
				margin-left: 0;
			}

			.p-navgroup-link
			{
				border: none;
				border-radius: @xf-borderRadiusMedium;

				&.is-menuOpen
				{
					.m-borderBottomRadius(0);
				}

				&.badgeContainer
				{
					opacity: 1;
				}
			}
		}
	}
}

@media (max-width: 359px)
{
	.p-navgroup-link&.p-navgroup-link--user
	{
		display: none;
	}
}

@media (max-width: 374px)
{
	.p-navgroup-link.p-navgroup-link--register
	{
		display: none;
	}
}]]></template>
    <template title="app_sectionlinks.less" type="public" addon_id="XF" version_id="2010170" version_string="2.1.1"><![CDATA[// SUB SECTION LINKS

.p-sectionLinks
{
	.xf-publicSubNav();

	.hScroller-action
	{
		.m-hScrollerActionColorVariation(
			xf-default(@xf-publicSubNav--background-color, transparent),
			xf-default(@xf-publicSubNav--color, ~""),
			xf-default(@xf-publicSubNavElHover--color, ~"")
		);
	}

	&.p-sectionLinks--empty
	{
		height: 10px;
	}
}

.p-sectionLinks-inner
{
	.m-clearFix();
	.m-pageWidth();

	@defaultPadding:  max(0px, @xf-pageEdgeSpacer - @xf-publicSubNavPaddingH);
	.m-pageInset(@defaultPadding);
}

.p-sectionLinks-list
{
	.m-listPlain();

	font-size: 0;

	a
	{
		color: inherit;
	}

	> li
	{
		display: inline-block;
	}

	.m-navElHPadding(@xf-publicSubNavPaddingH);

	.p-navEl
	{
		font-size: @xf-publicSubNav--font-size;

		&:hover
		{
			.xf-publicSubNavElHover();

			a
			{
				text-decoration: @xf-publicSubNavElHover--text-decoration;
			}
		}

		&.is-menuOpen
		{
			.xf-publicSubNavElMenuOpen();
		}
	}

	.p-navEl-link,
	.p-navEl-splitTrigger
	{
		padding-top: @xf-publicSubNavPaddingV;
		padding-bottom: @xf-publicSubNavPaddingV;
	}
}

@media (max-width: @xf-publicNavCollapseWidth)
{
	.has-js .p-sectionLinks
	{
		display: none;
	}
}]]></template>
    <template title="app_user_banners.less" type="public" addon_id="XF" version_id="2010470" version_string="2.1.4"><![CDATA[.m-userBannerVariation(@color; @bg; @border: false)
{
	color: @color;
	background: @bg;
	border-color: xf-intensify(@bg, 10%);

	& when (iscolor(@border))
	{
		border-color: @border;
	}
}

.userBanner
{
	font-size: 75%;
	font-weight: @xf-fontWeightNormal;
	font-style: normal;
	padding: 1px @xf-paddingMedium;
	border: 1px solid transparent;
	border-radius: @xf-borderRadiusSmall;
	text-align: center;
	display: inline-block;

	strong
	{
		font-weight: inherit;
	}

	// variations
	&.userBanner--hidden
	{
		background: none;
		border: none;
		box-shadow: none;
	}

	&.userBanner--staff,
	&.userBanner--primary
	{
		.m-userBannerVariation(@xf-textColorEmphasized, @xf-paletteColor1, @xf-paletteColor1);
	}

	&.userBanner--accent
	{
		.m-userBannerVariation(@xf-textColorEmphasized, @xf-paletteAccent1, @xf-paletteAccent1);
	}
	
	&.userBanner--owner
	{
		.m-userBannerVariation(@xf-textColorEmphasized, @xf-paletteAccent2, @xf-paletteAccent2);
	}

	&.userBanner--red { .m-userBannerVariation(white, #d80000); }
	&.userBanner--green { .m-userBannerVariation(white, green); }
	&.userBanner--olive { .m-userBannerVariation(white, olive); }
	&.userBanner--lightGreen { .m-userBannerVariation(black, #ccf9c8, #bee8ba); }
	&.userBanner--blue { .m-userBannerVariation(white, #0008e3); }
	&.userBanner--royalBlue { .m-userBannerVariation(white, royalblue); }
	&.userBanner--skyBlue { .m-userBannerVariation(white, #7cc3e0); }
	&.userBanner--gray { .m-userBannerVariation(white, gray); }
	&.userBanner--silver { .m-userBannerVariation(black, silver); }
	&.userBanner--yellow { .m-userBannerVariation(black, #ffff91, #e6e687); }
	&.userBanner--orange { .m-userBannerVariation(black, #ffcb00); }
}]]></template>
    <template title="bb_code.less" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[@_bbCodeBlock-spacing: .5em;
@_bbCodeBlock-paddingV: @xf-paddingMedium;
@_bbCodeBlock-paddingH: @xf-paddingLarge;
@_bbCodeBlock-expandTriggerHeight: (@xf-bbCodeBlockExpandHeight) / 2;

.bbCodeBlock
{
    display: flow-root;
    margin: 0.5em 0;
    background: #151518;
    border: 1px solid #292a2b;
    border-left: 3px solid #22c55e;

	&.bbCodeBlock--quote
	{
		.bbCodeBlock-content
		{
			font-size: @xf-fontSizeSmall;
			color: inherit !important;
		}
	}
}

.bbCodeBlock-title
{
	padding: @_bbCodeBlock-paddingV @_bbCodeBlock-paddingH;
	color: #22c55e;
	background: #101013;
	.m-clearFix();
}

a.bbCodeBlock-sourceJump
{
	color: inherit;
	text-decoration: none;

	&:hover
	{
		text-decoration: underline;
	}

	&:after
	{
		.m-faBase();
		.m-faContent(@fa-var-arrow-circle-up); //, 1em
		display: inline-block;
		margin-left: 5px;
	}
}

.bbCodeBlock-content
{
	position: relative;
	padding: @_bbCodeBlock-paddingV @_bbCodeBlock-paddingH;
	.m-clearFix();
}

.bbCodeBlock-expandLink
{
	display: none;
	position: absolute;
	top: (@xf-bbCodeBlockExpandHeight) + (@_bbCodeBlock-paddingV * 2) - (@_bbCodeBlock-expandTriggerHeight);
	left: 0;
	right: 0;
	height: @_bbCodeBlock-expandTriggerHeight;
	cursor: pointer;
	z-index: @zIndex-1;

	.m-gradient(
		fade(@xf-bbCodeBlock--background-color, 0%),
		xf-default(@xf-bbCodeBlock--background-color, transparent),
		transparent,
		0%,
		80%
	);

	a
	{
		position: absolute;
		bottom: @_bbCodeBlock-paddingV;
		left: 0;
		right: 0;
		text-align: center;
		font-size: @xf-fontSizeSmall;
		color: @xf-textColorAttention;
		text-decoration: none;
	}
}

.bbCodeBlock--screenLimited
{
	.bbCodeBlock-content
	{
		max-height: 300px;
		max-height: 70vh;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
}

.bbCodeBlock--expandable
{
	overflow: hidden;
	.m-transition(-xf-height, height, padding, margin, border;);

	.bbCodeBlock-content
	{
		overflow: hidden;

		.bbCodeBlock:not(.bbCodeBlock--expandable) .bbCodeBlock-content
		{
			overflow: visible;
		}
		.bbCodeBlock.bbCodeBlock--screenLimited .bbCodeBlock-content
		{
			overflow: auto;
		}
	}

	.bbCodeBlock-expandContent
	{
		max-height: @xf-bbCodeBlockExpandHeight;
		overflow: hidden;
	}

	&.is-expandable
	{
		.bbCodeBlock-expandLink
		{
			display: block;
		}
	}

	&.is-expanded
	{
		.bbCodeBlock-expandContent
		{
			max-height: none;
		}

		.bbCodeBlock-expandLink
		{
			display: none;
		}
	}
}

.bbCodeBlock--unfurl
{
	.xf-contentHighlightBase();

	padding: @_bbCodeBlock-paddingV;
	width: 650px;
	max-width: 100%;
	border-left: @xf-borderSizeMinorFeature solid @xf-borderColorFeature;

	overflow: hidden;

	.contentRow-header
	{
		margin: 0;
		font-size: @xf-fontSizeNormal;
		font-weight: normal;
		.m-overflowEllipsis();
	}

	.contentRow-snippet
	{
		font-size: @xf-fontSizeSmaller;
		font-style: normal;
	}

	.contentRow-minor
	{
		font-size: @xf-fontSizeSmaller;
	}

	&.is-pending
	{
		opacity: 0.5;

		&.is-recrawl
		{
			opacity: 1;
		}
	}

	&.is-simple
	{
		.contentRow-figure
		{
			display: none;
		}
	}

	.bbCodeBlockUnfurl-icon
	{
		width: 12px;
		vertical-align: -2px;
	}
}

.bbCodeCode
{
	margin: 0;
	padding: 0;

	.has-hiddenscroll &
	{
		// solely to workaround this Chrome bug: https://bugs.chromium.org/p/chromium/issues/detail?id=914844
		// TODO: remove when fixed
		padding-bottom: @xf-paddingLarge;
	}

	font-family: @xf-fontFamilyCode;
	font-size: @xf-fontSizeSmall;
	line-height: @xf-lineHeightDefault;
	-ltr-rtl-text-align: left;

	direction: ltr;
	white-space: pre;
	position: relative;

	.m-tabSize();

	code
	{
		font-family: inherit;
	}

	.prism-token
	{
		&.prism-comment,
		&.prism-prolog,
		&.prism-doctype,
		&.prism-cdata
		{
			& when (@xf-styleType = light) { color: #a50; }
			& when (@xf-styleType = dark) { color: #8292a2; }
		}

		&.prism-constant
		{
			& when (@xf-styleType = light) { color: #05a; }
			& when (@xf-styleType = dark) { color: #f92672; }
		}

		&.prism-tag
		{
			& when (@xf-styleType = light) { color: #170; }
			& when (@xf-styleType = dark) { color: #f92672; }
		}

		&.prism-boolean
		{
			& when (@xf-styleType = light) { color: #219; }
			& when (@xf-styleType = dark) { color: #ae81ff; }
		}

		&.prism-symbol,
		&.prism-atrule,
		&.prism-keyword
		{
			& when (@xf-styleType = light) { color: #708; }
			& when (@xf-styleType = dark) { color: #e6db74; }
		}

		&.prism-selector,
		&.prism-function
		{
			& when (@xf-styleType = light) { color: #05a; }
			& when (@xf-styleType = dark) { color: #e6db74; }
		}

		&.prism-deleted
		{
			color: #d44;
		}

		&.prism-inserted
		{
			color: #292;
		}

		&.prism-string,
		&.prism-attr-value
		{
			& when (@xf-styleType = light) { color: #a11; }
			& when (@xf-styleType = dark) { color: #a6e22e; }
		}

		&.prism-number
		{
			& when (@xf-styleType = light) { color: #164; }
			& when (@xf-styleType = dark) { color: #ae81ff; }
		}

		&.prism-attr-name,
		&.prism-char,
		&.prism-builtin
		{
			& when (@xf-styleType = light) { color: #00c; }
			& when (@xf-styleType = dark) { color: #a6e22e; }
		}

		&.prism-regex,
		&.prism-important,
		&.prism-variable,
		&.prism-package
		{
			& when (@xf-styleType = light) { color: #05a; }
			& when (@xf-styleType = dark) { color: #fd971f; }
		}

		&.prism-class-name,
		&.prism-important,
		&.prism-bold
		{
			& when (@xf-styleType = light) { color: #00f; }
			& when (@xf-styleType = dark) { color: #e6db74; }
		}

		&.prism-bold
		{
			font-weight: bold;
		}

		&.prism-italic,
		&.prism-constant
		{
			& when (@xf-styleType = light) { color: #05a; }
			& when (@xf-styleType = dark) { color: #f92672; }

			font-style: italic;
		}

		&.prism-entity
		{
			cursor: help;
		}
	}
}

.bbCodeInline
{
	margin: 0;
	.xf-bbCodeInlineCode();
	font-family: @xf-fontFamilyCode;
	line-height: @xf-lineHeightDefault;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	white-space: pre-wrap;
}

.bbCodeSpoiler
{
	margin: @_bbCodeBlock-spacing 0;
}

.bbCodeSpoiler-button
{
	.has-no-js & { display: none; }
}

.bbCodeSpoiler-content
{
	.m-hiddenEl(true);
	.has-no-js & { display: block !important; }

	> .bbCodeBlock--spoiler
	{
		margin: .2em 0 0;
	}
}

.bbCodeInlineSpoiler
{
	@blurAmount: 6px;
	filter: blur(@blurAmount);
	cursor: pointer;

	a, span
	{
		.has-js &
		{
			pointer-events: none;
		}
	}

	.smilie
	{
		filter: grayscale(90%);
	}

	&:hover
	{
		filter: blur((@blurAmount - 1));
	}
}]]></template>
    <template title="branding.css" type="public" addon_id="" version_id="0" version_string=""><![CDATA[@media screen and (max-width: 991px) {
.ed-branding__container {
    grid-column-gap: 40px !important;
    grid-row-gap: 40px !important;
    grid-template-columns: 1fr !important;
}
}

@media screen and (max-width: 991px) {
.ed-branding__logogrid {
    grid-template-columns: 1fr !important;
}
	}

@media screen and (max-width: 767px) {
.ed-spacingrid {
	grid-template-columns: unset !important;
}
	}

@media screen and (max-width: 991px) {
.ed-colorgrid {
    grid-template-columns: 1fr 1fr !important;
    margin-bottom: 0 !important;
}
}

@media screen and (max-width: 991px) {
.ed-container {
	margin: 0 !important;
}
}

.ed-container {
    margin: 2rem 5rem;
}

.ed-branding__container {
	grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.ed-branding__header {
	grid-area: span 1/span 1/span 1/span 1;
}

.ed-branding__header > h1 {
	text-transform: uppercase;
	font-family: 'kingzheader', san-serif;
	font-size: 3rem;
	color: #fff;
}

.ed-branding__logo {
	width: 100%;
    max-width: 192px;
    margin-left: auto;
    margin-right: auto;
}

.ed-branding__header-logo {
	z-index: 1;
    min-height: 52px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    display: flex;
    position: relative;
}

.ed-branding {
	padding-top: 120px;
}

.ed-branding__block {
	margin-bottom: 80px;
}

.ed-branding__block > h2 {
	font-size: 42px;
	color: #fff;
	font-family: 'kingzheader', san-serif;
}

.ed-branding__block > p {
	text-align: left;
    margin-bottom: 20px;
}

.ed-branding__logogrid {
	grid-auto-columns: 1fr;
    display: grid;
	grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
}

.ed-branding__logonode {
	grid-area: span 1/span 1/span 1/span 1;
	min-height: 160px;
    background-image: url(/data/assets/branding/pattern.png);
    background-position: 0 0;
    background-size: 30px;
    border: 2px solid #006fcd;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    position: relative;
}

.logo-white, .logo-black, .logo-green {
	width: 100%;
    max-width: 292px;
}

.ed-branding__nodedata {
	display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.ed-branding__nodedata span {
    margin-right: 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
}

.ed-branding__logonode.white {
	background: white;
}

.data-black {
	color: #000;
}

.mark-logos {
	max-width: 71px;
}

.ed-spacingrid {
	grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    grid-auto-columns: 1fr;
    display: grid;
}

.ed-colorgrid {
	display: grid;
	grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 40px;
}

.ed-colornode {
	border-radius: 8px;
    padding: 20px;
}

.ed-colornode.green {
	background-color: #006fcd;
}

.ed-colornode.grey {
	background-color: #2B2B40;
}

.ed-colornode.white {
	background-color: #fff;
}

.ed-colornode.black {
	background-color: #000;
}

.ed-colornode > h3 {
	font-size: 32px;
	color: #fff;
}

.ed-colornode.white > h3 {
	font-size: 32px;
	color: #000;
}

.ed-colornode__data {
	display: flex;
	flex-direction: column;
}

.ed-colornode__data.white > span {
	color: #000;
}

.ed-margin-80 {
	 margin-top: 80px;
}

.ed-colornode__data > span {
	color: #fff;
}]]></template>
    <template title="bug_tracker.css" type="public" addon_id="" version_id="0" version_string=""><![CDATA[[data-template="xfdev_bug_tracker_index"] .p-body-header, .header-section {
	display: none;
}

[data-template="xfdev_bug_tracker_view"] .message-cell--user, .p-body-header {
	display: none;
}

[data-template="xfdev_bug_tracker_create"] .p-body-header, .header-section {
	display: none;
}

.bg-info {
    background-color: #17a2b8 !important;
}

input.form-control {
    padding: 6px 12px !important;
}
.form-control {
    color: white !important;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    color: #848fa0;
    background-color: #2c2c2c;
    background-clip: padding-box;
    border: 2px solid #3e3e3e;
    border-radius: var(--rounded);
    font-weight: 400 !important;
    -webkit-appearance: none;
}

.fr-element {
	background: #242424 !important;
}

.form-control:focus, .checkout-container .payment-method:hover, .checkout-container .payment-method:focus {
    -webkit-transition: border-color 0.25s, color 0.25s;
    -o-transition: border-color 0.25s, color 0.25s;
    transition: border-color 0.25s, color 0.25s;
}

.form-control:focus {
    border: 2px solid #DC3545;
    color: #9da5b3;
    outline: 0;
}

.alert {
	color: #fff;
	font-weight: 500 !important;
}

.mb-4, .my-4 {
    margin-bottom: 1rem !important;
}
.mt-3, .my-3 {
    margin-top: 1.2rem !important;
}


@media (min-width: 576px) {
.alert, .wrapper {
    border-radius: 0.65rem;
}
	}

@media (min-width: 576px) {
.main-title, .forum header {
    border-radius: 0.65rem 0.65rem 0 0;
}
}

.main-title {
    position: relative;
    color: rgba(255, 255, 255, 0.85);
    padding: 1.25rem 1rem;
	font-weight: 500 !important;
    z-index: 1;
}

.bg-primary {
    background-color: #dc3545 !important;
}



.dropdown-menu.show {
    display: block;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 32rem;
    margin: 0.75rem 0 0;
    font-size: 1.3rem;
    text-align: left;
    list-style: none;
    background-color: #282829;
    background-clip: padding-box;
    border-radius: var(--rounded);
    box-shadow: 0 0.5px 1.5px rgba(0, 0, 0, 0.036), 0 1.1px 3.5px rgba(0, 0, 0, 0.052), 0 2px 6.1px rgba(0, 0, 0, 0.064), 0 3.1px 9.6px rgba(0, 0, 0, 0.075), 0 4.8px 14.9px rgba(0, 0, 0, 0.086), 0 7.5px 23.2px rgba(0, 0, 0, 0.098), 0 12.5px 38.5px rgba(0, 0, 0, 0.114), 0 25px 77px rgba(0, 0, 0, 0.15);
    transform-origin: center top;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 1rem 1rem !important;
    clear: both;
    font-weight: 400 !important;
    color: #9da5b3;
    border: none !important;
    font-size: 13px;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

.dropdown-item-bs:first-child:hover, .dropdown-item:first-child:hover, .dropdown-item:first-child:focus {
    border-radius: 0.65rem 0.65rem 0 0;
}
.dropdown-item:hover, .dropdown-item:focus {
    color: #bec3cc;
    text-decoration: none;
    background-color: #343434 !important;
}

/* Set up the transition animation */
.dropdown-menu {
  transition: height 0.3s ease-out;
}

/* When the dropdown menu is visible, set its height to auto */
.dropdown-menu[style*="display: block"] {
  height: auto !important;
}

.bug-status.confirmed::before {
    background-color: var(--bg-warning);
    content: "\f0ad";
}

main {
	padding-top: 30px;
}

.bug-status {
  height: 30px;
  width: 30px;
}

.bug-status::before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 14px !important;
  border-radius: var(--rounded);
  color: rgba(255, 255, 255, 0.85);
}

.bug-status.confirmed::before {
  background-color: var(--bg-warning);
  content: "\f0ad";
}

.bug-status.awatingresponse::before {
  background-color: var(--bg-tertiary);
  content: "\f4fd";
  color: var(--color-secondary);
}

.bug-status.discarded::before {
  background-color: var(--bg-danger);
  content: "\f7f9";
}

.page-header {
	border-radius: 4px;
}

#report-button {
	font-weight: 500 !important;
}

:root { 
    --bg-primary:    #dc3545 !important; 
    --bg-secondary:     #212735; 
    --bg-tertiary:     #262f3f;
	    --bg-warning: #d26d22;
    --bg-quaternary:     #2e394c; 
    --bg-success:     #43a047; 
    --bg-danger:     #dc3545; 
    --color-secondary:     #778296; 
    --font-bold:     500; 
    --rounded:     0.65rem; 
} 


.container { 
    width: 100%; 
    padding-right: 15px; 
    padding-left: 15px; 
    margin-right: auto; 
    margin-left: auto;
} 

@media (min-width: 576px){ 
  .container { 
    max-width: 540px;
  } 
}     

@media (min-width: 768px){ 
  .container { 
    max-width: 95%;
  } 
}     

@media (min-width: 992px){ 
  .container { 
    max-width: 95%;
  } 
}     

@media (min-width: 1200px){ 
  .container { 
    max-width: 90%; 
    padding-right: 15px; 
    padding-left: 15px;
  } 
}     

@media (min-width: 1400px){ 
  .container { 
    max-width: 80%; 
    padding-right: 15px; 
    padding-left: 15px;
  } 
}     

@media (min-width: 1700px){ 
  .container { 
    max-width: 70%; 
    padding-right: 15px; 
    padding-left: 15px;
  } 
}     

@media (min-width: 1950px){ 
  .container { 
    max-width: 1400px; 
    padding-right: 15px; 
    padding-left: 15px;
  } 
}     

.bg-danger { 
    background-color: var(--bg-danger) !important;
} 

.mb-3 { 
    margin-bottom: 1rem !important;
} 

.mt-n3 { 
    margin-top: -1rem !important;
} 

.page-header { 
    padding: 30px 0; 
    position: relative; 
    z-index: 1; 
    border-top: 1px solid rgba(255, 255, 255, 0.12);
} 

.d-flex { 
    display: -ms-flexbox; 
    display: flex;
} 

.flex-row { 
    -ms-flex-direction: row !important; 
    flex-direction: row !important;
} 

.align-items-center { 
    -ms-flex-align: center !important; 
    align-items: center !important;
} 

.wrapper { 
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
} 

@media (min-width: 576px){ 
  .wrapper { 
    border-radius: var(--rounded);
  } 
}     

.block-outer { 
    padding-bottom: 15px;
} 

.block-outer.block-outer--after { 
    padding-top: 15px; 
    padding-bottom: 0;
} 

.block-outer:before,.block-outer:after { 
    content: " "; 
    display: table;
} 

.block-outer:after { 
    clear: both;
} 

h2 { 
    margin-top:   0;
    font-weight:  500; 
    line-height:  1.2; 
    color:  inherit; 
    margin-bottom:  0;
    font-size: 1.4rem;
} 

.flex-fill { 
    -ms-flex: 1 1 auto !important; 
    flex: 1 1 auto !important;
} 

.font-weight-bold { 
    font-weight: 500 !important;
} 

.text-danger { 
    color: #ef5350 !important;
} 

.container h2  { 
    font-size: 22.4px !important;
} 

.flex-grow-0 { 
    -ms-flex-positive: 0 !important; 
    flex-grow: 0 !important;
} 

.flex-shrink-0 { 
    -ms-flex-negative: 0 !important; 
    flex-shrink: 0 !important;
} 

.ml-3 { 
    margin-left: 1.2rem !important;
} 

.p-3 { 
    padding: 1rem !important;
} 

.main-row { 
    background-color: #262626; 
    border-bottom: 1px solid #1c1c1c;
} 

@media (min-width: 576px){ 
  .main-row:first-child { 
    border-radius:  unset;
  } 
}     

.main-row:last-child { 
    border-bottom: none;
} 

@media (min-width: 576px){ 
  .main-row:last-child { 
    border-radius: 0 0 var(--rounded) var(--rounded);
  } 
}     

nav { 
    display: block;
} 

h1 { 
    font-size:  1.8rem;
    margin:    .67em 0;
    margin-top:   0;
    font-weight:  500; 
    line-height:  1.2; 
    color:  inherit; 
    margin-bottom:  0;
} 

.page-header h1  { 
    font-size:  28.8px;
    color:  rgba(255, 255, 255, 0.85); 
    font-weight:  var(--font-bold); 
    margin-bottom:  0.5rem;
} 

select { 
    font-family:   inherit; 
    font-size:   inherit; 
    line-height:   inherit;
    margin:   0; 
    text-transform:    none;
    word-wrap: normal;
} 

.custom-select { 
    display:  inline-block; 
    height:  calc(2.05rem + 4px); 
    padding:  0.375rem 1.75rem 0.375rem 0.75rem; 
    line-height:  1.5; 
    color:  #727878; 
    vertical-align:  middle; 
    font-size:  0.9rem; 
    background:  #1b202b
    url("data: image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23868A8E' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")
    no-repeat right 0.75rem center;
    background-size: 10px 10px !important;
    border:  2px solid #1b202b; 
    border-radius:  0.25rem; 
    -webkit-appearance:  none; 
    -moz-appearance:  none; 
    appearance:  none; 
    background-image:  url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23868A8E' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"); 
    background-position-x:  right 0.75rem; 
    background-position-y:  center; 
    background-repeat-x:  no-repeat; 
    background-repeat-y:  no-repeat; 
    background-attachment:  initial; 
    background-origin:  initial; 
    background-clip:  initial; 
    background-color:  rgb(27, 32, 43);
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
} 

.border-secondary { 
    border-color: #282828 !important;
} 

.bg-secondary { 
    background-color: #262626 !important;
} 

.container .custom-select  { 
    font-size: 14.4px; 
    height: 37px;
} 

.position-relative { 
    position: relative !important;
} 

.mr-3 { 
    margin-right: 1rem !important;
} 

.bug-status { 
    height: 30px; 
    width: 30px;
} 

.bug-status:before { 
    position:  absolute; 
    font-family:  "Font Awesome 5 Pro"; 
    height:  30px; 
    width:  30px; 
    line-height:  30px; 
    text-align:  center; 
    border-radius:  var(--rounded); 
    color:  rgba(255, 255, 255, 0.85);
} 

.bug-status.bugfixed:before { 
    background-color: var(--bg-success); 
    content: "\f00c";
} 

.no-overflow { 
    overflow: hidden;
} 

.justify-content-between { 
    -ms-flex-pack: justify !important; 
    justify-content: space-between !important;
} 

.pagination-top { 
    margin-bottom: 1rem;
} 

.pageNavSimple { 
    display: inline-flex; 
    height: 24px; 
    line-height: 24px;
} 

.pageNavWrapper--mixed .pageNavSimple  { 
    display: none;
} 

a { 
    background-color:   transparent;
    -webkit-text-decoration-skip:    objects;
    color:  #cbd3df;
    text-decoration:   none; 
} 

a:hover { 
    color:  #dce2ea; 
    text-decoration:  none;
} 

.font-size-08 { 
    font-size: 13px;
} 

.text-secondary { 
    color: inherit;
} 

.pageNav { 
    display: flex;
} 

.justify-content-start { 
    -ms-flex-pack: start !important; 
    justify-content: flex-start !important;
} 

.pagination-location-previous { 
    width: 45px;
} 

ul { 
    margin-top: 0; 
    margin-bottom: 0; 
    margin-left: 0;
} 

.m-0 { 
    margin: 0 !important;
} 

.p-0 { 
    padding: 0 !important;
} 

.pagination ul  { 
    list-style: none;
} 

.justify-content-end { 
    -ms-flex-pack: end !important; 
    justify-content: flex-end !important;
} 

.pagination-location-next { 
    width: 45px;
} 

.pageNavSimple-el { 
    display: inline-block; 
    border-width: 0; 
    border-style: solid; 
    border-top-color: #4d5460; 
    border-right-color: #4d5460; 
    border-bottom-color: #4d5460; 
    border-left-color: #4d5460; 
    border-radius: 4px; 
    padding: 0 10px; 
    font-size: 1.2rem; 
    text-align: center; 
    white-space: nowrap; 
    margin-right: 4px;
} 

[data-xf-click],a[tabindex] { 
    cursor: pointer;
} 

.pageNavSimple-el.pageNavSimple-el--current { 
    color: #4080FF; 
    background-color: none;
} 

.pageNavSimple-el.pageNavSimple-el--current:hover,.pageNavSimple-el.pageNavSimple-el--current:active { 
    background: #424854; 
    text-decoration: none;
} 

.menu { 
    display: none; 
    opacity: 0; 
    -webkit-transition: all 0.2s ease, -xf-opacity 0.2s ease; 
    transition: all 0.2s ease, -xf-opacity 0.2s ease; 
    position: absolute; 
    z-index: 200; 
    margin: 8px 0 0; 
    min-width: 240px; 
    max-width: 320px; 
    border-radius: 8px; 
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2); 
    color: #e0e6f0; 
    background: #313742;
} 

.menu--pageJump { 
    width: auto; 
    min-width: 0;
} 

.menu { 
    transition: cubic-bezier(0.4, 0, 0.2, 1) 0.26s transform, cubic-bezier(0.4, 0, 0.2, 1) 0.26s opacity; 
    transform: translateY(-10px); 
    opacity: 0;
} 

.pageNavSimple-el.pageNavSimple-el--next { 
    background: #4080FF; 
    color: #fff; 
    min-width: 75px;
} 

.pageNavSimple-el.pageNavSimple-el--next:hover,.pageNavSimple-el.pageNavSimple-el--next:active { 
    background: #5a91ff; 
    text-decoration: none;
} 

.pageNavSimple-el:last-child { 
    margin-right: 0;
} 

.pageNavSimple-el.pageNavSimple-el--last { 
    border-color: transparent; 
    padding-left: 5px; 
    padding-right: 5px; 
    color: #4080FF;
} 

.pageNavSimple-el.pageNavSimple-el--last:hover,.pageNavSimple-el.pageNavSimple-el--last:active { 
    border-width: 0; 
    border-style: solid; 
    border-top-color: #4d5460; 
    border-right-color: #4d5460; 
    border-bottom-color: #4d5460; 
    border-left-color: #4d5460; 
    background: #464c58; 
    color: #4080FF; 
    text-decoration: none;
} 

button { 
    overflow:      visible;
    font-family:  inherit; 
    font-size:  inherit; 
    line-height:  inherit;
    margin:  0; 
    text-transform:    none;
    border-radius:  0;
} 

button,[type="button"] { 
    -webkit-appearance: button;
} 

.btn { 
    display: inline-block; 
    font-weight: 500; 
    text-align: center; 
    vertical-align: middle; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    border: none; 
	padding: 0.4rem 0.7rem;
    font-size: 13px;
    line-height: 1.5; 
    border-radius: 0.25rem; 
    position: relative; 
    text-transform: uppercase;
} 

.btn-transparent { 
    background-color: rgba(255, 255, 255, 0.25); 
    color: rgba(255, 255, 255, 0.85);
} 

.btn { 
    position: relative;
} 

button,[type="button"]  { 
    -webkit-appearance: button;
} 

button:not(:disabled),[type="button"]:not(:disabled) { 
    cursor: pointer;
} 

.page-header #report-button  { 
    font-size: 13px;
} 

.btn:hover { 
    text-decoration: none;
} 

.btn-transparent:hover { 
    background-color: rgba(255, 255, 255, 0.35);
} 

.btn:hover { 
    -webkit-transition: background-color 0.25s, color 0.25s; 
    -o-transition: background-color 0.25s, color 0.25s; 
    transition: background-color 0.25s, color 0.25s;
} 

[dir="auto"] { 
    text-align: left;
} 



i:before ,.pageNavSimple-el.pageNavSimple-el--next i:before  { 
    font-family: 'Font Awesome 5 Pro'; 
    font-size: inherit; 
    font-style: normal; 
    font-weight: 900; 
    text-rendering: auto; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
} 

.pageNavSimple-el.pageNavSimple-el--next i:before  { 
    content: "\f0da"; 
    width: 1.28571429em; 
    display: inline-block; 
    text-align: center;
} 

i:before ,.pageNavSimple-el.pageNavSimple-el--last i:before  { 
    font-family: 'Font Awesome 5 Pro'; 
    font-size: inherit; 
    font-style: normal; 
    font-weight: 900; 
    text-rendering: auto; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
} 

.pageNavSimple-el.pageNavSimple-el--last i:before  { 
    content: "\f04e"; 
    width: auto; 
    display: inline-block; 
    text-align: center; 
    font-size: 18px; 
    line-height: inherit;
} 

.u-srOnly { 
    position: absolute; 
    height: 1px; 
    width: 1px; 
    margin: -1px; 
    padding: 0; 
    border: 0; 
    clip: rect(0 0 0 0); 
    overflow: hidden;
} 

.u-dt[title] { 
    border: none; 
    text-decoration: none;
} 

.pagination ul li a  { 
    background-color: var(--bg-tertiary); 
    border-right: 1px solid var(--bg-quaternary); 
    padding: 0.8rem 1.65rem; 
    display: block; 
    color: #9da5b3; 
    font-weight: var(--font-bold);
} 

.pagination ul li:first-child a  { 
    border-radius: 4px 0 0 4px;
} 

.pagination ul li a.active  { 
    background-color: var(--bg-quaternary); 
    color: #cbd3df;
} 

.pagination ul li a:hover ,.pagination ul li a.active  { 
    background-color: var(--bg-quaternary); 
    color: #cbd3df;
} 

.pagination ul li:last-child a  { 
    border-radius: 0 4px 4px 0; 
    border: none;
} 

.pagination ul li a:hover  { 
    background-color: var(--bg-quaternary); 
    color: #cbd3df;
} 

.btn-secondary { 
    color: #b9c4d1; 
    background-color: #3a3c3f; 
    border-color: #333f54;
} 

.btn-secondary:hover { 
    color: #b9c4d1; 
    background-color: #4e5054; 
    border-color: #3e4c63;
} 

h4 { 
    margin-top:   0;
    font-weight:  500; 
    line-height:  1.2; 
    color:  inherit; 
    margin-bottom:  0;
    font-size: 1.15rem;
} 

.menu-header { 
    padding: 12px; 
    margin: 0; 
    font-weight: 400; 
    text-decoration: none; 
    font-size: 1.6rem; 
    color: #e0e6f0; 
    background: #313742; 
    border-bottom: 1px solid #4d5460;
} 

.menu-header:before,.menu-header:after { 
    content: " "; 
    display: table;
} 

.menu-header:after { 
    clear: both;
} 

.menu-row { 
    margin: 0; 
    padding: 12px;
} 

.menu-content > :last-child  { 
    border-bottom-left-radius: 8px; 
    border-bottom-right-radius: 8px;
} 

.menu-row:before,.menu-row:after { 
    content: " "; 
    display: table;
} 

.menu-row:after { 
    clear: both;
} 

.fas { 
    display: inline-block; 
    font-family:  'Font Awesome 5 Pro'; 
    position:  relative; 
    font-weight:  900;
    -moz-osx-font-smoothing: grayscale; 
    -webkit-font-smoothing: antialiased; 
    font-style: normal; 
    font-variant: normal; 
    text-rendering: auto; 
    line-height: 1;
} 

.fa-long-arrow-alt-right:before { 
    content: "\f30b";
} 

.inputGroup { 
    display: flex; 
    align-items: stretch; 
    max-width: 100%;
} 

img { 
    border-style:  none;
    max-width:   100%; 
    height:   auto;
    -ms-interpolation-mode:  bicubic;
    vertical-align: middle; 
} 

.inputGroup .inputGroup-text  { 
    flex-grow: 0; 
    display: flex; 
    align-items: center; 
    white-space: nowrap; 
    vertical-align: middle; 
    padding: 0 10px;
} 

.inputGroup .inputGroup-text:last-child  { 
    padding-right: 0;
} 

input { 
    overflow:       visible;
    font-family:  inherit; 
    font-size:  inherit; 
    line-height:  inherit;
    margin:    0;
    color:   inherit; 
    font:   inherit; 
} 

.input { 
    font-size: 1.3rem; 
    color: #e0e6f0; 
    background: #3b414b; 
    border-width: 1px; 
    border-style: solid; 
    border-top-color: #4d5460; 
    border-right-color: #4d5460; 
    border-bottom-color: #4d5460; 
    border-left-color: #4d5460; 
    border-radius: 8px; 
    padding: 6px; 
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); 
    display: block; 
    width: 100%; 
    line-height: 1.4; 
    text-align: left; 
    word-wrap: break-word; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
    -webkit-transition: all 0.2s ease; 
    transition: all 0.2s ease;
} 

.input[type="number"],.input.input--number { 
    text-align: right; 
    max-width: 150px;
} 

.inputGroup .input  { 
    flex-shrink: 1; 
    min-width: 0;
} 

.inputNumber .input--number  { 
    -moz-appearance: textfield !important;
} 

.input[type="number"].input--numberNarrow,.input.input--number.input--numberNarrow { 
    width: 90px;
} 

.inputGroup.inputGroup--joined .input  { 
    border-radius: 0;
} 

.menu .inputNumber .input--number  { 
    width: 120px;
} 

.inputGroup.inputGroup--joined .input:first-child  { 
    border-top-left-radius: 8px; 
    border-bottom-left-radius: 8px; 
    border-right: none;
} 

.inputNumber-button { 
    position: relative; 
    font-family: 'Font Awesome 5 Pro'; 
    font-size: 1.0em; 
    font-style: normal !important; 
    font-weight: 900; 
    text-rendering: auto; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
    color: #959fb4; 
    line-height: .75em; 
    vertical-align: -15%; 
    width: 45px; 
    justify-content: center; 
    text-align: center; 
    cursor: pointer; 
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
} 

.menu .inputNumber-button  { 
    vertical-align: 0; 
    width: 25px;
} 

.inputGroup.inputGroup--joined .inputGroup-text  { 
    border-width: 1px; 
    border-style: solid; 
    border-top-color: #4d5460; 
    border-right-color: #4d5460; 
    border-bottom-color: #4d5460; 
    border-left-color: #4d5460; 
    background: #3b414b; 
    text-align: center; 
    padding: 4px 10px;
} 

.inputGroup.inputGroup--joined .input + .inputGroup-text  { 
    border-left: 1px solid var(--input-border-light);
} 

.inputNumber-button--up:before { 
    content: "\f067"; 
    width: 0.88em; 
    display: inline-block; 
    text-align: center;
} 

.inputGroup.inputGroup--joined .inputNumber-button:hover ,.inputGroup.inputGroup--joined .inputNumber-button:active  { 
    background-color: #323e56; 
    color: #e0e3e9;
} 

.inputGroup.inputGroup--joined .inputGroup-text:last-child  { 
    border-left: 0; 
    border-top-right-radius: 8px; 
    border-bottom-right-radius: 8px;
} 

.inputGroup.inputGroup--joined .inputGroup-text + .inputGroup-text  { 
    border-left: 0;
} 

.inputNumber-button--down:before { 
    content: "\f068"; 
    width: 0.88em; 
    display: inline-block; 
    text-align: center;
} 

.rippleButton { 
    position: relative;
} 

.inputGroup .button  { 
    flex-shrink: 0;
} 

.button:hover { 
    background: rgba(64, 128, 255, 0.15);
} 

.rippleButton:hover { 
    cursor: pointer;
} 

.button .button-text  { 
    display: inline-flex; 
    align-items: center;
} 

.button > .button-text  { 
    border-right: 1px solid transparent;
} 


/* These were inline style tags. Uses id+class to override almost everything */
#style-c3Krb.style-c3Krb {  
   max-width: %;  
}  
#style-t6QIi.style-t6QIi {  
   max-width: %;  
}  
#style-9t91E.style-9t91E {  
   height:20px;  
    width: 20px;  
}  
#style-IyxRX.style-IyxRX {  
   font-weight: bolder;  
}  
#style-jq93t.style-jq93t {  
   height:20px;  
    width: 20px;  
}  
#style-cpw1d.style-cpw1d {  
   font-weight: bolder;  
}  
#style-wtObo.style-wtObo {  
   height:20px;  
    width: 20px;  
}  
#style-iJDKl.style-iJDKl {  
   font-weight: bolder;  
}  
#style-2yRYj.style-2yRYj {  
   height:20px;  
    width: 20px;  
}  
#style-wwVoT.style-wwVoT {  
   font-weight: bolder;  
}  
#style-N2h3Z.style-N2h3Z {  
   height:20px;  
    width: 20px;  
}  
#style-cJ4fA.style-cJ4fA {  
   font-weight: bolder;  
}  
#style-E4eoR.style-E4eoR {  
   height:20px;  
    width: 20px;  
}  
#style-r5N7n.style-r5N7n {  
   font-weight: bolder;  
}  
#style-OW6yG.style-OW6yG {  
   height:20px;  
    width: 20px;  
}  
#style-DC5D3.style-DC5D3 {  
   font-weight: bolder;  
}  
#style-YvybF.style-YvybF {  
   height:20px;  
    width: 20px;  
}  
#style-RUVYi.style-RUVYi {  
   font-weight: bolder;  
}  
#style-82b1l.style-82b1l {  
   height:20px;  
    width: 20px;  
}  
#style-wpIoG.style-wpIoG {  
   font-weight: bolder;  
}  
#style-IMaGJ.style-IMaGJ {  
   height:20px;  
    width: 20px;  
}  
#style-kiBzr.style-kiBzr {  
   font-weight: bolder;  
}  
#style-jfN7O.style-jfN7O {  
   position: relative;  
    z-index: 999;  
}]]></template>
    <template title="conversation_list" type="public" addon_id="XF" version_id="2020871" version_string="2.2.8 Patch 1"><![CDATA[<xf:title page="{$page}">{{ phrase('conversations') }}</xf:title>

<xf:js src="xf/inline_mod.js" min="1" />

<xf:pageaction if="$xf.visitor.canStartConversation()">
	<xf:button href="{{ link('conversations/add') }}" class="button--cta" icon="write">{{ phrase('start_conversation') }}</xf:button>
</xf:pageaction>

<div class="block" data-xf-init="inline-mod" data-type="conversation" data-href="{{ link('inline-mod') }}">
	<div class="block-outer">
		<xf:pagenav
			page="{$page}" perpage="{$perPage}" total="{$total}"
			link="conversations" params="{$filters}"
			wrapperclass="block-outer-main" />
	</div>

	<div class="block-container block-container--nodes">
		<div class="block-filterBar">
			<div class="block-outer-opposite">
				<div class="buttonGroup">
					<xf:macro template="inline_mod_macros" name="button"
						arg-variant="inlineModButton--withLabel"
						arg-label="{{ phrase('selected') }}"
						arg-tooltip="{{ false }}" />
				</div>
			</div>
			
			<div class="filterBar">
				<xf:if contentcheck="true">
					<ul class="filterBar-filters">
					<xf:contentcheck>
						<xf:if is="$filters.starter_id AND $starterFilter">
							<li><a href="{{ link('conversations', null, $filters|replace('starter_id', null)) }}"
								class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								{{ phrase('started_by_x', {'name': $starterFilter.username}) }}</a></li>
						</xf:if>
						<xf:if is="$filters.receiver_id AND $receiverFilter">
							<li><a href="{{ link('conversations', null, $filters|replace('receiver_id', null)) }}"
								class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								{{ phrase('received_by_x', {'name': $receiverFilter.username}) }}</a></li>
						</xf:if>
						<xf:if is="$filters.starred">
							<li><a href="{{ link('conversations', null, $filters|replace('starred', null)) }}"
								class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								<span class="filterBar-filterToggle-label">{{ phrase('show_only:') }}</span>
								{{ phrase('starred') }}</a></li>
						</xf:if>
						<xf:if is="$filters.unread">
							<li><a href="{{ link('conversations', null, $filters|replace('unread', null)) }}"
								class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								<span class="filterBar-filterToggle-label">{{ phrase('show_only:') }}</span>
								{{ phrase('filter_unread') }}</a></li>
						</xf:if>
					</xf:contentcheck>
					</ul>
				</xf:if>

				<a class="filterBar-menuTrigger" data-xf-click="menu" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true">{{ phrase('filters') }}</a>
				<div class="menu" data-menu="menu" aria-hidden="true">
					<div class="menu-content">
						<h4 class="menu-header">{{ phrase('show_only:') }}</h4>
						<xf:form action="{{ link('conversations/filters') }}">
							<div class="menu-row menu-row--separated">
								<xf:radio name="filter_type">
									<xf:option value="" selected="{{ !$starterFilter AND !$receiverFilter }}">{{ phrase('show_all_conversations') }}</xf:option>
									<xf:option value="started" selected="{{ $starterFilter ? true : false }}" data-hide="true"
										label="{{ phrase('started_by...') }}">

										<xf:textbox name="starter" value="{{ $starterFilter ? $starterFilter.username : '' }}" ac="single"
											maxlength="{{ max_length($xf.visitor, 'username') }}"/>
									</xf:option>
									<xf:option value="received" selected="{{ $receiverFilter ? true : false }}" data-hide="true"
										label="{{ phrase('received_by...') }}">

										<xf:textbox name="receiver" value="{{ $receiverFilter ? $receiverFilter.username : '' }}" ac="single"
											maxlength="{{ max_length($xf.visitor, 'username') }}" />
									</xf:option>
								</xf:radio>
							</div>
							<div class="menu-row menu-row--separated">
								<xf:checkbox>
									<xf:option name="starred" selected="{$filters.starred}" label="{{ phrase('starred_conversations') }}" />
									<xf:option name="unread" selected="{$filters.unread}" label="{{ phrase('unread_conversations') }}" />
								</xf:checkbox>
							</div>

							<div class="menu-footer">
								<span class="menu-footer-controls">
									<xf:button type="submit" class="button--primary">{{ phrase('filter') }}</xf:button>
								</span>
							</div>
							<xf:hiddenval name="apply">1</xf:hiddenval>
						</xf:form>
					</div>
				</div>
			</div>
		</div>

		<div class="block-body">
			<xf:if is="$userConvs is not empty">
				<div class="structItemContainer">
					<xf:foreach loop="$userConvs" value="$userConv">
						<xf:macro template="conversation_list_macros" name="item" arg-userConv="{$userConv}" />
					</xf:foreach>
				</div>
			<xf:else />
				<div class="block-row">{{ phrase('there_no_conversations_to_display') }}</div>
			</xf:if>
		</div>
	</div>

	<xf:pagenav page="{$page}" perpage="{$perPage}" total="{$total}"
		link="conversations" params="{$filters}"
		wrapperclass="block-outer block-outer--after" />
</div>

<xf:widgetpos id="conversation_list_sidebar" position="sidebar" />]]></template>
    <template title="conversation_message_macros" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<xf:macro name="message" arg-message="!" arg-conversation="!" arg-position="" arg-lastRead="{{ null }}">
	<xf:css src="message.less" />
	<div class="message-main">
		<article class="message message--conversationMessage js-message" data-author="{{ $message.User.username ?: $message.username }}">
			<span class="u-anchorTarget" id="convMessage-{$message.message_id}"></span>
			<div class="kz-conversation {{ $message.user_id == $xf.visitor.user_id ? 'kz-conversation-align-right' : 'kz-conversation-align-left' }}">
				<div class="kz-conversation-main">
					<div class="kz-conversation-participant">
						<xf:macro template="message_macros" name="user_info_simple" arg-user="{$message.User}" arg-fallbackName="{$message.username}" />
					</div>
					<div class="js-quickEditTarget">
						<div class="kz-conversation-message-wrapper">
							<div class="kz-conversation-message {{ $message.user_id == $xf.visitor.user_id ? 'receiver' : 'sender' }} message-userContent lbContainer js-lbContainer"
								data-lb-id="message-{$message.message_id}"
								data-lb-caption-title="{{ $message.User ? $message.User.username : $message.username }}"
								data-lb-caption-desc="{{ date_time($message.message_date) }}">
								<article class="js-selectToQuote">
									{{ bb_code($message.message, 'conversation_message', $message) }}
									<div class="js-selectToQuoteEnd">&nbsp;</div>
								</article>

								<xf:if is="$message.attach_count">
									<xf:macro template="message_macros" name="attachments"
										arg-attachments="{$message.Attachments}"
										arg-message="{$message}"
										arg-canView="{{ true }}" />
								</xf:if>
							</div>
							<div class="buttonGroup-buttonWrapper">
								<button type="button" class="kz-conversation-action-button button" data-xf-click="menu" aria-expanded="false" aria-haspopup="true"><span class="button-text">
										<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
											<path d="M9 10C9 10.5523 9.44772 11 10 11C10.5523 11 11 10.5523 11 10C11 9.44771 10.5523 9 10 9C9.44772 9 9 9.44771 9 10Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
											<path d="M16 10C16 10.5523 16.4477 11 17 11C17.5523 11 18 10.5523 18 10C18 9.44772 17.5523 9 17 9C16.4477 9 16 9.44772 16 10Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
											<path d="M2 10C2 10.5523 2.44772 11 3 11C3.55228 11 4 10.5523 4 10C4 9.44771 3.55228 9 3 9C2.44772 9 2 9.44771 2 10Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
										</svg>
									</span>
								</button>
								<div class="menu" data-menu="menu" aria-hidden="true">
									<div class="menu-content">
										<xf:if is="$conversation.canReply()">
											<xf:set var="$quoteLink">{{ link('conversations/reply', $conversation, {'quote': $message.message_id}) }}</xf:set>
											<a href="{$quoteLink}" class="menu-linkRow" title="Reply, quoting this message" data-xf-click="quote" data-quote-href="{{ link('conversations/messages/quote', $message) }}">
												<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
													<path d="M4.80823 9.44118L6.77353 7.46899C8.18956 6.04799 8.74462 5.28357 9.51139 5.55381C10.4675 5.89077 10.1528 8.01692 10.1528 8.73471C11.6393 8.73471 13.1848 8.60259 14.6502 8.87787C19.4874 9.78664 21 13.7153 21 18C19.6309 17.0302 18.2632 15.997 16.6177 15.5476C14.5636 14.9865 12.2696 15.2542 10.1528 15.2542C10.1528 15.972 10.4675 18.0982 9.51139 18.4351C8.64251 18.7413 8.18956 17.9409 6.77353 16.5199L4.80823 14.5477C3.60275 13.338 3 12.7332 3 11.9945C3 11.2558 3.60275 10.6509 4.80823 9.44118Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
												</svg>
												Reply, quoting this message
											</a>
										</xf:if>
										<xf:if is="$message.canReport()">
											<a href="{{ link('conversations/messages/report', $message) }}" class="menu-linkRow" data-xf-click="overlay" title="Report">
												<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
													<path d="M12 13V9M12.5 16.5C12.5 16.7761 12.2761 17 12 17C11.7239 17 11.5 16.7761 11.5 16.5M12.5 16.5C12.5 16.2239 12.2761 16 12 16C11.7239 16 11.5 16.2239 11.5 16.5M12.5 16.5H11.5M19.3311 10.0912L18.98 9.46437C16.6988 5.39063 15.5581 3.35377 14.0576 2.67625C12.7495 2.08558 11.2505 2.08558 9.94239 2.67625C8.44189 3.35377 7.30124 5.39064 5.01995 9.46438L4.66894 10.0912C2.47606 14.007 1.37961 15.965 1.56302 17.5683C1.72303 18.967 2.46536 20.2335 3.60763 21.0566C4.91688 22 7.16092 22 11.649 22H12.351C16.8391 22 19.0831 22 20.3924 21.0566C21.5346 20.2335 22.277 18.967 22.437 17.5683C22.6204 15.965 21.5239 14.007 19.3311 10.0912Z" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
												</svg>
												Report
											</a>											
										</xf:if>
										<xf:if is="$message.canEdit()">
											<xf:js src="xf/message.js" min="1" />
											<a href="{{ link('conversations/messages/edit', $message) }}" class="menu-linkRow" data-xf-click="quick-edit" data-editor-target="< .js-quickEditTarget" title="Edit">
												<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
													<path d="M12 13V9M12.5 16.5C12.5 16.7761 12.2761 17 12 17C11.7239 17 11.5 16.7761 11.5 16.5M12.5 16.5C12.5 16.2239 12.2761 16 12 16C11.7239 16 11.5 16.2239 11.5 16.5M12.5 16.5H11.5M19.3311 10.0912L18.98 9.46437C16.6988 5.39063 15.5581 3.35377 14.0576 2.67625C12.7495 2.08558 11.2505 2.08558 9.94239 2.67625C8.44189 3.35377 7.30124 5.39064 5.01995 9.46438L4.66894 10.0912C2.47606 14.007 1.37961 15.965 1.56302 17.5683C1.72303 18.967 2.46536 20.2335 3.60763 21.0566C4.91688 22 7.16092 22 11.649 22H12.351C16.8391 22 19.0831 22 20.3924 21.0566C21.5346 20.2335 22.277 18.967 22.437 17.5683C22.6204 15.965 21.5239 14.007 19.3311 10.0912Z" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
												</svg>
												Edit
											</a>											
										</xf:if>
										<xf:if is="$message.canCleanSpam()">
											<a href="{{ link('spam-cleaner', $message) }}" class="menu-linkRow" data-xf-click="overlay" title="Spam">
												<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
													<path d="M12 13V9M12.5 16.5C12.5 16.7761 12.2761 17 12 17C11.7239 17 11.5 16.7761 11.5 16.5M12.5 16.5C12.5 16.2239 12.2761 16 12 16C11.7239 16 11.5 16.2239 11.5 16.5M12.5 16.5H11.5M19.3311 10.0912L18.98 9.46437C16.6988 5.39063 15.5581 3.35377 14.0576 2.67625C12.7495 2.08558 11.2505 2.08558 9.94239 2.67625C8.44189 3.35377 7.30124 5.39064 5.01995 9.46438L4.66894 10.0912C2.47606 14.007 1.37961 15.965 1.56302 17.5683C1.72303 18.967 2.46536 20.2335 3.60763 21.0566C4.91688 22 7.16092 22 11.649 22H12.351C16.8391 22 19.0831 22 20.3924 21.0566C21.5346 20.2335 22.277 18.967 22.437 17.5683C22.6204 15.965 21.5239 14.007 19.3311 10.0912Z" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
												</svg>
												Spam
											</a>											
										</xf:if>
										<xf:if is="$xf.visitor.canViewIps() && $message.ip_id">
											<a href="{{ link('conversations/messages/ip', $message) }}" class="menu-linkRow" data-xf-click="overlay" title="IP">
												<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
													<path d="M12 13V9M12.5 16.5C12.5 16.7761 12.2761 17 12 17C11.7239 17 11.5 16.7761 11.5 16.5M12.5 16.5C12.5 16.2239 12.2761 16 12 16C11.7239 16 11.5 16.2239 11.5 16.5M12.5 16.5H11.5M19.3311 10.0912L18.98 9.46437C16.6988 5.39063 15.5581 3.35377 14.0576 2.67625C12.7495 2.08558 11.2505 2.08558 9.94239 2.67625C8.44189 3.35377 7.30124 5.39064 5.01995 9.46438L4.66894 10.0912C2.47606 14.007 1.37961 15.965 1.56302 17.5683C1.72303 18.967 2.46536 20.2335 3.60763 21.0566C4.91688 22 7.16092 22 11.649 22H12.351C16.8391 22 19.0831 22 20.3924 21.0566C21.5346 20.2335 22.277 18.967 22.437 17.5683C22.6204 15.965 21.5239 14.007 19.3311 10.0912Z" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
												</svg>
												Check IP
											</a>											
										</xf:if>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="kz-conversation-data-wrapper">
					<div class="kz-conversation-data">
						<a href="{{ link('conversations/messages', $message) }}" class="kz-conversation-data-item u-concealed" rel="nofollow">
							<xf:date time="{$message.message_date}" />
						</a>
					</div>
				</div>
			</div>
		</article>
	</div>
</xf:macro>]]></template>
    <template title="conversation_view" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<xf:title page="{$page}">{$conversation.title}</xf:title>

<xf:comment>
	<ul class="listInline listInline--bullet">
		<li>
			<xf:fa icon="fa-users" title="{{ phrase('participants')|for_attr }}" />
			<span class="u-srOnly">{{ phrase('participants') }}</span>

			<ul class="listInline listInline--selfInline listInline--comma">
				<li><xf:username user="$conversation.Starter" defaultname="{$conversation.username}" title="{{ phrase('conversation_starter') }}" href="" /></li><xf:trim>
				</xf:trim><xf:foreach loop="$conversation.recipients" value="$recipient" if="{$recipient.user_id} != {$conversation.user_id} AND $i < 4" i="$i"><xf:trim>
					<li><xf:username user="{$recipient}" defaultname="{{ phrase('unknown_member') }}" href="" /></li>
				</xf:trim></xf:foreach>
			</ul>
			<xf:if is="$conversation.recipient_count > 5">
				{{ phrase('ellipsis_and_x_more', {'count': ($conversation.recipient_count - 5)|number}) }}
			</xf:if>
		</li>
		<li>
			<xf:fa icon="fa-clock" title="{{ phrase('start_date')|for_attr }}" />
			<span class="u-srOnly">{{ phrase('start_date') }}</span>

			<a href="{{ link('conversations', $conversation) }}" class="u-concealed"><xf:date time="{$conversation.start_date}" /></a>
		</li>
	</ul>
</xf:comment>

<xf:breadcrumb href="{{ link('conversations') }}">{{ phrase('conversations') }}</xf:breadcrumb>

<div class="block block--messages">
	<div class="block-outer">
		<xf:pagenav
			page="{$page}" perpage="{$perPage}" total="{{ $conversation.reply_count + 1 }}"
			link="conversations" data="{$conversation}"
			wrapperclass="block-outer-main" />
		<xf:comment>
			<div class="block-outer-opposite">
				<div class="buttonGroup">
					<xf:if is="$conversation.canEdit()">
						<xf:button href="{{ link('conversations/edit', $conversation) }}" class="button--link"
							icon="edit" overlay="true" />
					</xf:if>
					<xf:button href="{{ link('conversations/star', $conversation) }}" class="button--link"
						data-xf-click="switch"
						data-sk-star="{{ phrase('star') }}"
						data-sk-unstar="{{ phrase('unstar') }}">
						{{ {$userConv.is_starred} ? phrase('unstar') : phrase('star') }}
					</xf:button>
					<xf:button href="{{ link('conversations/mark-unread', $conversation) }}" class="button--link"
						data-xf-click="switch"
						data-sk-read="{{ phrase('mark_read') }}"
						data-sk-unread="{{ phrase('mark_unread') }}">
						{{ {$userConv.is_unread} ? phrase('mark_read') : phrase('mark_unread') }}
					</xf:button>
					<xf:button href="{{ link('conversations/leave', $conversation) }}" class="button--link" overlay="true">
						{{ phrase('leave') }}
					</xf:button>
				</div>
			</div>
		</xf:comment>
	</div>

	<div class="kz-messages-section lbContainer"
		data-xf-init="lightbox{{ $xf.options.selectQuotable ? ' select-to-quote' : '' }}"
		data-message-selector=".js-message"
		data-lb-id="conversation-{$conversation.conversation_id}"
		data-lb-universal="{$xf.options.lightBoxUniversal}">
		
		<div class="kz-message-header">
			<div class="kz-message-header-main">
				<div class="kz-message-participants">
					<xf:avatar user="$conversation.Starter" size="xs" canonical="true" />
					<xf:foreach loop="$conversation.recipients" value="$recipient" if="{$recipient.user_id} != {$conversation.user_id} AND $i < 4" i="$i">
						<xf:avatar user="{$recipient}" class="participant-item" size="xs" canonical="true" />
					</xf:foreach>
					<div class="buttonGroup-buttonWrapper">
						<button class="kz-message-total-participants participant-item" data-xf-click="menu" aria-expanded="false" aria-haspopup="true" data-xf-init="tooltip" title="Conversation participants" id="js-XFUniqueId1">
							{$conversation.recipient_count}
						</button>
						<div class="menu" data-menu="menu" aria-hidden="true">
							<div class="menu-content">
								<h3 class="menu-header">
									Participants
								</h3>
								<div class="kz-menu-participant">
									<xf:avatar user="$conversation.Starter" size="xs" canonical="true" />
									<div>
										<xf:username user="$conversation.Starter" defaultname="{$conversation.username}" title="{{ phrase('conversation_starter') }}" href="" />
									</div>
								</div>
								<xf:foreach loop="$conversation.recipients" value="$recipient" if="{$recipient.user_id} != {$conversation.user_id} AND $i < 4" i="$i">
									<div class="kz-menu-participant">
										<xf:avatar user="{$recipient}" size="xs" canonical="true" />
										<div>
											<xf:username user="{$recipient}" defaultname="{$conversation.username}" title="{{ phrase('conversation_starter') }}" href="" />
										</div>
									</div>
								</xf:foreach>
							</div>
						</div>
					</div>
				</div>
				<h3 class="kz-message-data">
					<span class="kz-message-participants-list">
						<ul class="listInline listInline--selfInline listInline--comma">
							<li>
								<xf:username user="$conversation.Starter" defaultname="{$conversation.username}" title="{{ phrase('conversation_starter') }}" href="" /></li>
							<xf:trim>
							</xf:trim>
							<xf:foreach loop="$conversation.recipients" value="$recipient" if="{$recipient.user_id} != {$conversation.user_id} AND $i < 4" i="$i">
									<xf:trim>
									<li>
										<xf:username user="{$recipient}" defaultname="{{ phrase('unknown_member') }}" href="" /></li>
								</xf:trim>
							</xf:foreach>
						</ul>
					</span>
					<span class="kz-message-circle-spacer">
					</span>
					<span class="kz-message-last-reply" data-xf-init="tooltip" title="Last reply date" id="js-XFUniqueId2">
						<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M5.04798 8.60657L2.53784 8.45376C4.33712 3.70477 9.503 0.999917 14.5396 2.34474C19.904 3.77711 23.0904 9.26107 21.6565 14.5935C20.2227 19.926 14.7116 23.0876 9.3472 21.6553C5.36419 20.5917 2.58192 17.2946 2 13.4844" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
							<path d="M12 8V12L14 14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
						</svg>
						<xf:date time="{$conversation.start_date}" />
					</span>
				</h3>
			</div>
			<div class="buttonGroup-buttonWrapper">
				<button type="button" class="button" data-xf-click="menu" aria-expanded="false" aria-haspopup="true"><span class="button-text">
						<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M10 11C10.5523 11 11 10.5523 11 10C11 9.44772 10.5523 9 10 9C9.44772 9 9 9.44772 9 10C9 10.5523 9.44772 11 10 11Z" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
							<path d="M10 4C10.5523 4 11 3.55228 11 3C11 2.44772 10.5523 2 10 2C9.44772 2 9 2.44772 9 3C9 3.55228 9.44772 4 10 4Z" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
							<path d="M10 18C10.5523 18 11 17.5523 11 17C11 16.4477 10.5523 16 10 16C9.44772 16 9 16.4477 9 17C9 17.5523 9.44772 18 10 18Z" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
						</svg>
					</span></button>
					<div class="menu" data-menu="menu" aria-hidden="true">
					<div class="menu-content">
						<xf:if is="$conversation.canEdit()">
						<a href="{{ link('conversations/edit', $conversation) }}" class="menu-linkRow" data-xf-click="overlay" overlay="true">
							<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M2.5 21.4998L8.04927 19.3655C8.40421 19.229 8.58168 19.1607 8.74772 19.0716C8.8952 18.9924 9.0358 18.901 9.16804 18.7984C9.31692 18.6829 9.45137 18.5484 9.72028 18.2795L21 6.99982C22.1046 5.89525 22.1046 4.10438 21 2.99981C19.8955 1.89525 18.1046 1.89524 17 2.99981L5.72028 14.2795C5.45138 14.5484 5.31692 14.6829 5.20139 14.8318C5.09877 14.964 5.0074 15.1046 4.92823 15.2521C4.83911 15.4181 4.77085 15.5956 4.63433 15.9506L2.5 21.4998ZM2.5 21.4998L4.55812 16.1488C4.7054 15.7659 4.77903 15.5744 4.90534 15.4867C5.01572 15.4101 5.1523 15.3811 5.2843 15.4063C5.43533 15.4351 5.58038 15.5802 5.87048 15.8703L8.12957 18.1294C8.41967 18.4195 8.56472 18.5645 8.59356 18.7155C8.61877 18.8475 8.58979 18.9841 8.51314 19.0945C8.42545 19.2208 8.23399 19.2944 7.85107 19.4417L2.5 21.4998Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
							</svg>
							Edit
						</a>
							</xf:if>
						<xf:if is="$conversation.canInvite()">
						<a href="{{ link('conversations/invite', $conversation) }}" class="menu-linkRow" data-xf-click="overlay" overlay="true">
							<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><g fill="currentColor"><path fill-rule="evenodd" d="M7.25 6a4.75 4.75 0 1 1 9.5 0a4.75 4.75 0 0 1-9.5 0ZM12 2.75a3.25 3.25 0 1 0 0 6.5a3.25 3.25 0 0 0 0-6.5Z" clip-rule="evenodd"/><path d="M18 13.917a.75.75 0 0 1 .75.75v.583h.583a.75.75 0 0 1 0 1.5h-.583v.583a.75.75 0 0 1-1.5 0v-.583h-.583a.75.75 0 0 1 0-1.5h.583v-.583a.75.75 0 0 1 .75-.75Z"/><path fill-rule="evenodd" d="M14.775 12.513A14.487 14.487 0 0 0 12 12.25c-2.313 0-4.445.526-6.024 1.414C4.42 14.54 3.25 15.866 3.25 17.5v.102c-.001 1.162-.002 2.62 1.277 3.662c.629.512 1.51.877 2.7 1.117c1.192.242 2.747.369 4.773.369c2.868 0 4.81-.254 6.12-.741c1.179-.44 1.877-1.082 2.25-1.892a4.75 4.75 0 1 0-5.596-7.604ZM6.71 14.972c-1.34.753-1.96 1.677-1.96 2.528c0 1.308.04 2.044.723 2.6c.37.302.99.597 2.05.811c1.057.214 2.502.339 4.476.339c2.578 0 4.24-.213 5.311-.55a4.751 4.751 0 0 1-3.555-6.835A13.284 13.284 0 0 0 12 13.75c-2.105 0-3.973.482-5.289 1.222ZM14.751 16a3.25 3.25 0 1 1 6.5 0a3.25 3.25 0 0 1-6.5 0Z"/></g>
							</svg>
							Invite User
						</a>
							</xf:if>
						<a href="{{ link('conversations/star', $conversation) }}" class="menu-linkRow" data-xf-click="switch" data-sk-star="Star" data-sk-unstar="Unstar">
							<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M13.7276 3.44418L15.4874 6.99288C15.7274 7.48687 16.3673 7.9607 16.9073 8.05143L20.0969 8.58575C22.1367 8.92853 22.6167 10.4206 21.1468 11.8925L18.6671 14.3927C18.2471 14.8161 18.0172 15.6327 18.1471 16.2175L18.8571 19.3125C19.417 21.7623 18.1271 22.71 15.9774 21.4296L12.9877 19.6452C12.4478 19.3226 11.5579 19.3226 11.0079 19.6452L8.01827 21.4296C5.8785 22.71 4.57865 21.7522 5.13859 19.3125L5.84851 16.2175C5.97849 15.6327 5.74852 14.8161 5.32856 14.3927L2.84884 11.8925C1.389 10.4206 1.85895 8.92853 3.89872 8.58575L7.08837 8.05143C7.61831 7.9607 8.25824 7.48687 8.49821 6.99288L10.258 3.44418C11.2179 1.51861 12.7777 1.51861 13.7276 3.44418Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
							</svg>
							Star
						</a>
						<a href="{{ link('conversations/mark-unread', $conversation) }}" class="menu-linkRow" data-xf-click="switch" data-sk-read="Mark read" data-sk-unread="Mark unread">
							<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M15.5799 12C15.5799 13.98 13.9799 15.58 11.9999 15.58C10.0199 15.58 8.41992 13.98 8.41992 12C8.41992 10.02 10.0199 8.42004 11.9999 8.42004C13.9799 8.42004 15.5799 10.02 15.5799 12Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
								<path d="M11.9998 20.27C15.5298 20.27 18.8198 18.19 21.1098 14.59C22.0098 13.18 22.0098 10.81 21.1098 9.39997C18.8198 5.79997 15.5298 3.71997 11.9998 3.71997C8.46984 3.71997 5.17984 5.79997 2.88984 9.39997C1.98984 10.81 1.98984 13.18 2.88984 14.59C5.17984 18.19 8.46984 20.27 11.9998 20.27Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
							</svg>
							Mark unread
						</a>
						<a href="{{ link('conversations/leave', $conversation) }}" class="menu-linkRow" overlay="true">
							<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M18.9154 11.6997L17.373 15.8314C16.6547 17.7556 16.2955 18.7177 15.709 19.377C14.812 20.3851 13.5203 20.9748 12.1549 20.9995C11.262 21.0156 10.2783 20.6665 8.31091 19.9683C7.27913 19.6022 6.76324 19.4191 6.32165 19.1455C5.64795 18.7281 5.09127 18.1534 4.70166 17.4731C4.44628 17.0272 4.28743 16.5137 3.96974 15.4867L2.56985 10.9613C2.35476 10.266 2.64855 9.51553 3.28412 9.13687C4.11475 8.64198 5.19966 8.96175 5.60953 9.82225L6.5443 11.7848L9.1763 4.73429C9.4501 4.00083 10.2819 3.62265 11.0342 3.88961C11.7865 4.15657 12.1743 4.96757 11.9005 5.70103M11.9005 5.70103L12.5616 3.93029C12.8354 3.19683 13.6672 2.81866 14.4194 3.08562C15.1717 3.35257 15.5596 4.16357 15.2858 4.89704L14.6248 6.66777M11.9005 5.70103L10.4132 9.68518M14.6248 6.66777C14.8986 5.93431 15.7304 5.55613 16.4826 5.82309C17.2349 6.09005 17.6228 6.90105 17.349 7.63451L16.688 9.40524M14.6248 6.66777L13.1374 10.6519M16.688 9.40524C16.9618 8.67178 17.7936 8.2936 18.5458 8.56056C19.2981 8.82752 19.686 9.63852 19.4122 10.372L18.5859 12.5854M16.688 9.40524L15.8617 11.6187" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
								<path d="M21.3307 14C21.877 15.6354 21.0574 17.4263 19.5 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
							</svg>
							Leave
						</a>
					</div>
				</div>
			</div>
		</div>
		
		<div class="kz-messagess-wrapper js-replyNewMessageContainer">
			<xf:foreach loop="$messages" value="$message">
				<xf:macro template="conversation_message_macros" name="message"
					arg-message="{$message}" arg-conversation="{$conversation}"
					arg-lastRead="{$lastRead}" />
			</xf:foreach>
		</div>
		
		<xf:if is="$conversation.canReply()">
		<xf:form action="{{ link('conversations/add-reply', $conversation) }}"
			ajax="true"
			draft="{{ link('conversations/draft', $conversation) }}"
			class="kz-message-quickreply js-quickReply"
			data-xf-init="attachment-manager quick-reply">

			<xf:js src="xf/message.js" min="1" />
			<xf:set var="$lastMessage" value="{$messages|last}" />

			<div class="block-container">
				<div class="block-body">
					<xf:macro template="quick_reply_macros" name="body"
						arg-message="{$conversation.draft_reply.message}"
						arg-attachmentData="{$attachmentData}"
						arg-forceHash="{$conversation.draft_reply.attachment_hash}"
						arg-messageSelector=".js-message"
						arg-supportsMultiQuote="{$xf.options.multiQuote}"
						arg-multiQuoteHref="{{ link('conversations/multi-quote', $conversation) }}"
						arg-multiQuoteStorageKey="multiQuoteConversation"
						arg-lastDate="{$lastMessage.message_date}"
						arg-previewUrl="{{ link('conversations/reply-preview', $conversation) }}" />
				</div>
			</div>
		</xf:form>
	</xf:if>
	</div>

	<div class="block-outer block-outer--after">
		<xf:pagenav
			page="{$page}" perpage="{$perPage}" total="{{ $conversation.reply_count + 1 }}"
			link="conversations" data="{$conversation}"
			wrapperclass="block-outer-main" />
		<xf:showignored wrapperclass="block-outer-opposite" />
	</div>

	<xf:if is="!$conversation.conversation_open">
		<div class="block-outer block-outer--after">
			<dl class="blockStatus">
				<dt>{{ phrase('status') }}</dt>
				<dd class="blockStatus-message blockStatus-message--locked">
					{{ phrase('this_conversation_is_closed_for_new_replies') }}
				</dd>
			</dl>
		</div>
	</xf:if>
</div>

<xf:widgetpos id="conversation_view_sidebar" context-conversation="{$conversation}" position="sidebar" />]]></template>
    <template title="core.less" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[// ########################## GLOBAL BASE SETUP #######################

html
{
	font: @xf-fontSizeNormal / @xf-lineHeightDefault sans-serif;
	font-family: @xf-fontFamilyUi;
	font-weight: @xf-fontWeightNormal;
	color: @xf-textColor;
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	background-color: @xf-pageBg;

	/* // just a reminder that we *might* want this at some point
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;*/
}

button, input, optgroup, select, textarea
{
	font-family: @xf-fontFamilyUi;
	line-height: @xf-lineHeightDefault;
}

* {
	box-sizing: border-box;
}

img
{
	max-width: 100%;
	height: auto;
}

b, strong
{
	font-weight: @xf-fontWeightHeavy;
}

a
{
	.xf-link();

	&:hover
	{
		.xf-linkHover();
	}
}

svg
{
	fill: currentColor;
}



{{ include('core_setup.less') }}
{{ include('core_utilities.less') }}
{{ include('core_list.less') }}
{{ include('core_categorylist.less') }}
{{ include('core_block.less') }}
{{ include('core_blockmessage.less') }}
{{ include('core_blockstatus.less') }}
{{ include('core_blocklink.less') }}
{{ include('core_blockend.less') }}
{{ include('core_fixedmessage.less') }}
{{ include('core_button.less') }}
{{ include('core_meter_bar.less') }}

// ################################# INPUTS & FORMS #####################

{{ include('core_input.less') }}
{{ include('core_formrow.less') }}

{{ include('core_collapse.less') }}
{{ include('core_badge.less') }}
{{ include('core_tooltip.less') }}
{{ include('core_menu.less') }}
{{ include('core_offcanvas.less') }}
{{ include('core_tab.less') }}
{{ include('core_overlay.less') }}
{{ include('core_globalaction.less') }}
{{ include('core_avatar.less') }}
{{ include('core_datalist.less') }}
{{ include('core_filter.less') }}
{{ include('core_contentrow.less') }}
{{ include('core_pagenav.less') }}
{{ include('core_hscroller.less') }}

// FLASH MESSAGES
.flashMessage
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: @zIndex-9;
	.xf-flashMessage();

	.m-transitionFadeDown();
}

// AUTOCOMPLETE
.autoCompleteList
{
	.m-autoCompleteList();
	margin-top: 2px;

	&.autoCompleteList--inherit
	{
		font-size: inherit;

		li
		{
			padding: @xf-paddingLarge;
			line-height: inherit;
		}
	}
}

// #################################### TAGS ##############################
// note that while this is related to tags, it's commonly used so just include it

.tagList,
.tagList > dt,
.tagList > dd
{
	display: inline;
	padding: 0;
	margin: 0;
}

.tagItem
{
	display: inline-block;
	max-width: 100%;
	padding: 0 6px 1px;
	margin: 0 0 2px;
	border-radius: @xf-borderRadiusMedium;
	font-size: @xf-fontSizeSmaller;
	.xf-chip();

	a&:hover
	{
		text-decoration: none;
		color: @xf-chip--color;
		.xf-chipHover();
	}
}

// ############################# MISC #########################

.recaptcha
{
	&.input
	{
		box-sizing: content-box;
		max-width: 100%;
	}

	img
	{
		max-width: 100%;
	}
}

.likesBar
{
	.m-transitionFadeDown();
	.xf-minorBlockContent();
	border-left: @xf-borderSizeMinorFeature solid @xf-borderColorFeature;
	padding: @xf-paddingMedium;
	font-size: @xf-fontSizeSmaller;
	margin-top: @xf-paddingMedium;
}

.likeIcon
{
	&:before
	{
		.m-faBase();
		.m-faContent(@fa-var-thumbs-up); //, 1em
		color: @xf-textColorFeature;
		//margin-right: .2em;
	}
}

.reactionsBar
{
	.m-transitionFadeDown();
	.xf-minorBlockContent();
	background: mix(@xf-contentBg, @xf-contentAltBg);
	border: @xf-borderSize dashed @xf-borderColorHeavy;
	border-left: @xf-borderSizeFeature solid @xf-borderColorHighlight;
	border-radius: @xf-blockBorderRadius;
	padding: @xf-paddingMedium;
	font-size: @xf-fontSizeSmaller;
	margin-top: @xf-paddingMedium;
}

.reactionSummary
{
	display: inline-block;
	.m-listPlain();
	line-height: 16px;
	height: 16px;
	margin: 0 -2px;
	vertical-align: text-top;

	> li
	{
		display: inline-block;
		height: 20px;
		width: 20px;
		padding: 2px;
		margin: -2px 0;
		background: @xf-contentBg;
		border-radius: 50%;
		position: relative;
		margin-left: -6px;

		&:nth-child(1)
		{
			z-index: 3;
			margin-left: 0;
		}

		&:nth-child(2)
		{
			z-index: 2;
		}

		&:nth-child(3)
		{
			z-index: 1;
		}
	}

	.reaction
	{
		position: absolute;
		top: 0;

		&.reaction
		{
			// increase specificity to override .reaction.reaction--<size>
			display: block;
		}
	}
}

.reactionsBar,
.message-responseRow
{
	.reactionSummary
	{
		> li
		{
			background: @xf-contentAltBg;
		}

		.reaction
		{
			top: 2px;
		}
	}
}

.reactTooltip
{
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 100%;

	.reaction
	{
		margin: @xf-paddingSmall;
		.m-transition(transform);

		&:hover
		{
			.m-transform(scale(1.2));
		}
	}
}

.colorChip
{
	display: inline-block;
	border: @xf-borderSize solid @xf-borderColor;
	border-radius: @xf-borderRadiusMedium;
	padding: 1px;
	width: 100px;
}

.colorChip-inner
{
	display: block;
	background-color: transparent;
	border-radius: @xf-borderRadiusSmall;
	height: 1em;
}

.colorChip-value
{
	display: none;
}

pre.sf-dump
{
	// not ideal, but then again neither is the default of 99999...
	z-index: @zIndex-1 !important;
}

.grecaptcha-badge
{
	z-index: @zIndex-5;
}

// Bookmarking links for 2.1
.bookmarkLink
{
	&:before
	{
		.m-faBase();
		.m-faContent(@fa-var-bookmark);
		font-weight: min(@xf-fontAwesomeWeight, @faWeight-regular);
	}
	&.is-bookmarked
	{
		&:before
		{
			font-weight: @faWeight-solid;
		}
	}

	&.bookmarkLink--highlightable.is-bookmarked
	{
		color: @xf-textColorAttention;

		&:hover
		{
			color: @xf-textColorAccentContent;
		}
	}

	span
	{
		margin-left: .35em;
	}
}

.dragHandle
{
	cursor: move;
	touch-action: none;

	&:before
	{
		.m-faBase();
		.m-faContent(@fa-var-bars);
	}

	.is-undraggable &
	{
		visibility: hidden;
		cursor: default;
	}
}

.memberProfileBanner
{
	background-size: cover !important;
	background-position-x: center !important;
	background-repeat: no-repeat !important;

	&.memberProfileBanner--small
	{
		height: 150px;
		margin-bottom: @xf-paddingMedium;
	}

	&.memberProfileBanner--empty
	{
		display: none;
	}
}

.solutionIcon
{
	display: inline-flex;
	padding: @xf-paddingMedium;
	font-size: @xf-fontSizeLargest;
	line-height: 1;
	color: @xf-textColorMuted;
	.m-transition();

	a&
	{
		color: @xf-textColorMuted;
		text-decoration: none;
	}

	&:before
	{
		.m-faBase();
		.m-faContent(@fa-var-check-circle);
		font-weight: min(@xf-fontAwesomeWeight, @faWeight-regular);
	}

	&.is-solution
	{
		color: @xf-votePositiveColor;
		opacity: 1;

		&:before
		{
			font-weight: @faWeight-solid;
		}
	}
}

{{ include('core_action_bar.less') }}
{{ include('core_labels.less') }}
{{ include('core_reaction.less') }}
{{ include('core_smilie.less') }}
{{ include('core_bbcode.less') }}
{{ include('core_dt_proprties.less') }}
{{ include('core_dt_extra.less') }}

// RESOLUTION OUTPUT

.debugResolution
{
	.debugResolution-output:before
	{
		content: "Full @{xf-responsiveWide} - @{xf-pageWidthMax}";
		@media (min-width: @xf-pageWidthMax) { content: "Max > @{xf-pageWidthMax}"; }
		@media (max-width: @xf-responsiveWide) { content: "Wide < @{xf-responsiveWide}"; }
		@media (max-width: @xf-responsiveMedium) { content: "Medium < @{xf-responsiveMedium}"; }
		@media (max-width: @xf-responsiveNarrow) { content: "Narrow < @{xf-responsiveNarrow}"; }
	}
}]]></template>
    <template title="core_badge.less" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[// #################################################### BADGES ###########################

.badge,
.badgeContainer:after
{
	display: inline-block;
	margin: -2px 0;
	font-size: 80%;
	line-height: 1;
	font-weight: @xf-fontWeightNormal;
	.xf-badge();
}

.badgeContainer
{
	&:after
	{
		content: attr(data-badge);
		display: none;
	}

	&.badgeContainer--visible:after
	{
		display: inline-block;
	}
}

.badge.badge--highlighted,
.badgeContainer.badgeContainer--highlighted:after
{
	display: inline-block;
	.xf-badgeHighlighted();
}]]></template>
    <template title="core_block.less" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[// ################################# BLOCKS ##################

.blocks
{
	margin-bottom: @xf-elementSpacer;

	&:last-child
	{
		margin-bottom: 0;
	}

	.block
	{
		margin-bottom: (@xf-elementSpacer / 2);

		&:last-child
		{
			margin-bottom: 0;
		}
	}

	&.blocks--close .block
	{
		margin-bottom: (@xf-elementSpacer / 4);
	}

	&.blocks--separated
	{
		+ .blocks
		{
			padding-top: @xf-elementSpacer;
			border-top: @xf-borderSize solid @xf-borderColor;
		}
	}
}

.blocks-header
{
	font-size: @xf-fontSizeLarger;
	font-weight: @xf-fontWeightNormal;
	color: @xf-textColorMuted;

	margin: 0;
	padding: 0;
	margin-bottom: 5px;

	&.blocks-header--strong
	{
		color: @xf-textColorDimmed;

		.blocks-desc
		{
			color: @xf-textColorMuted;
		}
	}
}

.blocks-textJoiner
{
	display: table;
	width: 100%;
	margin-bottom: (@xf-elementSpacer / 2);
	padding: 0 @xf-paddingMedium;

	> span
	{
		display: table-cell;
		position: relative;

		&:before
		{
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			top: 50%;
			border-top: @xf-borderSize solid @xf-borderColor;
		}
	}

	> em
	{
		display: table-cell;
		padding: 0 @xf-paddingLarge;
		width: 1%;
		white-space: nowrap;
		font-size: @xf-fontSizeLargest;
		line-height: 1;
		font-style: normal;
		text-align: center;
	}
}

.block
{
	margin-bottom: @xf-elementSpacer;

	&.block--close
	{
		margin-bottom: 5px;
	}

	&.block--treeEntryChooser
	{
		.block-header
		{
			font-size: @xf-fontSizeLarge;

			.block-desc
			{
				font-size: @xf-fontSizeSmallest;
			}
		}

		.block-row
		{
			padding-top: 6px;
			padding-bottom: 6px;
		}

		.contentRow
		{
			&.is-disabled
			{
				opacity: 0.5;
			}
		}

		.contentRow-title
		{
			font-size: @xf-fontSizeNormal;
		}

		.contentRow-minor
		{
			font-size: @xf-fontSizeSmaller;
		}

		.contentRow-suffix
		{
			font-size: @xf-fontSizeSmall;
		}
	}
}

.block-outer
{
	padding-bottom: @xf-blockPaddingV;
	.m-clearFix();

	&:empty
	{
		display: none;
	}

	&.block-outer--after
	{
		padding-top: @xf-blockPaddingV;
		padding-bottom: 0;
	}

	&.block-outer--padded
	{
		padding-left: @xf-blockPaddingH;
		padding-right: @xf-blockPaddingH;
	}

	.block-outer-hint
	{
		font-size: @xf-fontSizeSmall;
		color: @xf-textColorMuted;
	}
}
.block-outer-main, .block-row-main { float: left; }
.block-outer-opposite, .block-row-opposite { float: right; }
.block-outer-middle, .block-row-middle { text-align: center; }

.block-container
{
	.xf-contentBase();
	.xf-blockBorder();
	border-radius: @xf-blockBorderRadius;

	&.block-container--none
	{
		background: none;
		border: none;
		color: @xf-textColor;
		padding: 0;
	}
}

@media (min-width: @xf-responsiveEdgeSpacerRemoval)
{
	@{block-noStripSel} > :first-child,
	.block-topRadiusContent,
	@{block-noStripSel} > .block-body:first-child > .blockLink:first-child
	{
		border-top-left-radius: @block-borderRadius-inner;
		border-top-right-radius: @block-borderRadius-inner;
	}

	@{block-noStripSel} > :last-child,
	.block-bottomRadiusContent,
	@{block-noStripSel} > .block-body:last-child > .blockLink:last-child,
	@{block-noStripSel} > .tabPanes:last-child > [role=tabpanel] > :last-child,
	@{block-noStripSel} > .tabPanes:last-child > [role=tabpanel] > .block-body > :last-child
	{
		border-bottom-left-radius: @block-borderRadius-inner;
		border-bottom-right-radius: @block-borderRadius-inner;
	}

	@{block-noStripSel} > .block-body:first-child > .dataList:first-child,
	.block-topRadiusContent.dataList,
	.block-topRadiusContent > .dataList:first-child
	{
		tbody:first-child .dataList-row:first-child,
		thead:first-child .dataList-row:first-child
		{
			> .dataList-cell:first-child { border-top-left-radius: @block-borderRadius-inner; }
			> .dataList-cell:last-child { border-top-right-radius: @block-borderRadius-inner; }
		}
	}

	@{block-noStripSel} > .block-body:first-child > .formRow:first-child,
	.block-topRadiusContent.formRow,
	.block-topRadiusContent > .formRow:first-child
	{
		> dt { border-top-left-radius: @block-borderRadius-inner; }
		> dd { border-top-right-radius: @block-borderRadius-inner; }
	}

	@{block-noStripSel} > .block-body:last-child > .dataList:last-child,
	.block-bottomRadiusContent.dataList,
	.block-bottomRadiusContent > .dataList:last-child
	{
		tbody:last-child .dataList-row:last-child
		{
			> .dataList-cell:first-child { border-bottom-left-radius: @block-borderRadius-inner; }
			> .dataList-cell:last-child { border-bottom-right-radius: @block-borderRadius-inner; }
		}
	}

	@{block-noStripSel} > .block-body:last-child > .formRow:last-child,
	.block-bottomRadiusContent.formRow,
	.block-bottomRadiusContent > .formRow:last-child
	{
		> dt { border-bottom-left-radius: @block-borderRadius-inner; }
		> dd { border-bottom-right-radius: @block-borderRadius-inner; }
	}

	@{block-noStripSel} > .block-body:last-child .formSubmitRow:not(.is-sticky),
	@{block-noStripSel} > .formSubmitRow:not(.is-sticky):last-child,
	.block-bottomRadiusContent > .formSubmitRow:not(.is-sticky)
	{
		> dt { border-bottom-left-radius: @block-borderRadius-inner; }
		> dd { border-bottom-right-radius: @block-borderRadius-inner; }

		.formSubmitRow-bar
		{
			border-bottom-left-radius: @block-borderRadius-inner;
			border-bottom-right-radius: @block-borderRadius-inner;
		}
	}
}

.block-header
{
	padding: @xf-blockPaddingV @xf-blockPaddingH;
	margin: 0;
	font-weight: @xf-fontWeightNormal;
	font-size: 17.5px !important;
	color: #FFFFFF;
    font-family: 'kingzheader',sans-serif;
	border: none !important;
	text-decoration: none;
	.xf-blockHeader();

	.m-clearFix();
	.m-hiddenLinks();

	&.block-header--separated
	{
		border-top: @xf-borderSize solid @xf-borderColorLight;
	}

	.block-desc
	{
		color: fade(@xf-blockHeader--color, 70);
		.m-textColoredLinks();
	}
}

.block-minorHeader
{
	padding: @xf-blockPaddingV @xf-blockPaddingH;
	margin: 0;
	font-weight: 500 !important;
	text-decoration: none;
	.xf-blockMinorHeader();

	.m-clearFix();
	.m-hiddenLinks();

	.block-body + &
	{
		border-top: @xf-borderSize solid @xf-borderColorLight;
	}

	.block-desc
	{
		.m-textColoredLinks();
	}

	&--spaced
	{
		margin-top: @xf-paddingSmall;
	}

	&--small
	{
		font-size: @xf-fontSizeSmall;
	}
}

.block-tabHeader
{
	padding: 0;
	margin: 0;
	font-weight: @xf-fontWeightNormal;
	.xf-blockTabHeader();
	.m-tabsTogether(xf-default(@xf-blockTabHeader--font-size, @xf-fontSizeNormal));

	.tabs-tab
	{
		padding: @xf-blockPaddingV @xf-blockPaddingH;
		border-bottom: @xf-borderSizeFeature solid transparent;

		&:not(.is-readonly):hover
		{
			color: @xf-blockTabHeaderSelected--color;
			background: fade(@xf-blockTabHeaderSelected--color, 10%);
		}

		&.is-readonly:hover
		{
			cursor: default;
		}

		&.tabs-tab--radio.is-readonly:hover
		{
			cursor: not-allowed;
		}
	}

	.tabs-tab.is-active,
	.tabs > input:checked + .tabs-tab--radio
	{
		background: none;
		.xf-blockTabHeaderSelected();
	}

	.tabs > input[type="radio"]
	{
		display: none;
	}

	.tabs-text
	{
		padding: @xf-blockPaddingV @xf-blockPaddingH;
		border-bottom: @xf-borderSizeFeature solid transparent;
	}

	.block-tabHeader-extra
	{
		float: right;
		color: inherit;
		font-size: @xf-blockTabHeader--font-size;
		padding: @xf-blockPaddingV @xf-blockPaddingH;
	}

	.hScroller-action
	{
		.m-hScrollerActionColorVariation(
			xf-default(@xf-blockTabHeader--background-color, transparent),
			xf-default(@xf-blockTabHeader--color, ~""),
			xf-default(@xf-blockTabHeaderSelected--color, ~"")
		);
	}
}

.block-minorTabHeader
{
	padding: 0;
	margin: 0;
	font-weight: @xf-fontWeightNormal;
	.xf-blockMinorTabHeader();
	.m-tabsTogether(xf-default(@xf-blockMinorTabHeader--font-size, @xf-fontSizeNormal));

	.tabs-tab
	{
		padding: @xf-blockPaddingV @xf-blockPaddingH max(0px, @xf-blockPaddingV - @xf-borderSizeFeature);
		border-bottom: @xf-borderSizeFeature solid transparent;

		&:hover
		{
			color: @xf-blockMinorTabHeaderSelected--color;
		}

		&.is-active
		{
			background: none;
			.xf-blockMinorTabHeaderSelected();
		}
	}

	.tabs-text
	{
		padding: @xf-blockPaddingV @xf-blockPaddingH max(0px, @xf-blockPaddingV - @xf-borderSizeFeature);
		border-bottom: @xf-borderSizeFeature solid transparent;
	}

	.hScroller-action
	{
		.m-hScrollerActionColorVariation(
			xf-default(@xf-blockMinorTabHeader--background-color, transparent),
			xf-default(@xf-blockMinorTabHeader--color, ~""),
			xf-default(@xf-blockMinorTabHeaderSelected--color, ~"")
		);
	}
}

.block-filterBar
{
	padding: @xf-blockPaddingV @xf-blockPaddingH;
	.xf-blockFilterBar();

	&.block-filterBar--standalone
	{
		padding: @xf-paddingLarge @xf-blockPaddingH;
		border: @xf-borderSize solid @xf-borderColor;
		border-radius: @block-borderRadius-inner;

		@media (max-width: @xf-responsiveEdgeSpacerRemoval)
		{
			border-radius: 0;
			border-left: none;
			border-right: none;
		}
	}



	.filterBar-filterToggle,
	.filterBar-menuTrigger
	{
		&:hover
		{
			text-decoration: none;
			
		}
	}

	.filterBar-menuTrigger
	{
		margin-right: -5px;
	}
}

.block-textHeader
{
	margin: @xf-blockPaddingV/2 0;
	padding: 0;
	font-weight: @xf-fontWeightNormal;
	.xf-blockTextHeader();

	.m-clearFix();
	.m-hiddenLinks();

	&.block-textHeader--scaled
	{
		font-size: inherit;
	}

	.block-textHeader-highlight
	{
		color: @xf-textColor;
	}

	.block-desc
	{
		.m-textColoredLinks();
	}

	&:first-child
	{
		margin-top: 0;
	}
}

.block-formSectionHeader
{
	padding: @xf-blockPaddingV @xf-blockPaddingH;
	margin: 0;
	font-weight: @xf-fontWeightNormal;
	text-decoration: none;
	.xf-formSectionHeader();

	.m-clearFix();
	.m-hiddenLinks();

	.block-desc
	{
		.m-textColoredLinks();
	}

	.block-container > &:first-child,
	.block-body--collapsible &:first-child,
	.block-header + &
	{
		border-top: none;
	}

	.block-formSectionHeader-aligner
	{
		@_blockPaddingShift: (unit(@xf-formLabelWidth) / 100) * (@xf-blockPaddingH);

		display: inline-block;
		text-align: right;
		min-width: @xf-formLabelWidth;
		min-width: ~"calc((@{xf-formLabelWidth}) - (@{_blockPaddingShift}) - (@{xf-formRowPaddingHInner}) - (@{xf-borderSize}))";
		max-width: 100%;

		@media (max-width: @xf-formResponsive)
		{
			display: inline;
			text-align: left;
			min-width: 0;
			padding-left: 0;
		}
	}

	@media (max-width: @xf-formResponsive)
	{
		padding-left: @xf-formRowPaddingHOuter;
	}

	.block-formSectionHeader-multiChecker
	{
		float: right;
	}

	&--small
	{
		font-size: @xf-fontSizeNormal;
	}
}

.block-desc,
.blocks-desc
{
	display: block;
	font-size: @xf-fontSizeSmaller;
	font-weight: @xf-fontWeightNormal;
}

.block-body
{
	.m-listPlain();

	&.block-body--collapsible
	{
		.has-no-js & { display: block; }

		.m-transitionFadeDown();
	}

	&.block-body--contained
	{
		overflow: auto;
		max-height: 300px;
		max-height: 70vh;
	}

	&.block-body--containedFixed
	{
		overflow-x: auto;
		max-height: 300px;
	}
}

.block-row
{
	margin: 0;
	padding: @xf-blockPaddingV @xf-blockPaddingH;
	.m-clearFix();

	&.block-row--toEdge
	{
		padding-left: 0;
		padding-right: 0;
	}

	&.block-row--alt
	{
		.xf-contentAltBase();
	}

	&.block-row--minor
	{
		font-size: @xf-fontSizeSmall;
	}

	&.block-row--separated
	{
		padding-top: (@xf-blockPaddingV) * 2;
		padding-bottom: (@xf-blockPaddingV) * 2;

		+ .block-row
		{
			border-top: @xf-borderSize solid @xf-borderColorLight;
		}
	}

	&.block-row--connectAbove
	{
		padding-bottom: (@xf-blockPaddingV) * 2;

		.block-body > &:last-child
		{
			padding-bottom: @xf-blockPaddingV;
		}
	}

	&.block-row--highlighted
	{
		.xf-contentHighlightBase();
	}

	&.block-row--clickable:hover
	{
		.xf-contentHighlightBase();
	}

	&.is-mod-selected
	{
		background: @xf-inlineModHighlightColor;
	}

	> pre
	{
		&:first-child { margin-top: 0; }
		&:last-child { margin-bottom: 0; }
	}
}

.block-separator
{
	margin: 0;
	padding: 0;
	border: none;
	border-top: @xf-borderSize solid @xf-borderColorLight;
}

.block-footer
{
	padding: @xf-blockPaddingV @xf-blockPaddingH;
	.xf-blockFooter();
	.m-clearFix();

	&:first-child
	{
		border: none;
	}

	[data-app=admin] &
	{
		.block-footer-counter,
		.block-footer-select
		{
			line-height: 30px;
		}
	}

	&:not(.block-footer--split)
	{
		.block-footer-counter
		{
			float: left;
		}

		.block-footer-controls
		{
			float: right;
		}
	}

	&.block-footer--split
	{
		display: flex;
		align-items: center;

		.block-footer-main,
		.block-footer-counter
		{
			flex-grow: 1;
		}

		.block-footer-select:not(:last-child)
		{
			margin: 0 1em;
		}

		.block-footer-opposite,
		.block-footer-controls
		{
			margin-left: auto;
		}
	}
}

@media (max-width: @xf-responsiveNarrow)
{
	.block-outer
	{
		text-align: center;
	}

	.block-outer-main,
	.block-outer-opposite
	{
		float: none;
		text-align: center;
	}

	.block-outer-main + .block-outer-opposite
	{
		margin-top: @xf-paddingMedium;
	}
}]]></template>
    <template title="core_blockend.less" type="public" addon_id="XF" version_id="2021070" version_string="2.2.10"><![CDATA[// This contains rules that apply to various block and block-related systems. This file should be included
// after all of the primary definitions to ensure the rules override.

.blockMessage,
.blockStatus,
.block-row
{
	p:first-child
	{
		margin-top: 0;
	}

	p:last-child
	{
		margin-bottom: 0;
	}
}

@media (max-width: @xf-responsiveEdgeSpacerRemoval)
{
	.blockMessage.blockMessage--none
	{
		margin-left: 0;
		margin-right: 0;
	}
}]]></template>
    <template title="core_blocklink.less" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[// ############################ BLOCK LINKS ##################

.blockLink
{
	display: block;
	padding: @xf-blockPaddingV @xf-blockPaddingH;
	color: none;

	&.is-selected
	{
		font-weight: 700;
		color: #fff !important;
		background: #1b1b1e !important;
		.xf-blockLinkSelected(no-border);
		border-left: @xf-blockLinkSelected--border-width solid @xf-blockLinkSelected--border-color;
		padding-left: (@xf-blockPaddingH - xf-default(@xf-blockLinkSelected--border-width, 0));
	}

	&:hover
	{
		color: 22c55e !important;
		text-decoration: inherit;
	}
}

.blockLink-desc
{
	display: block;
	color: @xf-textColorMuted;
	font-size: @xf-fontSizeSmaller;
	font-weight: @xf-fontWeightNormal;
}

.blockLinkSplitToggle
{
	display: flex;
	padding: 0;
	text-decoration: none;
	cursor: pointer;

	&.is-selected
	{
		.xf-blockLinkSelected(no-border);
	}

	&:hover
	{
		color: #22c55e !important;
		text-decoration: inherit;
	}
}

.blockLinkSplitToggle-link
{
	display: block;
	padding: @xf-blockPaddingV @xf-blockPaddingH;
	text-decoration: none;
	flex-grow: 1;

	&:hover
	{
		text-decoration: none;
	}

	.blockLinkSplitToggle.is-selected &
	{
		border-left: @xf-blockLinkSelected--border-width solid @xf-blockLinkSelected--border-color;
		padding-left: (@xf-blockPaddingH - xf-default(@xf-blockLinkSelected--border-width, 0));
	}
}

.blockLinkSplitToggle-toggle
{
	display: inline-block;
	padding: @xf-blockPaddingV @xf-blockPaddingH;
	text-decoration: none;
	flex-grow: 0;
	line-height: 1;

	&:hover
	{
		text-decoration: none;
	}

	&:after
	{
		.m-faBase();
		font-size: 80%;
		.m-faContent(@fa-var-chevron-down);
	}

	&.is-active:after
	{
		.m-faContent(@fa-var-chevron-up);
	}
}

.blockLink--iconic
{
	i:after
	{
		.m-faBase();
		display: inline-block;
		min-width: 1em;
		position: absolute;
		left: @xf-blockPaddingH;
		top: 8px;
		display: none !important;
	}

	&--started i:after
	{
		.m-faContent(@fa-var-file-alt);
	}
	&--contributed i:after
	{
		.m-faContent(@fa-var-comments);
	}
	&--watched i:after
	{
		.m-faContent(@fa-var-bookmark);
	}
	&--unanswered i:after
	{
		.m-faContent(@fa-var-question-circle);
	}
}

// ################################ FAUX BLOCK LINKS #######################
// concept from https://codepen.io/BPScott/pen/Erwan and http://codepen.io/IschaGast/pen/Qjxpxo
// z-indexes are bumped to have the link sit on top of positioned elements (without z-index)

.fauxBlockLink
{
	position: relative;

	a,
	.fauxBlockLink-link
	{
		position: relative;
		z-index: 2;
	}

	.fauxBlockLink-blockLink
	{
		position: static;

		&:before
		{
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 1;
		}
	}

	&.fauxBlockLink--noHover
	{
		.fauxBlockLink-blockLink:hover
		{
			text-decoration: none;
		}
	}
}]]></template>
    <template title="core_button.less" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[// ############################ BUTTONS #################

.button,
a.button // needed for specificity over a:link
{
	.m-buttonBase();

	a
	{
		color: inherit;
		text-decoration: none;
	}

	.xf-buttonDefault();

	&.button--primary
	{
		.xf-buttonPrimary();
	}

	&.button--cta
	{
		.xf-buttonCta();
		
		&:hover,
		&:active,
		&:focus
		{
			background: xf-intensify(@xf-buttonCtaBg, 5%);
		}
	}

	&.button--link
	{
		// block colors
		background: @xf-contentBg;
		color: @xf-linkColor;
		border: @xf-borderSize solid @xf-borderColor;

		&:hover,
		&:active,
		&:focus
		{
			text-decoration: none;
			background: @xf-contentHighlightBg;
			color: @xf-contentHighlightBase--color;
		}
	}

	&.button--plain
	{
		background: none;
		color: @xf-linkColor;
		border: none;

		&:hover,
		&:active,
		&:focus
		{
			text-decoration: none;
			background: none;
		}
	}

	&.button--alt
	{
		// block colors
		background-color: @xf-paletteColor1;
		color: @xf-linkColor;
		.m-buttonBorderColorVariation(@xf-paletteColor2);

		&:hover,
		&:active,
		&:focus
		{
			background-color: @xf-paletteColor1;
			color: @xf-linkColor;
		}
	}

	&.button--longText
	{
		.m-overflowEllipsis();
		max-width: 100%;
		display: inline-block;
	}

	&.is-disabled
	{
		.xf-buttonDisabled();

		&:hover,
		&:active,
		&:focus
		{
			background: xf-default(@xf-buttonDisabled--background-color, transparent) !important;
		}
	}

	&.is-hidden
	{
		display: none;
	}

	&.button--scroll
	{
		background: fade(xf-default(@xf-buttonDefault--background-color, transparent), 65%);
		padding: 8px 12px;
	}

	&.button--normal
	{
		font-size: @xf-fontSizeNormal;
	}

	&.button--small
	{
		font-size: @xf-fontSizeSmall;
		padding: 3px 6px;
	}

	&.button--smaller
	{
		font-size: @xf-fontSizeSmaller;
		padding: 2px 5px;
	}

	&.button--fullWidth
	{
		display: block;
		width: 100%;
	}

	&.button--adminStyleAsset
	{
		&.is-disabled
		{
			visibility: hidden;
		}

		&.is-modify
		{
			.m-buttonIcon(@fa-var-pencil);
		}

		&.is-revert
		{
			.m-buttonIcon(@fa-var-history);
		}
	}

	&.button--wrap
	{
		white-space: normal;
	}

	&.button--icon
	{
		> .button-text:before,
		.button-icon
		{
			.m-faBase();
		}

		> .button-text:before,
		> .fa--xf:before,
		.button-icon
		{
			font-size: 120%;
			vertical-align: -.1em;
			display: inline-block;
			margin: -.255em 6px -.255em 0;
		}

		> .fa--xf
		{
			// helps fix a button alignment issue (Chrome only)
			line-height: inherit;
		}

		.button-icon
		{
			height: 1em;
			vertical-align: 0;
		}

		&.button--iconOnly
		{
			> .button-text:before,
			> i.fa--xf:before,
			.button-icon
			{
				margin-left: 0;
				margin-right: 0;
			}
		}

		&.button--padded
		{
			> .button-text:before,
			> i.fa--xf:before,
			.button-icon
			{
				margin-top: 0;
				margin-bottom: 0;
			}
		}

		&--add          { .m-buttonIcon(@fa-var-plus-square, .88em); }
		&--confirm      { .m-buttonIcon(@fa-var-check, 1em); }
		&--write	    { .m-buttonIcon(@fa-var-edit, 1.13em); }
		&--import  	    { .m-buttonIcon(@fa-var-upload, 1.13em); }
		&--export  	    { .m-buttonIcon(@fa-var-download,  1.13em); }
		&--download	    { .m-buttonIcon(@fa-var-download, 1.13em); }
		&--redirect	    { .m-buttonIcon(@fa-var-external-link, 1em); }
		&--disable      { .m-buttonIcon(@fa-var-power-off, 1em); }
		&--edit         { .m-buttonIcon(@fa-var-edit, 1.13em); }
		&--save         { .m-buttonIcon(@fa-var-save, .88em); }
		&--reply	    { .m-buttonIcon(@fa-var-reply, 1.13em); }
		&--quote	    { .m-buttonIcon(@fa-var-quote-left, 1.13em); }
		&--purchase	    { .m-buttonIcon(@fa-var-credit-card, 1.13em); }
		&--payment	    { .m-buttonIcon(@fa-var-credit-card, 1.13em); }
		&--convert	    { .m-buttonIcon(@fa-var-bolt, .75em); }
		&--search	    { .m-buttonIcon(@fa-var-search, 1em); }
		&--sort         { .m-buttonIcon(@fa-var-sort, .63em); }
		&--upload	    { .m-buttonIcon(@fa-var-upload, 1.13em); }
		&--attach	    { .m-buttonIcon(@fa-var-paperclip, 1em); }
		&--login {
			.m-buttonIcon(@fa-var-lock, .88em);
		}
		&--rate         { .m-buttonIcon(@fa-var-star, 1.13em); }
		&--config       { .m-buttonIcon(@fa-var-cog, 1em); }
		&--refresh      { .m-buttonIcon(@fa-var-sync-alt, 1em); }
		&--translate    { .m-buttonIcon(@fa-var-globe, .97em); }
		&--vote         { .m-buttonIcon(@fa-var-check-circle, 1em); }
		&--result       { .m-buttonIcon(@fa-var-chart-bar, 1em); }
		&--history	    { .m-buttonIcon(@fa-var-history, 1em); }
		&--cancel       { .m-buttonIcon(@fa-var-ban, 1em); }
		&--close        { .m-buttonIcon(@fa-var-times, .69em); }
		&--preview      { .m-buttonIcon(@fa-var-eye, 1.13em); }
		&--conversation { .m-buttonIcon(@fa-var-comments, 1.13em); }
		&--bolt         { .m-buttonIcon(@fa-var-bolt, .75em); }
		&--list         { .m-buttonIcon(@fa-var-list, 1em); }
		&--prev			{ .m-buttonIcon(@fa-var-chevron-left, .63em); }
		&--next			{ .m-buttonIcon(@fa-var-chevron-right, .63em); }
		&--markRead     { .m-buttonIcon(@fa-var-check-square, .88em); }
		&--user         { .m-buttonIcon(@fa-var-user, .88em); }
		&--userCircle   { .m-buttonIcon(@fa-var-user-circle, .97em); }

		&--notificationsOn  { .m-buttonIcon(@fa-var-bell, 1.25em); } // actually only .88em, but as we use this as a toggle, make it the same width as bell-slash
		&--notificationsOff { .m-buttonIcon(@fa-var-bell-slash, 1.25em); }

		&--show			{ .m-buttonIcon(@fa-var-eye, 1.25em) } // actually only 1.13em, but it's a toggle
		&--hide			{ .m-buttonIcon(@fa-var-eye-slash, 1.25em) }

		// for inline mod confirmations
		&--merge { .m-buttonIcon(@fa-var-compress, .88em); }
		&--move { .m-buttonIcon(@fa-var-share, 1.13em); }
		&--copy { .m-buttonIcon(@fa-var-copy, .88em); }
		&--approve, &--unapprove { .m-buttonIcon(@fa-var-shield, 1em); }
		&--delete, &--undelete { .m-buttonIcon(@fa-var-trash-alt, .88em); }
		&--stick, &--unstick { .m-buttonIcon(@fa-var-thumbtack, .75em); }
		&--lock { .m-buttonIcon(@fa-var-lock, .88em); }
		&--unlock { .m-buttonIcon(@fa-var-unlock, .88em); }

		&--bookmark
		{
			.m-buttonIcon(@fa-var-bookmark);

			&.is-bookmarked .button-text:before
			{
				font-weight: @faWeight-solid;
				color: @xf-textColorAttention;
			}
		}
	}

	&.button--provider
	{
		> .button-text:before,
		.button-icon
		{
			.m-faBase('Brands');
			font-size: 120%;
			vertical-align: middle;
			display: inline-block;
			margin: -4px 6px -4px 0;
		}

		.button-icon
		{
			height: 1em;
			vertical-align: 0;
		}

		&--facebook
		{
			.m-buttonColorVariation(#3B5998, white);
			.m-buttonIcon(@fa-var-facebook, 1em);
		}

		&--twitter
		{
			.m-buttonColorVariation(#1DA1F3, white);
			.m-buttonIcon(@fa-var-twitter, 1em);
		}

		&--google
		{
			.m-buttonColorVariation(white, #444);
			border-color: #e9e9e9;

			> .button-text:before
			{
				display: none;
			}
		}

		&--github
		{
			.m-buttonColorVariation(#666666, white);
			.m-buttonIcon(@fa-var-github, .97em);
		}

		&--linkedin
		{
			.m-buttonColorVariation(#0077b5, white);
			.m-buttonIcon(@fa-var-linkedin, .88em);
		}

		&--microsoft
		{
			.m-buttonColorVariation(#00bcf2, white);
			.m-buttonIcon(@fa-var-windows, .88em);
		}

		&--yahoo
		{
			.m-buttonColorVariation(#410093, white);
			.m-buttonIcon(@fa-var-yahoo, .88em);
		}
	}

	&.button--splitTrigger
	{
		// button-text and button-menu are always children of button--splitTrigger
		// but are defined here for reasons of specificity, as these border colors
		// are overwritten by .m-buttonBorderColorVariation()
		> .button-text { border-right: @xf-borderSize solid transparent; }
		> .button-menu { border-left: @xf-borderSize solid transparent; }

		.m-clearFix();
		padding: 0;
		font-size: 0;
		display: inline-block;

		button.button-text
		{
			background: transparent;
			border: none;
			border-right: @xf-borderSize solid transparent;
			color: inherit;
		}

		> .button-text,
		> .button-menu
		{
			.xf-buttonBase();
			display: inline-block;

			&:hover
			{
				&:after
				{
					opacity: 1;
				}
			}
		}

		> .button-text
		{
			.m-borderRightRadius(0);
		}

		> .button-menu
		{
			.m-borderLeftRadius(0);
			padding-right: xf-default(@xf-buttonBase--padding-right, 0);// * (2/3);
			padding-left: xf-default(@xf-buttonBase--padding-left, 0);// * (2/3);

			&:after
			{
				.m-menuGadget(); // .58em
				opacity: .5;
			}
		}
	}
}

.buttonGroup
{
	display: inline-block;
	vertical-align: top;
	.m-clearFix();

	&.buttonGroup--aligned
	{
		vertical-align: middle;
	}

	> .button
	{
		float: left;

		&:not(:first-child)
		{
			border-left: none;
		}

		&:not(:first-child):not(:last-child)
		{
			border-radius: 0;
		}

		&:first-child:not(:last-child)
		{
			.m-borderRightRadius(0);
		}

		&:last-child:not(:first-child)
		{
			.m-borderLeftRadius(0);
		}
	}

	> .buttonGroup-buttonWrapper
	{
		float: left;

		&:not(:first-child) > .button
		{
			border-left: none;
		}

		&:not(:first-child):not(:last-child) > .button
		{
			border-radius: 0;
		}

		&:first-child:not(:last-child) > .button
		{
			.m-borderRightRadius(0);
		}

		&:last-child:not(:first-child) > .button
		{
			.m-borderLeftRadius(0);
		}
	}
}

.toggleButton
{
	> input
	{
		display: none;
	}

	> span
	{
		.xf-buttonDisabled();
		.m-buttonBorderColorVariation(xf-default(@xf-buttonDisabled--background-color, transparent));
	}

	&.toggleButton--small > span
	{
		font-size: @xf-fontSizeSmaller;
		padding: @xf-paddingSmall;
	}

	> input:checked + span
	{
		.xf-buttonDefault();
		.m-buttonBlockColorVariationSimple(xf-default(@xf-buttonDefault--background-color, transparent));
	}
}

.u-scrollButtons
{
	position: fixed;
	bottom: 30px;
	right: (@xf-pageEdgeSpacer) / 2;

	.has-hiddenscroll &
	{
		right: 20px;
	}

	z-index: @zIndex-9;

	.m-transition(opacity; @xf-animationSpeed);
	opacity: 0;
	display: none;

	&.is-transitioning
	{
		display: block;
	}

	&.is-active
	{
		display: block;
		opacity: 1;
	}

	.button
	{
		display: block;

		+ .button
		{
			margin-top: (@xf-pageEdgeSpacer) / 2;
		}
	}
}]]></template>
    <template title="core_dt_extra.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[a:link
{
	-webkit-tap-highlight-color: fade(@xf-paletteColor1, 30%);
}

::selection { background-color: fade(@xf-paletteColor1, 8%);color: @xf-paletteColor1; }
::-moz-selection { background-color: fade(@xf-paletteColor1, 8%);color: @xf-paletteColor1; }

.fr-popup .fr-color-set > span:hover
{
	transform: scale(1.2,1.2);
}

.link.link--external
{
	color: @xf-paletteColor1;
	
	&:hover
	{
		color: @xf-paletteAccent1;
	}
}

.editorSmilies .smilie
{
	opacity: 0.5;
	.m-transition(all, 0.2s);
	
	&:hover
	{
		opacity: 1.0;
		transform: scale(1.3);
	}
}

.p-breadcrumbs > li:last-child::after
{
	display: none;
}

.animate-pulse
{
    -webkit-animation: pulse 2s infinite linear;
    animation: pulse 2s infinite linear;
}

@keyframes pulse
{
  0% {transform: scale(1);}
  15% {transform: scale(1.3);}
  30% {transform: scale(1);}
  45% {transform: scale(1.3);}
  60% {transform: scale(1);} 
}

.js-bookmarksMenuBody .contentRow-title
{
	font-size: @xf-fontSizeNormal;
}

.p-breadcrumbs.p-breadcrumbs--bottom
{
	.xf-contentBase();
	.xf-blockBorder();
	
	padding: @xf-paddingLarge;
	border-radius: @xf-blockBorderRadius;
}

.p-breadcrumbs--container
{
	margin-top: @xf-paddingMedium;
	margin-bottom: @xf-elementSpacer;
	
	.p-breadcrumbs
	{
		margin-bottom: 0;
	}
}

.block.block--treeEntryChooser
{
	.block-container
	{
		margin: @xf-paddingLarge @xf-paddingLargest;
	}
}

.block.block--category
{
	.block-header
	{
		.xf-dt_category_header();
	}
}

.p-body-sidebar
{
	.xf-dt_sidebar_styling();
	
	.block-container
	{
		.xf-dt_widget_wrapper();
	}
	.block-minorHeader
	{
		.xf-dt_widget_header();
	}
}

.p-footer-copyright
{
	.fa-heart
	{
		color: red;
	}
}

.select2-results__options li
{
	.xf-menuLinkRow();
}

.select2-container .select2-results__option.select2-results__option--highlighted
{
	.xf-menuLinkRowSelected();
}

.block-container .alert.is-unread
{
	.xf-contentAltBase();
}

// ################ Templates Enhancemnts ################

.badge,
.badgeContainer:after
{
	min-width: 12px;
	height: 16px;
	line-height: 15px;
	font-size: 75%;
	text-align: center;
	white-space: nowrap;
	word-wrap: normal;
	padding: 0 2px;
	margin: -2px 0;
}

@keyframes fa-bell-ring {
 0% {
  transform:rotate(-15deg)
 }
 2% {
  transform:rotate(15deg)
 }
 4% {
  transform:rotate(-18deg)
 }
 6% {
  transform:rotate(18deg)
 }
 8% {
  transform:rotate(-22deg)
 }
 10% {
  transform:rotate(22deg)
 }
 12% {
  transform:rotate(-18deg)
 }
 14% {
  transform:rotate(18deg)
 }
 16% {
  transform:rotate(-12deg)
 }
 18% {
  transform:rotate(12deg)
 }
 20%,
 100% {
  transform:rotate(0deg)
 }
}

.p-navgroup-link--alerts.badgeContainer--highlighted i::after
{
	animation: fa-bell-ring 5s ease 10s 6;
	transform-origin: 50% 0;
}

.blockLink
{
	&:hover
	{
		.xf-contentAltBase();
	}
}

.filterBar .filterBar-menuTrigger
{
	
	color: #fff;
	font-weight: 500;
	padding: 7px 12px;
	border-radius: @xf-blockBorderRadius;
	
	&:hover
	{
		color: @xf-linkHoverColor;
	}
}

.label
{
	font-weight: 500;
	padding: @xf-paddingSmall @xf-paddingMedium;

	&.label--primary
	{
		.m-labelVariation(@xf-contentHighlightBg, fade(@xf-contentHighlightBg, 8%), fade(@xf-contentHighlightBg, 2%));
	}
	
	&.label--accent
	{
		.m-labelVariation(@xf-contentAccentBg, fade(@xf-contentAccentBg, 8%), fade(@xf-contentAccentBg, 2%));
	}
}

.tooltip-content
{
	.tooltip--preview &
	{
		box-shadow: 0 0 50px 0 rgba(82,63,105,.15);
	}
	
	.tooltip--bookmark &,
	.tooltip--member &,
	.tooltip--share &
	{
		box-shadow: 0 0 50px 0 rgba(82,63,105,.15);
	}
	
	.tooltip--member &
	{
		padding: @xf-paddingMedium;
		border-radius: @xf-blockBorderRadius;
		
		.memberTooltip-actions
		{
			padding-bottom: 0;
		}
	}
}

.tooltip.tooltip--member
{
	border-radius: @xf-blockBorderRadius;
}

.memberTooltip-header
{
	border-bottom: none;
	border-radius: @xf-blockBorderRadius;
}

.tabs--standalone
{
	.tabs-tab
	{
		padding: @xf-blockPaddingH @xf-paddingLargest @xf-blockPaddingV;
		border-radius: @xf-blockBorderRadius;
		
		&:hover
		{
			color: @xf-linkColor;
		}
	}
}

.block
{
	&.block--treeEntryChooser
	{
		.block-desc
		{
			color: fade(@xf-majorHeadingTextColor, 60%);
		}
	}
}

.block-header
{
	.block-desc
	{
		<xf:if is="property('dt_category_header')">
			color: fade(@xf-dt_category_header--color, 70);
		<xf:else />
			color: fade(@xf-majorHeadingTextColor, 60%);
		</xf:if>
	}
}

.block-tabHeader
{
	.tabs-tab
	{
		padding: @xf-paddingLargest 0;
		border-bottom-width: @xf-borderSizeMinorFeature;
		
		
		&:not(.is-readonly):hover
		{
			background: transparent;
			border-bottom: @xf-borderSizeMinorFeature solid @xf-blockTabHeaderSelected--border-color;
		}
	}
}

.block-row
{
	&.block-row--clickable:hover
	{
		.xf-contentAltBase();
	}
}

.inputGroup
{
	&.inputGroup--joined
	{
		.input
		{
			&:first-child
			{
				border-top-left-radius: @xf-input--border-radius;
				border-bottom-left-radius: @xf-input--border-radius;
			}
			
			&:last-child
			{
				border-top-right-radius: @xf-input--border-radius;
				border-bottom-right-radius: @xf-input--border-radius;
			}
		}
		
		.inputGroup-text
		{
			&:first-child
			{
				border-top-left-radius: @xf-input--border-radius;
				border-bottom-left-radius: @xf-input--border-radius;
			}
			
			&:last-child
			{
				border-top-right-radius: @xf-input--border-radius;
				border-bottom-right-radius: @xf-input--border-radius;
			}
		}
	}
}

.inputNumber-button
{
	.inputGroup.inputGroup--joined &
	{
		&:hover,
		&:active,
		&:focus
		{
			.xf-contentHighlightBase();
		}
	}
}

.notices .notice
{
	&.notice--primary
	{
		background: #fff8dd;
		color: @xf-textColor;
		border-style: dashed;
		border-color: #ffc700;
	}
	
	&.notice--accent
	{
		background: #f8f5ff;
		color: @xf-textColor;
		border-style: dashed;
		border-color: #7239ea;
	}
	
	.notice-content
	{
		flex: 1 1 auto;
		font-size: 14px;
		font-weight: 500;
		padding: 0;
	}
}

.u-bottomFixer .notices--floating .notice
{
	box-shadow: none;
	
	&.notice--primary
	{
		background: #fff8dd;
	}
	
	&.notice--accent
	{
		background: #f8f5ff;
	}
}

.notice-container
{
	display: flex;
	align-items: center;
	padding: @xf-paddingLarge @xf-paddingLargest;
	border-radius: @xf-blockBorderRadius;
}

.notice-icon
{
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 auto;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: #ffe99a;
	color: #ffc700;
	font-size: @xf-fontSizeSmall;
	border-radius: 100%;
	margin-right: @xf-paddingLargest;
	
	i
	{
		&::before
		{
			font-weight: 900;
		}
	}
	
	.notices--floating &
	{
		display: none;
	}
	
	.notice--accent &
	{
		background: #cfbcf9;
		color: #7239ea;
	}
	
	.notice--dark &
	{
		background: #000;
		color: #fff;
	}
	
	.notice--light &
	{
		background: @xf-contentAltBg;
		color: @xf-textColorDimmed;
	}
}

.bbWrapper .bbCodeBlock--unfurl
{
	background: #e8fff3;
	color: @xf-textColorDimmed;
	border-color: #50cd89;
	border-left-width: 1px;
	border-left-style: dashed;
}

.overlay
{
	border: 0 solid rgba(0,0,0,.2);
	border-radius: @xf-blockBorderRadius;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.1);
}

.overlay-container
{
	transform: translateY(-10px);
	transition: cubic-bezier(0.4, 0, 0.2, 1) 0.26s transform, cubic-bezier(0.4, 0, 0.2, 1) 0.26s opacity;
	
	&.is-active
	{
		transform: translateY(0%) scale(110%)
	}
}

.overlay-titleCloser
{
	color: @xf-overlayHeader--color;
	
	&:hover
	{
		color: inherit;
	}
}

.structItemContainer .structItem
{
	border-radius: @xf-blockBorderRadius;
	
	.structItem-iconContainer .structItem-secondaryIcon
	{
		right: -1px;
		bottom: -1px;
		.m-avatarSize(18px);
		border: @xf-borderSize solid rgba(255, 255, 255, .65);
		border-radius: @xf-borderRadiusLarge;
	}
}

.structItem-cell.structItem-cell--latest
{
	font-size: @xf-fontSizeSmaller;
}

.structItem-cell .structItem-title
{
	font-size: 16px;
}

.structItem-cell.structItem-cell--meta
{
	.pairs.pairs--justified > dt,
	.structItem-minor
	{
		font-size: @xf-fontSizeSmall;
	}
	
	.pairs.pairs--justified > dd
	{
		color: @xf-textColor;
		font-size: @xf-fontSizeSmall;
	}
}

.structItemContainer-group .structItem.is-highlighted,
.structItemContainer-group .structItem.is-moderated
{
	background: #fff5f8;
}

.fr-box.bbWrapper.fr-basic
{
	border-color: @xf-borderColor;
	
	&.is-focused,
	&.is-preview,
	&.is-preview .fr-toolbar .fr-btn-grp.rte-tab--preview
	{
		border-color: @xf-paletteAccent1;
	}
}

.menu .alert.is-unread
{
	background: #1b1b1e;
    color: #A4A6A8;
}

.message-content .messageNotice
{
	&::before
	{
		color: fade(@xf-contentHighlightBase--color, 65%);
	}
	
	&.messageNotice--highlighted
	{
		a,
		&::before
		{
			color: fade(@xf-contentHighlightBase--color, 65%);
		}

	}
}

// ################ Theme Enhancements ################

.p-sectionLinks-list .p-navEl
{
	border-radius: @xf-blockBorderRadius;
}


.block-container
{
	border: none;
	box-shadow: 0 0 20px 0 rgba(76,87,125,.02);
}

.block-row
{
	font-size: 14px;
}

.inputGroup.inputGroup--joined .input + .inputGroup-text,
.inputGroup.inputGroup--joined .input + .input,
.inputGroup.inputGroup--joined .inputGroup-text + .input
{
	border-left-color: @xf-borderColor;
}

.tooltip.tooltip--preview .tooltip-content,
.select2-container .select2-results > .select2-results__options
{
	border-radius: @xf-blockBorderRadius;
	box-shadow: 0 0 50px 0 rgba(82,63,105,.15);
}

.tooltip.tooltip--preview .tooltip-content
{
	font-size: 14px;
	padding: @xf-paddingLarge;
	border: none;
}

.button.button--link,
a.button.button--link
{
	&:hover
	{
		border-color: @xf-contentHighlightBg;
	}
}

.button.button--scroll,
a.button.button--scroll
{
	color: @xf-textColorEmphasized;
	font-size: @xf-fontSizeNormal;
}

.label.label--subtle
{
	background: @xf-contentAltBg;
	color: @xf-textColorDimmed;
	font-weight: 600;
	padding: @xf-paddingSmall @xf-paddingMedium;
	border-color: @xf-contentAltBg;
	border-radius: @xf-blockBorderRadius;
}

.blockMessage.blockMessage--important
{
	background: #f1faff;
	color: @xf-textColor;
	border-style: dashed;
	border-color: #009ef7;
	border-left-width: 1px;
	
	a
	{
		color: #009ef7;
		font-weight: 600;
	}
}

.block-rowMessage.block-rowMessage--warning
{
	color: @xf-textColor;
	font-weight: 500;
	border: @xf-borderSize dashed #ffc700;
	border-left-width: @xf-borderSize;
}

.block-container--nodes
{
	// padding: @xf-paddingLargest;
	
	.block-filterBar
	{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		
		.block-outer-opposite
		{
			margin-right: auto;
		}
		
		.button.button--link, a.button.button--link
		{
			background: @xf-contentAltBg;
			color: @xf-textColorDimmed;
			border: none;
			border-radius: @xf-blockBorderRadius;
			margin-right: @xf-paddingSmall;
			
			&:hover
			{
				background: fade(@xf-contentHighlightBg, 8%);
				color: @xf-linkHoverColor;
			}
		}
	}
}

.p-body-sideNavContent,
.p-body-sidebar
{
	.block-body:not(.block-row)
	{
		padding: @xf-paddingMedium;
	}
}

.p-body-header
{
	margin-bottom: 12px;

	.p-title-value
	{
		color: @xf-linkColor;
		font-size: 22px;
		font-weight: 600;
		margin-bottom: 0;
	}
	
	.p-description
	{
		color: mix(@xf-textColorMuted, @xf-textColorDimmed);
		margin-top: 7px;
	}
}

.actionBar-action.actionBar-action--view
{
	border-color: @xf-borderColor;
	
	&:hover
	{
		color: @xf-textColorEmphasized;
		border-color: @xf-contentHighlightBg;
	}
}

.blockLink
{
	&:hover
	{
		background: #1b1b1e;
    	text-decoration: inherit;
		color: #22c55e;
	}
	
	&.is-selected
	{
		border: none;
	}
}

select.input,
.input.input--select
{
	font-size: 14px;
}

.p-body-sidebar
{
	
	.block-footer
	{
		border: @xf-borderSize solid @xf-borderColor;
		border-radius: @xf-blockBorderRadius;
	}
}

.bbCodeBlock.bbCodeBlock--quote
{
	background: #fff8dd;
	border-color: #ffc700;
}



.bbCodeBlock .bbCodeBlock-expandLink
{
	background: linear-gradient(to bottom, rgba(21,21,24,0) 0%, #151518 80%) !important;
	border-radius: @xf-blockBorderRadius;
	
	a
	{
		color: @xf-linkColor;
		font-weight: 600;
	}
}

.attachmentList .file
{
	border-radius: @xf-blockBorderRadius;
	
	.file-info
	{
		border-bottom-left-radius: @xf-blockBorderRadius;
		border-bottom-right-radius: @xf-blockBorderRadius;
	}
	
	.file-typeIcon
	{
		font-size: 66px;
		color: @xf-paletteColor1;
		
		i
		{
			&:before
			{
				font-weight: 900;
			}
		}
	}
}

.actionBar-action
{
	background: @xf-contentAltBg;
	color: @xf-textColorDimmed;
	font-weight: 500;
	padding: 5px @xf-paddingLarge;
	border-radius: @xf-blockBorderRadius;
	
	&.actionBar-action--inlineMod
	{
		background: none;
	}
	
	&.actionBar-action--report,
	&.actionBar-action--spam
	{
		&:hover
		{
			background-color: #fff8dd;
			color: #ffc700;
		}
	}
	
	&.actionBar-action--delete,
	&.actionBar-action--warn
	{
		&:hover
		{
			background-color: #fff5f8;
			color: #f1416c;
		}
	}
	
	&.actionBar-action--edit,
	&.actionBar-action--ip
	{
		&:hover
		{
			background-color: #f8f5ff;
			color: #7239ea;
		}
	}
	
	&.actionBar-action--mq,
	&.reaction
	{
		&:hover
		{
			background-color: #f1faff;
			color: #009ef7;
		}
	}
	
	&.actionBar-action--reply,
	&.actionBar-action--history
	{
		&:hover
		{
			background-color: #e8fff3;
			color: #50cd89;
		}
	}
}

.message-cell--vote
{
	.contentVote-vote.contentVote-vote--up.is-voted,
	.contentVote.is-voted .contentVote-score
	{
		color: @xf-paletteColor2;
	}
}

.blockStatus
{
	background: #cbf0f4;
	color: @xf-textColor;
	border: none;
	
	.blockStatus-message
	{
		&::before
		{
			width: 26px;
			height: 26px;
			line-height: 26px;
			background: rgba(255, 255, 255, 0.5);
			color: #a7aabd;
			text-align: center;
			border-radius: @xf-borderRadiusLarge;
			margin-right: @xf-paddingSmall;
		}
	}
}

.reactionsBar-link
{
	color: @xf-textColorDimmed;
}

.message.message--quickReply
{
	.message-avatar-wrapper
	{
		// margin-top: @xf-paddingLargest;
	}
}

.fr-box.bbWrapper.fr-basic.is-focused,
.fr-box.bbWrapper.fr-basic.is-preview,
.fr-box.bbWrapper.fr-basic.is-preview .fr-toolbar .fr-btn-grp.rte-tab--preview
{
	border-color: @xf-borderColorHeavy;
}

.fr-basic.is-focused .fr-toolbar .fr-btn-grp
{
	border-color: @xf-borderColorHeavy;
	border-style: dashed;
}

.p-body-content .fr-box.fr-basic .fr-toolbar.fr-top
{
	background: #1b1b1e;
	padding: @xf-paddingMedium;
	
	.fr-btn-grp
	{
		background: @xf-contentBg;
		padding: 2px @xf-paddingMedium;
		margin-right: @xf-paddingSmall;
	}
}

.bbTable > table > thead > tr > th,
.bbTable > table > tbody > tr > th
{
	
	border: 1px solid rgba(0, 0, 0, .08);
	border-bottom-color: @xf-paletteColor1;
}

.dataList-cell.dataList-cell--action a:hover
{
	color: @xf-textColorEmphasized;
}

.memberHeader-avatar
{
	.avatar
	{
		box-shadow: rgba(0, 0, 0, 0.075) 0px 6.5px 19.5px 6.5px;
		
		img
		{
			padding: @xf-paddingSmall;
		}
	}
}

.p-footer
{
	.p-footer-copyright
	{
		text-align: right;
		margin-top: 0;
	}
}

.offCanvasMenu--nav
{
	.offCanvasMenu-header
	{
	background: rgba(20,20,20,0.15);
    border-bottom: 1px solid rgba(20,20,20,0.25);
	}
	
	.offCanvasMenu-content
	{
		background: @xf-contentBg;
		
		a
		{
			color: @xf-textColor;
		}
	}
	
	.offCanvasMenu-list
	{
		border-bottom: none;
		
		> li
		{
			border-top-color: @xf-borderColorLight;
		}
	}
	
	.offCanvasMenu-subList
	{
		background: mix(@xf-contentBg, @xf-contentAltBg);
	}
	
	.offCanvasMenu-link.offCanvasMenu-link--splitToggle::before
	{
		border-left: none;
	}
}

.offCanvasMenu--blocks .offCanvasMenu-content
{
	background: @xf-contentBg;
}

.offCanvasMenu-content
{
	box-shadow: 0 1px 9px -3px rgba(0,0,0,.05);
}

.offCanvasMenu-link
{
	font-size: @xf-fontSizeNormal;
}


{{ include('demo_dark.less') }}]]></template>
    <template title="core_dt_proprties.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[// ########################## DOHTHEME OPTION #######################

// ######## GENERAL ########
		

// #### Hide Breadcrum on Forum Home ####
<xf:if is="property('dt_breadbrumb_index')">
.template-forum_list .p-breadcrumbs {
	display: none;
}

</xf:if>

<xf:if is="property('dt_breadbrumb_index') AND !property('dt_collapsible_sidebar')">
.template-forum_list .p-breadcrumbs--container {
    display: none;
}
</xf:if>

<xf:if is="property('dt_breadbrumb_index') AND property('dt_disable_sidebar')">
.template-forum_list .p-breadcrumbs--container {
    display: none;
}
</xf:if>


// #### Hide Title Bar in Forum Home ####
<xf:if is="property('dt_title_index')">
.template-forum_list .p-title-value {
	display: none;
}
.p-title-pageAction {
	margin-left: auto;
}
</xf:if>


// #### Remove page actions from forum index ####
<xf:if is="property('dt_pa_index')">
.template-forum_list .p-title-pageAction {
	display: none;
}
</xf:if>


<xf:if is="property('dt_title_index') AND property('dt_pa_index')">
.template-forum_list .p-body-header {
	display: none;
}
</xf:if>


// #### Avatar Shape ####

<xf:if is="property('dt_avatar_shape') == 'option2'">
//.avatar img,
//.avatar.avatar--default.avatar--default--dynamic,
//.avatar.avatar--default.avatar--default--text {
//	-webkit-clip-path: circle(50% at 50% 50%);
//	clip-path: circle(50% at 50% 50%);
//}
.avatar.avatar--separated {
	border-radius: 50%;
}
<xf:elseif is="property('dt_avatar_shape') == 'option3'" />
.avatar img,
.avatar.avatar--default.avatar--default--dynamic,
.avatar.avatar--default.avatar--default--text {
	-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
<xf:elseif is="property('dt_avatar_shape') == 'option4'" />
.avatar img,
.avatar.avatar--default.avatar--default--dynamic,
.avatar.avatar--default.avatar--default--text {
	-webkit-clip-path: polygon(50% 0, 100% 38%, 80% 100%, 20% 100%, 0 38%);
	clip-path: polygon(50% 0, 100% 38%, 80% 100%, 20% 100%, 0 38%);
}
<xf:elseif is="property('dt_avatar_shape') == 'option5'" />
.avatar img,
.avatar.avatar--default.avatar--default--dynamic,
.avatar.avatar--default.avatar--default--text {
	-webkit-clip-path: polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
	clip-path: polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
}
<xf:elseif is="property('dt_avatar_shape') == 'option6'" />
.avatar img,
.avatar.avatar--default.avatar--default--dynamic,
.avatar.avatar--default.avatar--default--text {
	-webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
	clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}
<xf:elseif is="property('dt_avatar_shape') == 'option7'" />
.avatar img,
.avatar.avatar--default.avatar--default--dynamic,
.avatar.avatar--default.avatar--default--text {
	-webkit-clip-path: polygon(0 50%, 15% 15%, 50% 0, 85% 15%, 100% 50%, 85% 85%, 50% 100%, 15% 85%);
	clip-path: polygon(0 50%, 15% 15%, 50% 0, 85% 15%, 100% 50%, 85% 85%, 50% 100%, 15% 85%);
}
<xf:elseif is="property('dt_avatar_shape') == 'option8'" />
.avatar img,
.avatar.avatar--default.avatar--default--dynamic,
.avatar.avatar--default.avatar--default--text {
	-webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
	clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
}
<xf:elseif is="property('dt_avatar_shape') == 'option9'" />
.avatar
{
	border-radius: 0;
}
.avatar img,
.avatar.avatar--default.avatar--default--dynamic,
.avatar.avatar--default.avatar--default--text {
	-webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
	clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}
<xf:elseif is="property('dt_avatar_shape') == 'option10'" />
.avatar
{
	border-radius: 0;
}
.avatar img,
.avatar.avatar--default.avatar--default--dynamic,
.avatar.avatar--default.avatar--default--text {
	-webkit-clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
	clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
}
</xf:if>

<xf:if is="property('dt_avatar_shape') != 'option1'">
.menu.menu--account {
	.avatar img,
	.avatar.avatar--default.avatar--default--dynamic,
	.avatar.avatar--default.avatar--default--text {
		clip-path: none;
	}
}
</xf:if>

// #### Guest Message Content ####
<xf:if is="property('dt_guest_message')">
.p-guest--message {
	.xf-dt_guest_message_css();
	
	<xf:if is="property('dt_guest_message_index')">
	display: none;
	
	.template-forum_list & {
		display: block;
	}
	</xf:if>
}
.p-guest--message h1 {
	margin-top: 0;
}
</xf:if>

// #### Hide Top Breadcrumb ####
<xf:if is="property('dt_breadbrumb_top')">
.p-breadcrumbs:not(.p-breadcrumbs--bottom) {
	display: none;
}
.p-body-inner {
	padding-top: 20px;
}
</xf:if>

<xf:if is="property('dt_breadbrumb_top') AND property('dt_collapsible_sidebar')">
.p-breadcrumbs--container:not(.p-breadcrumbs--container--side) {
    display: none;
}
</xf:if>

<xf:if is="property('dt_breadbrumb_top') AND !property('dt_collapsible_sidebar')">
.p-breadcrumbs--container {
    display: none;
}
</xf:if>

<xf:if is="property('dt_breadbrumb_top') AND property('dt_disable_sidebar')">
.p-breadcrumbs--container {
    display: none;
}
</xf:if>


// #### Hide Bottom Breadcrumb ####
<xf:if is="property('dt_breadbrumb_bottom')">
.p-breadcrumbs.p-breadcrumbs--bottom {
	display: none;
}
.p-body-inner {
	padding-bottom: 20px;
}
</xf:if>

// #### Home breadcrumb as icon ####
<xf:if is="property('dt_homeCrumb_icon')">
ul.p-breadcrumbs > li:first-child::before
{
	display: none;
}
</xf:if>


@media (min-width: @xf-responsiveWide)
{
	@animationSpeedValue: .15s;
	
	<xf:if is="property('dt_page_animation')">
	
	@keyframes fade {
		from {
			opacity: 0;
		};
		to {
			opacity: 1;
		};
	}
	
	.fadeAnimation(@iteration) {
		animation: fade @animationSpeedValue ease;
		animation-delay: @iteration * @animationSpeedValue;
		animation-fill-mode: backwards;
	}
	
	.p-body-sideNavContent {.fadeAnimation(1);}
	.notices {.fadeAnimation(2);}
	.p-body-header {.fadeAnimation(3);}
	.pre-footer {.fadeAnimation(3);}
	.p-footer {.fadeAnimation(4);}
	
	</xf:if>

	.itemAnimation(@iteration) {
		animation: slideUp .4s ease;
		animation-delay: (@iteration * .15s) + (@animationSpeedValue * 2);
		animation-fill-mode: backwards;
	}
	.itemLoop (@i) when (@i > 0) {
		&:nth-child(@{i}) {
			.itemAnimation(@i)
		}
		.itemLoop(@i - 1);
	}

	@keyframes slideUp {
		from {
			transform: translatey(30px);
			opacity: 0;
		};
		to {
			transform: translatey(0px);
			opacity: 1;
		};
	}
	
	<xf:if is="property('dt_node_animation')">

	.block--category
	{
		.itemLoop(20);
	}
	
	</xf:if>
	
	<xf:if is="property('dt_discussion_animation')">

	.structItemContainer .structItem
	{
		.itemLoop(20);
	}
	
	</xf:if>
	
	<xf:if is="property('dt_message_animation')">

	.block--messages .block-body > .message--post
	{
		.itemLoop(20);
	}
	
	</xf:if>
	
	<xf:if is="property('dt_sidebar_widget_animation')">

	@sidebarItemDelay: .1s;

	@keyframes scootLeft {
		from {
			transform: translatex(30px);
			opacity: 0;
		};
		to {
			transform: translatex(0px);
			opacity: 1;
		};
	}

	.sidebarAnimation(@iteration)
	{
		animation: scootLeft .5s ease;
		animation-delay: (@iteration * @sidebarItemDelay) + (@animationSpeedValue * 3);
		animation-fill-mode: backwards;
		animation-iteration-count: 1;
	}

	.sidebarLoop (@i) when (@i > 0)
	{
		&:nth-child(@{i})
		{
			.sidebarAnimation(@i)
		}
		.sidebarLoop(@i - 1);
	}

	.p-body-sidebar .block
	{
		.sidebarLoop(15);
	}
	</xf:if>
}


// ######## Header and navigation ########

// #### Sticky Staff tools ####

<xf:if is="property('dt_sticky_staff_tools')">
.p-staffBar {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: @zIndex-4;
}
	<xf:if is="property('publicNavSticky') != 'none'">
	.p-navSticky.p-staffSticky
	{
		top: 35px;
	}
	</xf:if>
</xf:if>

// #### Logo Text ####
<xf:if is="property('dt_text_logo')">
.p-header-content .p-header-logo
{
	&.p-header-logo--text
	{
		.xf-dt_text_logo_css();
	}
}
</xf:if>

// #### Hide Selected Tab Sub-Links bar ####
<xf:if is="property('dt_disable_tab_links')">
.p-sectionLinks {
	display: none;
}
</xf:if>

// #### Login triggers style ####
<xf:if is="property('dt_triggers_style') == 'option2'">
.menu 
{
	&[data-nav-id="userLogin"] .blocks
	{
		background: @xf-contentAltBg;
	}
	.formRow > dt, .formRow > dd 
	{
		display: block;
		width: 100%;
		text-align: left;
	}
	.formRow > dt:empty,
	.formRow > dd:empty {
		display: none;
	}
	.formRow
	{
		dt {
			padding: 0;
		}
	}
	.formRow.formRow--input
	{
		dt {
			padding: 15px 10px 15px 10px;
		}
	}
	.block-outer.block-outer--after
	{
		background: @xf-blockFooter--background-color;
		padding-bottom: 6px;
	}
}
</xf:if>

// #### Condense Visitor Tabs ####
<xf:if is="property('dt_condense_visito_tabs')">
.p-navgroup-link--user.badgeContainer::after {
	display: none;
}
.p-navgroup-link--user.badgeContainer.badgeContainer--highlighted::after {
	display: block;
}
@media (min-width: @xf-responsiveNarrow) {
	.p-navgroup-link--conversations,
	.p-navgroup-link--alerts {
		display: none;
	}
}
.menu--account .badgeContainer.badgeContainer--highlighted::after {
	margin-left: 6px;
}
<xf:else />
.p-navgroup-link--user.badgeContainer::after {
	display: none;
}
</xf:if>

// #### Inline Alert Ballons ####
<xf:if is="property('dt_inline_ballons')">
.p-navgroup .p-navgroup-link.badgeContainer::after {
	position: relative;
	top: -2px;
	left: 2px;
}
<xf:if is="property('dt_condense_visito_tabs')">
.p-navgroup .p-navgroup-link.p-navgroup-link--user {
	text-overflow: initial;
}
.p-navgroup .p-navgroup-link.badgeContainer::after {
	display: inline-block;
}
</xf:if>
</xf:if>

// #### Remove user avatar from navigation ####
<xf:if is="property('dt_nav_avatar')">
@media (min-width: @xf-responsiveWide)
{
	.p-navgroup-link.p-navgroup-link--user .avatar
	{
		display: none;
	}
}
</xf:if>

// #### Remove user text from navigation ####
<xf:if is="property('dt_nav_user_text') AND !property('dt_nav_avatar')">
.p-navgroup-link.p-navgroup-link--user .p-navgroup-linkText
{
	display: none;
}
</xf:if>

// #### Remove search tab text ####
<xf:if is="property('dt_login_text')">
.p-navgroup-link--logIn,
.p-navgroup-link--register
{
	.p-navgroup-linkText
	{
		display: none;
	}
}
</xf:if>

// #### Remove search tab text ####
<xf:if is="property('dt_search_text')">
.p-navgroup-link--search
{
	.p-navgroup-linkText
	{
		display: none;
	}
}
</xf:if>

// ######## Forum / Node List ########

// #### Collapsible Categories ####
<xf:if is="property('dt_collapsible_categories')">
.block--category
{
	.block-header {
		position: relative;
	}
	
    .collapseTrigger:not(.button)
    {
		position: absolute;
		top: 50%;
		right: 15px;
		background: fade(@xf-paletteColor1, 10%);
		color: @xf-paletteColor1;
		font-size: @xf-fontSizeSmall;
		cursor: pointer;
		padding: 2px @xf-paddingMedium;
		border-radius: @xf-borderRadiusLarge;
		transform: translateY(-50%);
		
		&:before
        {
            content: {{ property('dt_node_on_icon') }};
			width: 100%;
            font-size: 80%;
			margin: 0;
        }
		
        &.is-active:before
        {
            content: {{ property('dt_node_off_icon') }};
        }
    }
}
.block-body.block-body--collapsible
{
    transition: all 0.75s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    -webkit-transition-property: all, -xf-opacity;
    transition-property: all, -xf-opacity;
    overflow-y: hidden;
    height: 0;
    -webkit-transition-property: all, -xf-height;
    transition-property: all, -xf-height;
}
</xf:if>

// #### Sticky Category Strips ####
<xf:if is="property('dt_sticky_catstrips')">
.block--category .block-header {
	position: -webkit-sticky;
	position: sticky;
	<xf:if is="property('publicNavSticky') == 'primary'">
	top: (@xf-publicNavPaddingV * 2) + 22px;
	<xf:elseif is="property('publicNavSticky') == 'all'" />
	top: (@xf-publicNavPaddingV * 2) + 53px;
	<xf:else />
	top: 0;
	</xf:if>
	z-index: 100;
}
</xf:if>

<xf:if is="property('dt_catstrips_minorheader')">
.block-subheader
{
	display: table;
	table-layout: fixed;
	width: 100%;
	background-color: @xf-contentAltBg;
	color: @xf-textColorDimmed;
	font-size: @xf-fontSizeSmall;
	padding: @xf-paddingLarge;

	span
	{
		display: table-cell;
		vertical-align: middle;

		&.block-subheader--main
		{

		}
		&.block-subheader--stats
		{
			width: 70px;
			text-align: center;
		}
		&.block-subheader--last
		{
			width: 280px;
			text-align: left;
			padding-left: 19px;
		}
	}
}
.node-stats .pairs.pairs--rows > dt
{
	display: none;
}
@media (max-width: 1000px)
{
	.block-subheader span.block-subheader--stats
	{
		display: none;
	}
}
@media (max-width: @xf-responsiveMedium)
{
	.block-subheader span.block-subheader--last
	{
		display: none;
	}
}
</xf:if>

// #### Simplified Node Statics ####
<xf:if is="property('dt_nodestat_simple') AND !property('dt_catstrips_minorheader')">
.node-stats
{
	max-width: 100px;
}
.node-stats .pairs.pairs--rows > dd
{
	font-size: 1.35em;
}
</xf:if>

// #### Show Node Stats on Hover ####
<xf:if is="property('dt_node_stats')">
.node-stats {
	opacity: 0;
	transform: scale(0.75);
	.m-transition(all, 0.3s);
}
.block-body .node:hover .node-stats {
	opacity: 1;
	transform: scale(1);
}
</xf:if>

// #### Last poster avatar on the forum list ####
<xf:if is="!property('dt_last_avatar_forum')">
.node-extra-icon
{
	display: none;
}
</xf:if>

// #### New Indicator Label ####
<xf:if is="property('dt_new_indicator')">
.node--newIndicator {
	.xf-dt_new_indicator_css();
}
.node--forum .node--newIndicator {
	display: none;
}
.node--forum.node--unread .node--newIndicator {
	display: inline-block;
}
</xf:if>

// #### Alternative Node Background ####
<xf:if is="property('dt_alternative_nodes')">
.block-body .node:nth-of-type(2n+2) {
	background: {{ property('dt_alternative_nodes') }};
}
</xf:if>

// #### Hover Background on Nodes ####
<xf:if is="property('dt_hb_nodes')">
.block-body .node {
	.m-transition(all, 0.3s);
}

.block-body .node:hover {
	background: {{ property('dt_hb_nodes') }};
}
</xf:if>

// #### Hover Effect on Nodes ####
<xf:if is="property('dt_he_nodes')">
.block-body .node {
	.m-transition(all, 0.3s);
}

.block-body .node:hover {
	transform: scale(1.015);
}
</xf:if>

// #### Category Description ####
<xf:if is="property('dt_cat_description') == 'option2'">
.block-header .block-desc {
	display: inline-block;
	opacity: 0;
	margin-left: 4px;
	.m-transition(all, 0.3s);
}
.block--category .block-container:hover .block-desc {
	opacity: 1;
}
</xf:if>

// ######## Sidebar ########

// #### Disable Sidebar ####
<xf:if is="property('dt_disable_sidebar')">
.p-body-main .p-body-sidebar {
	display: none;
}
.p-body-main.p-body-main--withSidebar .p-body-content {
	width: 100%;
	max-width: 100%;
	padding-right: 0;
}
</xf:if>

// #### Sidebar Position ####
<xf:if is="property('dt_sidebar_position') == 'option2'">
@media (min-width: @xf-responsiveWide) {
	.p-body-main--withSidebar .p-body-content {
		order: 2;
		padding-left: @xf-sidebarSpacer;
		padding-right: 0 !important;
	}
	.p-body-sidebar {
		order: 1;
	}
}
</xf:if>
<xf:if is="property('dt_sidebar_position') == 'option3'">
@media (min-width: @xf-responsiveWide)
{
	.p-body .p-body-main,
	.p-body .p-body-content
	{
		display: block;
	}
	.p-body .p-body-main--withSideNav .p-body-content,
	.p-body .p-body-main--withSidebar .p-body-content
	{
		padding: 0;
	}
	.p-body .p-body-sidebar
	{
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		margin: 20px -5px 0;
		width: auto;

		&::after
		{
			display: block;
			content: '';
			height: 0;
			margin: 0 5px;
			min-width: @xf-sidebarWidth;
			flex: 1 1 @xf-sidebarWidth;
		}
	}
	
	.p-body .p-body-sidebar > *
	{
		margin: 0 ((@xf-pageEdgeSpacer) / 2) @xf-elementSpacer;
		min-width: @xf-sidebarWidth;
		flex: 1 1  @xf-sidebarWidth;
	}
}
</xf:if>

// #### Sticky Sidebar ####
<xf:if is="property('dt_sticky_sidebar') && !property('dt_disable_sidebar')">
.p-body-sidebar {
	position: -webkit-sticky;
	position: sticky;
	top: (@xf-publicNavPaddingV * 2) + 25px;
}
</xf:if>

// #### Collapsible Sidebar ####
<xf:if is="property('dt_collapsible_sidebar') && !property('dt_disable_sidebar')">
.p-breadcrumbs--container {
	display: flex;
	align-items: center;
	
	.collapseTrigger:not(.button)
	{
		width: 30px;
		height: 28px;
		line-height: 26px;
		background: @xf-contentAltBg;
		border: @xf-borderSize dashed @xf-borderColorHeavy;
		border-radius: @xf-borderRadiusMedium;
		margin-left: auto;
		
		&:before
        {
            content: {{ property('dt_collpse_off_icon') }};
			width: 100%;
			color: @xf-textColorDimmed;
			margin-left: 0;
        }
		
		&.is-active:before
        {
            content: {{ property('dt_collpse_on_icon') }};
        }

		@media (max-width: @xf-responsiveWide)
		{
			display: none;
		}
	}
}

.p-body-content {
    transition: all .55s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.p-body-sidebar {
	transition: all .45s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.p-body-main--withSidebar .p-body-content:not(.is-active) {
	width: 100%;
	max-width: 100%;
	padding-right: 0;
}
.p-body-main--withSidebar .p-body-sidebar:not(.is-active) {
	width: 0;
	height: 0;
	transform: scale(0);
	opacity: 0;
}

</xf:if>

// #### Collapsible Sidebar Block ####
<xf:if is="property('dt_collapsible_sidebar_block') && !property('dt_disable_sidebar')">
.p-body-sidebar .block-minorHeader {
	position: relative;
}
.p-body-sidebar .block-minorHeader .block-control {
	position: absolute;
	top: 50%;
	right: 10px;
	font-size: 80%;
	cursor: pointer;
	transform: translateY(-50%);
}
</xf:if>

// #### Sidebar login ####

<xf:if is="property('dt_sidebar_login')">
.p-body-sidebar
{
	.blocks.blocks--login
	{
		.formRow 
		{
			> dt, > dd
			{
				width: auto;
				display: block;
				text-align: left;
				padding: 0px;
				background-color: transparent;
				border-width: 0;
			}
			> dt
			{
				padding: 5px 0px;
			}
			&:first-child
			{
				> dt
				{
					padding-top: 0;
				}
			}
			&.formSubmitRow dt
			{
				display: none;
			}
			.formSubmitRow-bar
			{
				background-color: transparent;
				border-width: 0;
			}
			.formSubmitRow-controls
			{
				padding-left: 0;
				text-align: right;
				margin-right: 8px;

			}
		}
		.block-outer--register
		{
			.xf-blockFooter();
			
			padding: @xf-paddingLarge;
			margin: 0 -@xf-blockPaddingH -@xf-blockPaddingV;
			text-align: right;
			
			a.button
			{
				margin-left: 5px;
			}
		}
	}
}
</xf:if>


// ######## Discussion List ########

// #### Discussion minor header ####

<xf:if is="property('dt_disc_minor_header')">
.discu-minorHeader
{
	display: table;
	table-layout: fixed;
	width: 100%;
	.xf-dt_disc_minor_header_css();

	span
	{
		display: table-cell;
		vertical-align: middle;

		&.discu-minorHeader--main
		{
			padding: 10px 8px 10px 58px;
		}
		&.discu-minorHeader--stats
		{
			width: 70px;
			text-align: center;
			padding: 10px 8px;
			
			<xf:if is="property('dt_reactions_column')">
				width: 75px;
			</xf:if>
		}
		&.discu-minorHeader--last
		{
			width: 230px;
			text-align: center;
			padding: 10px 8px;
		}
	}
}

.structItemContainer-group
{
	.structItem-cell.structItem-cell--meta
	{
		width: 70px;
		text-align: center;
		
		@media (max-width: @xf-responsiveWide)
		{
			width: 58px;
		}
	}
}

.structItemContainer-group
{
	.structItem-cell
	{
		vertical-align: middle;
	}
}

@media (max-width: @xf-responsiveWide)
{
	.discu-minorHeader
	{
		font-size: @xf-fontSizeSmallest;
	}
	
	.discu-minorHeader span.discu-minorHeader--stats
	{
		width: 58px;
	}

	.discu-minorHeader span.discu-minorHeader--last
	{
		width: 180px;
		
	}
}

@media (max-width: @xf-responsiveMedium)
{
	.discu-minorHeader
	{
		display: none;
	}
	
	.structItemContainer-group .structItem-cell.structItem-cell--meta
	{
		display: none;
	}
	
	.structItem-cell.structItem-cell--latest::before
	{
		display: none;
	}
}
</xf:if>

// #### Collapsible sticky threads ####

<xf:if is="property('dt_collaps_sticky_threads')">
.block-stickyHeader
{
	display: flex;
	align-items: center;
	
	.collapseTrigger
	{
		margin-left: auto;
		
		&:before
		{
			content: {{ property('dt_node_on_icon') }};
			font-size: 100%;
		}
		
		&.is-active:before
		{
			content: {{ property('dt_node_off_icon') }};
		}
	}
}
.structItemContainer-group--sticky
{
	opacity: 0;
    transition: all 0.75s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    -webkit-transition-property: all, -xf-opacity;
    transition-property: all, -xf-opacity;
    overflow-y: hidden;
    height: 0;
    -webkit-transition-property: all, -xf-height;
    transition-property: all, -xf-height;
	
	&.is-active
	{
		height: auto;
		opacity: 1;
		overflow-y: visible;
	}
}
</xf:if>

// #### Seperate Sticky Threads ####

<xf:if is="property('dt_seperate_sticky_threads')">
.block-stickyHeader {
	.xf-dt_seperate_sticky_threads_css();
}
</xf:if>


// #### Unique background to sticky thread ####

//<xf:if is="property('dt_background_sticky_thread_css')">
//.structItemContainer-group--sticky .structItem--thread {
//	.xf-dt_background_sticky_thread_css();
//}
//</xf:if>

// #### Last poster avatar on the discussion list ####

<xf:if is="!property('dt_last_avatar_discussion')">
.structItem-cell.structItem-cell--iconEnd
{
	display: none;
}
</xf:if>

// #### Locked Threads Opacity ####

<xf:if is="property('dt_opacity_thread_lock')">
.structItem--thread.is-locked {
	opacity: 0.6;
}
.structItemContainer-group--sticky .structItem--thread.is-locked {
	opacity: 1;
}
</xf:if>

// #### Remove Mini-me Avatar ####

<xf:if is="property('dt_minime_avatar')">
.structItem-iconContainer .structItem-secondaryIcon
{
	display: none;
}
</xf:if>

// #### New Indicator Label ####

<xf:if is="property('dt_disc_new_indicator')">
.structItem.is-unread .structItem-title a:not(.labelLink):after {
    content: "{{ phrase('new') }}";
    .xf-dt_new_indicator_css();
	margin-left: @xf-paddingMedium;
	font-weight: 700;
}
</xf:if>

// #### Reactions column in meta box ####

<xf:if is="property('dt_reactions_column')">
.structItem .structItem-cell
{
    vertical-align: middle;
}
</xf:if>

// #### Alternative Thread Background ####

<xf:if is="property('dt_alternative_threads')">
.structItemContainer-group:not(.structItemContainer-group--sticky) .structItem.structItem--thread:nth-of-type(2n+1) {
	background: {{ property('dt_alternative_threads') }};
}
</xf:if>

// #### Hover Background on Threads ####

<xf:if is="property('dt_hb_threads')">
.structItem.structItem--thread {
	.m-transition(all, 0.3s);
}
.structItem.structItem--thread:hover {
	background: {{ property('dt_hb_threads') }};
}
</xf:if>

// #### Hover Effect on Threads ####

<xf:if is="property('dt_he_threads')">
.structItem.structItem--thread {
	.m-transition(all, 0.3s);
}
.structItem.structItem--thread:hover {
	transform: scale(1.015);
}
</xf:if>


// ######## Message Layout ########


// #### Messages Layout ####
<xf:if is="property('dt_messages_layout') == 'option2'">
.block--messages .message:not(.message--simple) {
	.message-inner {
		flex-direction: column;
	}
	.message-inner .message-cell.message-cell--user,
	.message-inner .message-cell.message-cell--action {
		border-right: none;
		border-bottom: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
	}
	.message-inner .message-cell.message-cell--user {
		flex: 0 0 100%;
	}
	.message-cell.message-cell--user .message-user {
		display: flex;
		align-items: center;

		.message-userExtras {
			margin-top: 0;
			margin-left: auto;
		}

		.message-userDetails {
			margin-left: 20px;
		}

		.message-avatar {
			margin-bottom: 0;
		}

		@media (min-width: @xf-messageSingleColumnWidth) {
			.message-userArrow {
				position: absolute;
				bottom: 0;
				left: 50px;
				top: initial;
				right: initial;

				.m-triangleUp(xf-default(@xf-messageUserBlock--border-color, transparent), @xf-messagePadding);

				&:after
				{
					position: absolute;
					top: 2px;
					right: -@xf-messagePadding + 1;
					content: "";

					.m-triangleUp(@xf-contentBg, @xf-messagePadding - 1px);
				}
			}
		}
	}
	.message--quickReply {
		.message-cell.message-cell--user {
			display: none;
		}
	}
}
</xf:if>

<xf:if is="property('dt_messages_layout') == 'option3'">
.message.is-first {
	
	.message-inner {
		flex-direction: column;
	}
	.message-inner .message-cell.message-cell--user,
	.message-inner .message-cell.message-cell--action {
		border-right: none;
		border-bottom: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
	}
	.message-inner .message-cell.message-cell--user {
		flex: 0 0 100%;
	}
	.message-cell.message-cell--user .message-user {
		display: flex;
		align-items: center;

		.message-userExtras {
			margin-top: 0;
			margin-left: auto;
		}

		.message-userDetails {
			margin-left: 20px;
		}

		.message-avatar {
			margin-bottom: 0;
		}

		@media (min-width: @xf-messageSingleColumnWidth) {
			.message-userArrow {
				position: absolute;
				bottom: 0;
				left: 50px;
				top: initial;
				right: initial;

				.m-triangleUp(xf-default(@xf-messageUserBlock--border-color, transparent), @xf-messagePadding);

				&:after
				{
					position: absolute;
					top: 2px;
					right: -@xf-messagePadding + 1;
					content: "";

					.m-triangleUp(@xf-contentBg, @xf-messagePadding - 1px);
				}
			}
		}
	}
}
</xf:if>

// #### Center Thread Title ####

<xf:if is="property('dt_thread_title_center')">
.template-thread_view .p-body-header {
	text-align: center;
}
.template-thread_view .p-body-header .p-title-value {
	margin-left: auto;
}
</xf:if>

// #### Hide Avatar Beside Editor ####

<xf:if is="property('dt_editor_avatar')">
.message.message--quickReply .message-cell--user {
	display: none;
}
.message.message--quickReply .message-cell.message-cell--main {
	padding-left: 10px;
	margin-left: 0;
}

</xf:if>

// #### Show Extra User Info On Hover ####

<xf:if is="property('dt_euicss') AND !property('dt_collapsible_extras')">
.message-userExtras {
	max-height: 0px;
	opacity: 0;
	overflow: hidden;
	.m-transition(all, 0.3s);
}
.message-cell--user:hover .message-userExtras {
	max-height: 300px;
	opacity: 1;
}
</xf:if>

// #### Collapsible User Extras ####
<xf:if is="property('dt_collapsible_extras') && property('dt_messages_layout') == 'option1'">
.message-userExtras-body
{
    .m-listPlain();

    &.message-userExtras--collapsible
    {
        .has-no-js & { display: block; }

        .m-transitionFadeDown();
    }
}

.message-cell
{
    .collapseTrigger:not(.button)
    {
        text-align: center;
		padding: @xf-paddingMedium 0;
		
        &:before
        {
            content: "\f062";
			background: @xf-contentAltBg;
            color: @xf-linkColor;
			width: 24px;
			height: 24px;
			line-height: 24px;
			font-size: @xf-fontSizeSmaller;
			text-align: center;
			border-radius: 50%;
            transition: ease-in transform .3s;
        }
		
		&.is-active:before
        {
            transform: rotate(-180deg);
        }
		
		&:hover
		{
			&:before
			{
				background: @xf-contentAccentBg;
				color: @xf-textColorAccentContent;
				transform: rotate(-180deg);
			}
		}
		
        &.collapseTrigger--block:before
        {
            float: none;
        }
		
		@media (max-width: @xf-messageSingleColumnWidth)
		{
			display: none;
		}
    }
}
</xf:if>

// #### First Post Uniuqe Background ####
<xf:if is="property('dt_firstpost_customization')">
.message--post.is-first .message-cell.message-cell--main {
	.xf-dt_firstpost_customization();
}
</xf:if>

// #### Thread owner indicator ####
<xf:if is="property('dt_thread_owner') == 'userbanner'">
.messageOwner-Indicator
{
	font-size: 90%;
	background: fade(@xf-paletteColor2, 10%);
	color: @xf-paletteColor2;
	padding: 2px @xf-paddingMedium 3px;
	border-radius: @xf-borderRadiusLarge;
	white-space: nowrap;
	
	i
	{
		display: inline-block;
		vertical-align: middle;
		font-size: 95%;
		font-weight: 900;
		margin-right: 2px;
	}
	
	@media (max-width: @xf-responsiveNarrow)
	{
		display: none;
	}
}
</xf:if>
<xf:if is="property('dt_thread_owner') == 'icon'">
.message-avatar-owner
{
	position: absolute;

	// center bottom position
	right: 5px;
	top: 5px;
	
	color: @xf-messageUserBlock--background-color;
	font-size: @xf-fontSizeLarge;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	
	@media (max-width: @xf-messageSingleColumnWidth)
	{
		display: none;
	}
}
</xf:if>

// #### EXTRA FOOTER ####
<xf:if is="property('dt_extra_footer')">
.pre-footer
{
	.xf-dt_extra_footer_css();
	
	<xf:if is="property('dt_extra_footer_index')">
	display: none;
	
	.template-forum_list & {
		display: block;
	}
	</xf:if>
	
	&-inner
	{
		width: 100%;
		max-width: @xf-pageWidthMax;
		margin: 0 auto;

		@media (min-width: @xf-responsiveMedium)
		{
			padding: 0 @xf-paddingLarge;
		}
	}
	
	&--container
	{
		display: flex;
		flex-wrap: wrap;

		@media (min-width: @xf-responsiveWide)
		{
			margin: 0 -15px;
		}
	}
	
	&--column
	{
		flex: 0 0 25%;
		max-width: 25%;

		@media (min-width: @xf-responsiveMedium)
		{
			padding: 0 15px;
		}
	}
}

.pre-footer h3
{
	.xf-dt_extra_footer_title_css();
}

.pre-footer--content,
.pre-footer .block-container
{
	.xf-dt_extra_footer_content_css();
}

.pre-footer--links {
	
	li {
		list-style: none;
		
		a {
			display: block;
			.xf-dt_extra_footer_link_css();
		}
	}
}

.pre-footer .contentRow-main a,
.pre-footer .block-body .username
{
	.xf-dt_extra_footer_link_css();
}

.social__icons,
.pre-footer--links,
.pre-footer-html--content,
.pre-footer .block-row
{
	.xf-dt_extra_footer_widgcont_css();
}

.pre-footer .block-footer
{
	.xf-dt_extra_footer_widgfoot_css();
}

.social__icons
{
	li
	{
		display: inline-block;
		list-style: none;
		
		a 
		{
			display: block;
			width: 35px;
			height: 35px;
			line-height: 35px;
			background: @xf-contentAccentBg;
			color: @xf-textColorAccentContent;
			text-align: center;
			border-radius: @xf-blockBorderRadius;
			margin-right: 4px;
			
			&.-facebook {
				background: #3b5998;
			}
			
			&.-twitter {
				background: #55acee;
			}
			
			&.-instagram {
				background: #d6249f;
  				background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
			}
			
			&.-youtube {
				background: #ff0000;
			}
		}
	}
}

@media (max-width: @xf-responsiveWide)
{
	.pre-footer--column
	{
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media (max-width: @xf-responsiveMedium)
{
	.pre-footer--column
	{
		flex: 0 0 100%;
		max-width: 100%;
	}
}
</xf:if>


// ######## GLYPHS ########

// #### Navigation Glyphs ####

<xf:if is="property('dt_navigation_glyphs')">

.p-navEl-link::before {
	.m-faBase();
	padding-right: 4px;
}
.p-navEl-link[data-nav-id="home"]::before {
	.m-faContent(@fa-var-home, 1em);
}
.p-navEl-link[data-nav-id="forums"]::before {
	.m-faContent(@fa-var-comments, 1em);
}
.p-navEl-link[data-nav-id="whatsNew"]::before {
	.m-faContent(@fa-var-bolt, 1em);
}
.p-navEl-link[data-nav-id="members"]::before {
	.m-faContent(@fa-var-users, 1em);
}
.p-navEl-link[data-nav-id="xfmg"]::before {
	.m-faContent(@fa-var-picture-o, 1em);
}
.p-navEl-link[data-nav-id="xfrm"]::before {
	.m-faContent(@fa-var-download, 1em);
}

</xf:if>

// #### Sub-navigation Glyphs ####

<xf:if is="property('dt_sub_navigation_glyphs')">
.p-navEl-link::before {
	.m-faBase();
	padding-right: 4px;
}
.p-navEl-link[data-nav-id="newPosts"]::before {
	.m-faContent(@fa-var-fire, 1em);
}
.p-navEl-link[data-nav-id="findThreads"]::before {
	.m-faContent(@fa-var-comment, 1em);
}
.p-navEl-link[data-nav-id="watched"]::before {
	.m-faContent(@fa-var-bell, 1em);
}
.p-navEl-link[data-nav-id="searchForums"]::before {
	.m-faContent(@fa-var-search, 1em);
}
.p-navEl-link[data-nav-id="markForumsRead"]::before {
	.m-faContent(@fa-var-eye-slash, 1em);
}
.p-navEl-link[data-nav-id="whatsNewPosts"]::before {
	.m-faContent(@fa-var-file-text-o, 1em);
}
.p-navEl-link[data-nav-id="xfmgWhatsNewNewMedia"]::before {
	.m-faContent(@fa-var-picture-o, 1em);
}
.p-navEl-link[data-nav-id="xfmgWhatsNewMediaComments"]::before {
	.m-faContent(@fa-var-comments-o, 1em);
}
.p-navEl-link[data-nav-id="xfrmNewResources"]::before {
	.m-faContent(@fa-var-download, 1em);
}
.p-navEl-link[data-nav-id="whatsNewProfilePosts"]::before {
	.m-faContent(@fa-var-pencil, 1em);
}
.p-navEl-link[data-nav-id="whatsNewNewsFeed"]::before {
	.m-faContent(@fa-var-rss, 1em);
}
.p-navEl-link[data-nav-id="latestActivity"]::before {
	.m-faContent(@fa-var-clock-o, 1em);
}
.p-navEl-link[data-nav-id="xfmgNewMedia"]::before {
	.m-faContent(@fa-var-bolt, 1em);
}
.p-navEl-link[data-nav-id="xfmgNewComments"]::before {
	.m-faContent(@fa-var-comments-o, 1em);
}
.p-navEl-link[data-nav-id="xfmgAddMedia"]::before {
	.m-faContent(@fa-var-plus-square, 1em);
}
.p-navEl-link[data-nav-id="xfmgYourContent"]::before {
	.m-faContent(@fa-var-file-image-o, 1em);
}
.p-navEl-link[data-nav-id="xfmgWatchedContent"]::before {
	.m-faContent(@fa-var-bell, 1em);
}
.p-navEl-link[data-nav-id="xfmgSearchMedia"]::before {
	.m-faContent(@fa-var-search, 1em);
}
.p-navEl-link[data-nav-id="xfmgMarkViewed"]::before {
	.m-faContent(@fa-var-eye-slash, 1em);
}
.p-navEl-link[data-nav-id="xfrmLatestReviews"]::before {
	.m-faContent(@fa-var-star, 1em);
}
.p-navEl-link[data-nav-id="xfrmYourResources"]::before {
	.m-faContent(@fa-var-cloud-download, 1em);
}
.p-navEl-link[data-nav-id="xfrmWatched"]::before {
	.m-faContent(@fa-var-bell, 1em);
}
.p-navEl-link[data-nav-id="xfrmSearchResources"]::before {
	.m-faContent(@fa-var-search, 1em);
}
.p-navEl-link[data-nav-id="currentVisitors"]::before {
	.m-faContent(@fa-var-users, 1em);
}
.p-navEl-link[data-nav-id="newProfilePosts"]::before {
	.m-faContent(@fa-var-pencil, 1em);
}
.p-navEl-link[data-nav-id="searchProfilePosts"]::before {
	.m-faContent(@fa-var-commenting, 1em);
}
</xf:if>


// #### offCanvasMenu LinkHolders Icons ####

<xf:if is="property('dt_offcanvasmenu_linkholder_glyphs')">

.offCanvasMenu-link::before {
	.m-faBase();
	padding-right: 6px;
}
.offCanvasMenu-link[href*="login"]::before {
	.m-faContent(@fa-var-sign-in, 1em);
}
.offCanvasMenu-link[href*="register"]::before {
	.m-faContent(@fa-var-user-circle, 1em);
}
.offCanvasMenu-link[data-nav-id="home"]::before {
	.m-faContent(@fa-var-home, 1em);
}
.offCanvasMenu-link[data-nav-id="forums"]::before {
	.m-faContent(@fa-var-comments, 1em);
}
.offCanvasMenu-link[data-nav-id="whatsNew"]::before {
	.m-faContent(@fa-var-bolt, 1em);
}
.offCanvasMenu-link[data-nav-id="members"]::before {
	.m-faContent(@fa-var-users, 1em);
}
.offCanvasMenu-link[data-nav-id="xfmg"]::before {
	.m-faContent(@fa-var-picture-o, 1em);
}
.offCanvasMenu-link[data-nav-id="xfrm"]::before {
	.m-faContent(@fa-var-download, 1em);
}
</xf:if>

// #### offCanvasMenu Links Icons ####

<xf:if is="property('dt_offcanvasmenu_links_glyphs')">
.offCanvasMenu-link::before {
	.m-faBase();
}
.offCanvasMenu-link[data-nav-id="newPosts"]::before {
	.m-faContent(@fa-var-fire, 2em);
}
.offCanvasMenu-link[data-nav-id="findThreads"]::before {
	.m-faContent(@fa-var-comment, 2em);
}
.offCanvasMenu-link[data-nav-id="yourThreads"]::before {
	.m-faContent(@fa-var-comments, 2em);
}
.offCanvasMenu-link[data-nav-id="contributedThreads"]::before {
	.m-faContent(@fa-var-comments-o, 2em);
}
.offCanvasMenu-link[data-nav-id="unansweredThreads"]::before {
	.m-faContent(@fa-var-comment-o, 2em);
}
.offCanvasMenu-link[data-nav-id="watched"]::before {
	.m-faContent(@fa-var-bell, 2em);
}
.offCanvasMenu-link[data-nav-id="watchedThreads"]::before {
	.m-faContent(@fa-var-globe, 2em);
}
.offCanvasMenu-link[data-nav-id="watchedForums"]::before {
	.m-faContent(@fa-var-flag, 2em);
}
.offCanvasMenu-link[data-nav-id="searchForums"]::before {
	.m-faContent(@fa-var-search, 2em);
}
.offCanvasMenu-link[data-nav-id="markForumsRead"]::before {
	.m-faContent(@fa-var-eye-slash, 2em);
}
.offCanvasMenu-link[data-nav-id="whatsNewPosts"]::before {
	.m-faContent(@fa-var-file-text-o, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgWhatsNewNewMedia"]::before {
	.m-faContent(@fa-var-picture-o, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgWhatsNewMediaComments"]::before {
	.m-faContent(@fa-var-comments-o, 2em);
}
.offCanvasMenu-link[data-nav-id="xfrmNewResources"]::before {
	.m-faContent(@fa-var-download, 2em);
}
.offCanvasMenu-link[data-nav-id="whatsNewProfilePosts"]::before {
	.m-faContent(@fa-var-pencil, 2em);
}
.offCanvasMenu-link[data-nav-id="whatsNewNewsFeed"]::before {
	.m-faContent(@fa-var-rss, 2em);
}
.offCanvasMenu-link[data-nav-id="latestActivity"]::before {
	.m-faContent(@fa-var-clock-o, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgNewMedia"]::before {
	.m-faContent(@fa-var-bolt, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgNewComments"]::before {
	.m-faContent(@fa-var-comments-o, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgAddMedia"]::before {
	.m-faContent(@fa-var-plus-square, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgYourContent"]::before {
	.m-faContent(@fa-var-file-image-o, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgYourMedia"]::before {
	.m-faContent(@fa-var-file-picture-o, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgYourAlbums"]::before {
	.m-faContent(@fa-var-file-picture-o, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgWatchedContent"]::before {
	.m-faContent(@fa-var-bell, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgWatchedMedia"]::before {
	.m-faContent(@fa-var-bell, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgWatchedAlbums"]::before {
	.m-faContent(@fa-var-globe, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgWatchedCategories"]::before {
	.m-faContent(@fa-var-flag, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgSearchMedia"]::before {
	.m-faContent(@fa-var-search, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgMarkViewed"]::before {
	.m-faContent(@fa-var-eye-slash, 2em);
}
.offCanvasMenu-link[data-nav-id="xfrmLatestReviews"]::before {
	.m-faContent(@fa-var-star, 2em);
}
.offCanvasMenu-link[data-nav-id="xfrmYourResources"]::before {
	.m-faContent(@fa-var-cloud-download, 2em);
}
.offCanvasMenu-link[data-nav-id="xfrmWatched"]::before {
	.m-faContent(@fa-var-bell, 2em);
}
.offCanvasMenu-link[data-nav-id="xfrmWatchedResources"]::before {
	.m-faContent(@fa-var-bell, 2em);
}
.offCanvasMenu-link[data-nav-id="xfrmWatchedCategories"]::before {
	.m-faContent(@fa-var-globe, 2em);
}
.offCanvasMenu-link[data-nav-id="xfrmSearchResources"]::before {
	.m-faContent(@fa-var-search, 2em);
}
.offCanvasMenu-link[data-nav-id="currentVisitors"]::before {
	.m-faContent(@fa-var-users, 2em);
}
.offCanvasMenu-link[data-nav-id="newProfilePosts"]::before {
	.m-faContent(@fa-var-pencil, 2em);
}
.offCanvasMenu-link[data-nav-id="searchProfilePosts"]::before {
	.m-faContent(@fa-var-commenting, 2em);
}
</xf:if>

// #### Visitor Menu Icons ####

<xf:if is="property('dt_visitor_menu_glyphs')">
.menu--account {
	.menu-linkRow::before {
		.m-faBase();
		padding-right: 4px;
	}
	.menu-linkRow[href*="news-feed"]::before {
		.m-faContent(@fa-var-rss, 1em);
	}
	.menu-linkRow[href*="reactions"]::before {
		.m-faContent(@fa-var-thumbs-up, 1em);
	}
	.menu-linkRow[href*="search/member"]::before {
		.m-faContent(@fa-var-comments, 1em);
	}
	.menu-linkRow[href*="account-details"]::before {
		.m-faContent(@fa-var-user, 1em);
	}
	.menu-linkRow[href*="preferences"]::before {
		.m-faContent(@fa-var-cog, 1em);
	}
	.menu-linkRow[href*="signature"]::before {
		.m-faContent(@fa-var-pencil, 1em);
	}
	.menu-linkRow[href*="security"]::before {
		.m-faContent(@fa-var-lock, 1em);
	}
	.menu-linkRow[href*="upgrades"]::before {
		.m-faContent(@fa-var-star, 1em);
	}
	.menu-linkRow[href*="connected-accounts"]::before {
		.m-faContent(@fa-var-user-plus, 1em);
	}
	.menu-linkRow[href*="following"]::before {
		.m-faContent(@fa-var-users, 1em);
	}
	.menu-linkRow[href*="privacy"]::before {
		.m-faContent(@fa-var-user-secret, 1em);
	}
	.menu-linkRow[href*="ignored"]::before {
		.m-faContent(@fa-var-user-times, 1em);
	}
	.menu-linkRow[href*="logout"]::before {
		.m-faContent(@fa-var-sign-out, 1em);
	}
	.menu-linkRow[href*="conversations"]::before {
		.m-faContent(@fa-var-envelope, 1em);
	}
	.menu-linkRow[href*="alerts"]::before {
		.m-faContent(@fa-var-bell, 1em);
	}
}
</xf:if>

// #### Sidebar Glyphs ####

<xf:if is="property('dt_sidebar_glyphs')">

.p-body-sidebar .block[data-widget-id] .block-minorHeader::before {
	.m-faBase();
	padding-right: 4px;
}
.p-body-sidebar .block[data-widget-section="staffMembers"] .block-minorHeader::before {
	.m-faContent(@fa-var-user, 1em);
}
.p-body-sidebar .block[data-widget-section="onlineNow"] .block-minorHeader::before {
	.m-faContent(@fa-var-users, 1.4em);
}
.p-body-sidebar .block[data-widget-definition="new_threads"] .block-minorHeader::before,
.p-body-sidebar .block[data-widget-definition="new_posts"] .block-minorHeader::before {
	.m-faContent(@fa-var-comments, 1em);
}
.p-body-sidebar .block[data-widget-definition="new_profile_posts"] .block-minorHeader::before {
	.m-faContent(@fa-var-commenting, 1em);
}
.p-body-sidebar .block[data-widget-definition="board_totals"] .block-minorHeader::before,
.p-body-sidebar .block[data-widget-definition="online_statistics"] .block-minorHeader::before,
.p-body-sidebar .block[data-widget-definition="forum_statistics"] .block-minorHeader::before,
.p-body-sidebar .block[data-widget-definition="xfmg_gallery_statistics"] .block-minorHeader::before{
	.m-faContent(@fa-var-bar-chart, 1em);
}
.p-body-sidebar .block[data-widget-definition="share_page"] .block-minorHeader::before {
	.m-faContent(@fa-var-share-alt, 1em);
}
.p-body-sidebar .block[data-widget-definition="find_member"] .block-minorHeader::before {
	.m-faContent(@fa-var-search, 1em);
}
.p-body-sidebar .block[data-widget-definition="newest_members"] .block-minorHeader::before {
	.m-faContent(@fa-var-user-circle-o, 1em);
}
.p-body-sidebar .block[data-widget-definition="xfrm_top_resources"] .block-minorHeader::before {
	.m-faContent(@fa-var-bolt, 1em);
}
.p-body-sidebar .block[data-widget-definition="xfrm_latest_reviews"] .block-minorHeader::before {
	.m-faContent(@fa-var-star, 1em);
}
.p-body-sidebar .block[data-widget-key="xfrm_overview_top_authors"] .block-minorHeader::before {
	.m-faContent(@fa-var-user, 1em);
}
.p-body-sidebar .block[data-widget-definition="xfrm_new_resources"] .block-minorHeader::before {
	.m-faContent(@fa-var-download, 1em);
}
.p-body-sidebar .block[data-widget-definition="xfmg_media_slider"] .block-minorHeader::before {
	.m-faContent(@fa-var-picture-o, 1em);
}

</xf:if>

<xf:if is="property('dt_prefooter_heading_icons')">

.pre-footer--column .block[data-widget-id] .block-minorHeader::before {
	.m-faBase();
	padding-right: 4px;
}
.pre-footer--column .block[data-widget-section="staffMembers"] .block-minorHeader::before {
	.m-faContent(@fa-var-user, 1em);
}
.pre-footer--column .block[data-widget-section="onlineNow"] .block-minorHeader::before {
	.m-faContent(@fa-var-users, 1.4em);
}
.pre-footer--column .block[data-widget-definition="new_threads"] .block-minorHeader::before,
.pre-footer--column .block[data-widget-definition="new_posts"] .block-minorHeader::before {
	.m-faContent(@fa-var-comments, 1em);
}
.pre-footer--column .block[data-widget-definition="new_profile_posts"] .block-minorHeader::before {
	.m-faContent(@fa-var-commenting, 1em);
}
.pre-footer--column .block[data-widget-definition="board_totals"] .block-minorHeader::before,
.pre-footer--column .block[data-widget-definition="online_statistics"] .block-minorHeader::before,
.pre-footer--column .block[data-widget-definition="forum_statistics"] .block-minorHeader::before,
.pre-footer--column .block[data-widget-definition="xfmg_gallery_statistics"] .block-minorHeader::before{
	.m-faContent(@fa-var-bar-chart, 1em);
}
.pre-footer--column .block[data-widget-definition="share_page"] .block-minorHeader::before {
	.m-faContent(@fa-var-share-alt, 1em);
}
.pre-footer--column .block[data-widget-definition="find_member"] .block-minorHeader::before {
	.m-faContent(@fa-var-search, 1em);
}
.pre-footer--column .block[data-widget-definition="newest_members"] .block-minorHeader::before {
	.m-faContent(@fa-var-user-circle-o, 1em);
}
.pre-footer--column .block[data-widget-definition="xfrm_top_resources"] .block-minorHeader::before {
	.m-faContent(@fa-var-bolt, 1em);
}
.pre-footer--column .block[data-widget-definition="xfrm_latest_reviews"] .block-minorHeader::before {
	.m-faContent(@fa-var-star, 1em);
}
.pre-footer--column .block[data-widget-key="xfrm_overview_top_authors"] .block-minorHeader::before {
	.m-faContent(@fa-var-user, 1em);
}
.pre-footer--column .block[data-widget-definition="xfrm_new_resources"] .block-minorHeader::before {
	.m-faContent(@fa-var-download, 1em);
}
.pre-footer--column .block[data-widget-definition="xfmg_media_slider"] .block-minorHeader::before {
	.m-faContent(@fa-var-picture-o, 1em);
}
.pre-footer--content.-social h3::before
{
	.m-faBase();
	.m-faContent(@fa-var-retweet, 1em);
	padding-right: 4px;
}

.pre-footer--content.-links h3::before
{
	.m-faBase();
	.m-faContent(@fa-var-link, 1em);
	padding-right: 4px;
}

</xf:if>

// #### Message Glyphs ####

<xf:if is="property('dt_messages_glyphs')">

.actionBar-action::before
{
	font-weight: 900;
	margin-right: @xf-paddingSmall;
}
.actionBar-action.actionBar-action--report::before {
    .m-faContent("@{fa-var-exclamation-triangle}\20");
}
.actionBar-action.actionBar-action--history::before {
    .m-faContent("@{fa-var-history}\20");
}
.actionBar-action.actionBar-action--edit::before {
    .m-faContent("@{fa-var-pencil-square}\20");
}
.actionBar-action.actionBar-action--delete::before {
    .m-faContent("@{fa-var-trash}\20");
}
.actionBar-action.actionBar-action--spam::before {
    .m-faContent("@{fa-var-exclamation-circle}\20");
}
.actionBar-action.actionBar-action--ip::before {
    .m-faContent("@{fa-var-user}\20");
}
.actionBar-action.actionBar-action--warn::before {
    .m-faContent("@{fa-var-exclamation}\20");
}

</xf:if>


// #### Discussion List Icons ####

<xf:if is="property('dt_discussion_glyphs')">

.structItem-parts a.username::before,
.structItem-cell--latest .username::before {
	.m-faBase();
	.m-faContent(@fa-var-user, 1em);
	padding-right: 2px;
}
.structItem-parts .structItem-startDate a::before,
.structItem-cell--latest .structItem-latestDate::before {
	.m-faBase();
	.m-faContent(@fa-var-clock-o, 1em);
	padding-right: 2px;
}

</xf:if>

// #### Member Profiles Tabs Icons ####

<xf:if is="property('dt_profile_tabs_glyphs')">

.block-tabHeader.block-tabHeader--memberTabs .tabs-tab::before {
	.m-faBase();
	padding-right: 4px;
}
.block-tabHeader.block-tabHeader--memberTabs .tabs-tab[aria-controls="profile-posts"]::before {
	.m-faContent(@fa-var-comments-o, 1em);
}
.block-tabHeader.block-tabHeader--memberTabs .tabs-tab[id="latest-activity"]::before {
	.m-faContent(@fa-var-clock-o, 1em);
}
.block-tabHeader.block-tabHeader--memberTabs .tabs-tab[id="recent-content"]::before {
	.m-faContent(@fa-var-pencil-square-o, 1em);
}
.block-tabHeader.block-tabHeader--memberTabs .tabs-tab[id="about"]::before {
	.m-faContent(@fa-var-info-circle, 1em);
}
.block-tabHeader.block-tabHeader--memberTabs .tabs-tab[id="resources"]::before {
	.m-faContent(@fa-var-download, 1em);
}
.block-tabHeader.block-tabHeader--memberTabs .tabs-tab[id="xfmgMedia"]::before {
	.m-faContent(@fa-var-picture-o, 1em);
}
</xf:if>

// #### Member Profiles Tabs Icons ####

<xf:if is="property('dt_account_wrapper_glyphs')">
.template-account_details,
.template-account_alerts,
.template-account_reactions,
.template-account_bookmarks,
.template-account_security,
.template-account_privacy,
.template-account_preferences,
.template-account_signature,
.template-account_following,
.template-account_ignored
{
	.p-body-sideNav {
		.block-container {
			.blockLink::before {
				.m-faBase();
				padding-right: 4px;
			}
			.blockLink[href*="members"]::before {
				.m-faContent(@fa-var-user-circle, 1em);
			}
			.blockLink[href*="alerts"]::before {
				.m-faContent(@fa-var-bell, 1em);
			}
			.blockLink[href*="reactions"]::before {
				.m-faContent(@fa-var-thumbs-up, 1em);
			}
			.blockLink[href*="bookmarks"]::before {
				.m-faContent(@fa-var-bookmark, 1em);
			}
			.blockLink[href*="account-details"]::before {
				.m-faContent(@fa-var-user, 1em);
			}
			.blockLink[href*="security"]::before {
				.m-faContent(@fa-var-lock, 1em);
			}
			.blockLink[href*="privacy"]::before {
				.m-faContent(@fa-var-user-secret, 1em);
			}
			.blockLink[href*="preferences"]::before {
				.m-faContent(@fa-var-cog, 1em);
			}
			.blockLink[href*="signature"]::before {
				.m-faContent(@fa-var-pencil, 1em);
			}
			.blockLink[href*="connected-accounts"]::before {
				.m-faContent(@fa-var-network-wired, 1em);
			}
			.blockLink[href*="following"]::before {
				.m-faContent(@fa-var-users, 1em);
			}
			.blockLink[href*="ignored"]::before {
				.m-faContent(@fa-var-user-times, 1em);
			}
			.blockLink[href*="logout"]::before {
				.m-faContent(@fa-var-sign-out, 1em);
			}
		}
	}
}
</xf:if>]]></template>
    <template title="core_formrow.less" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[// ########################################### FORM ROWS #################################

@_form-labelShiftInput: @xf-paddingMedium + @xf-borderSize; // technically input border-top-width + padding-top
@_form-labelButtonInput: 5px; // technically button border-top-width + padding-top, adjusted for text size differences
@_form-elementSpacer: @xf-paddingMedium;

.m-formRowBlockStyle()
{
	display: block;

	> dt,
	> dd
	{
		width: auto;
		display: block;
		padding: ((@xf-formRowPaddingV) / 2) @xf-formRowPaddingHOuter @xf-formRowPaddingV;
	}

	> dt
	{
		background: none;
		border: none;
		text-align: left;
		padding-bottom: 0;

		.formRow-hint
		{
			display: inline;
		}
	}

	&.formRow--input,
	&.formRow--button
	{
		> dt
		{
			padding-top: ((@xf-formRowPaddingV) / 2);
		}
	}

	> dd
	{
		padding-top: ((@xf-formRowPaddingV) / 2);
	}

	> dd > .inputChoices:first-child
	{
		padding-top: 0;
	}
}

.formRow
{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0;
	position: relative;
	 
	> dt,
	> dd
	{
		display: table-cell;
		vertical-align: top;
		margin: 0;
		color: inherit !important;
	}

	> dt
	{
		border-right: @xf-borderSize solid transparent;
		.xf-formLabel();
		width: @xf-formLabelWidth;
		padding: @xf-formRowPaddingV @xf-formRowPaddingHInner @xf-formRowPaddingV @xf-formRowPaddingHOuter;
	}

	> dd
	{
		width: (100% - @xf-formLabelWidth);
		padding: @xf-formRowPaddingV @xf-formRowPaddingHOuter @xf-formRowPaddingV @xf-formRowPaddingHInner;
	}

	&.formRow--input > dt
	{
		padding-top: (@xf-formRowPaddingV + @_form-labelShiftInput);
	}

	&.formRow--button > dt
	{
		padding-top: (@xf-formRowPaddingV + @_form-labelButtonInput);
	}

	&.formRow--inputLabelPair > dt
	{
		padding-top: (@xf-formRowPaddingV * 2);
	}

	&.formRow--valueToEdge > dd
	{
		padding-left: 0;
		padding-right: 0;
	}

	&.formRow--noValuePadding > dd
	{
		padding: 0;
	}

	&.formRow--fullWidth,
	.menu &
	{
		.m-formRowBlockStyle();

		& + .formRow,
		.formRow + &,
		& + * > .formRow:first-of-type, // allows formRows to be wrapped
		.formRow + * > &:first-of-type //  in a single-depth grouping element
		{
			border-top: @xf-borderSize solid @xf-borderColorLight;
		}

		&.formRow--noLabel
		{
			> dt
			{
				display: none;
			}

			> dd
			{
				padding-top: @xf-formRowPaddingV;
			}
		}

		& + .formRow--mergePrev,
		& + * > .formRow:first-of-type.formRow--mergePrev,
		&.formRow--mergeNext + &,
		&.formRow--mergeNext + * > &:first-of-type
		{
			border-top: 0;

			> dt
			{
				padding-top: 0;
			}
		}

		&.formRow--noGutter
		{
			> dt,
			> dd
			{
				padding-left: 0;
				padding-right: 0;
			}
		}

		&.formRow--noPadding
		{
			> dt,
			> dd
			{
				padding: 0;
			}
		}

		&.formRow--noTopPadding
		{
			> dt,
			> dd
			{
				padding-top: 0;
			}
		}

		&.formRow--noBottomPadding
		{
			> dt,
			> dd
			{
				padding-bottom: 0;
			}
		}

		&.formRow--noPadding + &,
		&.formRow--noPadding + * > &:first-of-type
		{
			> dt
			{
				padding-top: @xf-formRowPaddingV;
			}
		}
	}

	&.formRow--limited
	{
		display: none;
	}

	&.formRow--inputMultiLine > dd
	{
		> .input,
		> .inputGroup
		{
			margin-bottom: @_form-elementSpacer;

			&:last-child
			{
				margin-bottom: 0;
			}
		}
	}

	.formRow-label
	{
		.m-appendColon();
	}

	&.formRow--noColon .formRow-label:after
	{
		content: "";
	}

	.formRow-error
	{
		padding: @_form-elementSpacer 0;
		color: @xf-warningColor;
		font-weight: bold;

		&:before
		{
			.m-faBase();
			.m-faContent(@fa-var-exclamation-triangle);
		}
	}

	.formRow-explain
	{
		margin: @_form-elementSpacer 0 0;
		.m-formElementExplain();
	}

	&.formRow--explainOffset .formRow-explain
	{
		margin-top: (@_form-elementSpacer) * 2;
	}

	.formRow-hint
	{
		display: block;
		font-style: normal;
		.xf-formHint();

		.m-textColoredLinks();

		.formRow-hint-featured
		{
			display: block;
			//font-weight: @xf-fontWeightHeavy;
			color: @xf-textColorFeature;
		}
	}

	+ .formInfoRow
	{
		border-top: @xf-borderSize solid @xf-borderColorLight;
	}

	@media (max-width: @xf-formResponsive)
	{
		.m-formRowBlockStyle();
	}
}

.formButtonGroup
{
	display: flex;
	flex-wrap: wrap;
	margin-top: @xf-paddingLarge;
	margin-bottom: -5px;

	&.formButtonGroup--close
	{
		margin-top: 0;
	}
}

.formButtonGroup-primary
{
	order: 2;
	margin-left: auto;
	margin-bottom: 5px;

	.formButtonGroup--simple &
	{
		order: 1;
		margin-left: 0;
	}
}

.formButtonGroup-extra
{
	order: 1;
	margin-bottom: 5px;

	.formButtonGroup--simple &
	{
		order: 2;
		margin-left: @xf-paddingSmall;
	}
}

.formInfoRow
{
	padding: @xf-formRowPaddingV @xf-formRowPaddingHOuter;

	&.formInfoRow--close
	{
		padding-top: ((@xf-formRowPaddingV) / 2);
		padding-bottom: ((@xf-formRowPaddingV) / 2);
	}

	&.formInfoRow--noPadding
	{
		padding: 0;
	}

	&.formInfoRow--confirm
	{
		text-align: center;

		strong
		{
			display: block;
			margin: .5em 0;
			font-size: @xf-fontSizeLarger;

			&:last-child
			{
				margin-bottom: 0;
			}
		}
	}

	+ .formRow
	{
		border-top: @xf-borderSize solid @xf-borderColorLight;
	}

	&.u-hidden:not(.is-active)
	{
		+ .formRow
		{
			border-top: none;
		}
	}

	> .blockMessage
	{
		&:first-child { margin-top: 0; }
		&:last-child { margin-bottom: 0; }
	}
}

.formSubmitRow
{
	position: relative;

	> dt
	{
		display: none;
	}

	> dd
	{
		width: 100%;
		padding: 0;
	}

	&.formSubmitRow--sticky.is-sticky
	{
		.formSubmitRow-main
		{
			position: fixed;
			bottom: 0;
			z-index: @zIndex-2;

		}

		.formSubmitRow-bar
		{
			box-shadow: 0px -5px 15px fade(black, 15%);

			@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))
			{
				box-shadow: none;
				.m-backdropFilter(blur(10px));
			}
		}
	}

	&.formSubmitRow--simple,
	&.formSubmitRow--standalone
	{
		> dt
		{
			visibility: hidden;
		}

		.formSubmitRow-controls
		{
			text-align: center;
			padding-left: 0;
			margin-left: 0;
		}
	}

	&.formSubmitRow--standalone
	{
		.formSubmitRow-bar
		{
			border: @xf-borderSize solid @xf-borderColor;
			border-radius: @block-borderRadius-inner;

			@media (max-width: @xf-responsiveEdgeSpacerRemoval)
			{
				border-radius: 0;
				border-left: none;
				border-right: none;
			}
		}

		&.is-sticky
		{
			.formSubmitRow-bar
			{
				border-bottom: 0;
			}
		}
	}

	.block-body--collapsible:not(.is-active) + &:not(.formSubmitRow--simple, .formSubmitRow--standalone)
	{
		> dt
		{
			visibility: hidden;
		}
	}

	.menu &
	{
		dt
		{
			display: none;
		}

		dd
		{
			padding: 0;
		}
	}
}

.formSubmitRow-main
{
	position: relative;
}

.formSubmitRow-bar
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	.xf-formSubmitRow();
}

.formSubmitRow-controls
{
	position: relative;
	padding-left: @xf-formLabelWidth;
	padding-top: @xf-paddingMedium;
	padding-bottom: @xf-paddingMedium;
	margin-left: @xf-formRowPaddingHInner;
	margin-right: @xf-formRowPaddingHOuter;

	> .button:first-child:last-child
	{
		min-width: 120px;
	}
}

@media (max-width: @xf-formResponsive)
{
	.formSubmitRow-controls
	{
		padding-left: 0;
		text-align: center;
	}
}

.formRowSep
{
	margin: -1px @xf-formRowPaddingHOuter 0;
	border: none;
	border-top: @xf-borderSize solid @xf-borderColor;

	&.formRowSep--noGutter
	{
		margin-left: 0;
		margin-right: 0;
	}

	+ .formRowSep,
	&:last-child
	{
		display: none;
	}

	.block-body > &:first-child
	{
		display: none;
	}
}]]></template>
    <template title="core_input.less" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[// ###################################### INPUTS ##########################

@_input-numberWidth: 150px;
@_input-numberNarrowWidth: 90px;
@_input-textColor: xf-default(@xf-input--color, @xf-textColor);
@_input-elementSpacer: @xf-paddingMedium;
@_input-checkBoxSpacer: 1.5em;

.m-inputReadOnly()
{
	color: mix(xf-default(@xf-input--color, @xf-textColor), xf-default(@xf-inputDisabled--color, @xf-textColorMuted));
	background: mix(xf-default(@xf-input--background-color, @xf-contentBg), xf-default(@xf-inputDisabled--background-color, @xf-paletteNeutral1));
}

:root
{
	--input-border-heavy: @xf-borderColorHeavy;
	--input-border-light: @xf-borderColorLight;
}

.input:focus,
.input.is-focused,
.inputGroup:focus-within,
#XF .fr-box.fr-basic.is-focused,
.codeEditor.CodeMirror.CodeMirror-focused
{
	--input-border-heavy: xf-intensify(@xf-borderColorHighlight, 5%);
	--input-border-light: xf-diminish(@xf-borderColorHighlight, 3%);
}

.input
{
	.xf-input();
	display: block;
	width: 100%;
	line-height: @xf-lineHeightDefault;
	text-align: left; // this will be flipped in RTL
	word-wrap: break-word;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	.m-transition();
	.m-placeholder({color: fade(@_input-textColor, 40%); });

	&:focus,
	&.is-focused
	{
		outline: 0;
		.xf-inputFocus();
		.m-placeholder({color: fade(@_input-textColor, 50%); });
	}

	&[readonly],
	&.is-readonly
	{
		.m-inputReadOnly();
	}

	&[disabled]
	{
		.xf-inputDisabled();
	}

	&[type=number],
	&.input--number
	{
		text-align: right;
		max-width: @_input-numberWidth;

		&.input--numberNarrow
		{
			width: @_input-numberNarrowWidth;
		}
	}

	&.input--date
	{
		max-width: @_input-numberWidth;
	}

	&.input--flipped
	{
		text-align: right;
	}

	textarea&
	{
		min-height: 0;
		max-height: 400px;
		max-height: 75vh;
		resize: vertical;

		&.input--fitHeight
		{
			resize: none;

			&.input--fitHeight--short
			{
				max-height: 200px;
				max-height: 35vh;
			}
		}

		&.input--code
		{
			overflow-x: auto;
			-ltr-rtl-text-align: left; // force blocks of code back to left align
		}

		&.input--maxHeight-300px
		{
			max-height: 300px;
		}

		.has-js &[rows="1"][data-single-line]
		{
			overflow: hidden;
			resize: none;
		}
	}

	// this makes select inputs consistent across all browsers and OSes
	select&,
	&.input--select
	{
		padding-right: 1em !important;
		.m-selectGadgetColor(@_input-textColor);
		background-size: 1em !important;
		background-repeat: no-repeat !important;
		-ltr-background-position: 100% !important;
		white-space: nowrap;
		word-wrap: normal;
		-webkit-appearance: none !important;
		-moz-appearance: none !important;
		appearance: none !important;

		overflow-x: hidden; // iOS seems to require this to prevent overflow with long options...
		overflow-y: auto; // ...and Firefox seems to require this to prevent the above from breaking vertical scroll...

		&[disabled]
		{
			.m-selectGadgetColor(xf-default(@xf-inputDisabled--color, @xf-textColor));
		}

		&[size],
		&[multiple]
		{
			background-image: none !important;
			padding-right: xf-default(@xf-input--padding, 5px) !important;
		}
	}

	&.input--autoSize
	{
		width: auto;
	}

	&.input--inline
	{
		display: inline;
		width: auto;
	}

	&.input--code
	{
		font-family: @xf-fontFamilyCode;
		direction: ltr;
		//white-space: nowrap;
		word-wrap: normal;
	}

	&.input--title
	{
		font-size: @xf-fontSizeLargest;
	}

	&.input--avatarSizeS
	{
		min-height: @avatar-s;
	}

	&.input--passwordHideShow
	{
		::-ms-reveal,
		::-ms-clear
		{
			display: none !important;
		}
	}

	.m-inputZoomFix();

	.fa--inputOverlay + &
	{
		padding-left: 1.7em;
	}
}

// Overlay a FontAwesome icon over the start of a text box as a hint to its use
// Use the 'fa' attribute in XF template syntax for xf:textbox, xf:numberbox and xf:textarea
.fa--xf.fa--inputOverlay
{
	position: absolute;
	padding: (xf-default(@xf-input--padding, 0) + 2) xf-default(@xf-input--padding, 0) xf-default(@xf-input--padding, 0);
	line-height: @xf-lineHeightDefault;
	color: @xf-input--border-top-color;

	//& + .input
	//{
	//	padding-left: xf-default(@xf-input--padding, 0) * 2 + xf-default(@xf-input--font-size, @xf-fontSizeNormal);
	//}
}

// ############################# NEW ICONIC CONTROLS ######################

@controlColor: @xf-buttonPrimaryBg;
@controlColor--hover: xf-intensify(@controlColor, 25%);

.iconicIcon(@setPosition: true)
{
	.m-iconicIcon(@setPosition);
}

.iconic
{
	display: inline-block;
	position: relative;
	max-width: 100%;

	> input
	{
		.m-visuallyHidden();
		position: absolute;
		left: 0;
		width: auto;
		height: auto;

		+ i
		{
			.m-iconicIcon();
			font-weight: 900;
			
			&::before
			{
				color: @xf-borderColor;
			}
		}

		& + i:after
		{
			opacity: 0;
		}

		&:disabled + i:before,
		&[readonly] + i:before
		{
			opacity: .3;
		}

		&:disabled:checked + i:after,
		&[readonly]:checked + i:after
		{
			opacity: .3;
		}

		&:checked
		{
			& + i:before
			{
				opacity: 0;
			}

			& + i:after
			{
				opacity: 1;
			}
		}

		&:focus + i
		{
			&:before,
			&:after
			{
				outline: Highlight solid 2px;
				-moz-outline-radius: 5px;

				@media (-webkit-min-device-pixel-ratio: 0)
				{
					outline: -webkit-focus-ring-color auto 5px;
				}
			}
		}
	}

	// handler for labelled inputs - indent the text away from the control
	.iconic-label:before
	{
		content: '';
		display: inline-block;
		width: @_input-checkBoxSpacer - 1em; // min-width of input > i
	}

	&.iconic--hideShow
	{
		min-width: 56px;
		cursor: pointer;

		> input[type=checkbox] + i
		{
			&:before
			{
				.m-faContent(@fa-var-eye);
			}

			&:after
			{
				.m-faContent(@fa-var-eye-slash);
			}
		}

		.iconic-label
		{
			font-size: @xf-fontSizeSmall;
			vertical-align: text-top;
		}
	}

	&.iconic--hiddenLabel .iconic-label:before
	{
		display: none;
	}

	> input[type=checkbox] + i
	{
		&:before { .m-faContent(@fa-var-square, .88em); }
		&:after  { .m-faContent(@fa-var-check-square, .88em); }
	}

	> input[type=radio] + i
	{
		&:before { .m-faContent(@fa-var-circle, 1em); }
		&:after  { .m-faContent(@fa-var-check-circle, 1em); }
	}

	&.iconic--toggle > input[type=checkbox] + i
	{
		&:before { .m-faContent(@fa-var-toggle-off, 1em); }
		&:after  { .m-faContent(@fa-var-toggle-on, 1em); }
	}
}

// Fix position for inputChoices to allow nested indenting


.inputChoices > .inputChoices-choice
{
	position: relative;

	.iconic
	{
		position: static;

		> input + i
		{
			position: absolute;
			left: 0;
		}

		&.iconic--noLabel
		{
			display: inline;
		}
	}

	// undo the normal indenting of text from checkbox
	.iconic-label:before {
		display: none;
	}
}

// Basic control colours for common scenarios

.formRow,
.inputGroup,
.inputChoices,
.block-footer,
.dataList-cell,
.message-cell--extra
{
	.iconic,
	&.dataList-cell--fa > a
	{
		> i, svg
		{
			color: @controlColor;
			fill: currentColor;
		}

		&:hover > i,
		&:hover svg
		{
			color: @controlColor--hover;
			fill: currentColor;
		}
	}
}

// ############################# END ICONIC CONTROLS ######################

.u-inputSpacer
{
	margin-top: @_input-elementSpacer;
}

.inputGroup
{
	display: flex;
	align-items: stretch;
	max-width: 100%;

	.inputGroup-text
	{
		flex-grow: 0;
		display: flex;
		align-items: center;

		white-space: nowrap;
		vertical-align: middle;
		padding: 0 @xf-paddingMedium;

		&:first-child { padding-left: 0; }
		&:last-child { padding-right: 0; }
	}

	.inputGroup-splitter
	{
		display: inline-block;
		width: @_form-elementSpacer;
		flex-shrink: 0;
	}

	.input
	{
		flex-shrink: 1;
		min-width: 0; // firefox bug - https://bugzilla.mozilla.org/show_bug.cgi?id=1021913
	}

	.button
	{
		flex-shrink: 0;
	}

	&:not(.inputGroup--joined)
	{
		.input,
		.button
		{
			+ .input,
			+ .button
			{
				margin-left: @_form-elementSpacer;
			}
		}
	}

	.inputGroup-label
	{
		flex-shrink: 1;
		width: 100%;
		padding: 0 0 @xf-paddingMedium;

		.m-appendColon();
	}

	@media (max-width: @xf-formResponsive)
	{
		.input:not(.input--autoSize):not(.input--numberNarrow)
		{
			width: 100%;
		}
	}

	&.inputGroup--inline
	{
		display: inline-flex;
	}

	&.inputGroup--auto
	{
		.input
		{
			width: auto;
		}
	}

	&.inputGroup--joined
	{
		.input
		{
			border-radius: 0;

			&:first-child
			{
				border-top-left-radius: @xf-borderRadiusMedium;
				border-bottom-left-radius: @xf-borderRadiusMedium;
				border-right: none;
			}

			&:last-child
			{
				border-top-right-radius: @xf-borderRadiusMedium;
				border-bottom-right-radius: @xf-borderRadiusMedium;
				border-left: none;
			}
		}

		.inputGroup-text
		{
			.xf-input(border);
			background: #1F1F23;
			text-align: center;
			padding: @xf-paddingSmall @xf-paddingMedium;

			&.inputGroup-text--disabled,
			&.is-disabled,
			&[disabled]
			{
				.xf-inputDisabled();

				a { text-decoration: none; }
			}

			&:first-child
			{
				border-right: 0;
				border-top-left-radius: @xf-borderRadiusMedium;
				border-bottom-left-radius: @xf-borderRadiusMedium;
			}

			&:last-child
			{
				border-left: 0;
				border-top-right-radius: @xf-borderRadiusMedium;
				border-bottom-right-radius: @xf-borderRadiusMedium;
			}
		}

		.input + .inputGroup-text,
		.input + .input,
		.inputGroup-text + .input
		{
			border-left: @xf-borderSize solid var(--input-border-light);
		}

		.inputGroup-text + .inputGroup-text,
		.inputGroup-text + select.input
		{
			border-left: 0;
		}
	}
}

.inputGroup-container > .inputGroup
{
	margin-top: @xf-paddingMedium;

	&:first-child
	{
		margin-top: 0;
	}
}

.inputNumber
{
	.input--number
	{
		-moz-appearance: textfield !important;

		&::-webkit-inner-spin-button,
		&::-webkit-outer-spin-button
		{
			margin: 0 !important;
			-webkit-appearance: none !important;
		}

		@media (max-width: @xf-formResponsive)
		{
			min-width: auto;
			max-width: 120px;
		}
	}
}

.inputNumber-button
{
	position: relative;

	.m-faBase();
	color: @controlColor;
	font-size: 1.0em;
	font-style: normal !important;
	line-height: .75em;
	vertical-align: -15%;

	width: 45px;
	justify-content: center;
	text-align: center;

	cursor: pointer;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	&.inputNumber-button--smaller
	{
		vertical-align: 0;
		width: 35px;
	}

	&--up::before
	{
		.m-faContent(@fa-var-plus, .88em);
	}

	&--down::before
	{
		.m-faContent(@fa-var-minus, .88em);
	}

	.inputGroup.inputGroup--joined &
	{
		&:hover,
		&:active,
		&:focus
		{
			background-color: saturate(xf-intensify(@xf-paletteColor1, 4%), 12%);
			color: @controlColor--hover;
		}
	}

	.input.input--number[readonly] ~ &
	{
		.m-inputReadOnly();
	}

	.input.input--number[disabled] ~ &
	{
		cursor: default;
		.xf-inputDisabled();
	}
}

.inputDate
{
	.inputDate-icon
	{
		position: relative;

		.m-faBase();
		color: @xf-linkColor;
		font-size: 1.0em;
		font-style: normal !important;
		line-height: .75em;
		vertical-align: -15%;

		cursor: pointer;

		width: 45px;
		justify-content: center;
		text-align: center;

		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;

		@media (max-width: @xf-formResponsive)
		{
			vertical-align: 0;
			width: 25px;
		}

		&::before
		{
			.m-faContent(@fa-var-calendar, .88em);
		};
	}
}

.inputUploadButton
{
	position: relative;

	.m-faBase();
	color: @controlColor;
	font-size: 1.0em;
	font-style: normal !important;
	line-height: .75em;
	vertical-align: -15%;

	width: 45px;
	justify-content: center;
	text-align: center;

	cursor: pointer;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	.inputGroup.inputGroup--joined &
	{
		&:hover,
		&:active,
		&:focus
		{
			background-color: saturate(xf-intensify(@xf-paletteColor1, 4%), 12%);
			color: @controlColor--hover;
		}
	}

	&:before
	{
		.m-faContent(@fa-var-upload, 1.25em);
	}

	input[type="file"]
	{
		visibility: hidden;
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		left: -1000px;
		z-index: -1;
		opacity: 0;
	}
}

.inputList
{
	.m-listPlain();

	> li
	{
		margin-top: @xf-paddingMedium;

		&:first-child
		{
			margin-top: 0;
		}
	}
}

.inputPair
{
	.m-clearFix();

	> .input,
	.inputPair-input
	{
		float: right;
		width: 49%; // fallback
		width: ~"calc(50% - 2px)";

		&:first-child
		{
			float: left;
		}
	}
}

.inputPair-container > .inputPair
{
	margin-top: @xf-paddingMedium;

	&:first-child
	{
		margin-top: 0;
	}
}

.inputLabelPair
{
	.m-clearFix();
	margin: @xf-paddingMedium 0;
	padding: 0;

	> dt,
	> dd
	{
		float: left;
		margin: 0;
		padding: 0;
	}

	> dt
	{
		width: 65%;
		padding-right: @xf-paddingMedium;
		padding-top: .6em;

		> label
		{
			.m-appendColon();
		}
	}

	> dd
	{
		width: 35%;
		text-align: right;

		.input
		{
			width: 100%;
			max-width: none;
		}
	}

	@media (max-width: @xf-responsiveNarrow)
	{
		> dt,
		> dd
		{
			width: 50%;
		}
	}
}

.inputChoices
{
	list-style: none;
	padding: 0;
	margin: 0;

	> .inputChoices-choice
	{
		margin-bottom: @_input-elementSpacer;
		padding-left: @_input-checkBoxSpacer;

		&:last-child
		{
			margin-bottom: 0;
		}

		> .inputChoices,
		.inputChoices-spacer
		{
			margin-top: @_input-elementSpacer;
		}
	}

	&.inputChoices--expanded > .inputChoices-choice
	{
		margin-bottom: (2 * @_input-elementSpacer);

		&:last-child
		{
			margin-bottom: 0;
		}
	}

	&.inputChoices--noChoice > .inputChoices-choice,
	.inputChoices-plainChoice
	{
		padding-left: 0;
	}

	&.inputChoices--inline > .inputChoices-choice
	{
		display: inline-block;
		margin-right: @_input-elementSpacer;
		margin-bottom: 0;

		&:last-child
		{
			margin-right: 0;
		}
	}

	.inputChoices-label
	{
		padding-left: 0;
		font-size: @xf-fontSizeSmall;
		color: @xf-textColorMuted;
	}

	+ .inputChoices:not(.inputChoices--inline)
	{
		margin-top: @_input-elementSpacer;
	}
}

.inputChoices-group + .inputChoices-group,
.inputChoices-choice + .inputChoices-group
{
	margin-top: (@xf-paddingMedium) * 2;
}

.inputChoices-spacer + .inputChoices
{
	margin-top: @_input-elementSpacer;
}

.inputChoices-heading
{
	color: @xf-textColorMuted;
	padding-bottom: (@xf-paddingMedium) / 2;
	border-bottom: @xf-borderSize solid @xf-borderColorFaint;
	margin-bottom: @xf-paddingMedium;
	position: relative;

	&.inputChoices-heading--checkAll {
		.iconic {
			position: static;

			& > input + i {
				position: absolute;
				right: 0;
				left: auto;
				width: auto;
			}
		}
	}
}

.inputChoices-explain
{
	.m-formElementExplain();

	&.inputChoices-explain--after
	{
		margin-top: @_input-elementSpacer;
	}
}

.inputChoices-dependencies
{
	list-style: none;
	padding: 0;
	margin: 0;

	> li
	{
		margin-top: @_input-elementSpacer;

		> label
		{
			display: block;
			padding: @xf-paddingSmall 0;

			&.iconic--labelled > input + i
			{
				margin-left: 0;
			}
		}
	}
}

.inputValidationError
{
	margin-top: @xf-paddingMedium;
	padding: @xf-blockPaddingV @xf-blockPaddingH;
	.xf-blockBorder();
	border-radius: @xf-blockBorderRadius;
	border-left: @xf-borderSizeFeature solid @xf-errorFeatureColor;
	background: @xf-errorBg;
	color: @xf-errorColor;

	.m-textColoredLinks();

	.m-hiddenEl(true);

	&:empty
	{
		display: none;
	}

	> ul,
	> ol
	{
		margin-top: 0;
		margin-bottom: 0;
	}
}


@media (max-width: @xf-responsiveNarrow)
{
	.input.input--title
	{
		font-size: @xf-fontSizeLarge;
	}
}]]></template>
    <template title="core_list.less" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[// ##################################### LISTS ##################

.pairs
{
	padding: 0;
	margin: 0;
	overflow: hidden;

	&.pairs--plainLabel
	{
		> dt
		{
			color: inherit;
		}
	}

	&.pairs--spaced + .pairs
	{
		margin-top: @xf-paddingMedium;
	}

	&.pairs--noColon
	{
		> dt
		{
			&:after
			{
				content: "";
			}
		}
	}

	&.pairs--rightLabel
	{
		> dt
		{
			text-align: right;
		}
	}

	> dt
	{
		padding: 0;
		margin: 0;
		color: @xf-textColorMuted;

		.m-appendColon();
	}

	> dd
	{
		padding: 0;
		margin: 0;
	}

	&.pairs--inline
	{
		display: inline;

		> dt,
		> dd
		{
			display: inline;
		}
	}

	&.pairs--columns
	{
		display: table;
		table-layout: fixed;
		width: 100%;

		> dt,
		> dd
		{
			display: table-cell;
		}

		> dt
		{
			width: 50%;
			padding-right: @xf-paddingMedium;
		}

		&.pairs--fixedSmall > dt
		{
			width: 200px;
		}
		&.pairs--fluidSmall > dt
		{
			width: 25%;
		}
		&.pairs--fluidHuge > dt
		{
			width: 70%;
		}

		@media (max-width: 500px)
		{
			display: block;

			> dt,
			> dd
			{
				display: block;
			}

			&.pairs > dt // the .pairs repetition is to increase specificity to override all fixed/fluid options
			{
				width: auto;
				padding-right: 0;
			}

			& + .pairs
			{
				margin-top: @xf-paddingMedium;
			}
		}
	}

	&.pairs--justified
	{
		.m-clearFix();

		> dt
		{
			float: left;
			max-width: 100%;
			margin-right: @xf-paddingMedium;
		}

		> dd
		{
			float: right;
			text-align: right;
			max-width: 100%;
		}
	}

	&.pairs--rows
	{
		display: inline-table;
		margin-right: @xf-paddingMedium;

		&.pairs--rows--centered
		{
			> dt,
			> dd
			{
				text-align: center;
			}
		}

		&:last-of-type
		{
			margin-right: 0;
		}

		> dt
		{
			display: table-row;
			font-size: 80%;

			&:after
			{
				content: '';
				display: none;
			}
		}

		> dd
		{
			display: table-row;
		}
	}
}

.pairWrapper
{
	&.pairWrapper--spaced
	{
		.pairs
		{
			margin-top: @xf-paddingMedium;

			&:first-child
			{
				margin-top: 0;
			}
		}
	}
}

.pairJustifier
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	margin-right: -5px;
	margin-bottom: -5px;

	.pairs.pairs--rows
	{
		margin-right: 5px;
		margin-bottom: 5px;
	}
}

.listPlain
{
	.m-listPlain();
}

.listInline
{
	.m-listPlain();

	&.listInline--selfInline,
	&.listInline--customField
	{
		display: inline;
	}

	> li
	{
		display: inline;
		margin: 0;
		padding: 0;
	}

	&.listInline--block > li
	{
		display: inline-block;
	}

	&.listInline--comma,
	&.listInline--customField
	{
		> li:nth-last-child(n+2)::after
		{
			content: "{$xf.language.comma_separator}";
		}
	}

	&.listInline--bullet > li + li::before
	{
		content: "\00B7\20";
	}

	&.listInline--plus > li + li::before
	{
		content: "\002B\20";
	}
}

.listHeap
{
	.m-listPlain();
	margin-top: -4px;

	> li
	{
		margin: 0;
		padding: 0;
		display: inline-block;
		margin-right: -1px;
		margin-top: 4px;

		&:last-child
		{
			margin-right: 0;
		}
	}
}

.listColumns
{
	.m-columns(2, @xf-responsiveNarrow);

	> li
	{
		.m-columnBreakAvoid();
		position: relative; // workaround Chrome quirk with hover triggers in visitor menu
	}

	&.listColumns--spaced
	{
		> li
		{
			margin-bottom: .5em;
		}
	}

	&.listColumns--narrow
	{
		.m-columns(2);
	}

	&.listColumns--together
	{
		-moz-column-gap: 0;
		-webkit-column-gap: 0;
		column-gap: 0;
	}

	&.listColumns--collapsed
	{
		display: inline-block;
	}

	&.listColumns--3
	{
		.m-columns(3);

		@media (max-width: @xf-responsiveWide)
		{
			.m-columns(2, @xf-responsiveNarrow);
		}
	}

	&.listColumns--4
	{
		.m-columns(4);

		@media (max-width: @xf-responsiveWide)
		{
			.m-columns(2, @xf-responsiveNarrow);
		}
	}
}

.textHighlight
{
	font-style: normal;
	font-weight: @xf-fontWeightHeavy;

	&.textHighlight--attention
	{
		color: @xf-textColorAttention;
	}
}]]></template>
    <template title="core_menu.less" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[// ###################################### MENUS ######################

@_menu-arrowSize: 8px;
@_menu-edgePadding: @xf-pageEdgeSpacer;
@_menu-paddingV: @xf-paddingMedium;
@_menu-closePaddingH: @xf-paddingLarge;
@_menu-paddingH: @xf-paddingLargest;

.menuTrigger
{
	cursor: pointer;

	&:after
	{
		.m-menuGadget();
	}
}

.menuOutsideClicker
{
	position: fixed;
	display: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2; // above non set stuff but below anything intentionally set

	&.is-active
	{
		display: block;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
}

.menu
{
	.m-transitionCubic();

	position: absolute;
	z-index: @zIndex-2;
	margin: @_menu-arrowSize 0 0;
	min-width: 240px;
	max-width: 320px;
	border-radius: @xf-menuBorderRadius;

	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.35);

	&.menu--structural
	{
		margin-top: 0;

		// when menus nudge up against structure, the joined corner should not be radiused
		&.menu--left
		{
			border-top-left-radius: 0;
		}
		&.menu--right
		{
			border-top-right-radius: 0;
		}
	}

	&.menu--superWide
	{
		width: 75%;
		max-width: calc(~'100% - @{xf-pageEdgeSpacer}');
	}

	&.menu--veryWide
	{
		width: 500px;
		max-width: calc(~'100% - @{xf-pageEdgeSpacer}');
	}

	&.menu--wide
	{
		width: 350px;
		max-width: calc(~'100% - @{xf-pageEdgeSpacer}');
	}

	&.menu--medium
	{
		width: 300px;
		max-width: calc(~'100% - @{xf-pageEdgeSpacer}');
	}

	&.menu--potentialFixed
	{
		z-index: @zIndex-4;
	}
}

.menu-arrow
{
	display: none;
	position: absolute;
	width: 0;
	height: 0;
	border: 0 solid transparent;

	top: -@_menu-arrowSize;
	-ltr-rtl-left: 50%;
	-ltr-rtl-margin-left: -@_menu-arrowSize;
	.m-triangleUp(@xf-menuFeatureBorderColor, @_menu-arrowSize);

	.menu--structural &
	{
		top: -@_menu-arrowSize;
	}

	.menu--up &
	{
		display: none;
	}
}

.menu-content
{
	margin: 0;
	list-style: none;
	text-align: left;
	.xf-menu();
	border-radius: @xf-menuBorderRadius;

	// when menus nudge up against structure, the joined corner should not be radiused
	.menu--structural.menu--left &
	{
		border-top-left-radius: 0;
	}
	.menu--structural.menu--right &
	{
		border-top-right-radius: 0;
	}

	// potentially fixed menus
	.menu--potentialFixed &
	{
		overflow: auto;
		max-height: 450px;
		max-height: 80vh;
	}

	> :last-child
	{
		border-bottom-left-radius: @xf-menuBorderRadius;
		border-bottom-right-radius: @xf-menuBorderRadius;
	}
}

.menu--pageJump
{
	width: auto;
	min-width: 0;
}

.menu-header
{
	padding: @xf-blockPaddingV @_menu-paddingH;
	margin: 0;
	font-weight: @xf-fontWeightNormal;
	text-decoration: none;
	.xf-menuHeader();

	.m-clearFix();
	.m-hiddenLinks();

	&.menu-header--small
	{
		font-size: @xf-fontSizeNormal;
	}

	&.menu-header--sticky
	{
		position: sticky;
		top: 0;
	}

	.menu-desc
	{
		color: fade(@xf-menuHeader--color, 70);
		.m-textColoredLinks();
	}
}

.menu-desc
{
	display: block;
	font-size: @xf-fontSizeSmaller;
	font-weight: @xf-fontWeightNormal;
}

.menu-tabHeader
{
	padding: 0;
	margin: 0;
	font-weight: @xf-fontWeightNormal;
	text-decoration: none;
	.xf-menuTabHeader();
	.m-tabsTogether(xf-default(@xf-menuTabHeader--font-size, @xf-fontSizeNormal));

	.tabs-tab
	{
		padding: 12px @_menu-paddingH 9px;
		border-bottom: @xf-borderSize solid transparent;

		&:hover
		{
			color: @xf-blockMinorTabHeaderSelected--color;
		}

		&.is-active
		{
			.xf-menuTabHeaderSelected();
		}
	}

	.tabs-text
	{
		padding: @xf-blockPaddingV @_menu-paddingH max(0px, @xf-blockPaddingV - @xf-borderSizeFeature);
		border-bottom: @xf-borderSizeFeature solid transparent;
	}

	.hScroller-action
	{
		.m-hScrollerActionColorVariation(
			xf-default(@xf-menuTabHeader--background-color, transparent),
			xf-default(@xf-menuTabHeader--color, ~""),
			xf-default(@xf-blockMinorTabHeaderSelected--color, ~"")
		);
	}
}

.menu-scroller
{
	overflow: auto;
	max-height: 300px;
	max-height: 60vh;
	-webkit-overflow-scrolling: touch;

	.menu-row + &
	{
		border-top: @xf-borderSize solid @xf-borderColorLight;
	}
}

.menu-row
{
	margin: 0;
	padding: @_menu-paddingV @_menu-paddingH;
	.m-clearFix();

	&.menu-row--alt
	{
		.xf-contentAltBase();
	}

	&.menu-row--highlighted
	{
		background: fade(@xf-contentAltBg, 50%);
		color: @xf-contentAltBase--color;
	}

	&.menu-row--close
	{
		padding-left: @_menu-closePaddingH;
		padding-right: @_menu-closePaddingH;
	}

	&.menu-row--separated
	{
		+ .menu-row
		{
			border-top: @xf-borderSize solid @xf-borderColorLight;
		}
	}

	&.menu-row--clickable:hover
	{
		background: @xf-contentAltBg;
	}

	&:empty
	{
		padding: 0;
	}
}

.menu-linkRow
{
	display: block;
	padding: @_menu-paddingV @_menu-paddingH @_menu-paddingV (@_menu-paddingH) - (@xf-borderSizeFeature);
	.xf-menuLinkRow();

	&.menu-linkRow--alt
	{
		.xf-contentAltBase();
	}

	&.is-selected,
	&:hover,
	&:focus
	{
		.xf-menuLinkRowSelected();

		&:focus
		{
			outline: 0;
		}

		&.is-selected
		{
			border-left-color: @xf-borderColorFeature;
		}
	}

	&.is-hidden
	{
		display: none;
	}

	i[aria-hidden=true]
	{
		font-size: @xf-fontSizeSmall;
		display: inline-block;
		width: 23px; // about 1.75em at this font size

		& ~ .menu-linkRow-hint
		{
			padding-left: 23px;
		}
	}

	&:hover i[aria-hidden=true]:after
	{
		color: @xf-linkHoverColor;
	}
}

.menu-linkRow-hint
{
	font-style: inherit;
	font-size: @xf-fontSizeSmallest;
	color: @xf-textColorMuted;
	display: block;
}

.menu-separator
{
	margin: 0 (@_menu-paddingH) / 2;
	padding: 0;
	border: none;
	border-top: @xf-borderSize solid @xf-borderColorLight;

	&.menu-separator--hard
	{
		margin: 0;
	}

	& + .menu-separator,
	&:last-child
	{
		display: none;
	}
}

.menu-footer
{
	padding: @xf-blockPaddingV @_menu-paddingH;
	.xf-menuFooter();
	.m-clearFix();

	&.menu-footer--close
	{
		padding-left: @_menu-closePaddingH;
		padding-right: @_menu-closePaddingH;
	}

	&:not(.menu-footer--split)
	{
		.menu-footer-counter
		{
			float: left;
		}

		.menu-footer-controls
		{
			float: right;
		}
	}

	&.menu-footer--split
	{
		display: flex;
		align-items: center;

		.menu-footer-main,
		.menu-footer-counter
		{
			flex-grow: 1;
		}

		.menu-footer-select:not(:last-child)
		{
			margin: 0 1em;
		}

		.menu-footer-opposite,
		.menu-footer-controls
		{
			margin-left: auto;
		}
	}
}

.menu .block
{
	margin: 0;

	.block-container
	{
		color: inherit;
		background: none;
		border: none;
		border-radius: 0;

		> .block-header:first-child
		{
			display: none;
		}
	}

	.block-body
	{
		border-radius: 0;
	}
}]]></template>
    <template title="core_pagenav.less" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[// ####################################### PAGE NAVIGATION ########################

@_page-paddingV: 5px;
@_page-paddingH: 12px;
@_page-paddingHSimple: 10px;

.pageNavWrapper {}

.m-pageNavElCore()
{
	background: fade(@xf-paletteColor1, 10%);
	color: @xf-paletteColor1;
	font-size: @xf-fontSizeSmall;
	font-weight: 500;
	white-space: nowrap;
	border-radius: @xf-blockBorderRadius;

	&:hover,
	&:active
	{
		background: @xf-paletteColor1;
		color: @xf-textColorEmphasized;
		text-decoration: none;
	}
}

.pageNav-jump
{
	display: inline-block;
	.m-pageNavElCore();
	padding: @_page-paddingV @_page-paddingH;
	background: linear-gradient(0deg, #1b1b1e, #17171a);
	color: #FFFFFF;
	font-size: 14px;
	white-space: nowrap;
	
	&:hover
	{
		background: #222226;
		color: #22c55e;
    	text-decoration: none;
	}
	
	
}

.pageNav-main
{
	.m-listPlain();
	display: inline-table;
}

.pageNav-page
{
	display: table-cell;
	.m-pageNavElCore();
	font-size: 14px;
	background: linear-gradient(0deg, #1b1b1e, #17171a);
	color: #FFFFFF;
	
	&:hover
	{
	    background: #222226;
   		 text-decoration: none;	
	}

	> a
	{
		display: block;
		padding: @_page-paddingV @_page-paddingH;
		text-decoration: none;
		color: inherit;
	}

	&.pageNav-page--current
	{
		background: rgb(74, 153, 222, .25);
		color: #006fcd;
		cursor: pointer;

		&:hover,
		&:active
		{
			background: rgba(74,222,128,0.4);
		}

		+ .pageNav-page
		{
			border-left: none;
		}
	}
}

// Hide relative page numbers on narrow devices when we have a skip entry as we don't necessarily have space.
@media (max-width: @xf-responsiveNarrow)
{
	.pageNav--skipStart
	{
		.pageNav-page.pageNav-page--earlier
		{
			display: none;
		}
	}

	.pageNav--skipEnd
	{
		.pageNav-page.pageNav-page--later
		{
			display: none;
		}

		.pageNav-page.pageNav-page--skipEnd
		{
			border-left: none;
		}
	}
}

// ########################### SIMPLE PAGE NAV VARIANT ########################

.pageNavSimple
{
	display: inline-flex;
}

.pageNavSimple-el
{
	display: inline-block;
	border-radius: @xf-blockBorderRadius;
	padding: @_page-paddingV @_page-paddingHSimple;
	font-size: @xf-fontSizeSmall;
	text-align: center;
	white-space: nowrap;
	margin-right: 4px;

	&:last-child
	{
		margin-right: 0;
	}

	&.pageNavSimple-el--current
	{
		.xf-contentAccentBase();

		&:hover,
		&:active
		{
			background: xf-intensify(@xf-contentAccentBg, 3%);
			text-decoration: none;
		}
	}

	&.pageNavSimple-el--prev,
	&.pageNavSimple-el--next
	{
		.xf-contentHighlightBase();
		min-width: 75px;

		@media (max-width: 350px)
		{
			min-width: 0;
		}

		&:hover,
		&:active
		{
			background: xf-intensify(@xf-contentHighlightBg, 3%);
			text-decoration: none;
		}

		i:before
		{
			.m-faBase('Pro', @faWeight-solid);
		}
	}

	&.pageNavSimple-el--prev i:before
	{
		.m-faContent(@fa-var-caret-left, false, ltr); // , .44em
		.m-faContent(@fa-var-caret-right, false, rtl); // , .44em
	}

	&.pageNavSimple-el--next i:before
	{
		.m-faContent(@fa-var-caret-right, false, ltr); // , .44em
		.m-faContent(@fa-var-caret-left, false, rtl); // , .44em
	}

	&.pageNavSimple-el--first,
	&.pageNavSimple-el--last
	{
		border-color: transparent;
		padding-left: (@_page-paddingHSimple / 2);
		padding-right: (@_page-paddingHSimple / 2);
		color: fade(@xf-linkColor, 60%);

		&:hover,
		&:active
		{
			background: xf-intensify(@xf-contentHighlightBg, 3%);
			color: @xf-contentHighlightBase--color;
			text-decoration: none;
		}

		i:before
		{
			.m-faBase('Pro', @faWeight-solid);
		}
	}

	&.pageNavSimple-el--first i:before
	{
		.m-faContent(@fa-var-backward, false, ltr); // 1em
		.m-faContent(@fa-var-forward, false, rtl); // 1em
	}

	&.pageNavSimple-el--last i:before
	{
		.m-faContent(@fa-var-forward, false, ltr); // 1em
		.m-faContent(@fa-var-backward, false, rtl); // 1em
	}

	&.is-disabled
	{
		border-color: transparent;
		background: none;
		color: @xf-textColorMuted;
		text-decoration: none;
		pointer-events: none;

		&:hover
		{
			background: none;
			color: @xf-textColorMuted;
		}
	}
}

// #################### DISPLAY VARIANTS #########################

.pageNavWrapper--simple
{
	.pageNav
	{
		display: none;
	}
}

.pageNavWrapper--full
{
	.pageNavSimple
	{
		display: none;
	}
}

.pageNavWrapper--mixed
{
	.pageNavSimple
	{
		display: none;
	}

	@media (max-width: @xf-responsiveMedium)
	{
		.pageNav
		{
			display: none;
		}

		.pageNavSimple
		{
			display: inline-flex;
		}
	}
}

// Hide any block page nav that goes before the block as we will be wasting vertical space.
@media (max-width: @xf-responsiveNarrow)
{
	.block-outer:not(.block-outer--after) .pageNavWrapper:not(.pageNavWrapper--forceShow)
	{
		display: none;
	}

	// this is a sanity check in case .block-outer--after is forgotten
	.block-container + .block-outer .pageNavWrapper
	{
		display: block;
	}
}]]></template>
    <template title="core_pikaday.less" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[@pd-text-color: @xf-textColor;
@pd-title-color: @xf-linkColor;
@pd-title-bg: @xf-contentBg;
@pd-picker-bg: @xf-contentBg;
@pd-picker-border: @xf-borderColor;
@pd-picker-border-radius: @xf-borderRadiusMedium;
@pd-th-color: @xf-textColorDimmed;
@pd-day-color: @xf-textColor;
@pd-day-bg: @xf-contentAltBg;
@pd-day-hover-color: @xf-textColorEmphasized;
@pd-day-hover-bg: @xf-contentAccentBg;
@pd-day-today-color: @xf-textColorFeature;
@pd-day-selected-color: @xf-textColorEmphasized;
@pd-day-selected-bg: @xf-contentHighlightBg;
@pd-day-selected-shadow: transparent;
@pd-day-disabled-color: @xf-textColor;
@pd-week-color: @xf-textColorMuted;
@pd-range-color: @xf-textColorAccentContent;
@pd-range-bg: @xf-contentAccentBg;
@pd-range-border: @xf-borderColorAccentContent;

.pika-single {
	z-index: 9999;
	display: block;
	position: relative;
	color: @pd-text-color;
	background: @pd-picker-bg;
	border: 1px solid;
	border-color: @pd-picker-border;
	border-radius: @pd-picker-border-radius;

	&.is-hidden {
		display: none;
	}

	&.is-bound {
		position: absolute;
		.m-dropShadow(0, 5px, 10px, 0, .25);
	}
}

// clear child float (pika-lendar), using the famous micro clearfix hack
// http://nicolasgallagher.com/micro-clearfix-hack/
.pika-single {
	*zoom: 1;

	&:before,
	&:after {
		content: " ";
		display: table;
	}

	&:after { clear: both }
}

.pika-lendar {
	float: left;
	width: 240px;
	margin: 8px;
}

.pika-title {
	position: relative;
	text-align: center;

	select {
		cursor: pointer;
		position: absolute;
		z-index: 9998;
		margin: 0;
		left: 0;
		top: 5px;
		filter: alpha(opacity=0);
		opacity: 0;
	}
}

.pika-label {
	display: inline-block;
	*display: inline;
	position: relative;
	z-index: 9999;
	overflow: hidden;
	margin: 0;
	padding: 5px 3px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: @pd-title-color;
	background-color: @pd-title-bg;
}

.pika-prev,
.pika-next
{
	display: block;
	cursor: pointer;
	position: relative;
	outline: none;
	background: none;
	border: 0;
	padding: 0;
	width: 20px;
	height: 30px;
	white-space: nowrap;
	overflow: hidden;
	opacity: .5;
	font-size: 0;
	color: @pd-title-color;
	background-color: @pd-title-bg;

	&::before
	{
		.m-faBase();
		font-size: @xf-fontSizeLarge;
		vertical-align: middle;
		display: inline-block;
		margin: -4px 6px -4px 0;
	}

	&:hover {
		opacity: 1;
	}

	&.is-disabled {
		cursor: default;
		opacity: .2;
	}
}

.pika-prev
{
	&::before
	{
		.m-faContent(@fa-var-caret-left, .4375em, ltr);
		.m-faContent(@fa-var-caret-right, .4375em, rtl);
	}
}

.pika-next
{
	&::before
	{
		.m-faContent(@fa-var-caret-right, .4375em, ltr);
		.m-faContent(@fa-var-caret-left, .4375em, rtl);
	}
}

.pika-prev {
	float: left;
	*left: 0;
}

.pika-next {
	float: right;
	*right: 0;
}

.pika-select {
	display: inline-block;
	*display: inline;
}

.pika-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;

	th,
	td {
		width: 14.285714285714286%;
		padding: 0;
	}

	th {
		color: @pd-th-color;
		font-size: 12px;
		line-height: 25px;
		font-weight: bold;
		text-align: center;
	}

	abbr {
		border-bottom: none;
	}
}

.pika-button {
	cursor: pointer;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	border: 0;
	margin: 0;
	width: 100%;
	padding: 5px;
	color: @pd-day-color;
	font-size: 12px;
	line-height: 15px;
	text-align: right;
	background: @pd-day-bg;

	.is-today & {
		color: @pd-day-today-color;
		font-weight: bold;
	}

	.is-inrange &,
	.is-startrange &,
	.is-endrange & {
		color: @pd-range-color;
		background: @pd-range-bg;
	}

	.is-startrange &
	{
		.m-borderLeftRadius(3px);
		border-left: 2px solid @pd-range-border;
	}

	.is-endrange &
	{
		.m-borderRightRadius(3px);
		border-right: 2px solid @pd-range-border;
	}

	.is-selected & {
		color: @pd-day-selected-color;
		font-weight: bold;
		background: @pd-day-selected-bg;
		box-shadow: inset 0 1px 3px @pd-day-selected-shadow;
		border-radius: 3px;
	}

	.is-disabled &,
	.is-outside-current-month & {
		pointer-events: none;
		cursor: default;
		color: @pd-day-disabled-color;
		opacity: .3;
	}

	&:hover {
		color: @pd-day-hover-color;
		background: @pd-day-hover-bg;
		box-shadow: none;
		border-radius: 3px;
	}
}

.pika-week {
	font-size: 11px;
	color: @pd-week-color;
}

.pika-time-container {
	clear: both;
}

.pika-time {
	margin: 7px auto 7px;
}]]></template>
    <template title="cta_whatsXFessenger.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[]]></template>
    <template title="custom_css_eachuser" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<style>
	<xf:if is="{{$xf.visitor.Profile.custom_fields.customcss}}">	
		{{$xf.visitor.Profile.custom_fields.customcss}}
	</xf:if>
	
	<xf:if is="{{$xf.visitor.Profile.custom_fields.themecontainer}}">
		.row-3wW-Fx {
		  max-width: {$xf.visitor.Profile.custom_fields.themecontainer}%;
		 }
	
		.container {
		 max-width: {$xf.visitor.Profile.custom_fields.themecontainer}%;
		}
  	</xf:if>
</style>]]></template>
    <template title="custom_css_editor" type="public" addon_id="" version_id="1" version_string="1.2.0"><![CDATA[<xf:title>Custom CSS</xf:title>

<xf:css>
.blockMessage.blockMessage--none {
    display: none;
}
	
.p-body-header {
    display: block;
}

.p-body-inner {
    max-width: 1300px;
}

.avatarCropper .avatar--o {
    width: 96px !important;
    height: 96px !important;
    font-size: 58px !important;
}	
	
.avatar.avatar--o {
    width: 140px;
    height: 140px;
	font-size: 140px;
	border-radius: unset;
}

.js-overlayClose {
    bottom: 2px;
    position: relative;
}
	.white {
		color: #fff;
	}
	.text-secondary {
		color: #757782;
		font-size: 15px;
	}
	.text-center {
		text-align: center;
	}
	.CodeMirror {
	margin: 10px 0 !important;
    border-radius: 15px;
}
	
		.p-body-inner{
		max-width: 1440px;
	}	
	
</xf:css>

<xf:wrap template="account_wrapper" />

<xf:breadcrumb href="{{ link('account') }}">Custom CSS</xf:breadcrumb>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.32.0/codemirror.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.32.0/codemirror.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.61.1/theme/material-darker.min.css" integrity="sha512-2OhXH4Il3n2tHKwLLSDPhrkgnLBC+6lHGGQzSFi3chgVB6DJ/v6+nbx+XYO9CugQyHVF/8D/0k3Hx1eaUK2K9g==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<xf:css src="custom_css_editor.less"  />
<div class="block-container dp-usersettings">
<xf:form action="{{ link('account/custom-css') }}" ajax="true" class="block" data-force-flash-message="true" >
	<div class="d-flex flex-column flex-lg-row">
		<section class="content-container">
			<div class="wrapper mb-3">
				<div class="block-header dp-postbit_bgheading">Custom CSS
					<div class="text-secondary">
								<i class="fas fa-long-arrow-down mr-2 text-primary"></i> Note: For Username use this class (.customcss-user(Your ID))
					</div></div>
				<div class="main-row p-3">
					<div class="form-group">
						<textarea id="custom_css" name="custom_fields[customcss]" cols="1" rows="10" class="form-control">{$xf.visitor.Profile.custom_fields.customcss}</textarea>
					</div>
				</div>
			</div>
			<div class="text-center">
				<input name="submit" type="submit" class="button--cta button" value="Update CSS">
				</div>
			</section>
		</div>
	</xf:form>
</div>
<script>
var editor = CodeMirror.fromTextArea(document.getElementById('custom_css'), {
	highlightNonStandardPropertyKeywords: "boolean",
    lineNumbers: true,
	theme : "material-darker",
	mode: "css"
});
editor.save()
</script>]]></template>
    <template title="daily_challenge_svg" type="public" addon_id="" version_id="1040010" version_string="1.4.0 Alpha"><![CDATA[<xf:macro name="post_svg_header">
		<svg width="202" height="92" viewBox="0 0 202 92" fill="none" xmlns="http://www.w3.org/2000/svg">
									<rect x="20" y="52" width="182" height="40" rx="8" fill="#1D1D21"></rect>
									<circle cx="43" cy="72" r="15" fill="#006fcd"></circle>
									<rect x="66" y="65" width="48" height="4" rx="2" fill="#006fcd"></rect>
									<rect x="66" y="75" width="70" height="4" rx="2" fill="#006fcd" fill-opacity="0.1"></rect>
									<rect x="140" y="75" width="24" height="4" rx="2" fill="#006fcd" fill-opacity="0.1"></rect>
									<rect width="182" height="40" rx="8" fill="#1D1D21"></rect>
									<path d="M6 45V68C6 70.2091 7.79086 72 10 72H15" stroke="#006fcd" stroke-width="2" stroke-linecap="round"></path>
									<circle cx="23" cy="20" r="15" fill="#28282E"></circle>
									<path d="M23.0001 20C23.9947 20 24.9485 19.6049 25.6518 18.9017C26.355 18.1984 26.7501 17.2446 26.7501 16.25C26.7501 15.2554 26.355 14.3016 25.6518 13.5983C24.9485 12.8951 23.9947 12.5 23.0001 12.5C22.0056 12.5 21.0517 12.8951 20.3485 13.5983C19.6452 14.3016 19.2501 15.2554 19.2501 16.25C19.2501 17.2446 19.6452 18.1984 20.3485 18.9017C21.0517 19.6049 22.0056 20 23.0001 20ZM23.0001 21.875C19.2426 21.875 16.1826 24.395 16.1826 27.5C16.1826 27.71 16.3476 27.875 16.5576 27.875H29.4426C29.6526 27.875 29.8176 27.71 29.8176 27.5C29.8176 24.395 26.7576 21.875 23.0001 21.875Z" fill="#494953"></path>
									<rect x="46" y="13" width="32" height="4" rx="2" fill="#494953"></rect>
									<rect x="46" y="23" width="64" height="4" rx="2" fill="#28282E"></rect>
									<path d="M43.0001 72C43.9947 72 44.9485 71.6049 45.6518 70.9017C46.355 70.1984 46.7501 69.2446 46.7501 68.25C46.7501 67.2554 46.355 66.3016 45.6518 65.5983C44.9485 64.8951 43.9947 64.5 43.0001 64.5C42.0056 64.5 41.0517 64.8951 40.3485 65.5983C39.6452 66.3016 39.2501 67.2554 39.2501 68.25C39.2501 69.2446 39.6452 70.1984 40.3485 70.9017C41.0517 71.6049 42.0056 72 43.0001 72ZM43.0001 73.875C39.2426 73.875 36.1826 76.395 36.1826 79.5C36.1826 79.71 36.3476 79.875 36.5576 79.875H49.4426C49.6526 79.875 49.8176 79.71 49.8176 79.5C49.8176 76.395 46.7576 73.875 43.0001 73.875Z" fill="white"></path>
								</svg>
</xf:macro>
<xf:macro name="post_title_icon">
	<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M20 9C19.2048 5.01455 15.5128 2 11.0793 2C6.06549 2 2 5.85521 2 10.61C2 12.8946 2.93819 14.9704 4.46855 16.5108C4.80549 16.85 5.03045 17.3134 4.93966 17.7903C4.78982 18.5701 4.45026 19.2975 3.95305 19.9037C5.26123 20.1449 6.62147 19.9277 7.78801 19.3127C8.20039 19.0954 8.40657 18.9867 8.55207 18.9646C8.65392 18.9492 8.78659 18.9636 9 19.0002" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
								<path d="M11 16.2617C11 19.1674 13.4628 21.5234 16.5 21.5234C16.8571 21.5238 17.2132 21.4908 17.564 21.425C17.8165 21.3775 17.9428 21.3538 18.0309 21.3673C18.119 21.3807 18.244 21.4472 18.4938 21.58C19.2004 21.9558 20.0244 22.0885 20.8169 21.9411C20.5157 21.5707 20.31 21.1262 20.2192 20.6496C20.1642 20.3582 20.3005 20.075 20.5046 19.8677C21.4317 18.9263 22 17.6578 22 16.2617C22 13.356 19.5372 11 16.5 11C13.4628 11 11 13.356 11 16.2617Z" stroke="#006fcd" stroke-width="1.5" stroke-linejoin="round"></path>
							</svg>
</xf:macro>
<xf:macro name="thread_title_icon">

	<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
		<path d="M22 11.5667C22 16.8499 17.5222 21.1334 12 21.1334C11.3507 21.1343 10.7032 21.0742 10.0654 20.9545C9.60633 20.8682 9.37678 20.8251 9.21653 20.8496C9.05627 20.8741 8.82918 20.9948 8.37499 21.2364C7.09014 21.9197 5.59195 22.161 4.15111 21.893C4.69874 21.2194 5.07275 20.4112 5.23778 19.5448C5.33778 19.0148 5.09 18.5 4.71889 18.1231C3.03333 16.4115 2 14.1051 2 11.5667C2 6.28357 6.47778 2 12 2C17.5222 2 22 6.28357 22 11.5667Z" stroke="white" stroke-width="1.5" stroke-linejoin="round"></path>
		<path d="M11.9955 12H12.0045M15.991 12H16M8 12H8.00897" stroke="#006fcd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
		</svg>

</xf:macro>
<xf:macro name="invite_header">

	<svg width="174" height="79" viewBox="0 0 174 79" fill="none" xmlns="http://www.w3.org/2000/svg">
		<circle cx="23" cy="23" r="21.5" fill="#28282E" stroke="#151518" stroke-width="3"></circle>
		<path d="M23.0002 23C24.3262 23 25.598 22.4732 26.5357 21.5355C27.4734 20.5979 28.0002 19.3261 28.0002 18C28.0002 16.6739 27.4734 15.4021 26.5357 14.4645C25.598 13.5268 24.3262 13 23.0002 13C21.6741 13 20.4023 13.5268 19.4646 14.4645C18.5269 15.4021 18.0002 16.6739 18.0002 18C18.0002 19.3261 18.5269 20.5979 19.4646 21.5355C20.4023 22.4732 21.6741 23 23.0002 23ZM23.0002 25.5C17.9902 25.5 13.9102 28.86 13.9102 33C13.9102 33.28 14.1302 33.5 14.4102 33.5H31.5902C31.8702 33.5 32.0902 33.28 32.0902 33C32.0902 28.86 28.0102 25.5 23.0002 25.5Z" fill="#494953"></path>
		<circle cx="55" cy="23" r="21.5" fill="#28282E" stroke="#151518" stroke-width="3"></circle>
		<path d="M55.0002 23C56.3262 23 57.598 22.4732 58.5357 21.5355C59.4734 20.5979 60.0002 19.3261 60.0002 18C60.0002 16.6739 59.4734 15.4021 58.5357 14.4645C57.598 13.5268 56.3262 13 55.0002 13C53.6741 13 52.4023 13.5268 51.4646 14.4645C50.5269 15.4021 50.0002 16.6739 50.0002 18C50.0002 19.3261 50.5269 20.5979 51.4646 21.5355C52.4023 22.4732 53.6741 23 55.0002 23ZM55.0002 25.5C49.9902 25.5 45.9102 28.86 45.9102 33C45.9102 33.28 46.1302 33.5 46.4102 33.5H63.5902C63.8702 33.5 64.0902 33.28 64.0902 33C64.0902 28.86 60.0102 25.5 55.0002 25.5Z" fill="#494953"></path>
		<circle cx="87" cy="23" r="21.5" fill="#28282E" stroke="#151518" stroke-width="3"></circle>
		<path d="M87.0002 23C88.3262 23 89.598 22.4732 90.5357 21.5355C91.4734 20.5979 92.0002 19.3261 92.0002 18C92.0002 16.6739 91.4734 15.4021 90.5357 14.4645C89.598 13.5268 88.3262 13 87.0002 13C85.6741 13 84.4023 13.5268 83.4646 14.4645C82.5269 15.4021 82.0002 16.6739 82.0002 18C82.0002 19.3261 82.5269 20.5979 83.4646 21.5355C84.4023 22.4732 85.6741 23 87.0002 23ZM87.0002 25.5C81.9902 25.5 77.9102 28.86 77.9102 33C77.9102 33.28 78.1302 33.5 78.4102 33.5H95.5902C95.8702 33.5 96.0902 33.28 96.0902 33C96.0902 28.86 92.0102 25.5 87.0002 25.5Z" fill="#494953"></path>
		<circle cx="119" cy="23" r="21.5" fill="#28282E" stroke="#151518" stroke-width="3"></circle>
		<path d="M119 23C120.326 23 121.598 22.4732 122.536 21.5355C123.473 20.5979 124 19.3261 124 18C124 16.6739 123.473 15.4021 122.536 14.4645C121.598 13.5268 120.326 13 119 13C117.674 13 116.402 13.5268 115.465 14.4645C114.527 15.4021 114 16.6739 114 18C114 19.3261 114.527 20.5979 115.465 21.5355C116.402 22.4732 117.674 23 119 23ZM119 25.5C113.99 25.5 109.91 28.86 109.91 33C109.91 33.28 110.13 33.5 110.41 33.5H127.59C127.87 33.5 128.09 33.28 128.09 33C128.09 28.86 124.01 25.5 119 25.5Z" fill="#494953"></path>
		<circle cx="151" cy="23" r="21.5" fill="#28282E" stroke="#151518" stroke-width="3"></circle>
		<path d="M151 23C152.326 23 153.598 22.4732 154.536 21.5355C155.473 20.5979 156 19.3261 156 18C156 16.6739 155.473 15.4021 154.536 14.4645C153.598 13.5268 152.326 13 151 13C149.674 13 148.402 13.5268 147.465 14.4645C146.527 15.4021 146 16.6739 146 18C146 19.3261 146.527 20.5979 147.465 21.5355C148.402 22.4732 149.674 23 151 23ZM151 25.5C145.99 25.5 141.91 28.86 141.91 33C141.91 33.28 142.13 33.5 142.41 33.5H159.59C159.87 33.5 160.09 33.28 160.09 33C160.09 28.86 156.01 25.5 151 25.5Z" fill="#494953"></path>
		<circle cx="166" cy="8" r="8" fill="#006fcd"></circle>
		<path d="M162 8H170M166 12V4" stroke="white" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
		<rect x="27" y="55" width="120" height="24" rx="6" fill="#006fcd" fill-opacity="0.1"></rect>
		<path d="M37.333 68.6667L40.6663 65.3334" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round"></path>
		<path d="M42.2309 68.7397L43.9705 67C45.3431 65.6274 45.3431 63.402 43.9705 62.0294C42.598 60.6569 40.3726 60.6569 39 62.0294L37.2603 63.7691M40.7397 70.2309L39 71.9705C37.6274 73.3431 35.402 73.3431 34.0294 71.9705C32.6569 70.598 32.6569 68.3726 34.0294 67L35.7691 65.2603" stroke="white" stroke-width="1.3" stroke-linecap="round"></path>
		<rect x="55" y="65" width="84" height="4" rx="2" fill="#006fcd"></rect>
		</svg>


</xf:macro>
<xf:macro name="invite_title_icon">
	<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.41016 22C3.41016 18.13 7.26016 15 12.0002 15C12.9602 15 13.8902 15.13 14.7602 15.37M12.0002 12C13.3262 12 14.598 11.4732 15.5357 10.5355C16.4734 9.59785 17.0002 8.32608 17.0002 7C17.0002 5.67392 16.4734 4.40215 15.5357 3.46447C14.598 2.52678 13.3262 2 12.0002 2C10.6741 2 9.4023 2.52678 8.46462 3.46447C7.52694 4.40215 7.00016 5.67392 7.00016 7C7.00016 8.32608 7.52694 9.59785 8.46462 10.5355C9.4023 11.4732 10.6741 12 12.0002 12Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M19.49 17.98H16.51M18 16.52V19.51M22 18C22 18.32 21.96 18.63 21.88 18.93C21.79 19.33 21.63 19.72 21.42 20.06C21.0675 20.6525 20.5667 21.143 19.967 21.4831C19.3674 21.8233 18.6894 22.0014 18 22C17.0155 22.0029 16.0659 21.6352 15.34 20.97C15.04 20.71 14.78 20.4 14.58 20.06C14.1993 19.4404 13.9985 18.7272 14 18C13.9994 17.4745 14.1024 16.9541 14.3031 16.4685C14.5039 15.9829 14.7985 15.5417 15.1701 15.1701C15.5417 14.7985 15.9829 14.5039 16.4685 14.3031C16.9541 14.1024 17.4745 13.9993 18 14C19.18 14 20.25 14.51 20.97 15.33C21.61 16.04 22 16.98 22 18Z" stroke="#006fcd" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</xf:macro>]]></template>
    <template title="dbtech_shop_item_list_macros" type="public" addon_id="DBTech/Shop" version_id="906060170" version_string="6.6.1"><![CDATA[<xf:macro name="item"
		  arg-item="!"
		  arg-filters="{{ [] }}"
		  arg-baseLinkPath=""
		  arg-category="{{ null }}"
		  arg-showWatched="{{ false }}"
		  arg-showOwner="{{ true }}"
		  arg-allowInlineMod="{{ true }}"
		  arg-chooseName=""
		  arg-extraInfo="">

	<xf:css src="structured_list.less" />
	<xf:css src="dbtech_shop.less" />

	<div class="itemList-item structItem structItem--item {{ $item.prefix_id ? 'is-prefix' . $item.prefix_id : '' }} {{ $item.isIgnored() ? 'is-ignored' : '' }} {{ $item.item_state == 'moderated' ? 'is-moderated' : '' }} {{ $item.item_state == 'deleted' ? 'is-deleted' : '' }} js-inlineModContainer js-itemListItem-{$item.item_id}" data-author="{{ $item.User.username ?: $item.username }}">
		<div class="structItem-cell structItem-cell--icon structItem-cell--iconExpanded">
			<div class="structItem-iconContainer">
				{{ dbtech_shop_item_icon($item, 's', link('dbtech-shop', $item)) }}
				<xf:if is="$showOwner">
					<xf:avatar user="$item.User" size="s"
							   href=""
							   class="avatar--separated structItem-secondaryIcon" />
				</xf:if>
			</div>
		</div>
		<div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
			<xf:if contentcheck="true">
				<ul class="structItem-statuses">
					<xf:contentcheck>
						<xf:if is="$item.item_state == 'moderated'">
							<li>
								<i class="structItem-status structItem-status--moderated" aria-hidden="true" title="{{ phrase('awaiting_approval')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('awaiting_approval') }}</span>
							</li>
						</xf:if>
						<xf:if is="$item.item_state == 'deleted'">
							<li>
								<i class="structItem-status structItem-status--deleted" aria-hidden="true" title="{{ phrase('deleted')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('deleted') }}</span>
							</li>
						</xf:if>
						<xf:if is="{$showWatched} AND {$xf.visitor.user_id}">
							<xf:if is="{$item.Watch.{$xf.visitor.user_id}}">
								<li>
									<i class="structItem-status structItem-status--watched" aria-hidden="true" title="{{ phrase('dbtech_shop_item_watched')|for_attr }}"></i>
									<span class="u-srOnly">{{ phrase('dbtech_shop_item_watched') }}</span>
								</li>
								<xf:elseif is="!$category AND {$item.Category.Watch.{$xf.visitor.user_id}}" />
								<li>
									<i class="structItem-status structItem-status--watched" aria-hidden="true" title="{{ phrase('dbtech_shop_category_watched')|for_attr }}"></i>
									<span class="u-srOnly">{{ phrase('dbtech_shop_category_watched') }}</span>
								</li>
							</xf:if>
						</xf:if>
					</xf:contentcheck>
				</ul>
			</xf:if>

			<div class="structItem-title">
				<xf:if is="$item.prefix_id">
					<xf:if is="$category">
						<a href="{{ link('dbtech-shop/categories', $category, {'prefix_id': $item.prefix_id}) }}" class="labelLink">{{ prefix('dbtechShopItem', $item, 'html', '') }}</a>
						<xf:else />
						{{ prefix('dbtechShopItem', $item, 'html', '') }}
					</xf:if>
				</xf:if>
				<a href="{{ link('dbtech-shop', $item) }}" data-tp-primary="on">{$item.title}</a>
				<span class="label label--primary label--smallest">
					<xf:if is="$item.stock == 0">
						{{ phrase('dbtech_shop_out_of_stock') }}
					<xf:else />
						<a href="{{ link('dbtech-shop/purchase', $item) }}" data-xf-click="overlay" data-cache="false">
							<xf:if is="$item.price == 0.00">
								{{ phrase('dbtech_shop_free') }}
							<xf:else />
								{$item.PurchaseCurrency.prefix}{$item.PurchaseCurrency.getFormattedValue($item.price)}{$item.PurchaseCurrency.suffix} {$item.PurchaseCurrency.title}
							</xf:if>
						</a>
					</xf:if>
				</span>
			</div>

			<div class="structItem-minor">
				<xf:if contentcheck="true">
					<ul class="structItem-extraInfo">
						<xf:contentcheck>
							<xf:if is="{$extraInfo}">
								<li>{$extraInfo}</li>
							</xf:if>
							<xf:if is="$chooseName">
								<li><xf:checkbox standalone="true">
									<xf:option name="{$chooseName}[]" value="{$item.item_id}" class="js-chooseItem" />
								</xf:checkbox></li>
							<xf:elseif is="$allowInlineMod AND $item.canUseInlineModeration()" />
								<li><xf:checkbox standalone="true"><xf:option value="{$item.item_id}"
																			  class="js-inlineModToggle"
																			  data-xf-init="tooltip" title="{{ phrase('select_for_moderation')|for_attr }}" /></xf:checkbox></li>
							</xf:if>
						</xf:contentcheck>
					</ul>
				</xf:if>

				<xf:if is="$item.item_state == 'deleted'">
					<xf:if is="{$extraInfo}"><span class="structItem-extraInfo">{$extraInfo}</span></xf:if>

					<xf:macro template="deletion_macros" name="notice" arg-log="{$item.DeletionLog}" />
				<xf:else />
					<ul class="structItem-parts structItem-parts--item">
						<xf:if is="$showOwner">
							<li><xf:username user="$item.User" defaultname="{{ $item.username ?: phrase('n_a') }}" /></li>
						</xf:if>
						<xf:if is="$item.item_filters is not empty">
							<xf:foreach loop="$item.item_filters" value="$filter">
								<li>
									<xf:if is="$baseLinkPath is not empty">
										<a href="{{ link($baseLinkPath, $category, $filters|replace('platform', $filter)) }}" class="u-concealed">{$item.Category.item_filters.{$filter}}</a>
									<xf:else />
										{$item.Category.item_filters.{$filter}}
									</xf:if>
								</li>
							</xf:foreach>
						</xf:if>
					</ul>
				</xf:if>
			</div>

			<xf:if is="$item.item_state != 'deleted'">
				<div class="structItem-itemTagLine">{$item.tagline}</div>
			</xf:if>
		</div>
		<div class="structItem-cell structItem-cell--itemMeta">
			<xf:if is="$xf.options.dbtechShopEnableRate">
				<div class="structItem-metaItem structItem-metaItem--rating">
					<xf:macro template="rating_macros" name="stars_text"
							  arg-rating="{$item.rating_avg}"
							  arg-count="{$item.rating_count}"
							  arg-rowClass="ratingStarsRow--justified"
							  arg-starsClass="ratingStars--larger" />
				</div>
			</xf:if>

			<dl class="pairs pairs--justified structItem-minor structItem-metaItem structItem-metaItem--latestVersion">
				<dt>{{ phrase('dbtech_shop_stock') }}</dt>
				<dd>
					<xf:if is="$item.stock == -1">
						{{ phrase('dbtech_shop_unlimited') }}
					<xf:else />
						{$item.stock|number} / {$item.maxstock|number}
					</xf:if>
				</dd>
			</dl>

			<dl class="pairs pairs--justified structItem-minor structItem-metaItem structItem-metaItem--lastUpdate">
				<dt>{{ phrase('dbtech_shop_items_sold') }}</dt>
				<dd>{$item.purchases|number}</dd>
			</dl>
		</div>
	</div>
</xf:macro>

<xf:macro name="item_grid"
		  arg-item="!"
		  arg-filters="{{ [] }}"
		  arg-baseLinkPath=""
		  arg-category="{{ null }}"
		  arg-showWatched="{{ true }}"
		  arg-allowInlineMod="{{ true }}"
		  arg-chooseName=""
		  arg-extraInfo="">

	<xf:css src="node_list.less" />
	<xf:css src="structured_list.less" />
	<xf:css src="dbtech_shop.less" />
		<div class="dp-shopcard swiper-slide">
             <div class="dp-shopcard-header">
                 <div class="dp-shopcard-tags">
					 <xf:if is="$item.item_fields.limiteditem">
					 <div class="dp-shopcard-tag limited-item" data-xf-init="tooltip" title="Limited item" id="js-XFUniqueId123">
							Limited
						</div>
					 </xf:if>
					 <xf:if is="$item.item_fields.superrare">
					 <div class="dp-shopcard-tag superrare-item" data-xf-init="tooltip" title="Super rare item" id="js-XFUniqueId124">
						Super Rare
					</div>
					 </xf:if>
					 <xf:if is="$item.item_fields.rare">
					 <div class="dp-shopcard-tag rare-item" data-xf-init="tooltip" title="Rare item" id="js-XFUniqueId124">
						Rare
					</div>
					 </xf:if>
					 <xf:if is="$item.stock == 0">
						 <div class="dp-shopcard-tag oos-item" data-xf-init="tooltip" title="Out of stock item" id="js-XFUniqueId130">
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.58594 3.71997L6.00093 6.27496L10.3859 3.73495" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.00098 10.805V6.27002" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M4.9653 1.24L2.2953 2.72502C1.6903 3.06002 1.19531 3.90001 1.19531 4.59001V7.41502C1.19531 8.10502 1.6903 8.94501 2.2953 9.28001L4.9653 10.765C5.5353 11.08 6.4703 11.08 7.0403 10.765L9.71031 9.28001C10.3153 8.94501 10.8103 8.10502 10.8103 7.41502V4.59001C10.8103 3.90001 10.3153 3.06002 9.71031 2.72502L7.0403 1.24C6.4653 0.92 5.5353 0.92 4.9653 1.24Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.49988 6.62V4.79001L3.75488 2.04999" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
OOS
</div>
					 </xf:if>
                 </div>
                 <div class="dp-shopcard-purchases" data-xf-init="tooltip" id="js-XFUniqueId1" data-original-title="Total sales: 3">
                     <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                         <path d="M19.24 5.58H18.84L15.46 2.2C15.19 1.93 14.75 1.93 14.47 2.2C14.2 2.47 14.2 2.91 14.47 3.19L16.86 5.58H7.14L9.53 3.19C9.8 2.92 9.8 2.48 9.53 2.2C9.26 1.93 8.82 1.93 8.54 2.2L5.17 5.58H4.77C3.87 5.58 2 5.58 2 8.14C2 9.11 2.2 9.75 2.62 10.17C2.86 10.42 3.15 10.55 3.46 10.62C3.75 10.69 4.06 10.7 4.36 10.7H19.64C19.95 10.7 20.24 10.68 20.52 10.62C21.36 10.42 22 9.82 22 8.14C22 5.58 20.13 5.58 19.24 5.58Z" fill="#10B981"></path>
                         <path d="M19.0897 12H4.90971C4.28971 12 3.81971 12.55 3.91971 13.16L4.75971 18.3C5.03971 20.02 5.78971 22 9.11971 22H14.7297C18.0997 22 18.6997 20.31 19.0597 18.42L20.0697 13.19C20.1897 12.57 19.7197 12 19.0897 12ZM14.8797 16.05L11.6297 19.05C11.4897 19.18 11.3097 19.25 11.1197 19.25C10.9297 19.25 10.7397 19.18 10.5897 19.03L9.08971 17.53C8.79971 17.24 8.79971 16.76 9.08971 16.47C9.38971 16.18 9.85971 16.18 10.1597 16.47L11.1497 17.46L13.8697 14.95C14.1697 14.67 14.6497 14.69 14.9297 14.99C15.2097 15.3 15.1897 15.77 14.8797 16.05Z" fill="#10B981"></path>
                     </svg>
                     <a href="#">
                         {$item.purchases|number}
                     </a>
                 </div>
             </div>
             <div class="dp-shopcard-item-preview">
                 <div class="dp-acc-preview-icon">
					 <xf:if is="$item.item_type_id == 'shopusernameicon'">
					 <xf:avatar user="$xf.visitor" size="xs" canonical="true" />
                     <div class="dp-acc-preview-icon-name">
                         {$xf.visitor.username}
                         {{ dbtech_shop_item_icon($item, 'xxs') }}
                     </div>
					 <xf:else />
						 {{ dbtech_shop_item_icon($item, 'xxs') }}
					 </xf:if>
                 </div>
             </div>
             <div class="dp-shopcard-content">
                 <div class="dp-shopcard-itemtype">
                     <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                         <path d="M21.0802 8.58003V15.42C21.0802 16.54 20.4802 17.58 19.5102 18.15L13.5702 21.58C12.6002 22.14 11.4002 22.14 10.4202 21.58L4.48016 18.15C3.51016 17.59 2.91016 16.55 2.91016 15.42V8.58003C2.91016 7.46003 3.51016 6.41999 4.48016 5.84999L10.4202 2.42C11.3902 1.86 12.5902 1.86 13.5702 2.42L19.5102 5.84999C20.4802 6.41999 21.0802 7.45003 21.0802 8.58003Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                         <path d="M11.9999 11C13.2867 11 14.3299 9.95681 14.3299 8.66998C14.3299 7.38316 13.2867 6.34003 11.9999 6.34003C10.7131 6.34003 9.66992 7.38316 9.66992 8.66998C9.66992 9.95681 10.7131 11 11.9999 11Z" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                         <path d="M16 16.66C16 14.86 14.21 13.4 12 13.4C9.79 13.4 8 14.86 8 16.66" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     </svg>
					{$item.Category.title}
                 </div>
                 <h5 class="dp-shopcard-title">
                     {$item.title}
                 </h5>
                 <p class="dp-shopcard-description">
					{$item.description}
                 </p>
             </div>
             <div class="dp-shopcard-footer">
                 <div class="dp-shopcard-price">
                     <img src="https://cdn.discordapp.com/attachments/1169414112074281021/1169763424725643365/download_1.png?ex=65569615&is=65442115&hm=66c3d1wv8YQUAAAd5SURBVHgBpVdvbBxXEZ95u+e7c2z3nMTOH4fk7NAmESkNqhCtBIqDAKkSQlTiQ0UFOEIgwQdsgQQCpJ4tJKKKSokRXxCVEiQ+EIEoAglopeJYFDVQ1UlLSZRKqe9aiCvbte9s393uvj/TeW/31ufGiZv02c9v7d2b+c1vfjOzRrjLdar5TBE0nB3I95XrkZz4Vv5EGe5iCbiL9UTtt6ORVJc0meOGaMTzzKWfN/4yttmzRDR6O1sId7C+t3B22Pf9kodi2EOPfBB4YNtuCI2Mt47KSugTP8w/Wm4D8AwiPvqBAIzNni2obXLcRzHKjsEXHriT98HuAQp0hBED4BMCI0kZOVkzzYkzvSerDGCKAZy4le0tUzDy1unhRr7BdOtRRQbsF1PPW7szDRTIRssREWqisQx5M99ZfPprfG/4dvZvCeCx2VPFx//31BQJmFJGF51TY4BBkN32eo8oQK/KWxbZL/9ATOHwHuS/nXNBzJ0u3srPpin44uxPx3yBJU94BT+hmq+JU4C+8KlT5OBBfxDzXhYkKOj283AdFuCIGIABsR0y4MGg37+Z6Qu8q/ZksJM3Afj8bGmYSSwJYJExOezM5pu8xLEFsD/TT5/sOIRX4Qa8Yt60YdMR2INHxYfgGr4NVWoQixF5O2FO7vw6jNyYTIQazZKJPv3HwYlyy6dvfwzPlgqdBsYN4agl02bXQkPSiIZdcKK0UXi88wHY6XXjn+TLsAoBZ5u/+cn/0JtQEYv0Ge8o1kU3vsa/x5mg+GSQvG2WipJw9pHr42eaKzRx4WMTVaeBnIJjWptRw7mFWEfIOUaXdxZdF+bg8a7jHF0dfh9chGVdJ6kUaSlRKQVaa1hSq/C74EVYilbgc95HYRtmHTuvRzfAuXfbXrILo8fyXeaBlAEVcDSC/Srg8hLgZTwSnsfONXwidx8eyw7C38LLtKBrmGqHNiiJybD2gf6pr+KrsgJfyH0cyrSADRO6R6SUUA8btnqIY0IjcD0FNgqIKULNRiAEFELAV/d8FjijcH71BQhIxj4oJtU6w1RD9qBUU0uwSuei5/Hh3CFo6hDmqvMUSDbKJLAbx4LwRBuAgIn2yOUzKUyXiowR8Hz9lVaciS4cCmrzislVnL4YEu7wu23JQi1ag3q9bm9gy7BdQoqNDHBhxwFhi14C7mmgtKLkwxi3m+Sp2A+2R25Fud3rwsHcXmKxOqfKsI1IJratgRiIZXgDAO5wbZTGS2oLQK/LOWk1BDcRT3nM4L3ZAez1ukCwoLgMLXBQnFQl1TqtEGPmqn4PA0ZjKq+YbB4uErRULepo/MBXYKLymxSKxdXh+bQv04d9mXuccTsP7Gl7hz25TiwD0IbZHUa1A7BVsE4sJnAhsgwkAt3m5eDh7iOQ4xm4pgOegwL6O3qpz+9BjhiaKnQacm55UgonJ8TIswBU6tqRydhvqoIWyZQowIotZAXbe7bVDnXscp8YzO6C+agGOS/rxnHAz7Ar7pZO4OAco0jiFxR4EUolyaWLUv1gS60JA8rVVCLqlIdARfCTD5+ETxWOpro4fd+33fly7XWcrPzBislGG7vjyO2HPUgAMEuBz0GEspWxVOKWwY0MtKRP60Jscu1+/8ovYUemBz7SfQCePPxN+PG1p6HSnIcGRx47QevQfVno9m/cylgD9hTYzESkbRpN7LwlYJOM8lQDJi6Ltiog4s6F+7N9MBe8Q1dqFXfvtVoZGirk6SicE4hpJ/u79cCTM01Fb0c31JorKEO5zA/2ukJMGhjrZCMDMcCYHx3G6v/zxefowXvvh+KOXVhpzMP04mVYaC67dm27YotqsX46BjI8RflVjZq1NfzVzF/tFCzYuvc7fGqlXxjZzoClJAIdcUdUOq3valjDv7/0AhzcNwgHhw7CxNVz1IgCKzFHuKMf151bYN0dnbQ3sx3/MXMR35ivUNw5uffzXFFBhMLNGYEmkZrjoeOh/VUZBjmS+iE7ie22M4N7KfGAxKWlJbgxN0e92R68p6cHVqIGl6gE6d7/eGQpjfZVbXtHD5iVCJ/79wVarC5ZOtEOWJd5Y9wQsh2XpDmDnjgfPFsONnS+wg+OFSV6U3xZbPVchhCPkEQ9uwZ2w+6hfVAXIdQtdfxEzs/CDu4Hb12vwMLiQqIgSEdEKn3kNyIPx9d+9OJ0y+emr2T57x4b4xsl/lShbeTEYJj6TD5L/UN7IdPf6cpar4b09hv/R9tyXbPGtHtTLDxc5gxN1Ev/mnyvr1u+lufGDheFzpT43XOkVRXJPG4NJ+jcXWC03GyqdYw7CEJSaNTWTy7oSJ4Mnrxc3szPlv8X5L5xeIQbbIntFjcbRN7OfAtf6pPillMm8E4Gp16avp19D7ZYambxctf9A7+OTJRjcbJIzbpINQsrn+HGbmLPVnB2A01mQ/ry2lMz17ayf0f/msFjh4sZ1FMcYhGSZPh7uwBaXRRxmhvBePCzS9Pv1+SdAUhW5ktDY8aYJzjnvd6+Luu5yi1gPDz96uSd2toyBZstc2X5Ih0qnAdlCl5PtiqkfCT8xX+fhbtY7wJFsgN+AOz2gwAAAABJRU5ErkJggg==" width="18" height="18" alt="Bits">
                     {$item.price}
                 </div>
                 <div class="dp-shopcard-has-stock">
					 <div class="dp-shopcard-stock" data-xf-init="tooltip" title="Available item stock: {$item.maxstock}" id="js-XFUniqueId127">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 13.4286V8H22V13.4286C22 17.4692 22 19.4895 20.6983 20.7447C19.3965 22 17.3014 22 13.1111 22H10.8889C6.69863 22 4.6035 22 3.30175 20.7447C2 19.4895 2 17.4692 2 13.4286Z" stroke="#A4A6A8" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M2 8L2.96154 5.69231C3.70726 3.90257 4.08013 3.0077 4.8359 2.50385C5.59167 2 6.56112 2 8.5 2H15.5C17.4389 2 18.4083 2 19.1641 2.50385C19.9199 3.0077 20.2927 3.90257 21.0385 5.69231L22 8" stroke="#A4A6A8" stroke-width="1.3" stroke-linecap="round"></path>
<path d="M12 8V2" stroke="#A4A6A8" stroke-width="1.3" stroke-linecap="round"></path>
<path d="M10 12H14" stroke="#A4A6A8" stroke-width="1.3" stroke-linecap="round"></path>
</svg>
<span>
<span class="available-stock">{$item.stock}</span> <span class="current-stock">/ {$item.maxstock}</span>
</span>
</div>
					 <xf:if is="$item.stock > 0">
                     <a href="{{ link('dbtech-shop/purchase', $item) }}" class="button--primary button--shop button" data-xf-click="overlay" data-cache="false"><span class="button-text">
                             <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                 <path d="M12.0205 17.9443L12.0205 14.0552" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                 <path d="M13.924 16.0003L10.0349 16.0003" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                 <path d="M8.81043 2L5.19043 5.63" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                 <path d="M15.1904 2L18.8104 5.63" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                 <path d="M2 7.84998C2 5.99998 2.99 5.84998 4.22 5.84998H19.78C21.01 5.84998 22 5.99998 22 7.84998C22 9.99998 21.01 9.84998 19.78 9.84998H4.22C2.99 9.84998 2 9.99998 2 7.84998Z" stroke="currentColor" stroke-width="1.5"></path>
                                 <path d="M3.5 10L4.91 18.64C5.23 20.58 6 22 8.86 22H14.89C18 22 18.46 20.64 18.82 18.76L20.5 10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
                             </svg>
                         </span>
					 </a>
						 <xf:else />
					<div class="is-disabled button" data-xf-click="overlay" data-cache="false"><span class="button-text">
                             <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                 <path d="M12.0205 17.9443L12.0205 14.0552" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                 <path d="M13.924 16.0003L10.0349 16.0003" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                 <path d="M8.81043 2L5.19043 5.63" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                 <path d="M15.1904 2L18.8104 5.63" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                 <path d="M2 7.84998C2 5.99998 2.99 5.84998 4.22 5.84998H19.78C21.01 5.84998 22 5.99998 22 7.84998C22 9.99998 21.01 9.84998 19.78 9.84998H4.22C2.99 9.84998 2 9.99998 2 7.84998Z" stroke="currentColor" stroke-width="1.5"></path>
                                 <path d="M3.5 10L4.91 18.64C5.23 20.58 6 22 8.86 22H14.89C18 22 18.46 20.64 18.82 18.76L20.5 10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
                             </svg>
                         </span>
					 </div>
					</xf:if>
                 </div>
             </div>
         </div>
</xf:macro>

<xf:macro name="item_simple" arg-item="!" arg-showOwner="{{ true }}" arg-withMeta="{{ true }}" arg-withRating="{{ false }}">
	<div class="contentRow">
		<div class="contentRow-figure">
			{{ dbtech_shop_item_icon($item, 'xxs', link('dbtech-shop', $item)) }}
		</div>
		<div class="contentRow-main contentRow-main--close">
			<a href="{{ link('dbtech-shop', $item) }}">{{ prefix('dbtechShopItem', $item) }}{$item.title}</a>
			<div class="contentRow-lesser">{$item.tagline}</div>
			<xf:if is="$withRating && $xf.options.dbtechShopEnableRate">
				<div class="contentRow-lesser">
					<xf:macro template="rating_macros" name="stars_text"
							  arg-rating="{$item.rating_avg}"
							  arg-count="{$item.rating_count}"
							  arg-rowClass="ratingStarsRow--justified"
							  arg-starsClass="ratingStars--larger" />
				</div>
			</xf:if>
			<xf:if is="$withMeta">
				<div class="contentRow-minor contentRow-minor--smaller">
					<ul class="listInline listInline--bullet">
						<xf:if is="$showOwner">
							<li>{{ $item.User.username ?: ($item.username ?: phrase('n_a')) }}</li>
						</xf:if>

						<li>{{ phrase('dbtech_shop_updated:') }} <a href="{{ link('dbtech-shop', $item) }}" class="u-concealed"><xf:date time="{$item.last_update}" /></a></li>
					</ul>
				</div>
			</xf:if>
		</div>
	</div>
</xf:macro>

<xf:macro name="item_inventory"
		  arg-purchase="!"
		  arg-item="!"
		  arg-allowInlineMod="{{ true }}"
		  arg-showWatched="{{ false }}">

	<xf:css src="structured_list.less" />
	<xf:css src="dbtech_shop.less" />

	<div class="itemList-item structItem structItem--item{{ !$purchase.isDisplayed() ? ' is-moderated' : '' }}{{ !$purchase.isActive() ? ' is-inactive' : '' }}{{ $item.item_state == 'deleted' ? ' is-deleted' : '' }} js-inlineModContainer js-itemListItem-{$purchase.purchase_id}" data-author="{{ $item.User.username ?: $item.username }}">
		<div class="structItem-cell structItem-cell--icon structItem-cell--iconExpanded">
			<div class="structItem-iconContainer">
				{{ dbtech_shop_item_icon($item, 's', link('dbtech-shop', $item)) }}
			</div>
		</div>
		<div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
			<xf:if contentcheck="true">
				<ul class="structItem-statuses">
					<xf:contentcheck>
						<ul class="structItem-extraInfo listInline listInline--bullet">
							<xf:if is="$purchase.canConfigure()">
								<li><a href="{{ link('dbtech-shop/inventory/configure', $purchase) }}" data-xf-click="overlay">{{ phrase('dbtech_shop_configure') }}</a></li>
							</xf:if>

							<xf:if is="$purchase.canEditSettings()">
								<li><a href="{{ link('dbtech-shop/inventory/settings', $purchase) }}" data-xf-click="overlay">{{ phrase('settings') }}</a></li>
							</xf:if>
						</ul>
						<xf:if is="$item.item_state == 'moderated'">
							<li>
								<i class="structItem-status structItem-status--moderated" aria-hidden="true" title="{{ phrase('awaiting_approval')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('awaiting_approval') }}</span>
							</li>
						</xf:if>
						<xf:if is="$item.item_state == 'deleted'">
							<li>
								<i class="structItem-status structItem-status--deleted" aria-hidden="true" title="{{ phrase('deleted')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('deleted') }}</span>
							</li>
						</xf:if>
						<xf:if is="{$showWatched} AND {$xf.visitor.user_id}">
							<xf:if is="{$item.Watch.{$xf.visitor.user_id}}">
								<li>
									<i class="structItem-status structItem-status--watched" aria-hidden="true" title="{{ phrase('dbtech_shop_item_watched')|for_attr }}"></i>
									<span class="u-srOnly">{{ phrase('dbtech_shop_item_watched') }}</span>
								</li>
								<xf:elseif is="{$item.Category.Watch.{$xf.visitor.user_id}}" />
								<li>
									<i class="structItem-status structItem-status--watched" aria-hidden="true" title="{{ phrase('dbtech_shop_category_watched')|for_attr }}"></i>
									<span class="u-srOnly">{{ phrase('dbtech_shop_category_watched') }}</span>
								</li>
							</xf:if>
						</xf:if>
					</xf:contentcheck>
				</ul>
			</xf:if>

			<div class="structItem-title">
				<xf:if is="$item.prefix_id">
					{{ prefix('dbtechShopItem', $item, 'html', '') }}
				</xf:if>
				<a href="{{ link('dbtech-shop/inventory', $purchase) }}" data-xf-click="overlay" data-tp-primary="on">{$item.title}</a>
			</div>

			<div class="structItem-minor">

			</div>

			<xf:if is="$item.item_state != 'deleted' && $item.tagline is not empty">
				<div class="structItem-itemTagLine">{$item.tagline}</div>
			</xf:if>

			<div class="structItem-minor">
				<xf:if contentcheck="true">
					<ul class="structItem-extraInfo listInline listInline--bullet">
						<xf:contentcheck>
							<xf:if is="$purchase.canDiscard()">
								<li><a href="{{ link('dbtech-shop/inventory/discard', $purchase) }}" data-xf-click="overlay">{{ phrase('dbtech_shop_discard') }}</a></li>
							</xf:if>

							<xf:if is="$purchase.canSellBack()">
								<li><a href="{{ link('dbtech-shop/inventory/sell', $purchase) }}" data-xf-click="overlay">{{ phrase('dbtech_shop_sellback') }}</a></li>
							</xf:if>

							<xf:if is="$purchase.canGift()">
								<li><a href="{{ link('dbtech-shop/inventory/gift', $purchase) }}" data-xf-click="overlay">{{ phrase('dbtech_shop_gift') }}</a></li>
							</xf:if>
						</xf:contentcheck>
					</ul>
				</xf:if>

				<xf:if contentcheck="true">
					<ul class="structItem-extraInfo">
						<xf:contentcheck>
							<xf:if is="{$extraInfo}">
								<li>{$extraInfo}</li>
							</xf:if>
							<xf:if is="$chooseName">
								<li><xf:checkbox standalone="true">
									<xf:option name="{$chooseName}[]" value="{$purchase.purchase_id}" class="js-chooseItem" />
								</xf:checkbox></li>
							<xf:elseif is="$allowInlineMod AND $purchase.canUseInlineModeration()" />
								<li><xf:checkbox standalone="true"><xf:option value="{$purchase.purchase_id}"
																			  class="js-inlineModToggle"
																			  data-xf-init="tooltip" title="{{ phrase('select_for_moderation')|for_attr }}" /></xf:checkbox></li>
							</xf:if>
						</xf:contentcheck>
					</ul>
				</xf:if>

				<xf:if is="$item.item_state == 'deleted'">
					<xf:macro template="deletion_macros" name="notice" arg-log="{$item.DeletionLog}" />
				<xf:else />
					<ul class="structItem-parts">
						<li><xf:username user="$purchase.Buyer" defaultname="{{ $purchase.buyer_username ?: phrase('unknown_member') }}" /></li>
						<li><xf:date time="{$purchase.dateline}" /></li>
						<li class="structItem-startDate">{{ phrase('dbtech_shop_expiry_date:') }}
							<xf:if is="$purchase.isLifetime()">
								{{ phrase('dbtech_shop_never') }}
							<xf:else />
								<xf:date time="{$purchase.expiry_date}" />
							</xf:if>
						</li>
					</ul>
				</xf:if>
			</div>
		</div>
	</div>
</xf:macro>]]></template>
    <template title="dbtech_shop_overview" type="public" addon_id="DBTech/Shop" version_id="906060170" version_string="6.6.1"><![CDATA[<xf:title page="{$page}">{{ phrase('nav.dbtechShop') }}</xf:title>
<style>
   .dp-shopcategory-section {
   margin-bottom: 7.5rem;
   }	
   .dp-shopcategory-section .swiper {
   padding-top: 2rem;
   }	
   .dp-shopcard { 
   background: #151518; 
   padding: 1.25rem; 
   border-radius: 0.75rem; 
   transition: transform .25s ease;
   } 
   .dp-shopcard:hover { 
   transform: translateY(-1rem) !important;
   } 
   .dp-shopcard-header { 
   display: flex; 
   margin-bottom: 1.25rem;
   } 
   .dp-shopcard-item-preview { 
   position: relative; 
   display: flex; 
   justify-content: center; 
   align-items: center; 
   height: 100px; 
   z-index: 1;
   } 
   .dp-shopcard-item-preview:after { 
   content: ''; 
   position: absolute; 
   background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M113.117 40.1641V79.8359C113.117 86.3319 109.637 92.3641 104.011 95.6701L69.5594 115.564C63.9334 118.812 56.9734 118.812 51.2894 115.564L16.8374 95.6701C11.2114 92.4221 7.73145 86.3899 7.73145 79.8359V40.1641C7.73145 33.6682 11.2114 27.6359 16.8374 24.3299L51.2894 4.436C56.9154 1.188 63.8754 1.188 69.5594 4.436L104.011 24.3299C109.637 27.6359 113.117 33.6102 113.117 40.1641Z' stroke='%231A1A1D' stroke-width='1.09434' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M106.758 42.5581V77.4419C106.758 83.1539 103.698 88.4581 98.7507 91.3651L68.4567 108.858C63.5097 111.714 57.3898 111.714 52.3918 108.858L22.0978 91.3651C17.1508 88.5091 14.0908 83.2049 14.0908 77.4419V42.5581C14.0908 36.8461 17.1508 31.5419 22.0978 28.6349L52.3918 11.142C57.3388 8.286 63.4587 8.286 68.4567 11.142L98.7507 28.6349C103.698 31.5419 106.758 36.7951 106.758 42.5581Z' stroke='%231F1F23' stroke-width='0.962264' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_1984_7879' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='22' y='19' width='76' height='82'%3E%3Cpath d='M97.2479 45.9781V74.0219C97.2479 78.6139 94.7879 82.8781 90.8109 85.2151L66.4569 99.278C62.4799 101.574 57.5599 101.574 53.5419 99.278L29.188 85.2151C25.211 82.9191 22.751 78.6549 22.751 74.0219V45.9781C22.751 41.3861 25.211 37.1219 29.188 34.7849L53.5419 20.722C57.5189 18.426 62.4389 18.426 66.4569 20.722L90.8109 34.7849C94.7879 37.1219 97.2479 41.3451 97.2479 45.9781Z' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1984_7879)'%3E%3Cpath d='M25 100C25 100.552 24.5523 101 24 101C23.4477 101 23 100.552 23 100C23 99.4477 23.4477 99 24 99C24.5523 99 25 99.4477 25 100Z' fill='%232C2F33'/%3E%3Cpath d='M25 96C25 96.5523 24.5523 97 24 97C23.4477 97 23 96.5523 23 96C23 95.4477 23.4477 95 24 95C24.5523 95 25 95.4477 25 96Z' fill='%232C2F33'/%3E%3Cpath d='M25 92C25 92.5523 24.5523 93 24 93C23.4477 93 23 92.5523 23 92C23 91.4477 23.4477 91 24 91C24.5523 91 25 91.4477 25 92Z' fill='%232C2F33'/%3E%3Cpath d='M25 88C25 88.5523 24.5523 89 24 89C23.4477 89 23 88.5523 23 88C23 87.4477 23.4477 87 24 87C24.5523 87 25 87.4477 25 88Z' fill='%232C2F33'/%3E%3Cpath d='M25 84C25 84.5523 24.5523 85 24 85C23.4477 85 23 84.5523 23 84C23 83.4477 23.4477 83 24 83C24.5523 83 25 83.4477 25 84Z' fill='%232C2F33'/%3E%3Cpath d='M25 80C25 80.5523 24.5523 81 24 81C23.4477 81 23 80.5523 23 80C23 79.4477 23.4477 79 24 79C24.5523 79 25 79.4477 25 80Z' fill='%232C2F33'/%3E%3Cpath d='M25 76C25 76.5523 24.5523 77 24 77C23.4477 77 23 76.5523 23 76C23 75.4477 23.4477 75 24 75C24.5523 75 25 75.4477 25 76Z' fill='%232C2F33'/%3E%3Cpath d='M25 72C25 72.5523 24.5523 73 24 73C23.4477 73 23 72.5523 23 72C23 71.4477 23.4477 71 24 71C24.5523 71 25 71.4477 25 72Z' fill='%232C2F33'/%3E%3Cpath d='M25 68C25 68.5523 24.5523 69 24 69C23.4477 69 23 68.5523 23 68C23 67.4477 23.4477 67 24 67C24.5523 67 25 67.4477 25 68Z' fill='%232C2F33'/%3E%3Cpath d='M25 64C25 64.5523 24.5523 65 24 65C23.4477 65 23 64.5523 23 64C23 63.4477 23.4477 63 24 63C24.5523 63 25 63.4477 25 64Z' fill='%232C2F33'/%3E%3Cpath d='M25 60C25 60.5523 24.5523 61 24 61C23.4477 61 23 60.5523 23 60C23 59.4477 23.4477 59 24 59C24.5523 59 25 59.4477 25 60Z' fill='%232C2F33'/%3E%3Cpath d='M25 56C25 56.5523 24.5523 57 24 57C23.4477 57 23 56.5523 23 56C23 55.4477 23.4477 55 24 55C24.5523 55 25 55.4477 25 56Z' fill='%232C2F33'/%3E%3Cpath d='M25 52C25 52.5523 24.5523 53 24 53C23.4477 53 23 52.5523 23 52C23 51.4477 23.4477 51 24 51C24.5523 51 25 51.4477 25 52Z' fill='%232C2F33'/%3E%3Cpath d='M25 48C25 48.5523 24.5523 49 24 49C23.4477 49 23 48.5523 23 48C23 47.4477 23.4477 47 24 47C24.5523 47 25 47.4477 25 48Z' fill='%232C2F33'/%3E%3Cpath d='M25 44C25 44.5523 24.5523 45 24 45C23.4477 45 23 44.5523 23 44C23 43.4477 23.4477 43 24 43C24.5523 43 25 43.4477 25 44Z' fill='%232C2F33'/%3E%3Cpath d='M25 40C25 40.5523 24.5523 41 24 41C23.4477 41 23 40.5523 23 40C23 39.4477 23.4477 39 24 39C24.5523 39 25 39.4477 25 40Z' fill='%232C2F33'/%3E%3Cpath d='M25 36C25 36.5523 24.5523 37 24 37C23.4477 37 23 36.5523 23 36C23 35.4477 23.4477 35 24 35C24.5523 35 25 35.4477 25 36Z' fill='%232C2F33'/%3E%3Cpath d='M25 32C25 32.5523 24.5523 33 24 33C23.4477 33 23 32.5523 23 32C23 31.4477 23.4477 31 24 31C24.5523 31 25 31.4477 25 32Z' fill='%232C2F33'/%3E%3Cpath d='M25 28C25 28.5523 24.5523 29 24 29C23.4477 29 23 28.5523 23 28C23 27.4477 23.4477 27 24 27C24.5523 27 25 27.4477 25 28Z' fill='%232C2F33'/%3E%3Cpath d='M25 24C25 24.5523 24.5523 25 24 25C23.4477 25 23 24.5523 23 24C23 23.4477 23.4477 23 24 23C24.5523 23 25 23.4477 25 24Z' fill='%232C2F33'/%3E%3Cpath d='M25 20C25 20.5523 24.5523 21 24 21C23.4477 21 23 20.5523 23 20C23 19.4477 23.4477 19 24 19C24.5523 19 25 19.4477 25 20Z' fill='%232C2F33'/%3E%3Cpath d='M29 100C29 100.552 28.5523 101 28 101C27.4477 101 27 100.552 27 100C27 99.4477 27.4477 99 28 99C28.5523 99 29 99.4477 29 100Z' fill='%232C2F33'/%3E%3Cpath d='M29 96C29 96.5523 28.5523 97 28 97C27.4477 97 27 96.5523 27 96C27 95.4477 27.4477 95 28 95C28.5523 95 29 95.4477 29 96Z' fill='%232C2F33'/%3E%3Cpath d='M29 92C29 92.5523 28.5523 93 28 93C27.4477 93 27 92.5523 27 92C27 91.4477 27.4477 91 28 91C28.5523 91 29 91.4477 29 92Z' fill='%232C2F33'/%3E%3Cpath d='M29 88C29 88.5523 28.5523 89 28 89C27.4477 89 27 88.5523 27 88C27 87.4477 27.4477 87 28 87C28.5523 87 29 87.4477 29 88Z' fill='%232C2F33'/%3E%3Cpath d='M29 84C29 84.5523 28.5523 85 28 85C27.4477 85 27 84.5523 27 84C27 83.4477 27.4477 83 28 83C28.5523 83 29 83.4477 29 84Z' fill='%232C2F33'/%3E%3Cpath d='M29 80C29 80.5523 28.5523 81 28 81C27.4477 81 27 80.5523 27 80C27 79.4477 27.4477 79 28 79C28.5523 79 29 79.4477 29 80Z' fill='%232C2F33'/%3E%3Cpath d='M29 76C29 76.5523 28.5523 77 28 77C27.4477 77 27 76.5523 27 76C27 75.4477 27.4477 75 28 75C28.5523 75 29 75.4477 29 76Z' fill='%232C2F33'/%3E%3Cpath d='M29 72C29 72.5523 28.5523 73 28 73C27.4477 73 27 72.5523 27 72C27 71.4477 27.4477 71 28 71C28.5523 71 29 71.4477 29 72Z' fill='%232C2F33'/%3E%3Cpath d='M29 68C29 68.5523 28.5523 69 28 69C27.4477 69 27 68.5523 27 68C27 67.4477 27.4477 67 28 67C28.5523 67 29 67.4477 29 68Z' fill='%232C2F33'/%3E%3Cpath d='M29 64C29 64.5523 28.5523 65 28 65C27.4477 65 27 64.5523 27 64C27 63.4477 27.4477 63 28 63C28.5523 63 29 63.4477 29 64Z' fill='%232C2F33'/%3E%3Cpath d='M29 60C29 60.5523 28.5523 61 28 61C27.4477 61 27 60.5523 27 60C27 59.4477 27.4477 59 28 59C28.5523 59 29 59.4477 29 60Z' fill='%232C2F33'/%3E%3Cpath d='M29 56C29 56.5523 28.5523 57 28 57C27.4477 57 27 56.5523 27 56C27 55.4477 27.4477 55 28 55C28.5523 55 29 55.4477 29 56Z' fill='%232C2F33'/%3E%3Cpath d='M29 52C29 52.5523 28.5523 53 28 53C27.4477 53 27 52.5523 27 52C27 51.4477 27.4477 51 28 51C28.5523 51 29 51.4477 29 52Z' fill='%232C2F33'/%3E%3Cpath d='M29 48C29 48.5523 28.5523 49 28 49C27.4477 49 27 48.5523 27 48C27 47.4477 27.4477 47 28 47C28.5523 47 29 47.4477 29 48Z' fill='%232C2F33'/%3E%3Cpath d='M29 44C29 44.5523 28.5523 45 28 45C27.4477 45 27 44.5523 27 44C27 43.4477 27.4477 43 28 43C28.5523 43 29 43.4477 29 44Z' fill='%232C2F33'/%3E%3Cpath d='M29 40C29 40.5523 28.5523 41 28 41C27.4477 41 27 40.5523 27 40C27 39.4477 27.4477 39 28 39C28.5523 39 29 39.4477 29 40Z' fill='%232C2F33'/%3E%3Cpath d='M29 36C29 36.5523 28.5523 37 28 37C27.4477 37 27 36.5523 27 36C27 35.4477 27.4477 35 28 35C28.5523 35 29 35.4477 29 36Z' fill='%232C2F33'/%3E%3Cpath d='M29 32C29 32.5523 28.5523 33 28 33C27.4477 33 27 32.5523 27 32C27 31.4477 27.4477 31 28 31C28.5523 31 29 31.4477 29 32Z' fill='%232C2F33'/%3E%3Cpath d='M29 28C29 28.5523 28.5523 29 28 29C27.4477 29 27 28.5523 27 28C27 27.4477 27.4477 27 28 27C28.5523 27 29 27.4477 29 28Z' fill='%232C2F33'/%3E%3Cpath d='M29 24C29 24.5523 28.5523 25 28 25C27.4477 25 27 24.5523 27 24C27 23.4477 27.4477 23 28 23C28.5523 23 29 23.4477 29 24Z' fill='%232C2F33'/%3E%3Cpath d='M29 20C29 20.5523 28.5523 21 28 21C27.4477 21 27 20.5523 27 20C27 19.4477 27.4477 19 28 19C28.5523 19 29 19.4477 29 20Z' fill='%232C2F33'/%3E%3Cpath d='M33 100C33 100.552 32.5523 101 32 101C31.4477 101 31 100.552 31 100C31 99.4477 31.4477 99 32 99C32.5523 99 33 99.4477 33 100Z' fill='%232C2F33'/%3E%3Cpath d='M33 96C33 96.5523 32.5523 97 32 97C31.4477 97 31 96.5523 31 96C31 95.4477 31.4477 95 32 95C32.5523 95 33 95.4477 33 96Z' fill='%232C2F33'/%3E%3Cpath d='M33 92C33 92.5523 32.5523 93 32 93C31.4477 93 31 92.5523 31 92C31 91.4477 31.4477 91 32 91C32.5523 91 33 91.4477 33 92Z' fill='%232C2F33'/%3E%3Cpath d='M33 88C33 88.5523 32.5523 89 32 89C31.4477 89 31 88.5523 31 88C31 87.4477 31.4477 87 32 87C32.5523 87 33 87.4477 33 88Z' fill='%232C2F33'/%3E%3Cpath d='M33 84C33 84.5523 32.5523 85 32 85C31.4477 85 31 84.5523 31 84C31 83.4477 31.4477 83 32 83C32.5523 83 33 83.4477 33 84Z' fill='%232C2F33'/%3E%3Cpath d='M33 80C33 80.5523 32.5523 81 32 81C31.4477 81 31 80.5523 31 80C31 79.4477 31.4477 79 32 79C32.5523 79 33 79.4477 33 80Z' fill='%232C2F33'/%3E%3Cpath d='M33 76C33 76.5523 32.5523 77 32 77C31.4477 77 31 76.5523 31 76C31 75.4477 31.4477 75 32 75C32.5523 75 33 75.4477 33 76Z' fill='%232C2F33'/%3E%3Cpath d='M33 72C33 72.5523 32.5523 73 32 73C31.4477 73 31 72.5523 31 72C31 71.4477 31.4477 71 32 71C32.5523 71 33 71.4477 33 72Z' fill='%232C2F33'/%3E%3Cpath d='M33 68C33 68.5523 32.5523 69 32 69C31.4477 69 31 68.5523 31 68C31 67.4477 31.4477 67 32 67C32.5523 67 33 67.4477 33 68Z' fill='%232C2F33'/%3E%3Cpath d='M33 64C33 64.5523 32.5523 65 32 65C31.4477 65 31 64.5523 31 64C31 63.4477 31.4477 63 32 63C32.5523 63 33 63.4477 33 64Z' fill='%232C2F33'/%3E%3Cpath d='M33 60C33 60.5523 32.5523 61 32 61C31.4477 61 31 60.5523 31 60C31 59.4477 31.4477 59 32 59C32.5523 59 33 59.4477 33 60Z' fill='%232C2F33'/%3E%3Cpath d='M33 56C33 56.5523 32.5523 57 32 57C31.4477 57 31 56.5523 31 56C31 55.4477 31.4477 55 32 55C32.5523 55 33 55.4477 33 56Z' fill='%232C2F33'/%3E%3Cpath d='M33 52C33 52.5523 32.5523 53 32 53C31.4477 53 31 52.5523 31 52C31 51.4477 31.4477 51 32 51C32.5523 51 33 51.4477 33 52Z' fill='%232C2F33'/%3E%3Cpath d='M33 48C33 48.5523 32.5523 49 32 49C31.4477 49 31 48.5523 31 48C31 47.4477 31.4477 47 32 47C32.5523 47 33 47.4477 33 48Z' fill='%232C2F33'/%3E%3Cpath d='M33 44C33 44.5523 32.5523 45 32 45C31.4477 45 31 44.5523 31 44C31 43.4477 31.4477 43 32 43C32.5523 43 33 43.4477 33 44Z' fill='%232C2F33'/%3E%3Cpath d='M33 40C33 40.5523 32.5523 41 32 41C31.4477 41 31 40.5523 31 40C31 39.4477 31.4477 39 32 39C32.5523 39 33 39.4477 33 40Z' fill='%232C2F33'/%3E%3Cpath d='M33 36C33 36.5523 32.5523 37 32 37C31.4477 37 31 36.5523 31 36C31 35.4477 31.4477 35 32 35C32.5523 35 33 35.4477 33 36Z' fill='%232C2F33'/%3E%3Cpath d='M33 32C33 32.5523 32.5523 33 32 33C31.4477 33 31 32.5523 31 32C31 31.4477 31.4477 31 32 31C32.5523 31 33 31.4477 33 32Z' fill='%232C2F33'/%3E%3Cpath d='M33 28C33 28.5523 32.5523 29 32 29C31.4477 29 31 28.5523 31 28C31 27.4477 31.4477 27 32 27C32.5523 27 33 27.4477 33 28Z' fill='%232C2F33'/%3E%3Cpath d='M33 24C33 24.5523 32.5523 25 32 25C31.4477 25 31 24.5523 31 24C31 23.4477 31.4477 23 32 23C32.5523 23 33 23.4477 33 24Z' fill='%232C2F33'/%3E%3Cpath d='M33 20C33 20.5523 32.5523 21 32 21C31.4477 21 31 20.5523 31 20C31 19.4477 31.4477 19 32 19C32.5523 19 33 19.4477 33 20Z' fill='%232C2F33'/%3E%3Cpath d='M37 100C37 100.552 36.5523 101 36 101C35.4477 101 35 100.552 35 100C35 99.4477 35.4477 99 36 99C36.5523 99 37 99.4477 37 100Z' fill='%232C2F33'/%3E%3Cpath d='M37 96C37 96.5523 36.5523 97 36 97C35.4477 97 35 96.5523 35 96C35 95.4477 35.4477 95 36 95C36.5523 95 37 95.4477 37 96Z' fill='%232C2F33'/%3E%3Cpath d='M37 92C37 92.5523 36.5523 93 36 93C35.4477 93 35 92.5523 35 92C35 91.4477 35.4477 91 36 91C36.5523 91 37 91.4477 37 92Z' fill='%232C2F33'/%3E%3Cpath d='M37 88C37 88.5523 36.5523 89 36 89C35.4477 89 35 88.5523 35 88C35 87.4477 35.4477 87 36 87C36.5523 87 37 87.4477 37 88Z' fill='%232C2F33'/%3E%3Cpath d='M37 84C37 84.5523 36.5523 85 36 85C35.4477 85 35 84.5523 35 84C35 83.4477 35.4477 83 36 83C36.5523 83 37 83.4477 37 84Z' fill='%232C2F33'/%3E%3Cpath d='M37 80C37 80.5523 36.5523 81 36 81C35.4477 81 35 80.5523 35 80C35 79.4477 35.4477 79 36 79C36.5523 79 37 79.4477 37 80Z' fill='%232C2F33'/%3E%3Cpath d='M37 76C37 76.5523 36.5523 77 36 77C35.4477 77 35 76.5523 35 76C35 75.4477 35.4477 75 36 75C36.5523 75 37 75.4477 37 76Z' fill='%232C2F33'/%3E%3Cpath d='M37 72C37 72.5523 36.5523 73 36 73C35.4477 73 35 72.5523 35 72C35 71.4477 35.4477 71 36 71C36.5523 71 37 71.4477 37 72Z' fill='%232C2F33'/%3E%3Cpath d='M37 68C37 68.5523 36.5523 69 36 69C35.4477 69 35 68.5523 35 68C35 67.4477 35.4477 67 36 67C36.5523 67 37 67.4477 37 68Z' fill='%232C2F33'/%3E%3Cpath d='M37 64C37 64.5523 36.5523 65 36 65C35.4477 65 35 64.5523 35 64C35 63.4477 35.4477 63 36 63C36.5523 63 37 63.4477 37 64Z' fill='%232C2F33'/%3E%3Cpath d='M37 60C37 60.5523 36.5523 61 36 61C35.4477 61 35 60.5523 35 60C35 59.4477 35.4477 59 36 59C36.5523 59 37 59.4477 37 60Z' fill='%232C2F33'/%3E%3Cpath d='M37 56C37 56.5523 36.5523 57 36 57C35.4477 57 35 56.5523 35 56C35 55.4477 35.4477 55 36 55C36.5523 55 37 55.4477 37 56Z' fill='%232C2F33'/%3E%3Cpath d='M37 52C37 52.5523 36.5523 53 36 53C35.4477 53 35 52.5523 35 52C35 51.4477 35.4477 51 36 51C36.5523 51 37 51.4477 37 52Z' fill='%232C2F33'/%3E%3Cpath d='M37 48C37 48.5523 36.5523 49 36 49C35.4477 49 35 48.5523 35 48C35 47.4477 35.4477 47 36 47C36.5523 47 37 47.4477 37 48Z' fill='%232C2F33'/%3E%3Cpath d='M37 44C37 44.5523 36.5523 45 36 45C35.4477 45 35 44.5523 35 44C35 43.4477 35.4477 43 36 43C36.5523 43 37 43.4477 37 44Z' fill='%232C2F33'/%3E%3Cpath d='M37 40C37 40.5523 36.5523 41 36 41C35.4477 41 35 40.5523 35 40C35 39.4477 35.4477 39 36 39C36.5523 39 37 39.4477 37 40Z' fill='%232C2F33'/%3E%3Cpath d='M37 36C37 36.5523 36.5523 37 36 37C35.4477 37 35 36.5523 35 36C35 35.4477 35.4477 35 36 35C36.5523 35 37 35.4477 37 36Z' fill='%232C2F33'/%3E%3Cpath d='M37 32C37 32.5523 36.5523 33 36 33C35.4477 33 35 32.5523 35 32C35 31.4477 35.4477 31 36 31C36.5523 31 37 31.4477 37 32Z' fill='%232C2F33'/%3E%3Cpath d='M37 28C37 28.5523 36.5523 29 36 29C35.4477 29 35 28.5523 35 28C35 27.4477 35.4477 27 36 27C36.5523 27 37 27.4477 37 28Z' fill='%232C2F33'/%3E%3Cpath d='M37 24C37 24.5523 36.5523 25 36 25C35.4477 25 35 24.5523 35 24C35 23.4477 35.4477 23 36 23C36.5523 23 37 23.4477 37 24Z' fill='%232C2F33'/%3E%3Cpath d='M37 20C37 20.5523 36.5523 21 36 21C35.4477 21 35 20.5523 35 20C35 19.4477 35.4477 19 36 19C36.5523 19 37 19.4477 37 20Z' fill='%232C2F33'/%3E%3Cpath d='M41 100C41 100.552 40.5523 101 40 101C39.4477 101 39 100.552 39 100C39 99.4477 39.4477 99 40 99C40.5523 99 41 99.4477 41 100Z' fill='%232C2F33'/%3E%3Cpath d='M41 96C41 96.5523 40.5523 97 40 97C39.4477 97 39 96.5523 39 96C39 95.4477 39.4477 95 40 95C40.5523 95 41 95.4477 41 96Z' fill='%232C2F33'/%3E%3Cpath d='M41 92C41 92.5523 40.5523 93 40 93C39.4477 93 39 92.5523 39 92C39 91.4477 39.4477 91 40 91C40.5523 91 41 91.4477 41 92Z' fill='%232C2F33'/%3E%3Cpath d='M41 88C41 88.5523 40.5523 89 40 89C39.4477 89 39 88.5523 39 88C39 87.4477 39.4477 87 40 87C40.5523 87 41 87.4477 41 88Z' fill='%232C2F33'/%3E%3Cpath d='M41 84C41 84.5523 40.5523 85 40 85C39.4477 85 39 84.5523 39 84C39 83.4477 39.4477 83 40 83C40.5523 83 41 83.4477 41 84Z' fill='%232C2F33'/%3E%3Cpath d='M41 80C41 80.5523 40.5523 81 40 81C39.4477 81 39 80.5523 39 80C39 79.4477 39.4477 79 40 79C40.5523 79 41 79.4477 41 80Z' fill='%232C2F33'/%3E%3Cpath d='M41 76C41 76.5523 40.5523 77 40 77C39.4477 77 39 76.5523 39 76C39 75.4477 39.4477 75 40 75C40.5523 75 41 75.4477 41 76Z' fill='%232C2F33'/%3E%3Cpath d='M41 72C41 72.5523 40.5523 73 40 73C39.4477 73 39 72.5523 39 72C39 71.4477 39.4477 71 40 71C40.5523 71 41 71.4477 41 72Z' fill='%232C2F33'/%3E%3Cpath d='M41 68C41 68.5523 40.5523 69 40 69C39.4477 69 39 68.5523 39 68C39 67.4477 39.4477 67 40 67C40.5523 67 41 67.4477 41 68Z' fill='%232C2F33'/%3E%3Cpath d='M41 64C41 64.5523 40.5523 65 40 65C39.4477 65 39 64.5523 39 64C39 63.4477 39.4477 63 40 63C40.5523 63 41 63.4477 41 64Z' fill='%232C2F33'/%3E%3Cpath d='M41 60C41 60.5523 40.5523 61 40 61C39.4477 61 39 60.5523 39 60C39 59.4477 39.4477 59 40 59C40.5523 59 41 59.4477 41 60Z' fill='%232C2F33'/%3E%3Cpath d='M41 56C41 56.5523 40.5523 57 40 57C39.4477 57 39 56.5523 39 56C39 55.4477 39.4477 55 40 55C40.5523 55 41 55.4477 41 56Z' fill='%232C2F33'/%3E%3Cpath d='M41 52C41 52.5523 40.5523 53 40 53C39.4477 53 39 52.5523 39 52C39 51.4477 39.4477 51 40 51C40.5523 51 41 51.4477 41 52Z' fill='%232C2F33'/%3E%3Cpath d='M41 48C41 48.5523 40.5523 49 40 49C39.4477 49 39 48.5523 39 48C39 47.4477 39.4477 47 40 47C40.5523 47 41 47.4477 41 48Z' fill='%232C2F33'/%3E%3Cpath d='M41 44C41 44.5523 40.5523 45 40 45C39.4477 45 39 44.5523 39 44C39 43.4477 39.4477 43 40 43C40.5523 43 41 43.4477 41 44Z' fill='%232C2F33'/%3E%3Cpath d='M41 40C41 40.5523 40.5523 41 40 41C39.4477 41 39 40.5523 39 40C39 39.4477 39.4477 39 40 39C40.5523 39 41 39.4477 41 40Z' fill='%232C2F33'/%3E%3Cpath d='M41 36C41 36.5523 40.5523 37 40 37C39.4477 37 39 36.5523 39 36C39 35.4477 39.4477 35 40 35C40.5523 35 41 35.4477 41 36Z' fill='%232C2F33'/%3E%3Cpath d='M41 32C41 32.5523 40.5523 33 40 33C39.4477 33 39 32.5523 39 32C39 31.4477 39.4477 31 40 31C40.5523 31 41 31.4477 41 32Z' fill='%232C2F33'/%3E%3Cpath d='M41 28C41 28.5523 40.5523 29 40 29C39.4477 29 39 28.5523 39 28C39 27.4477 39.4477 27 40 27C40.5523 27 41 27.4477 41 28Z' fill='%232C2F33'/%3E%3Cpath d='M41 24C41 24.5523 40.5523 25 40 25C39.4477 25 39 24.5523 39 24C39 23.4477 39.4477 23 40 23C40.5523 23 41 23.4477 41 24Z' fill='%232C2F33'/%3E%3Cpath d='M41 20C41 20.5523 40.5523 21 40 21C39.4477 21 39 20.5523 39 20C39 19.4477 39.4477 19 40 19C40.5523 19 41 19.4477 41 20Z' fill='%232C2F33'/%3E%3Cpath d='M45 100C45 100.552 44.5523 101 44 101C43.4477 101 43 100.552 43 100C43 99.4477 43.4477 99 44 99C44.5523 99 45 99.4477 45 100Z' fill='%232C2F33'/%3E%3Cpath d='M45 96C45 96.5523 44.5523 97 44 97C43.4477 97 43 96.5523 43 96C43 95.4477 43.4477 95 44 95C44.5523 95 45 95.4477 45 96Z' fill='%232C2F33'/%3E%3Cpath d='M45 92C45 92.5523 44.5523 93 44 93C43.4477 93 43 92.5523 43 92C43 91.4477 43.4477 91 44 91C44.5523 91 45 91.4477 45 92Z' fill='%232C2F33'/%3E%3Cpath d='M45 88C45 88.5523 44.5523 89 44 89C43.4477 89 43 88.5523 43 88C43 87.4477 43.4477 87 44 87C44.5523 87 45 87.4477 45 88Z' fill='%232C2F33'/%3E%3Cpath d='M45 84C45 84.5523 44.5523 85 44 85C43.4477 85 43 84.5523 43 84C43 83.4477 43.4477 83 44 83C44.5523 83 45 83.4477 45 84Z' fill='%232C2F33'/%3E%3Cpath d='M45 80C45 80.5523 44.5523 81 44 81C43.4477 81 43 80.5523 43 80C43 79.4477 43.4477 79 44 79C44.5523 79 45 79.4477 45 80Z' fill='%232C2F33'/%3E%3Cpath d='M45 76C45 76.5523 44.5523 77 44 77C43.4477 77 43 76.5523 43 76C43 75.4477 43.4477 75 44 75C44.5523 75 45 75.4477 45 76Z' fill='%232C2F33'/%3E%3Cpath d='M45 72C45 72.5523 44.5523 73 44 73C43.4477 73 43 72.5523 43 72C43 71.4477 43.4477 71 44 71C44.5523 71 45 71.4477 45 72Z' fill='%232C2F33'/%3E%3Cpath d='M45 68C45 68.5523 44.5523 69 44 69C43.4477 69 43 68.5523 43 68C43 67.4477 43.4477 67 44 67C44.5523 67 45 67.4477 45 68Z' fill='%232C2F33'/%3E%3Cpath d='M45 64C45 64.5523 44.5523 65 44 65C43.4477 65 43 64.5523 43 64C43 63.4477 43.4477 63 44 63C44.5523 63 45 63.4477 45 64Z' fill='%232C2F33'/%3E%3Cpath d='M45 60C45 60.5523 44.5523 61 44 61C43.4477 61 43 60.5523 43 60C43 59.4477 43.4477 59 44 59C44.5523 59 45 59.4477 45 60Z' fill='%232C2F33'/%3E%3Cpath d='M45 56C45 56.5523 44.5523 57 44 57C43.4477 57 43 56.5523 43 56C43 55.4477 43.4477 55 44 55C44.5523 55 45 55.4477 45 56Z' fill='%232C2F33'/%3E%3Cpath d='M45 52C45 52.5523 44.5523 53 44 53C43.4477 53 43 52.5523 43 52C43 51.4477 43.4477 51 44 51C44.5523 51 45 51.4477 45 52Z' fill='%232C2F33'/%3E%3Cpath d='M45 48C45 48.5523 44.5523 49 44 49C43.4477 49 43 48.5523 43 48C43 47.4477 43.4477 47 44 47C44.5523 47 45 47.4477 45 48Z' fill='%232C2F33'/%3E%3Cpath d='M45 44C45 44.5523 44.5523 45 44 45C43.4477 45 43 44.5523 43 44C43 43.4477 43.4477 43 44 43C44.5523 43 45 43.4477 45 44Z' fill='%232C2F33'/%3E%3Cpath d='M45 40C45 40.5523 44.5523 41 44 41C43.4477 41 43 40.5523 43 40C43 39.4477 43.4477 39 44 39C44.5523 39 45 39.4477 45 40Z' fill='%232C2F33'/%3E%3Cpath d='M45 36C45 36.5523 44.5523 37 44 37C43.4477 37 43 36.5523 43 36C43 35.4477 43.4477 35 44 35C44.5523 35 45 35.4477 45 36Z' fill='%232C2F33'/%3E%3Cpath d='M45 32C45 32.5523 44.5523 33 44 33C43.4477 33 43 32.5523 43 32C43 31.4477 43.4477 31 44 31C44.5523 31 45 31.4477 45 32Z' fill='%232C2F33'/%3E%3Cpath d='M45 28C45 28.5523 44.5523 29 44 29C43.4477 29 43 28.5523 43 28C43 27.4477 43.4477 27 44 27C44.5523 27 45 27.4477 45 28Z' fill='%232C2F33'/%3E%3Cpath d='M45 24C45 24.5523 44.5523 25 44 25C43.4477 25 43 24.5523 43 24C43 23.4477 43.4477 23 44 23C44.5523 23 45 23.4477 45 24Z' fill='%232C2F33'/%3E%3Cpath d='M45 20C45 20.5523 44.5523 21 44 21C43.4477 21 43 20.5523 43 20C43 19.4477 43.4477 19 44 19C44.5523 19 45 19.4477 45 20Z' fill='%232C2F33'/%3E%3Cpath d='M49 100C49 100.552 48.5523 101 48 101C47.4477 101 47 100.552 47 100C47 99.4477 47.4477 99 48 99C48.5523 99 49 99.4477 49 100Z' fill='%232C2F33'/%3E%3Cpath d='M49 96C49 96.5523 48.5523 97 48 97C47.4477 97 47 96.5523 47 96C47 95.4477 47.4477 95 48 95C48.5523 95 49 95.4477 49 96Z' fill='%232C2F33'/%3E%3Cpath d='M49 92C49 92.5523 48.5523 93 48 93C47.4477 93 47 92.5523 47 92C47 91.4477 47.4477 91 48 91C48.5523 91 49 91.4477 49 92Z' fill='%232C2F33'/%3E%3Cpath d='M49 88C49 88.5523 48.5523 89 48 89C47.4477 89 47 88.5523 47 88C47 87.4477 47.4477 87 48 87C48.5523 87 49 87.4477 49 88Z' fill='%232C2F33'/%3E%3Cpath d='M49 84C49 84.5523 48.5523 85 48 85C47.4477 85 47 84.5523 47 84C47 83.4477 47.4477 83 48 83C48.5523 83 49 83.4477 49 84Z' fill='%232C2F33'/%3E%3Cpath d='M49 80C49 80.5523 48.5523 81 48 81C47.4477 81 47 80.5523 47 80C47 79.4477 47.4477 79 48 79C48.5523 79 49 79.4477 49 80Z' fill='%232C2F33'/%3E%3Cpath d='M49 76C49 76.5523 48.5523 77 48 77C47.4477 77 47 76.5523 47 76C47 75.4477 47.4477 75 48 75C48.5523 75 49 75.4477 49 76Z' fill='%232C2F33'/%3E%3Cpath d='M49 72C49 72.5523 48.5523 73 48 73C47.4477 73 47 72.5523 47 72C47 71.4477 47.4477 71 48 71C48.5523 71 49 71.4477 49 72Z' fill='%232C2F33'/%3E%3Cpath d='M49 68C49 68.5523 48.5523 69 48 69C47.4477 69 47 68.5523 47 68C47 67.4477 47.4477 67 48 67C48.5523 67 49 67.4477 49 68Z' fill='%232C2F33'/%3E%3Cpath d='M49 64C49 64.5523 48.5523 65 48 65C47.4477 65 47 64.5523 47 64C47 63.4477 47.4477 63 48 63C48.5523 63 49 63.4477 49 64Z' fill='%232C2F33'/%3E%3Cpath d='M49 60C49 60.5523 48.5523 61 48 61C47.4477 61 47 60.5523 47 60C47 59.4477 47.4477 59 48 59C48.5523 59 49 59.4477 49 60Z' fill='%232C2F33'/%3E%3Cpath d='M49 56C49 56.5523 48.5523 57 48 57C47.4477 57 47 56.5523 47 56C47 55.4477 47.4477 55 48 55C48.5523 55 49 55.4477 49 56Z' fill='%232C2F33'/%3E%3Cpath d='M49 52C49 52.5523 48.5523 53 48 53C47.4477 53 47 52.5523 47 52C47 51.4477 47.4477 51 48 51C48.5523 51 49 51.4477 49 52Z' fill='%232C2F33'/%3E%3Cpath d='M49 48C49 48.5523 48.5523 49 48 49C47.4477 49 47 48.5523 47 48C47 47.4477 47.4477 47 48 47C48.5523 47 49 47.4477 49 48Z' fill='%232C2F33'/%3E%3Cpath d='M49 44C49 44.5523 48.5523 45 48 45C47.4477 45 47 44.5523 47 44C47 43.4477 47.4477 43 48 43C48.5523 43 49 43.4477 49 44Z' fill='%232C2F33'/%3E%3Cpath d='M49 40C49 40.5523 48.5523 41 48 41C47.4477 41 47 40.5523 47 40C47 39.4477 47.4477 39 48 39C48.5523 39 49 39.4477 49 40Z' fill='%232C2F33'/%3E%3Cpath d='M49 36C49 36.5523 48.5523 37 48 37C47.4477 37 47 36.5523 47 36C47 35.4477 47.4477 35 48 35C48.5523 35 49 35.4477 49 36Z' fill='%232C2F33'/%3E%3Cpath d='M49 32C49 32.5523 48.5523 33 48 33C47.4477 33 47 32.5523 47 32C47 31.4477 47.4477 31 48 31C48.5523 31 49 31.4477 49 32Z' fill='%232C2F33'/%3E%3Cpath d='M49 28C49 28.5523 48.5523 29 48 29C47.4477 29 47 28.5523 47 28C47 27.4477 47.4477 27 48 27C48.5523 27 49 27.4477 49 28Z' fill='%232C2F33'/%3E%3Cpath d='M49 24C49 24.5523 48.5523 25 48 25C47.4477 25 47 24.5523 47 24C47 23.4477 47.4477 23 48 23C48.5523 23 49 23.4477 49 24Z' fill='%232C2F33'/%3E%3Cpath d='M49 20C49 20.5523 48.5523 21 48 21C47.4477 21 47 20.5523 47 20C47 19.4477 47.4477 19 48 19C48.5523 19 49 19.4477 49 20Z' fill='%232C2F33'/%3E%3Cpath d='M53 100C53 100.552 52.5523 101 52 101C51.4477 101 51 100.552 51 100C51 99.4477 51.4477 99 52 99C52.5523 99 53 99.4477 53 100Z' fill='%232C2F33'/%3E%3Cpath d='M53 96C53 96.5523 52.5523 97 52 97C51.4477 97 51 96.5523 51 96C51 95.4477 51.4477 95 52 95C52.5523 95 53 95.4477 53 96Z' fill='%232C2F33'/%3E%3Cpath d='M53 92C53 92.5523 52.5523 93 52 93C51.4477 93 51 92.5523 51 92C51 91.4477 51.4477 91 52 91C52.5523 91 53 91.4477 53 92Z' fill='%232C2F33'/%3E%3Cpath d='M53 88C53 88.5523 52.5523 89 52 89C51.4477 89 51 88.5523 51 88C51 87.4477 51.4477 87 52 87C52.5523 87 53 87.4477 53 88Z' fill='%232C2F33'/%3E%3Cpath d='M53 84C53 84.5523 52.5523 85 52 85C51.4477 85 51 84.5523 51 84C51 83.4477 51.4477 83 52 83C52.5523 83 53 83.4477 53 84Z' fill='%232C2F33'/%3E%3Cpath d='M53 80C53 80.5523 52.5523 81 52 81C51.4477 81 51 80.5523 51 80C51 79.4477 51.4477 79 52 79C52.5523 79 53 79.4477 53 80Z' fill='%232C2F33'/%3E%3Cpath d='M53 76C53 76.5523 52.5523 77 52 77C51.4477 77 51 76.5523 51 76C51 75.4477 51.4477 75 52 75C52.5523 75 53 75.4477 53 76Z' fill='%232C2F33'/%3E%3Cpath d='M53 72C53 72.5523 52.5523 73 52 73C51.4477 73 51 72.5523 51 72C51 71.4477 51.4477 71 52 71C52.5523 71 53 71.4477 53 72Z' fill='%232C2F33'/%3E%3Cpath d='M53 68C53 68.5523 52.5523 69 52 69C51.4477 69 51 68.5523 51 68C51 67.4477 51.4477 67 52 67C52.5523 67 53 67.4477 53 68Z' fill='%232C2F33'/%3E%3Cpath d='M53 64C53 64.5523 52.5523 65 52 65C51.4477 65 51 64.5523 51 64C51 63.4477 51.4477 63 52 63C52.5523 63 53 63.4477 53 64Z' fill='%232C2F33'/%3E%3Cpath d='M53 60C53 60.5523 52.5523 61 52 61C51.4477 61 51 60.5523 51 60C51 59.4477 51.4477 59 52 59C52.5523 59 53 59.4477 53 60Z' fill='%232C2F33'/%3E%3Cpath d='M53 56C53 56.5523 52.5523 57 52 57C51.4477 57 51 56.5523 51 56C51 55.4477 51.4477 55 52 55C52.5523 55 53 55.4477 53 56Z' fill='%232C2F33'/%3E%3Cpath d='M53 52C53 52.5523 52.5523 53 52 53C51.4477 53 51 52.5523 51 52C51 51.4477 51.4477 51 52 51C52.5523 51 53 51.4477 53 52Z' fill='%232C2F33'/%3E%3Cpath d='M53 48C53 48.5523 52.5523 49 52 49C51.4477 49 51 48.5523 51 48C51 47.4477 51.4477 47 52 47C52.5523 47 53 47.4477 53 48Z' fill='%232C2F33'/%3E%3Cpath d='M53 44C53 44.5523 52.5523 45 52 45C51.4477 45 51 44.5523 51 44C51 43.4477 51.4477 43 52 43C52.5523 43 53 43.4477 53 44Z' fill='%232C2F33'/%3E%3Cpath d='M53 40C53 40.5523 52.5523 41 52 41C51.4477 41 51 40.5523 51 40C51 39.4477 51.4477 39 52 39C52.5523 39 53 39.4477 53 40Z' fill='%232C2F33'/%3E%3Cpath d='M53 36C53 36.5523 52.5523 37 52 37C51.4477 37 51 36.5523 51 36C51 35.4477 51.4477 35 52 35C52.5523 35 53 35.4477 53 36Z' fill='%232C2F33'/%3E%3Cpath d='M53 32C53 32.5523 52.5523 33 52 33C51.4477 33 51 32.5523 51 32C51 31.4477 51.4477 31 52 31C52.5523 31 53 31.4477 53 32Z' fill='%232C2F33'/%3E%3Cpath d='M53 28C53 28.5523 52.5523 29 52 29C51.4477 29 51 28.5523 51 28C51 27.4477 51.4477 27 52 27C52.5523 27 53 27.4477 53 28Z' fill='%232C2F33'/%3E%3Cpath d='M53 24C53 24.5523 52.5523 25 52 25C51.4477 25 51 24.5523 51 24C51 23.4477 51.4477 23 52 23C52.5523 23 53 23.4477 53 24Z' fill='%232C2F33'/%3E%3Cpath d='M53 20C53 20.5523 52.5523 21 52 21C51.4477 21 51 20.5523 51 20C51 19.4477 51.4477 19 52 19C52.5523 19 53 19.4477 53 20Z' fill='%232C2F33'/%3E%3Cpath d='M57 100C57 100.552 56.5523 101 56 101C55.4477 101 55 100.552 55 100C55 99.4477 55.4477 99 56 99C56.5523 99 57 99.4477 57 100Z' fill='%232C2F33'/%3E%3Cpath d='M57 96C57 96.5523 56.5523 97 56 97C55.4477 97 55 96.5523 55 96C55 95.4477 55.4477 95 56 95C56.5523 95 57 95.4477 57 96Z' fill='%232C2F33'/%3E%3Cpath d='M57 92C57 92.5523 56.5523 93 56 93C55.4477 93 55 92.5523 55 92C55 91.4477 55.4477 91 56 91C56.5523 91 57 91.4477 57 92Z' fill='%232C2F33'/%3E%3Cpath d='M57 88C57 88.5523 56.5523 89 56 89C55.4477 89 55 88.5523 55 88C55 87.4477 55.4477 87 56 87C56.5523 87 57 87.4477 57 88Z' fill='%232C2F33'/%3E%3Cpath d='M57 84C57 84.5523 56.5523 85 56 85C55.4477 85 55 84.5523 55 84C55 83.4477 55.4477 83 56 83C56.5523 83 57 83.4477 57 84Z' fill='%232C2F33'/%3E%3Cpath d='M57 80C57 80.5523 56.5523 81 56 81C55.4477 81 55 80.5523 55 80C55 79.4477 55.4477 79 56 79C56.5523 79 57 79.4477 57 80Z' fill='%232C2F33'/%3E%3Cpath d='M57 76C57 76.5523 56.5523 77 56 77C55.4477 77 55 76.5523 55 76C55 75.4477 55.4477 75 56 75C56.5523 75 57 75.4477 57 76Z' fill='%232C2F33'/%3E%3Cpath d='M57 72C57 72.5523 56.5523 73 56 73C55.4477 73 55 72.5523 55 72C55 71.4477 55.4477 71 56 71C56.5523 71 57 71.4477 57 72Z' fill='%232C2F33'/%3E%3Cpath d='M57 68C57 68.5523 56.5523 69 56 69C55.4477 69 55 68.5523 55 68C55 67.4477 55.4477 67 56 67C56.5523 67 57 67.4477 57 68Z' fill='%232C2F33'/%3E%3Cpath d='M57 64C57 64.5523 56.5523 65 56 65C55.4477 65 55 64.5523 55 64C55 63.4477 55.4477 63 56 63C56.5523 63 57 63.4477 57 64Z' fill='%232C2F33'/%3E%3Cpath d='M57 60C57 60.5523 56.5523 61 56 61C55.4477 61 55 60.5523 55 60C55 59.4477 55.4477 59 56 59C56.5523 59 57 59.4477 57 60Z' fill='%232C2F33'/%3E%3Cpath d='M57 56C57 56.5523 56.5523 57 56 57C55.4477 57 55 56.5523 55 56C55 55.4477 55.4477 55 56 55C56.5523 55 57 55.4477 57 56Z' fill='%232C2F33'/%3E%3Cpath d='M57 52C57 52.5523 56.5523 53 56 53C55.4477 53 55 52.5523 55 52C55 51.4477 55.4477 51 56 51C56.5523 51 57 51.4477 57 52Z' fill='%232C2F33'/%3E%3Cpath d='M57 48C57 48.5523 56.5523 49 56 49C55.4477 49 55 48.5523 55 48C55 47.4477 55.4477 47 56 47C56.5523 47 57 47.4477 57 48Z' fill='%232C2F33'/%3E%3Cpath d='M57 44C57 44.5523 56.5523 45 56 45C55.4477 45 55 44.5523 55 44C55 43.4477 55.4477 43 56 43C56.5523 43 57 43.4477 57 44Z' fill='%232C2F33'/%3E%3Cpath d='M57 40C57 40.5523 56.5523 41 56 41C55.4477 41 55 40.5523 55 40C55 39.4477 55.4477 39 56 39C56.5523 39 57 39.4477 57 40Z' fill='%232C2F33'/%3E%3Cpath d='M57 36C57 36.5523 56.5523 37 56 37C55.4477 37 55 36.5523 55 36C55 35.4477 55.4477 35 56 35C56.5523 35 57 35.4477 57 36Z' fill='%232C2F33'/%3E%3Cpath d='M57 32C57 32.5523 56.5523 33 56 33C55.4477 33 55 32.5523 55 32C55 31.4477 55.4477 31 56 31C56.5523 31 57 31.4477 57 32Z' fill='%232C2F33'/%3E%3Cpath d='M57 28C57 28.5523 56.5523 29 56 29C55.4477 29 55 28.5523 55 28C55 27.4477 55.4477 27 56 27C56.5523 27 57 27.4477 57 28Z' fill='%232C2F33'/%3E%3Cpath d='M57 24C57 24.5523 56.5523 25 56 25C55.4477 25 55 24.5523 55 24C55 23.4477 55.4477 23 56 23C56.5523 23 57 23.4477 57 24Z' fill='%232C2F33'/%3E%3Cpath d='M57 20C57 20.5523 56.5523 21 56 21C55.4477 21 55 20.5523 55 20C55 19.4477 55.4477 19 56 19C56.5523 19 57 19.4477 57 20Z' fill='%232C2F33'/%3E%3Cpath d='M61 100C61 100.552 60.5523 101 60 101C59.4477 101 59 100.552 59 100C59 99.4477 59.4477 99 60 99C60.5523 99 61 99.4477 61 100Z' fill='%232C2F33'/%3E%3Cpath d='M61 96C61 96.5523 60.5523 97 60 97C59.4477 97 59 96.5523 59 96C59 95.4477 59.4477 95 60 95C60.5523 95 61 95.4477 61 96Z' fill='%232C2F33'/%3E%3Cpath d='M61 92C61 92.5523 60.5523 93 60 93C59.4477 93 59 92.5523 59 92C59 91.4477 59.4477 91 60 91C60.5523 91 61 91.4477 61 92Z' fill='%232C2F33'/%3E%3Cpath d='M61 88C61 88.5523 60.5523 89 60 89C59.4477 89 59 88.5523 59 88C59 87.4477 59.4477 87 60 87C60.5523 87 61 87.4477 61 88Z' fill='%232C2F33'/%3E%3Cpath d='M61 84C61 84.5523 60.5523 85 60 85C59.4477 85 59 84.5523 59 84C59 83.4477 59.4477 83 60 83C60.5523 83 61 83.4477 61 84Z' fill='%232C2F33'/%3E%3Cpath d='M61 80C61 80.5523 60.5523 81 60 81C59.4477 81 59 80.5523 59 80C59 79.4477 59.4477 79 60 79C60.5523 79 61 79.4477 61 80Z' fill='%232C2F33'/%3E%3Cpath d='M61 76C61 76.5523 60.5523 77 60 77C59.4477 77 59 76.5523 59 76C59 75.4477 59.4477 75 60 75C60.5523 75 61 75.4477 61 76Z' fill='%232C2F33'/%3E%3Cpath d='M61 72C61 72.5523 60.5523 73 60 73C59.4477 73 59 72.5523 59 72C59 71.4477 59.4477 71 60 71C60.5523 71 61 71.4477 61 72Z' fill='%232C2F33'/%3E%3Cpath d='M61 68C61 68.5523 60.5523 69 60 69C59.4477 69 59 68.5523 59 68C59 67.4477 59.4477 67 60 67C60.5523 67 61 67.4477 61 68Z' fill='%232C2F33'/%3E%3Cpath d='M61 64C61 64.5523 60.5523 65 60 65C59.4477 65 59 64.5523 59 64C59 63.4477 59.4477 63 60 63C60.5523 63 61 63.4477 61 64Z' fill='%232C2F33'/%3E%3Cpath d='M61 60C61 60.5523 60.5523 61 60 61C59.4477 61 59 60.5523 59 60C59 59.4477 59.4477 59 60 59C60.5523 59 61 59.4477 61 60Z' fill='%232C2F33'/%3E%3Cpath d='M61 56C61 56.5523 60.5523 57 60 57C59.4477 57 59 56.5523 59 56C59 55.4477 59.4477 55 60 55C60.5523 55 61 55.4477 61 56Z' fill='%232C2F33'/%3E%3Cpath d='M61 52C61 52.5523 60.5523 53 60 53C59.4477 53 59 52.5523 59 52C59 51.4477 59.4477 51 60 51C60.5523 51 61 51.4477 61 52Z' fill='%232C2F33'/%3E%3Cpath d='M61 48C61 48.5523 60.5523 49 60 49C59.4477 49 59 48.5523 59 48C59 47.4477 59.4477 47 60 47C60.5523 47 61 47.4477 61 48Z' fill='%232C2F33'/%3E%3Cpath d='M61 44C61 44.5523 60.5523 45 60 45C59.4477 45 59 44.5523 59 44C59 43.4477 59.4477 43 60 43C60.5523 43 61 43.4477 61 44Z' fill='%232C2F33'/%3E%3Cpath d='M61 40C61 40.5523 60.5523 41 60 41C59.4477 41 59 40.5523 59 40C59 39.4477 59.4477 39 60 39C60.5523 39 61 39.4477 61 40Z' fill='%232C2F33'/%3E%3Cpath d='M61 36C61 36.5523 60.5523 37 60 37C59.4477 37 59 36.5523 59 36C59 35.4477 59.4477 35 60 35C60.5523 35 61 35.4477 61 36Z' fill='%232C2F33'/%3E%3Cpath d='M61 32C61 32.5523 60.5523 33 60 33C59.4477 33 59 32.5523 59 32C59 31.4477 59.4477 31 60 31C60.5523 31 61 31.4477 61 32Z' fill='%232C2F33'/%3E%3Cpath d='M61 28C61 28.5523 60.5523 29 60 29C59.4477 29 59 28.5523 59 28C59 27.4477 59.4477 27 60 27C60.5523 27 61 27.4477 61 28Z' fill='%232C2F33'/%3E%3Cpath d='M61 24C61 24.5523 60.5523 25 60 25C59.4477 25 59 24.5523 59 24C59 23.4477 59.4477 23 60 23C60.5523 23 61 23.4477 61 24Z' fill='%232C2F33'/%3E%3Cpath d='M61 20C61 20.5523 60.5523 21 60 21C59.4477 21 59 20.5523 59 20C59 19.4477 59.4477 19 60 19C60.5523 19 61 19.4477 61 20Z' fill='%232C2F33'/%3E%3Cpath d='M65 100C65 100.552 64.5523 101 64 101C63.4477 101 63 100.552 63 100C63 99.4477 63.4477 99 64 99C64.5523 99 65 99.4477 65 100Z' fill='%232C2F33'/%3E%3Cpath d='M65 96C65 96.5523 64.5523 97 64 97C63.4477 97 63 96.5523 63 96C63 95.4477 63.4477 95 64 95C64.5523 95 65 95.4477 65 96Z' fill='%232C2F33'/%3E%3Cpath d='M65 92C65 92.5523 64.5523 93 64 93C63.4477 93 63 92.5523 63 92C63 91.4477 63.4477 91 64 91C64.5523 91 65 91.4477 65 92Z' fill='%232C2F33'/%3E%3Cpath d='M65 88C65 88.5523 64.5523 89 64 89C63.4477 89 63 88.5523 63 88C63 87.4477 63.4477 87 64 87C64.5523 87 65 87.4477 65 88Z' fill='%232C2F33'/%3E%3Cpath d='M65 84C65 84.5523 64.5523 85 64 85C63.4477 85 63 84.5523 63 84C63 83.4477 63.4477 83 64 83C64.5523 83 65 83.4477 65 84Z' fill='%232C2F33'/%3E%3Cpath d='M65 80C65 80.5523 64.5523 81 64 81C63.4477 81 63 80.5523 63 80C63 79.4477 63.4477 79 64 79C64.5523 79 65 79.4477 65 80Z' fill='%232C2F33'/%3E%3Cpath d='M65 76C65 76.5523 64.5523 77 64 77C63.4477 77 63 76.5523 63 76C63 75.4477 63.4477 75 64 75C64.5523 75 65 75.4477 65 76Z' fill='%232C2F33'/%3E%3Cpath d='M65 72C65 72.5523 64.5523 73 64 73C63.4477 73 63 72.5523 63 72C63 71.4477 63.4477 71 64 71C64.5523 71 65 71.4477 65 72Z' fill='%232C2F33'/%3E%3Cpath d='M65 68C65 68.5523 64.5523 69 64 69C63.4477 69 63 68.5523 63 68C63 67.4477 63.4477 67 64 67C64.5523 67 65 67.4477 65 68Z' fill='%232C2F33'/%3E%3Cpath d='M65 64C65 64.5523 64.5523 65 64 65C63.4477 65 63 64.5523 63 64C63 63.4477 63.4477 63 64 63C64.5523 63 65 63.4477 65 64Z' fill='%232C2F33'/%3E%3Cpath d='M65 60C65 60.5523 64.5523 61 64 61C63.4477 61 63 60.5523 63 60C63 59.4477 63.4477 59 64 59C64.5523 59 65 59.4477 65 60Z' fill='%232C2F33'/%3E%3Cpath d='M65 56C65 56.5523 64.5523 57 64 57C63.4477 57 63 56.5523 63 56C63 55.4477 63.4477 55 64 55C64.5523 55 65 55.4477 65 56Z' fill='%232C2F33'/%3E%3Cpath d='M65 52C65 52.5523 64.5523 53 64 53C63.4477 53 63 52.5523 63 52C63 51.4477 63.4477 51 64 51C64.5523 51 65 51.4477 65 52Z' fill='%232C2F33'/%3E%3Cpath d='M65 48C65 48.5523 64.5523 49 64 49C63.4477 49 63 48.5523 63 48C63 47.4477 63.4477 47 64 47C64.5523 47 65 47.4477 65 48Z' fill='%232C2F33'/%3E%3Cpath d='M65 44C65 44.5523 64.5523 45 64 45C63.4477 45 63 44.5523 63 44C63 43.4477 63.4477 43 64 43C64.5523 43 65 43.4477 65 44Z' fill='%232C2F33'/%3E%3Cpath d='M65 40C65 40.5523 64.5523 41 64 41C63.4477 41 63 40.5523 63 40C63 39.4477 63.4477 39 64 39C64.5523 39 65 39.4477 65 40Z' fill='%232C2F33'/%3E%3Cpath d='M65 36C65 36.5523 64.5523 37 64 37C63.4477 37 63 36.5523 63 36C63 35.4477 63.4477 35 64 35C64.5523 35 65 35.4477 65 36Z' fill='%232C2F33'/%3E%3Cpath d='M65 32C65 32.5523 64.5523 33 64 33C63.4477 33 63 32.5523 63 32C63 31.4477 63.4477 31 64 31C64.5523 31 65 31.4477 65 32Z' fill='%232C2F33'/%3E%3Cpath d='M65 28C65 28.5523 64.5523 29 64 29C63.4477 29 63 28.5523 63 28C63 27.4477 63.4477 27 64 27C64.5523 27 65 27.4477 65 28Z' fill='%232C2F33'/%3E%3Cpath d='M65 24C65 24.5523 64.5523 25 64 25C63.4477 25 63 24.5523 63 24C63 23.4477 63.4477 23 64 23C64.5523 23 65 23.4477 65 24Z' fill='%232C2F33'/%3E%3Cpath d='M65 20C65 20.5523 64.5523 21 64 21C63.4477 21 63 20.5523 63 20C63 19.4477 63.4477 19 64 19C64.5523 19 65 19.4477 65 20Z' fill='%232C2F33'/%3E%3Cpath d='M69 100C69 100.552 68.5523 101 68 101C67.4477 101 67 100.552 67 100C67 99.4477 67.4477 99 68 99C68.5523 99 69 99.4477 69 100Z' fill='%232C2F33'/%3E%3Cpath d='M69 96C69 96.5523 68.5523 97 68 97C67.4477 97 67 96.5523 67 96C67 95.4477 67.4477 95 68 95C68.5523 95 69 95.4477 69 96Z' fill='%232C2F33'/%3E%3Cpath d='M69 92C69 92.5523 68.5523 93 68 93C67.4477 93 67 92.5523 67 92C67 91.4477 67.4477 91 68 91C68.5523 91 69 91.4477 69 92Z' fill='%232C2F33'/%3E%3Cpath d='M69 88C69 88.5523 68.5523 89 68 89C67.4477 89 67 88.5523 67 88C67 87.4477 67.4477 87 68 87C68.5523 87 69 87.4477 69 88Z' fill='%232C2F33'/%3E%3Cpath d='M69 84C69 84.5523 68.5523 85 68 85C67.4477 85 67 84.5523 67 84C67 83.4477 67.4477 83 68 83C68.5523 83 69 83.4477 69 84Z' fill='%232C2F33'/%3E%3Cpath d='M69 80C69 80.5523 68.5523 81 68 81C67.4477 81 67 80.5523 67 80C67 79.4477 67.4477 79 68 79C68.5523 79 69 79.4477 69 80Z' fill='%232C2F33'/%3E%3Cpath d='M69 76C69 76.5523 68.5523 77 68 77C67.4477 77 67 76.5523 67 76C67 75.4477 67.4477 75 68 75C68.5523 75 69 75.4477 69 76Z' fill='%232C2F33'/%3E%3Cpath d='M69 72C69 72.5523 68.5523 73 68 73C67.4477 73 67 72.5523 67 72C67 71.4477 67.4477 71 68 71C68.5523 71 69 71.4477 69 72Z' fill='%232C2F33'/%3E%3Cpath d='M69 68C69 68.5523 68.5523 69 68 69C67.4477 69 67 68.5523 67 68C67 67.4477 67.4477 67 68 67C68.5523 67 69 67.4477 69 68Z' fill='%232C2F33'/%3E%3Cpath d='M69 64C69 64.5523 68.5523 65 68 65C67.4477 65 67 64.5523 67 64C67 63.4477 67.4477 63 68 63C68.5523 63 69 63.4477 69 64Z' fill='%232C2F33'/%3E%3Cpath d='M69 60C69 60.5523 68.5523 61 68 61C67.4477 61 67 60.5523 67 60C67 59.4477 67.4477 59 68 59C68.5523 59 69 59.4477 69 60Z' fill='%232C2F33'/%3E%3Cpath d='M69 56C69 56.5523 68.5523 57 68 57C67.4477 57 67 56.5523 67 56C67 55.4477 67.4477 55 68 55C68.5523 55 69 55.4477 69 56Z' fill='%232C2F33'/%3E%3Cpath d='M69 52C69 52.5523 68.5523 53 68 53C67.4477 53 67 52.5523 67 52C67 51.4477 67.4477 51 68 51C68.5523 51 69 51.4477 69 52Z' fill='%232C2F33'/%3E%3Cpath d='M69 48C69 48.5523 68.5523 49 68 49C67.4477 49 67 48.5523 67 48C67 47.4477 67.4477 47 68 47C68.5523 47 69 47.4477 69 48Z' fill='%232C2F33'/%3E%3Cpath d='M69 44C69 44.5523 68.5523 45 68 45C67.4477 45 67 44.5523 67 44C67 43.4477 67.4477 43 68 43C68.5523 43 69 43.4477 69 44Z' fill='%232C2F33'/%3E%3Cpath d='M69 40C69 40.5523 68.5523 41 68 41C67.4477 41 67 40.5523 67 40C67 39.4477 67.4477 39 68 39C68.5523 39 69 39.4477 69 40Z' fill='%232C2F33'/%3E%3Cpath d='M69 36C69 36.5523 68.5523 37 68 37C67.4477 37 67 36.5523 67 36C67 35.4477 67.4477 35 68 35C68.5523 35 69 35.4477 69 36Z' fill='%232C2F33'/%3E%3Cpath d='M69 32C69 32.5523 68.5523 33 68 33C67.4477 33 67 32.5523 67 32C67 31.4477 67.4477 31 68 31C68.5523 31 69 31.4477 69 32Z' fill='%232C2F33'/%3E%3Cpath d='M69 28C69 28.5523 68.5523 29 68 29C67.4477 29 67 28.5523 67 28C67 27.4477 67.4477 27 68 27C68.5523 27 69 27.4477 69 28Z' fill='%232C2F33'/%3E%3Cpath d='M69 24C69 24.5523 68.5523 25 68 25C67.4477 25 67 24.5523 67 24C67 23.4477 67.4477 23 68 23C68.5523 23 69 23.4477 69 24Z' fill='%232C2F33'/%3E%3Cpath d='M69 20C69 20.5523 68.5523 21 68 21C67.4477 21 67 20.5523 67 20C67 19.4477 67.4477 19 68 19C68.5523 19 69 19.4477 69 20Z' fill='%232C2F33'/%3E%3Cpath d='M73 100C73 100.552 72.5523 101 72 101C71.4477 101 71 100.552 71 100C71 99.4477 71.4477 99 72 99C72.5523 99 73 99.4477 73 100Z' fill='%232C2F33'/%3E%3Cpath d='M73 96C73 96.5523 72.5523 97 72 97C71.4477 97 71 96.5523 71 96C71 95.4477 71.4477 95 72 95C72.5523 95 73 95.4477 73 96Z' fill='%232C2F33'/%3E%3Cpath d='M73 92C73 92.5523 72.5523 93 72 93C71.4477 93 71 92.5523 71 92C71 91.4477 71.4477 91 72 91C72.5523 91 73 91.4477 73 92Z' fill='%232C2F33'/%3E%3Cpath d='M73 88C73 88.5523 72.5523 89 72 89C71.4477 89 71 88.5523 71 88C71 87.4477 71.4477 87 72 87C72.5523 87 73 87.4477 73 88Z' fill='%232C2F33'/%3E%3Cpath d='M73 84C73 84.5523 72.5523 85 72 85C71.4477 85 71 84.5523 71 84C71 83.4477 71.4477 83 72 83C72.5523 83 73 83.4477 73 84Z' fill='%232C2F33'/%3E%3Cpath d='M73 80C73 80.5523 72.5523 81 72 81C71.4477 81 71 80.5523 71 80C71 79.4477 71.4477 79 72 79C72.5523 79 73 79.4477 73 80Z' fill='%232C2F33'/%3E%3Cpath d='M73 76C73 76.5523 72.5523 77 72 77C71.4477 77 71 76.5523 71 76C71 75.4477 71.4477 75 72 75C72.5523 75 73 75.4477 73 76Z' fill='%232C2F33'/%3E%3Cpath d='M73 72C73 72.5523 72.5523 73 72 73C71.4477 73 71 72.5523 71 72C71 71.4477 71.4477 71 72 71C72.5523 71 73 71.4477 73 72Z' fill='%232C2F33'/%3E%3Cpath d='M73 68C73 68.5523 72.5523 69 72 69C71.4477 69 71 68.5523 71 68C71 67.4477 71.4477 67 72 67C72.5523 67 73 67.4477 73 68Z' fill='%232C2F33'/%3E%3Cpath d='M73 64C73 64.5523 72.5523 65 72 65C71.4477 65 71 64.5523 71 64C71 63.4477 71.4477 63 72 63C72.5523 63 73 63.4477 73 64Z' fill='%232C2F33'/%3E%3Cpath d='M73 60C73 60.5523 72.5523 61 72 61C71.4477 61 71 60.5523 71 60C71 59.4477 71.4477 59 72 59C72.5523 59 73 59.4477 73 60Z' fill='%232C2F33'/%3E%3Cpath d='M73 56C73 56.5523 72.5523 57 72 57C71.4477 57 71 56.5523 71 56C71 55.4477 71.4477 55 72 55C72.5523 55 73 55.4477 73 56Z' fill='%232C2F33'/%3E%3Cpath d='M73 52C73 52.5523 72.5523 53 72 53C71.4477 53 71 52.5523 71 52C71 51.4477 71.4477 51 72 51C72.5523 51 73 51.4477 73 52Z' fill='%232C2F33'/%3E%3Cpath d='M73 48C73 48.5523 72.5523 49 72 49C71.4477 49 71 48.5523 71 48C71 47.4477 71.4477 47 72 47C72.5523 47 73 47.4477 73 48Z' fill='%232C2F33'/%3E%3Cpath d='M73 44C73 44.5523 72.5523 45 72 45C71.4477 45 71 44.5523 71 44C71 43.4477 71.4477 43 72 43C72.5523 43 73 43.4477 73 44Z' fill='%232C2F33'/%3E%3Cpath d='M73 40C73 40.5523 72.5523 41 72 41C71.4477 41 71 40.5523 71 40C71 39.4477 71.4477 39 72 39C72.5523 39 73 39.4477 73 40Z' fill='%232C2F33'/%3E%3Cpath d='M73 36C73 36.5523 72.5523 37 72 37C71.4477 37 71 36.5523 71 36C71 35.4477 71.4477 35 72 35C72.5523 35 73 35.4477 73 36Z' fill='%232C2F33'/%3E%3Cpath d='M73 32C73 32.5523 72.5523 33 72 33C71.4477 33 71 32.5523 71 32C71 31.4477 71.4477 31 72 31C72.5523 31 73 31.4477 73 32Z' fill='%232C2F33'/%3E%3Cpath d='M73 28C73 28.5523 72.5523 29 72 29C71.4477 29 71 28.5523 71 28C71 27.4477 71.4477 27 72 27C72.5523 27 73 27.4477 73 28Z' fill='%232C2F33'/%3E%3Cpath d='M73 24C73 24.5523 72.5523 25 72 25C71.4477 25 71 24.5523 71 24C71 23.4477 71.4477 23 72 23C72.5523 23 73 23.4477 73 24Z' fill='%232C2F33'/%3E%3Cpath d='M73 20C73 20.5523 72.5523 21 72 21C71.4477 21 71 20.5523 71 20C71 19.4477 71.4477 19 72 19C72.5523 19 73 19.4477 73 20Z' fill='%232C2F33'/%3E%3Cpath d='M77 100C77 100.552 76.5523 101 76 101C75.4477 101 75 100.552 75 100C75 99.4477 75.4477 99 76 99C76.5523 99 77 99.4477 77 100Z' fill='%232C2F33'/%3E%3Cpath d='M77 96C77 96.5523 76.5523 97 76 97C75.4477 97 75 96.5523 75 96C75 95.4477 75.4477 95 76 95C76.5523 95 77 95.4477 77 96Z' fill='%232C2F33'/%3E%3Cpath d='M77 92C77 92.5523 76.5523 93 76 93C75.4477 93 75 92.5523 75 92C75 91.4477 75.4477 91 76 91C76.5523 91 77 91.4477 77 92Z' fill='%232C2F33'/%3E%3Cpath d='M77 88C77 88.5523 76.5523 89 76 89C75.4477 89 75 88.5523 75 88C75 87.4477 75.4477 87 76 87C76.5523 87 77 87.4477 77 88Z' fill='%232C2F33'/%3E%3Cpath d='M77 84C77 84.5523 76.5523 85 76 85C75.4477 85 75 84.5523 75 84C75 83.4477 75.4477 83 76 83C76.5523 83 77 83.4477 77 84Z' fill='%232C2F33'/%3E%3Cpath d='M77 80C77 80.5523 76.5523 81 76 81C75.4477 81 75 80.5523 75 80C75 79.4477 75.4477 79 76 79C76.5523 79 77 79.4477 77 80Z' fill='%232C2F33'/%3E%3Cpath d='M77 76C77 76.5523 76.5523 77 76 77C75.4477 77 75 76.5523 75 76C75 75.4477 75.4477 75 76 75C76.5523 75 77 75.4477 77 76Z' fill='%232C2F33'/%3E%3Cpath d='M77 72C77 72.5523 76.5523 73 76 73C75.4477 73 75 72.5523 75 72C75 71.4477 75.4477 71 76 71C76.5523 71 77 71.4477 77 72Z' fill='%232C2F33'/%3E%3Cpath d='M77 68C77 68.5523 76.5523 69 76 69C75.4477 69 75 68.5523 75 68C75 67.4477 75.4477 67 76 67C76.5523 67 77 67.4477 77 68Z' fill='%232C2F33'/%3E%3Cpath d='M77 64C77 64.5523 76.5523 65 76 65C75.4477 65 75 64.5523 75 64C75 63.4477 75.4477 63 76 63C76.5523 63 77 63.4477 77 64Z' fill='%232C2F33'/%3E%3Cpath d='M77 60C77 60.5523 76.5523 61 76 61C75.4477 61 75 60.5523 75 60C75 59.4477 75.4477 59 76 59C76.5523 59 77 59.4477 77 60Z' fill='%232C2F33'/%3E%3Cpath d='M77 56C77 56.5523 76.5523 57 76 57C75.4477 57 75 56.5523 75 56C75 55.4477 75.4477 55 76 55C76.5523 55 77 55.4477 77 56Z' fill='%232C2F33'/%3E%3Cpath d='M77 52C77 52.5523 76.5523 53 76 53C75.4477 53 75 52.5523 75 52C75 51.4477 75.4477 51 76 51C76.5523 51 77 51.4477 77 52Z' fill='%232C2F33'/%3E%3Cpath d='M77 48C77 48.5523 76.5523 49 76 49C75.4477 49 75 48.5523 75 48C75 47.4477 75.4477 47 76 47C76.5523 47 77 47.4477 77 48Z' fill='%232C2F33'/%3E%3Cpath d='M77 44C77 44.5523 76.5523 45 76 45C75.4477 45 75 44.5523 75 44C75 43.4477 75.4477 43 76 43C76.5523 43 77 43.4477 77 44Z' fill='%232C2F33'/%3E%3Cpath d='M77 40C77 40.5523 76.5523 41 76 41C75.4477 41 75 40.5523 75 40C75 39.4477 75.4477 39 76 39C76.5523 39 77 39.4477 77 40Z' fill='%232C2F33'/%3E%3Cpath d='M77 36C77 36.5523 76.5523 37 76 37C75.4477 37 75 36.5523 75 36C75 35.4477 75.4477 35 76 35C76.5523 35 77 35.4477 77 36Z' fill='%232C2F33'/%3E%3Cpath d='M77 32C77 32.5523 76.5523 33 76 33C75.4477 33 75 32.5523 75 32C75 31.4477 75.4477 31 76 31C76.5523 31 77 31.4477 77 32Z' fill='%232C2F33'/%3E%3Cpath d='M77 28C77 28.5523 76.5523 29 76 29C75.4477 29 75 28.5523 75 28C75 27.4477 75.4477 27 76 27C76.5523 27 77 27.4477 77 28Z' fill='%232C2F33'/%3E%3Cpath d='M77 24C77 24.5523 76.5523 25 76 25C75.4477 25 75 24.5523 75 24C75 23.4477 75.4477 23 76 23C76.5523 23 77 23.4477 77 24Z' fill='%232C2F33'/%3E%3Cpath d='M77 20C77 20.5523 76.5523 21 76 21C75.4477 21 75 20.5523 75 20C75 19.4477 75.4477 19 76 19C76.5523 19 77 19.4477 77 20Z' fill='%232C2F33'/%3E%3Cpath d='M81 100C81 100.552 80.5523 101 80 101C79.4477 101 79 100.552 79 100C79 99.4477 79.4477 99 80 99C80.5523 99 81 99.4477 81 100Z' fill='%232C2F33'/%3E%3Cpath d='M81 96C81 96.5523 80.5523 97 80 97C79.4477 97 79 96.5523 79 96C79 95.4477 79.4477 95 80 95C80.5523 95 81 95.4477 81 96Z' fill='%232C2F33'/%3E%3Cpath d='M81 92C81 92.5523 80.5523 93 80 93C79.4477 93 79 92.5523 79 92C79 91.4477 79.4477 91 80 91C80.5523 91 81 91.4477 81 92Z' fill='%232C2F33'/%3E%3Cpath d='M81 88C81 88.5523 80.5523 89 80 89C79.4477 89 79 88.5523 79 88C79 87.4477 79.4477 87 80 87C80.5523 87 81 87.4477 81 88Z' fill='%232C2F33'/%3E%3Cpath d='M81 84C81 84.5523 80.5523 85 80 85C79.4477 85 79 84.5523 79 84C79 83.4477 79.4477 83 80 83C80.5523 83 81 83.4477 81 84Z' fill='%232C2F33'/%3E%3Cpath d='M81 80C81 80.5523 80.5523 81 80 81C79.4477 81 79 80.5523 79 80C79 79.4477 79.4477 79 80 79C80.5523 79 81 79.4477 81 80Z' fill='%232C2F33'/%3E%3Cpath d='M81 76C81 76.5523 80.5523 77 80 77C79.4477 77 79 76.5523 79 76C79 75.4477 79.4477 75 80 75C80.5523 75 81 75.4477 81 76Z' fill='%232C2F33'/%3E%3Cpath d='M81 72C81 72.5523 80.5523 73 80 73C79.4477 73 79 72.5523 79 72C79 71.4477 79.4477 71 80 71C80.5523 71 81 71.4477 81 72Z' fill='%232C2F33'/%3E%3Cpath d='M81 68C81 68.5523 80.5523 69 80 69C79.4477 69 79 68.5523 79 68C79 67.4477 79.4477 67 80 67C80.5523 67 81 67.4477 81 68Z' fill='%232C2F33'/%3E%3Cpath d='M81 64C81 64.5523 80.5523 65 80 65C79.4477 65 79 64.5523 79 64C79 63.4477 79.4477 63 80 63C80.5523 63 81 63.4477 81 64Z' fill='%232C2F33'/%3E%3Cpath d='M81 60C81 60.5523 80.5523 61 80 61C79.4477 61 79 60.5523 79 60C79 59.4477 79.4477 59 80 59C80.5523 59 81 59.4477 81 60Z' fill='%232C2F33'/%3E%3Cpath d='M81 56C81 56.5523 80.5523 57 80 57C79.4477 57 79 56.5523 79 56C79 55.4477 79.4477 55 80 55C80.5523 55 81 55.4477 81 56Z' fill='%232C2F33'/%3E%3Cpath d='M81 52C81 52.5523 80.5523 53 80 53C79.4477 53 79 52.5523 79 52C79 51.4477 79.4477 51 80 51C80.5523 51 81 51.4477 81 52Z' fill='%232C2F33'/%3E%3Cpath d='M81 48C81 48.5523 80.5523 49 80 49C79.4477 49 79 48.5523 79 48C79 47.4477 79.4477 47 80 47C80.5523 47 81 47.4477 81 48Z' fill='%232C2F33'/%3E%3Cpath d='M81 44C81 44.5523 80.5523 45 80 45C79.4477 45 79 44.5523 79 44C79 43.4477 79.4477 43 80 43C80.5523 43 81 43.4477 81 44Z' fill='%232C2F33'/%3E%3Cpath d='M81 40C81 40.5523 80.5523 41 80 41C79.4477 41 79 40.5523 79 40C79 39.4477 79.4477 39 80 39C80.5523 39 81 39.4477 81 40Z' fill='%232C2F33'/%3E%3Cpath d='M81 36C81 36.5523 80.5523 37 80 37C79.4477 37 79 36.5523 79 36C79 35.4477 79.4477 35 80 35C80.5523 35 81 35.4477 81 36Z' fill='%232C2F33'/%3E%3Cpath d='M81 32C81 32.5523 80.5523 33 80 33C79.4477 33 79 32.5523 79 32C79 31.4477 79.4477 31 80 31C80.5523 31 81 31.4477 81 32Z' fill='%232C2F33'/%3E%3Cpath d='M81 28C81 28.5523 80.5523 29 80 29C79.4477 29 79 28.5523 79 28C79 27.4477 79.4477 27 80 27C80.5523 27 81 27.4477 81 28Z' fill='%232C2F33'/%3E%3Cpath d='M81 24C81 24.5523 80.5523 25 80 25C79.4477 25 79 24.5523 79 24C79 23.4477 79.4477 23 80 23C80.5523 23 81 23.4477 81 24Z' fill='%232C2F33'/%3E%3Cpath d='M81 20C81 20.5523 80.5523 21 80 21C79.4477 21 79 20.5523 79 20C79 19.4477 79.4477 19 80 19C80.5523 19 81 19.4477 81 20Z' fill='%232C2F33'/%3E%3Cpath d='M85 100C85 100.552 84.5523 101 84 101C83.4477 101 83 100.552 83 100C83 99.4477 83.4477 99 84 99C84.5523 99 85 99.4477 85 100Z' fill='%232C2F33'/%3E%3Cpath d='M85 96C85 96.5523 84.5523 97 84 97C83.4477 97 83 96.5523 83 96C83 95.4477 83.4477 95 84 95C84.5523 95 85 95.4477 85 96Z' fill='%232C2F33'/%3E%3Cpath d='M85 92C85 92.5523 84.5523 93 84 93C83.4477 93 83 92.5523 83 92C83 91.4477 83.4477 91 84 91C84.5523 91 85 91.4477 85 92Z' fill='%232C2F33'/%3E%3Cpath d='M85 88C85 88.5523 84.5523 89 84 89C83.4477 89 83 88.5523 83 88C83 87.4477 83.4477 87 84 87C84.5523 87 85 87.4477 85 88Z' fill='%232C2F33'/%3E%3Cpath d='M85 84C85 84.5523 84.5523 85 84 85C83.4477 85 83 84.5523 83 84C83 83.4477 83.4477 83 84 83C84.5523 83 85 83.4477 85 84Z' fill='%232C2F33'/%3E%3Cpath d='M85 80C85 80.5523 84.5523 81 84 81C83.4477 81 83 80.5523 83 80C83 79.4477 83.4477 79 84 79C84.5523 79 85 79.4477 85 80Z' fill='%232C2F33'/%3E%3Cpath d='M85 76C85 76.5523 84.5523 77 84 77C83.4477 77 83 76.5523 83 76C83 75.4477 83.4477 75 84 75C84.5523 75 85 75.4477 85 76Z' fill='%232C2F33'/%3E%3Cpath d='M85 72C85 72.5523 84.5523 73 84 73C83.4477 73 83 72.5523 83 72C83 71.4477 83.4477 71 84 71C84.5523 71 85 71.4477 85 72Z' fill='%232C2F33'/%3E%3Cpath d='M85 68C85 68.5523 84.5523 69 84 69C83.4477 69 83 68.5523 83 68C83 67.4477 83.4477 67 84 67C84.5523 67 85 67.4477 85 68Z' fill='%232C2F33'/%3E%3Cpath d='M85 64C85 64.5523 84.5523 65 84 65C83.4477 65 83 64.5523 83 64C83 63.4477 83.4477 63 84 63C84.5523 63 85 63.4477 85 64Z' fill='%232C2F33'/%3E%3Cpath d='M85 60C85 60.5523 84.5523 61 84 61C83.4477 61 83 60.5523 83 60C83 59.4477 83.4477 59 84 59C84.5523 59 85 59.4477 85 60Z' fill='%232C2F33'/%3E%3Cpath d='M85 56C85 56.5523 84.5523 57 84 57C83.4477 57 83 56.5523 83 56C83 55.4477 83.4477 55 84 55C84.5523 55 85 55.4477 85 56Z' fill='%232C2F33'/%3E%3Cpath d='M85 52C85 52.5523 84.5523 53 84 53C83.4477 53 83 52.5523 83 52C83 51.4477 83.4477 51 84 51C84.5523 51 85 51.4477 85 52Z' fill='%232C2F33'/%3E%3Cpath d='M85 48C85 48.5523 84.5523 49 84 49C83.4477 49 83 48.5523 83 48C83 47.4477 83.4477 47 84 47C84.5523 47 85 47.4477 85 48Z' fill='%232C2F33'/%3E%3Cpath d='M85 44C85 44.5523 84.5523 45 84 45C83.4477 45 83 44.5523 83 44C83 43.4477 83.4477 43 84 43C84.5523 43 85 43.4477 85 44Z' fill='%232C2F33'/%3E%3Cpath d='M85 40C85 40.5523 84.5523 41 84 41C83.4477 41 83 40.5523 83 40C83 39.4477 83.4477 39 84 39C84.5523 39 85 39.4477 85 40Z' fill='%232C2F33'/%3E%3Cpath d='M85 36C85 36.5523 84.5523 37 84 37C83.4477 37 83 36.5523 83 36C83 35.4477 83.4477 35 84 35C84.5523 35 85 35.4477 85 36Z' fill='%232C2F33'/%3E%3Cpath d='M85 32C85 32.5523 84.5523 33 84 33C83.4477 33 83 32.5523 83 32C83 31.4477 83.4477 31 84 31C84.5523 31 85 31.4477 85 32Z' fill='%232C2F33'/%3E%3Cpath d='M85 28C85 28.5523 84.5523 29 84 29C83.4477 29 83 28.5523 83 28C83 27.4477 83.4477 27 84 27C84.5523 27 85 27.4477 85 28Z' fill='%232C2F33'/%3E%3Cpath d='M85 24C85 24.5523 84.5523 25 84 25C83.4477 25 83 24.5523 83 24C83 23.4477 83.4477 23 84 23C84.5523 23 85 23.4477 85 24Z' fill='%232C2F33'/%3E%3Cpath d='M85 20C85 20.5523 84.5523 21 84 21C83.4477 21 83 20.5523 83 20C83 19.4477 83.4477 19 84 19C84.5523 19 85 19.4477 85 20Z' fill='%232C2F33'/%3E%3Cpath d='M89 100C89 100.552 88.5523 101 88 101C87.4477 101 87 100.552 87 100C87 99.4477 87.4477 99 88 99C88.5523 99 89 99.4477 89 100Z' fill='%232C2F33'/%3E%3Cpath d='M89 96C89 96.5523 88.5523 97 88 97C87.4477 97 87 96.5523 87 96C87 95.4477 87.4477 95 88 95C88.5523 95 89 95.4477 89 96Z' fill='%232C2F33'/%3E%3Cpath d='M89 92C89 92.5523 88.5523 93 88 93C87.4477 93 87 92.5523 87 92C87 91.4477 87.4477 91 88 91C88.5523 91 89 91.4477 89 92Z' fill='%232C2F33'/%3E%3Cpath d='M89 88C89 88.5523 88.5523 89 88 89C87.4477 89 87 88.5523 87 88C87 87.4477 87.4477 87 88 87C88.5523 87 89 87.4477 89 88Z' fill='%232C2F33'/%3E%3Cpath d='M89 84C89 84.5523 88.5523 85 88 85C87.4477 85 87 84.5523 87 84C87 83.4477 87.4477 83 88 83C88.5523 83 89 83.4477 89 84Z' fill='%232C2F33'/%3E%3Cpath d='M89 80C89 80.5523 88.5523 81 88 81C87.4477 81 87 80.5523 87 80C87 79.4477 87.4477 79 88 79C88.5523 79 89 79.4477 89 80Z' fill='%232C2F33'/%3E%3Cpath d='M89 76C89 76.5523 88.5523 77 88 77C87.4477 77 87 76.5523 87 76C87 75.4477 87.4477 75 88 75C88.5523 75 89 75.4477 89 76Z' fill='%232C2F33'/%3E%3Cpath d='M89 72C89 72.5523 88.5523 73 88 73C87.4477 73 87 72.5523 87 72C87 71.4477 87.4477 71 88 71C88.5523 71 89 71.4477 89 72Z' fill='%232C2F33'/%3E%3Cpath d='M89 68C89 68.5523 88.5523 69 88 69C87.4477 69 87 68.5523 87 68C87 67.4477 87.4477 67 88 67C88.5523 67 89 67.4477 89 68Z' fill='%232C2F33'/%3E%3Cpath d='M89 64C89 64.5523 88.5523 65 88 65C87.4477 65 87 64.5523 87 64C87 63.4477 87.4477 63 88 63C88.5523 63 89 63.4477 89 64Z' fill='%232C2F33'/%3E%3Cpath d='M89 60C89 60.5523 88.5523 61 88 61C87.4477 61 87 60.5523 87 60C87 59.4477 87.4477 59 88 59C88.5523 59 89 59.4477 89 60Z' fill='%232C2F33'/%3E%3Cpath d='M89 56C89 56.5523 88.5523 57 88 57C87.4477 57 87 56.5523 87 56C87 55.4477 87.4477 55 88 55C88.5523 55 89 55.4477 89 56Z' fill='%232C2F33'/%3E%3Cpath d='M89 52C89 52.5523 88.5523 53 88 53C87.4477 53 87 52.5523 87 52C87 51.4477 87.4477 51 88 51C88.5523 51 89 51.4477 89 52Z' fill='%232C2F33'/%3E%3Cpath d='M89 48C89 48.5523 88.5523 49 88 49C87.4477 49 87 48.5523 87 48C87 47.4477 87.4477 47 88 47C88.5523 47 89 47.4477 89 48Z' fill='%232C2F33'/%3E%3Cpath d='M89 44C89 44.5523 88.5523 45 88 45C87.4477 45 87 44.5523 87 44C87 43.4477 87.4477 43 88 43C88.5523 43 89 43.4477 89 44Z' fill='%232C2F33'/%3E%3Cpath d='M89 40C89 40.5523 88.5523 41 88 41C87.4477 41 87 40.5523 87 40C87 39.4477 87.4477 39 88 39C88.5523 39 89 39.4477 89 40Z' fill='%232C2F33'/%3E%3Cpath d='M89 36C89 36.5523 88.5523 37 88 37C87.4477 37 87 36.5523 87 36C87 35.4477 87.4477 35 88 35C88.5523 35 89 35.4477 89 36Z' fill='%232C2F33'/%3E%3Cpath d='M89 32C89 32.5523 88.5523 33 88 33C87.4477 33 87 32.5523 87 32C87 31.4477 87.4477 31 88 31C88.5523 31 89 31.4477 89 32Z' fill='%232C2F33'/%3E%3Cpath d='M89 28C89 28.5523 88.5523 29 88 29C87.4477 29 87 28.5523 87 28C87 27.4477 87.4477 27 88 27C88.5523 27 89 27.4477 89 28Z' fill='%232C2F33'/%3E%3Cpath d='M89 24C89 24.5523 88.5523 25 88 25C87.4477 25 87 24.5523 87 24C87 23.4477 87.4477 23 88 23C88.5523 23 89 23.4477 89 24Z' fill='%232C2F33'/%3E%3Cpath d='M89 20C89 20.5523 88.5523 21 88 21C87.4477 21 87 20.5523 87 20C87 19.4477 87.4477 19 88 19C88.5523 19 89 19.4477 89 20Z' fill='%232C2F33'/%3E%3Cpath d='M93 100C93 100.552 92.5523 101 92 101C91.4477 101 91 100.552 91 100C91 99.4477 91.4477 99 92 99C92.5523 99 93 99.4477 93 100Z' fill='%232C2F33'/%3E%3Cpath d='M93 96C93 96.5523 92.5523 97 92 97C91.4477 97 91 96.5523 91 96C91 95.4477 91.4477 95 92 95C92.5523 95 93 95.4477 93 96Z' fill='%232C2F33'/%3E%3Cpath d='M93 92C93 92.5523 92.5523 93 92 93C91.4477 93 91 92.5523 91 92C91 91.4477 91.4477 91 92 91C92.5523 91 93 91.4477 93 92Z' fill='%232C2F33'/%3E%3Cpath d='M93 88C93 88.5523 92.5523 89 92 89C91.4477 89 91 88.5523 91 88C91 87.4477 91.4477 87 92 87C92.5523 87 93 87.4477 93 88Z' fill='%232C2F33'/%3E%3Cpath d='M93 84C93 84.5523 92.5523 85 92 85C91.4477 85 91 84.5523 91 84C91 83.4477 91.4477 83 92 83C92.5523 83 93 83.4477 93 84Z' fill='%232C2F33'/%3E%3Cpath d='M93 80C93 80.5523 92.5523 81 92 81C91.4477 81 91 80.5523 91 80C91 79.4477 91.4477 79 92 79C92.5523 79 93 79.4477 93 80Z' fill='%232C2F33'/%3E%3Cpath d='M93 76C93 76.5523 92.5523 77 92 77C91.4477 77 91 76.5523 91 76C91 75.4477 91.4477 75 92 75C92.5523 75 93 75.4477 93 76Z' fill='%232C2F33'/%3E%3Cpath d='M93 72C93 72.5523 92.5523 73 92 73C91.4477 73 91 72.5523 91 72C91 71.4477 91.4477 71 92 71C92.5523 71 93 71.4477 93 72Z' fill='%232C2F33'/%3E%3Cpath d='M93 68C93 68.5523 92.5523 69 92 69C91.4477 69 91 68.5523 91 68C91 67.4477 91.4477 67 92 67C92.5523 67 93 67.4477 93 68Z' fill='%232C2F33'/%3E%3Cpath d='M93 64C93 64.5523 92.5523 65 92 65C91.4477 65 91 64.5523 91 64C91 63.4477 91.4477 63 92 63C92.5523 63 93 63.4477 93 64Z' fill='%232C2F33'/%3E%3Cpath d='M93 60C93 60.5523 92.5523 61 92 61C91.4477 61 91 60.5523 91 60C91 59.4477 91.4477 59 92 59C92.5523 59 93 59.4477 93 60Z' fill='%232C2F33'/%3E%3Cpath d='M93 56C93 56.5523 92.5523 57 92 57C91.4477 57 91 56.5523 91 56C91 55.4477 91.4477 55 92 55C92.5523 55 93 55.4477 93 56Z' fill='%232C2F33'/%3E%3Cpath d='M93 52C93 52.5523 92.5523 53 92 53C91.4477 53 91 52.5523 91 52C91 51.4477 91.4477 51 92 51C92.5523 51 93 51.4477 93 52Z' fill='%232C2F33'/%3E%3Cpath d='M93 48C93 48.5523 92.5523 49 92 49C91.4477 49 91 48.5523 91 48C91 47.4477 91.4477 47 92 47C92.5523 47 93 47.4477 93 48Z' fill='%232C2F33'/%3E%3Cpath d='M93 44C93 44.5523 92.5523 45 92 45C91.4477 45 91 44.5523 91 44C91 43.4477 91.4477 43 92 43C92.5523 43 93 43.4477 93 44Z' fill='%232C2F33'/%3E%3Cpath d='M93 40C93 40.5523 92.5523 41 92 41C91.4477 41 91 40.5523 91 40C91 39.4477 91.4477 39 92 39C92.5523 39 93 39.4477 93 40Z' fill='%232C2F33'/%3E%3Cpath d='M93 36C93 36.5523 92.5523 37 92 37C91.4477 37 91 36.5523 91 36C91 35.4477 91.4477 35 92 35C92.5523 35 93 35.4477 93 36Z' fill='%232C2F33'/%3E%3Cpath d='M93 32C93 32.5523 92.5523 33 92 33C91.4477 33 91 32.5523 91 32C91 31.4477 91.4477 31 92 31C92.5523 31 93 31.4477 93 32Z' fill='%232C2F33'/%3E%3Cpath d='M93 28C93 28.5523 92.5523 29 92 29C91.4477 29 91 28.5523 91 28C91 27.4477 91.4477 27 92 27C92.5523 27 93 27.4477 93 28Z' fill='%232C2F33'/%3E%3Cpath d='M93 24C93 24.5523 92.5523 25 92 25C91.4477 25 91 24.5523 91 24C91 23.4477 91.4477 23 92 23C92.5523 23 93 23.4477 93 24Z' fill='%232C2F33'/%3E%3Cpath d='M93 20C93 20.5523 92.5523 21 92 21C91.4477 21 91 20.5523 91 20C91 19.4477 91.4477 19 92 19C92.5523 19 93 19.4477 93 20Z' fill='%232C2F33'/%3E%3Cpath d='M97 100C97 100.552 96.5523 101 96 101C95.4477 101 95 100.552 95 100C95 99.4477 95.4477 99 96 99C96.5523 99 97 99.4477 97 100Z' fill='%232C2F33'/%3E%3Cpath d='M97 96C97 96.5523 96.5523 97 96 97C95.4477 97 95 96.5523 95 96C95 95.4477 95.4477 95 96 95C96.5523 95 97 95.4477 97 96Z' fill='%232C2F33'/%3E%3Cpath d='M97 92C97 92.5523 96.5523 93 96 93C95.4477 93 95 92.5523 95 92C95 91.4477 95.4477 91 96 91C96.5523 91 97 91.4477 97 92Z' fill='%232C2F33'/%3E%3Cpath d='M97 88C97 88.5523 96.5523 89 96 89C95.4477 89 95 88.5523 95 88C95 87.4477 95.4477 87 96 87C96.5523 87 97 87.4477 97 88Z' fill='%232C2F33'/%3E%3Cpath d='M97 84C97 84.5523 96.5523 85 96 85C95.4477 85 95 84.5523 95 84C95 83.4477 95.4477 83 96 83C96.5523 83 97 83.4477 97 84Z' fill='%232C2F33'/%3E%3Cpath d='M97 80C97 80.5523 96.5523 81 96 81C95.4477 81 95 80.5523 95 80C95 79.4477 95.4477 79 96 79C96.5523 79 97 79.4477 97 80Z' fill='%232C2F33'/%3E%3Cpath d='M97 76C97 76.5523 96.5523 77 96 77C95.4477 77 95 76.5523 95 76C95 75.4477 95.4477 75 96 75C96.5523 75 97 75.4477 97 76Z' fill='%232C2F33'/%3E%3Cpath d='M97 72C97 72.5523 96.5523 73 96 73C95.4477 73 95 72.5523 95 72C95 71.4477 95.4477 71 96 71C96.5523 71 97 71.4477 97 72Z' fill='%232C2F33'/%3E%3Cpath d='M97 68C97 68.5523 96.5523 69 96 69C95.4477 69 95 68.5523 95 68C95 67.4477 95.4477 67 96 67C96.5523 67 97 67.4477 97 68Z' fill='%232C2F33'/%3E%3Cpath d='M97 64C97 64.5523 96.5523 65 96 65C95.4477 65 95 64.5523 95 64C95 63.4477 95.4477 63 96 63C96.5523 63 97 63.4477 97 64Z' fill='%232C2F33'/%3E%3Cpath d='M97 60C97 60.5523 96.5523 61 96 61C95.4477 61 95 60.5523 95 60C95 59.4477 95.4477 59 96 59C96.5523 59 97 59.4477 97 60Z' fill='%232C2F33'/%3E%3Cpath d='M97 56C97 56.5523 96.5523 57 96 57C95.4477 57 95 56.5523 95 56C95 55.4477 95.4477 55 96 55C96.5523 55 97 55.4477 97 56Z' fill='%232C2F33'/%3E%3Cpath d='M97 52C97 52.5523 96.5523 53 96 53C95.4477 53 95 52.5523 95 52C95 51.4477 95.4477 51 96 51C96.5523 51 97 51.4477 97 52Z' fill='%232C2F33'/%3E%3Cpath d='M97 48C97 48.5523 96.5523 49 96 49C95.4477 49 95 48.5523 95 48C95 47.4477 95.4477 47 96 47C96.5523 47 97 47.4477 97 48Z' fill='%232C2F33'/%3E%3Cpath d='M97 44C97 44.5523 96.5523 45 96 45C95.4477 45 95 44.5523 95 44C95 43.4477 95.4477 43 96 43C96.5523 43 97 43.4477 97 44Z' fill='%232C2F33'/%3E%3Cpath d='M97 40C97 40.5523 96.5523 41 96 41C95.4477 41 95 40.5523 95 40C95 39.4477 95.4477 39 96 39C96.5523 39 97 39.4477 97 40Z' fill='%232C2F33'/%3E%3Cpath d='M97 36C97 36.5523 96.5523 37 96 37C95.4477 37 95 36.5523 95 36C95 35.4477 95.4477 35 96 35C96.5523 35 97 35.4477 97 36Z' fill='%232C2F33'/%3E%3Cpath d='M97 32C97 32.5523 96.5523 33 96 33C95.4477 33 95 32.5523 95 32C95 31.4477 95.4477 31 96 31C96.5523 31 97 31.4477 97 32Z' fill='%232C2F33'/%3E%3Cpath d='M97 28C97 28.5523 96.5523 29 96 29C95.4477 29 95 28.5523 95 28C95 27.4477 95.4477 27 96 27C96.5523 27 97 27.4477 97 28Z' fill='%232C2F33'/%3E%3Cpath d='M97 24C97 24.5523 96.5523 25 96 25C95.4477 25 95 24.5523 95 24C95 23.4477 95.4477 23 96 23C96.5523 23 97 23.4477 97 24Z' fill='%232C2F33'/%3E%3Cpath d='M97 20C97 20.5523 96.5523 21 96 21C95.4477 21 95 20.5523 95 20C95 19.4477 95.4477 19 96 19C96.5523 19 97 19.4477 97 20Z' fill='%232C2F33'/%3E%3C/g%3E%3C/svg%3E%0A");   background-size: 120px 120px; 
   width: 120px; 
   height: 120px; 
   z-index: -1;
   } 
   .dp-shopcard-content { 
   margin-top: 1.25rem; 
   min-height: 6.5rem;
   } 
   .dp-shopcard-footer { 
   display: flex; 
   align-items: center; 
   justify-content: space-between; 
   margin-top: 1.25rem;
   } 
   .dp-shopcard-tags { 
   display: flex; 
   gap: 0.25rem; 
   align-items: flex-end; 
   width: fit-content;
   } 
   .dp-shopcard-purchases { 
   display: flex; 
   column-gap: 0.25rem; 
   align-items: center; 
   margin-left: auto; 
   color: #FFF; 
   font-size: 1rem; 
   font-weight: 500; 
   line-height: 1.25rem; 
   cursor: pointer;
   } 
   .dp-acc-preview-icon { 
   display: flex; 
   align-items: center; 
   column-gap: 0.75rem; 
   border: 1px solid #39393f; 
   background: #101012; 
   padding: .75rem 1rem; 
   border-radius: 0.75rem; 
   box-shadow: 0px 4px 16px rgba(57,57,63,0.25);
   } 
   .dp-shopcard-itemtype { 
   display: flex; 
   column-gap: 0.25rem; 
   align-items: center; 
   color: #6B7280; 
   font-size: 0.75rem; 
   line-height: 1.25rem; 
   margin-bottom: 0.75rem;
   } 
   .dp-shopcard-title { 
   color: #FFF; 
   font-size: 0.875rem; 
   font-weight: 400; 
   line-height: 1.25rem; 
   margin: 0;
   } 
   .dp-shopcard-description { 
   font-size: 0.75rem; 
   line-height: 1rem; 
   margin: 0; 
   margin-top: 0.25rem;
   } 
   .dp-shopcard-price { 
   display: flex; 
   align-items: center; 
   column-gap: 0.25rem; 
   color: #006fcd; 
   font-size: 1rem; 
   font-weight: 600; 
   font-feature-settings: "tnum"; 
   font-variant-numeric: tabular-nums; 
   line-height: 1.5rem; 
   padding: .25rem .75rem; 
   border-radius: 999px; 
   background: rgba(74, 105, 222, 0.1);
   } 
   .dp-shopcard-has-stock { 
   display: flex; 
   align-items: center; 
   column-gap: 0.75rem;
   } 
   .dp-shopcard-tag { 
   display: flex; 
   gap: 4px; 
   font-size: 11px; 
   font-style: normal; 
   font-weight: 500; 
   line-height: 12px; 
   letter-spacing: 0.01rem; 
   padding: .25rem .5rem; 
   border-radius: 0.25rem; 
   cursor: pointer;
   } 
   .dp-shopcard-tag.limited-item { 
   color: #FDE047; 
   background: rgba(253,224,71,0.15);
   } 
   .dp-shopcard-tag.superrare-item { 
   color: #A855F7; 
   background: rgba(168,85,247,0.15);
   } 
   .dp-shopcard-tag.oos-item { 
   color: #DC2626; 
   background: rgba(220,38,38,0.15);
   } 
   .dp-acc-preview-icon-name { 
   display: flex; 
   align-items: center; 
   column-gap: 0.5rem; 
   color: #FFF; 
   font-size: 1rem; 
   font-weight: 500;
   } 
   .dp-shopcard-stock { 
   display: flex; 
   align-items: center; 
   column-gap: 0.25rem; 
   font-size: 0.875rem; 
   line-height: 1.25rem; 
   cursor: pointer;
   } 
   .dp-shopcard-stock .available-stock  { 
   color: #FFF; 
   font-weight: 500;
   } 
   .dp-shopcard-stock .current-stock  { 
   color: #86888A;
   } 
   .dp-shopcategory { 
   display: flex; 
   align-items: center; 
   justify-content: space-between;
   } 
   .dp-shopcategory-buttons { 
   display: flex; 
   align-items: center;
   } 
   .dp-shopcategory-text h3  { 
   display: flex; 
   align-items: center; 
   column-gap: 0.5rem; 
   font-family: 'kingzheader',sans-serif; 
   color: #FFF; 
   font-size: 1.5rem; 
   font-weight: 400; 
   margin: 0;
   } 
   .dp-shopcategory-text p  { 
   color: #A4A6A8; 
   font-size: 1.125rem; 
   line-height: 2rem; 
   font-weight: 400; 
   margin: 0;
   } 
   .dp-swiper-button { 
   display: flex; 
   align-items: center; 
   justify-content: center; 
   color: #FFF; 
   width: 32px; 
   height: 32px; 
   cursor: pointer; 
   flex-shrink: 0;
   } 
   .swiper-button-disabled { 
   opacity: 0.5;
   } 	
   .dp-lottery-banner { 
   position: relative; 
   display: flex; 
   flex-wrap: wrap; 
   align-items: center; 
   justify-content: center; 
   gap: 1.5rem; 
   background: linear-gradient(90deg, rgba(74, 105, 222, 0.1) 0%, rgba(74,222,128,0.02) 100%); 
   padding: 1.5rem; 
   border-radius: 0.75rem; 
   margin-bottom: 2rem; 
   overflow: hidden;
   } 
   .dp-lottery-banner-text { 
   text-align: center; 
   color: #FFF; 
   font-size: 1rem; 
   line-height: 1.5rem; 
   margin: 0;
   }
   .dp-lottery-banner-left-bits { 
   position: absolute; 
   z-index: -1; 
   left: -3.5rem; 
   transition: all .25s ease;
   } 
   .dp-lottery-banner:hover img { 
   transform: scale(1.2);
   } 
   .dp-lottery-banner-right-bits { 
   position: absolute; 
   z-index: -1; 
   right: 0; 
   transition: all .25s ease;
   } 
   .dp-accent-color { 
   color: #006fcd;
   } 
   .dp-shopnav {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 2rem;
   margin-bottom: 2rem;
   flex-wrap: wrap;
   }
   .dp-shopnav-buttons {
   display: flex;
   gap: 1rem;
   align-items: center;
   margin-left: auto;
   }
   .dp-topup-section { 
   background: rgba(0, 0, 0, 0.75);
   border: 1px solid #292a2b;
   border-radius: 0.75rem;
   box-sizing: border-box;
   color: #a4a6a8;
   display: flex;
   font-family: Inter, sans-serif;
   font-size: 14px;
   font-weight: 500;
   gap: 1.5rem;
   line-height: 19.6px;
   margin-bottom: 2rem;
   padding: 1.25rem;
   word-wrap: break-word;
   }
   @media (max-width: 900px) { 
   .dp-topup-section { 
   flex-direction: column;
   }
   }
   .dp-topup-section { 
   display: flex; 
   gap: 1.5rem; 
   background: rgba(0,0,0,0.75); 
   border-radius: 0.75rem; 
   border: 1px solid #292a2b; 
   padding: 1.25rem; 
   margin-bottom: 2rem;
   } 
   .dp-topup-section > div:first-child { 
   flex: 2;
   } 
   .dp-topup-section > div:last-child { 
   flex: 1;
   } 
   .dp-topup-section-title { 
   display: flex; 
   align-items: center; 
   column-gap: 0.5rem; 
   color: #FFF; 
   font-size: 1.125rem; 
   font-weight: 400; 
   line-height: 2rem; 
   margin: 0; 
   margin-bottom: 1.5rem;
   } 
   .dp-topup-cards-grid { 
   display: grid; 
   grid-template-columns: repeat(auto-fill, minmax(144px, 1fr)); 
   gap: 12px; 
   margin-bottom: 1.5rem;
   } 
   .dp-topup-amount-purchase { 
   display: flex; 
   align-items: end; 
   justify-content: space-between;
   } 
   svg { 
   fill: currentColor;
   } 
   svg { 
   fill: transparent; 
   flex-shrink: 0;
   } 
   svg:not(:root) { 
   overflow: hidden;
   } 
   [role="button"] { 
   cursor: pointer; 
   -webkit-user-select: none; 
   -moz-user-select: none; 
   user-select: none;
   } 
   .dp-topup-card { 
   position: relative; 
   display: grid; 
   justify-items: start; 
   gap: 0.5rem; 
   background: #151518; 
   border: 1px solid transparent; 
   border-radius: 0.5rem; 
   padding: 0.75rem; 
   overflow: hidden;
   } 
   .dp-topup-card.is-active { 
   border-color: #006fcd;
   } 
   .dp-topup-amount { 
   display: flex; 
   flex-direction: column; 
   font-size: 1.5rem;
   } 
   .dp-topup-buttons { 
   display: flex; 
   gap: 1rem;
   } 
   .dp-redeem-input { 
   display: grid; 
   gap: 1rem;
   } 
   .dp-topup-card > span  { 
   display: flex; 
   align-items: center; 
   column-gap: 0.5rem; 
   font-weight: 600; 
   font-feature-settings: "tnum"; 
   font-variant-numeric: tabular-nums; 
   z-index: 1;
   } 
   .dp-topup-card .bits-amount  { 
   color: #006fcd; 
   font-size: 1.125rem; 
   line-height: 2rem;
   } 
   .dp-topup-card .price-badge  { 
   column-gap: 0.25rem; 
   color: #FFF; 
   font-size: 1rem; 
   border-radius: 0.25rem; 
   background: rgba(52,218,113,0.1); 
   backdrop-filter: blur(2px); 
   padding: .125rem .5rem;
   } 
   .dp-topup-card .card-watermark  { 
   position: absolute; 
   left: -0.5rem; 
   top: 0.5rem;
   } 
   .dp-topup-label { 
   font-size: 1rem; 
   font-weight: 400; 
   margin: 0; 
   margin-bottom: 0.75rem;
   } 
   .dp-topup-amount > div  { 
   display: flex; 
   align-items: center; 
   column-gap: 1.5rem;
   } 
   .dp-topup-usd-amount { 
   display: flex; 
   align-items: center; 
   column-gap: 0.5rem; 
   font-weight: 600; 
   font-feature-settings: "tnum"; 
   font-variant-numeric: tabular-nums;
   } 
   .dp-topup-usd-amount { 
   color: #FFF;
   } 
   .dp-topup-bits-amount { 
   display: flex; 
   align-items: center; 
   column-gap: 0.5rem; 
   font-weight: 600; 
   font-feature-settings: "tnum"; 
   font-variant-numeric: tabular-nums;
   } 
   .dp-topup-bits-amount { 
   color: #006fcd;
   } 
   .button-text { 
   display: inline-flex; 
   align-items: center; 
   gap: 0.5rem;
   } 
</style>
<xf:macro template="metadata_macros" name="canonical_url"
   arg-canonicalUrl="{{ link('canonical:dbtech-shop', null, {'page': $page}) }}" />
<xf:page option="searchConstraints" value="{{ {
   phrase('dbtech_shop_items'): {'search_type': 'dbtech_shop_item'}
   } }}" />
<xf:pageaction if="$xf.visitor.canAddDbtechShopItem()">
   <xf:button href="{{ link('dbtech-shop/add') }}" class="button--cta" icon="write" overlay="true">{{ phrase('dbtech_shop_add_item...') }}</xf:button>
</xf:pageaction>
<xf:if is="$canInlineMod">
   <xf:js src="xf/inline_mod.js" min="1" />
</xf:if>
<xf:if is="property('dbtechShopEnableInfiniteScroll') && $page == 1 && $total > $perPage">
   <xf:set var="$infiniteScroll" value="{{ true }}" />
   <xf:js src="DBTech/Shop/metafizzy/infinite-scroll/infinite-scroll.pkgd.js" min="1" addon="DBTech/Shop" />
   <xf:js src="DBTech/Shop/item_list.js" min="1" addon="DBTech/Shop" />
   <xf:css src="dbtech_shop_infinite_scroll.less" />
</xf:if>
<div class="dp-shopnav">
   <h2 class="dp-tab-menu block-tabHeader tabs hScroller" data-xf-init="tabs h-scroller" data-state="replace" role="tablist">
      <span class="hScroller-scroll is-calculated">
         <a href="/bits" class="tabs-tab is-active" role="tab">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path d="M3.11133 7.55556L12.0002 2L20.8891 7.55556V16.4444L12.0002 22L3.11133 16.4444V7.55556Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
               <path d="M3.11133 7.55554L6.44466 9.22221" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
               <path d="M12 2V5.33333" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
               <path d="M3.11133 16.4445L6.44466 14.7778" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
               <path d="M12 22V18.6666" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
               <path d="M20.889 16.4445L17.5557 14.7778" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
               <path d="M17.5557 9.22221L20.889 7.55554" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
               <path d="M6.44434 9.22226L11.9999 5.33337L17.5554 9.22226V14.963L11.9999 18.6667L6.44434 14.963V9.22226Z" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
            Bits Store
         </a>
         <a href="#buyitems" class="tabs-tab" role="tab">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path d="M12 8V2" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round"></path>
               <path d="M2 8L2.96154 5.69231C3.70726 3.90257 4.08013 3.0077 4.8359 2.50385C5.59167 2 6.56112 2 8.5 2H15.5C17.4389 2 18.4083 2 19.1641 2.50385C19.9199 3.0077 20.2927 3.90257 21.0385 5.69231L22 8" stroke="white" stroke-width="1.5" stroke-linecap="round"></path>
               <path d="M2 13.4286V8H22V13.4286C22 17.4692 22 19.4895 20.6983 20.7447C19.3965 22 17.3014 22 13.1111 22H10.8889C6.69863 22 4.6035 22 3.30175 20.7447C2 19.4895 2 17.4692 2 13.4286Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
               <path d="M10 12H14" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round"></path>
            </svg>
            Buy Items
         </a>
         <a href="#buyfeatures" class="tabs-tab" role="tab">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path d="M3.50043 20.5C4.33043 21.33 5.67043 21.33 6.50043 20.5L19.5004 7.5C20.3304 6.67 20.3304 5.33 19.5004 4.5C18.6704 3.67 17.3304 3.67 16.5004 4.5L3.50043 17.5C2.67043 18.33 2.67043 19.67 3.50043 20.5Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
               <path d="M18.0098 8.98999L15.0098 5.98999" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
               <path d="M8.5 2.44L10 2L9.56 3.5L10 5L8.5 4.56L7 5L7.44 3.5L7 2L8.5 2.44Z" fill="#006fcd" fill-opacity="0.25" stroke="#006fcd" stroke-linecap="round" stroke-linejoin="round"></path>
               <path d="M4.5 8.44L6 8L5.56 9.5L6 11L4.5 10.56L3 11L3.44 9.5L3 8L4.5 8.44Z" fill="#006fcd" fill-opacity="0.25" stroke="#006fcd" stroke-linecap="round" stroke-linejoin="round"></path>
               <path d="M19.5 13.44L21 13L20.56 14.5L21 16L19.5 15.56L18 16L18.44 14.5L18 13L19.5 13.44Z" fill="#006fcd" fill-opacity="0.25" stroke="#006fcd" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
            Buy Features
         </a>
         <a href="#buycustom" class="tabs-tab" role="tab" tabindex="0">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path d="M17.9978 15C17.842 16.3082 18.5043 19.5132 20 21.8679C20 21.8679 9.7076 23.0594 8.3149 17.9434L8.3149 19.8712C8.3149 20.8125 8.3149 21.2831 8.0217 21.5755C7.4579 22.1377 4.8109 22.1531 4.2462 21.5521C3.9496 21.2363 3.9793 20.7819 4.0389 19.8731C4.1371 18.3746 4.4068 16.4558 5.1477 15" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
               <path d="M14 4C14 2.89543 13.1046 2 12 2L11 2C9.8954 2 9 2.89543 9 4L9 6.55337C9 7.86603 8.1466 9.02626 6.8935 9.41722L6.1065 9.66278C4.8534 10.0537 4 11.214 4 12.5266L4 14C4 14.5523 4.4477 15 5 15L18 15C18.5523 15 19 14.5523 19 14L19 12.5266C19 11.214 18.1466 10.0537 16.8935 9.66278L16.1065 9.41722C14.8534 9.02626 14 7.86603 14 6.55337L14 4Z" stroke="white" stroke-width="1.5"></path>
            </svg>
            Custom Items
         </a>
      </span>
      <i class="hScroller-action hScroller-action--end" aria-hidden="true"></i><i class="hScroller-action hScroller-action--start" aria-hidden="true"></i>
   </h2>
   <div class="dp-shopnav-buttons">
      <div class="buttonGroup-buttonWrapper">
         <button type="button" class="button--primary button--shop-balance button" data-xf-click="menu" aria-expanded="false" aria-haspopup="true">
            <span class="button-text">
               <img src="https://cdn.discordapp.com/attachments/1169414112074281021/1169763424725643365/download_1.png?ex=65569615&is=65442115&hm=66c3d1b7ecbd3e45d8b31b325c4a801e06f23b1237d11f36fc27eeeb87a9973d&" width="20" height="20" alt="Bits">
               <xf:set var="$viewableCurrencies" value="{{ $xf.app.em.getRepository('DBTech\Shop:Currency').getViewableCurrencies() }}" />
                  <xf:foreach loop="$viewableCurrencies" value="$currency" if="$currency.postbit">
                     {$currency.prefix}{{ $currency.getValueFromUser($user) }}{$currency.suffix}
                  </xf:foreach>
               <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
               </svg>
            </span>
         </button>
         <div class="menu" data-menu="menu" aria-hidden="true">
            <div class="menu-content">

               <a href="/daily-challenges" class="menu-linkRow">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M19 9C19 10.45 18.57 11.78 17.83 12.89C17.2878 13.6987 16.5825 14.3852 15.7593 14.9053C14.9361 15.4254 14.0133 15.7676 13.05 15.91C12.71 15.97 12.36 16 12 16C11.64 16 11.29 15.97 10.95 15.91C9.98681 15.7676 9.06399 15.4254 8.24082 14.9053C7.41764 14.3852 6.71229 13.6987 6.17005 12.89C5.40235 11.7383 4.99504 10.3841 5.00005 9C5.00005 5.13 8.13005 2 12 2C15.87 2 19 5.13 19 9Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M21.2502 18.47L19.6002 18.86C19.2302 18.95 18.9402 19.23 18.8602 19.6L18.5102 21.07C18.4672 21.2504 18.375 21.4154 18.2437 21.5464C18.1124 21.6774 17.9472 21.7693 17.7667 21.8119C17.5861 21.8544 17.3973 21.8459 17.2213 21.7873C17.0454 21.7287 16.8891 21.6223 16.7702 21.48L12.0002 16L7.23016 21.49C7.11118 21.6323 6.95497 21.7387 6.77899 21.7973C6.60301 21.8559 6.41419 21.8644 6.23365 21.8219C6.05311 21.7793 5.88796 21.6874 5.75666 21.5564C5.62537 21.4254 5.53309 21.2604 5.49016 21.08L5.14016 19.61C5.09762 19.4301 5.00587 19.2657 4.87518 19.135C4.74449 19.0043 4.58002 18.9125 4.40016 18.87L2.75016 18.48C2.57729 18.4386 2.41853 18.3519 2.29015 18.229C2.16178 18.106 2.06839 17.9511 2.01955 17.7802C1.97071 17.6092 1.96818 17.4284 2.01222 17.2562C2.05625 17.0839 2.14527 16.9265 2.27016 16.8L6.17016 12.9C6.71241 13.7087 7.41775 14.3952 8.24093 14.9153C9.06411 15.4354 9.98693 15.7776 10.9502 15.92C11.2902 15.98 11.6402 16.01 12.0002 16.01C12.3602 16.01 12.7102 15.98 13.0502 15.92C15.0402 15.63 16.7502 14.5 17.8302 12.9L21.7302 16.8C22.2802 17.34 22.0102 18.29 21.2502 18.47ZM12.5802 5.98L13.1702 7.16C13.2502 7.32 13.4602 7.48 13.6502 7.51L14.7202 7.69C15.4002 7.8 15.5602 8.3 15.0702 8.79L14.2402 9.62C14.1002 9.76 14.0202 10.03 14.0702 10.23L14.3102 11.26C14.5002 12.07 14.0702 12.39 13.3502 11.96L12.3502 11.37C12.2486 11.3158 12.1353 11.2875 12.0202 11.2875C11.9051 11.2875 11.7917 11.3158 11.6902 11.37L10.6902 11.96C9.97016 12.38 9.54016 12.07 9.73016 11.26L9.97016 10.23C10.0102 10.04 9.94016 9.76 9.80016 9.62L8.97016 8.79C8.48016 8.3 8.64016 7.81 9.32016 7.69L10.3902 7.51C10.5702 7.48 10.7802 7.32 10.8602 7.16L11.4502 5.98C11.7402 5.34 12.2602 5.34 12.5802 5.98Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  Daily Challenges
               </a>
				<a href="{{ link('dbtech-shop/bank') }}" data-xf-click="overlay" class="menu-linkRow">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" d="M21.5 9v10M5.5 9v10m-3-10v10m16-10v10M2 21h20M0 23.5h24M12 11h-1a1 1 0 0 0-1 1v.375a1 1 0 0 0 .72.96l2.56.747a1 1 0 0 1 .72.96V16a1 1 0 0 1-1 1h-1m0-6h1a1 1 0 0 1 1 1v.5M12 11V9m0 8h-1a1 1 0 0 1-1-1v-.5m2 1.5v2M23.5 6.25V7H.5v-.75C5.5 4.5 8.5 3 11.75.5h.5C15.5 3 18.5 4.5 23.5 6.25Z"/></svg>
                  Bank
               </a>
               <a href="/bits/inventory/" class="menu-linkRow">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M3 7H5L6 8H18L19 7H21M3 7V5.78078C3 5.32191 3.3123 4.92193 3.75746 4.81063L4.6114 4.59715C6.19781 4.20055 7.82688 4 9.46211 4H14.5379C16.1731 4 17.8022 4.20055 19.3886 4.59715L20.2425 4.81063C20.6877 4.92193 21 5.32191 21 5.78078V7M3 7V17C3 17.6403 3.25435 18.2544 3.70711 18.7071L4.46967 19.4697C4.80924 19.8092 5.26978 20 5.75 20H18.25C18.7302 20 19.1908 19.8092 19.5303 19.4697L20.2929 18.7071C20.7456 18.2544 21 17.6403 21 17V7" stroke="currentColor" stroke-width="1.5"></path>
                     <path d="" fill="currentColor"></path>
                     <path d="" fill="currentColor"></path>
                  </svg>
                  Inventory
               </a>
               <a href="/bits/transactions" class="menu-linkRow">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M20 7.04V16.96C20 18.48 19.86 19.56 19.5 20.33C19.5 20.34 19.49 20.36 19.48 20.37C19.26 20.65 18.97 20.79 18.63 20.79C18.1 20.79 17.46 20.44 16.77 19.7C15.95 18.82 14.69 18.89 13.97 19.85L12.96 21.19C12.56 21.73 12.03 22 11.5 22C10.97 22 10.44 21.73 10.04 21.19L9.02002 19.84C8.31002 18.89 7.05999 18.82 6.23999 19.69L6.22998 19.7C5.09998 20.91 4.10002 21.09 3.52002 20.37C3.51002 20.36 3.5 20.34 3.5 20.33C3.14 19.56 3 18.48 3 16.96V7.04C3 5.52 3.14 4.44 3.5 3.67C3.5 3.66 3.50002 3.65 3.52002 3.64C4.09002 2.91 5.09998 3.09 6.22998 4.3L6.23999 4.31C7.05999 5.18 8.31002 5.11 9.02002 4.16L10.04 2.81C10.44 2.27 10.97 2 11.5 2C12.03 2 12.56 2.27 12.96 2.81L13.97 4.15C14.69 5.11 15.95 5.18 16.77 4.3C17.46 3.56 18.1 3.21 18.63 3.21C18.97 3.21 19.26 3.36 19.48 3.64C19.5 3.65 19.5 3.66 19.5 3.67C19.86 4.44 20 5.52 20 7.04Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M8 10.25H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M8 13.75H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  Transactions
               </a>

               <a href="{{ link('dbtech-credits/currency', $currency, {'tab':'donate'}) }}" data-xf-click="overlay" class="menu-linkRow">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M15.7772 17.201C15.9105 17.0677 15.7772 17.201 15.3772 16.0013C14.8714 14.4837 13.7776 13.6018 10.9782 13.6018C9.25962 13.6018 8.37315 13.9943 7.81277 14.4179C7.51656 14.6418 7.37897 15.0101 7.37897 15.3814V19.7912C7.37897 20.3938 7.76232 20.9332 8.34207 21.0976C10.1096 21.5987 12.861 22.1303 15.7772 21.6001C19.2964 20.9602 20.4619 19.2006 20.976 18.0009C22.1758 15.2015 20.5761 14.1617 19.7763 14.8015C17.7767 16.4012 17.7767 17.201 15.7772 17.201ZM15.7772 17.201H12.1779" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
                     <path d="M2.58002 14.0018C2.58002 13.1183 3.29621 12.4021 4.17967 12.4021H5.77933C6.66279 12.4021 7.37899 13.1183 7.37899 14.0018V20.4004C7.37899 21.2838 6.6628 22 5.77933 22H4.17967C3.29621 22 2.58002 21.2838 2.58002 20.4004V14.0018Z" stroke="currentColor" stroke-width="1.5"></path>
                     <path d="M19.6781 8.12916C19.6781 9.75886 18.357 11.08 16.7273 11.08C15.0976 11.08 13.7765 9.75886 13.7765 8.12916C13.7765 6.49947 15.0976 5.17834 16.7273 5.17834C18.357 5.17834 19.6781 6.49947 19.6781 8.12916Z" stroke="currentColor" stroke-width="1.5"></path>
                     <path fill-rule="evenodd" clip-rule="evenodd" d="M11.8201 5.36102C11.8201 4.19055 12.7689 3.2417 13.9394 3.2417C15.0194 3.2417 15.9108 4.04958 16.0421 5.094C16.2878 5.03414 16.5445 5.00241 16.8087 5.00241C17.0633 5.00241 17.311 5.03188 17.5485 5.0876C17.4088 3.21642 15.8463 1.7417 13.9394 1.7417C11.9405 1.7417 10.3201 3.36213 10.3201 5.36102C10.3201 7.2679 11.7947 8.83035 13.6659 8.97016C13.6102 8.73261 13.5807 8.48494 13.5807 8.2304C13.5807 7.96621 13.6124 7.70943 13.6723 7.46368C12.6279 7.33235 11.8201 6.44102 11.8201 5.36102Z" fill="currentColor"></path>
                  </svg>
                  Donate
               </a>
            </div>
         </div>
      </div>
      <a href="/bits/checkout" class="button" data-xf-click="overlay">
         <span class="button-text">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path d="M8.81043 2L5.19043 5.63" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
               <path d="M15.1904 2L18.8104 5.63" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
               <path d="M2 7.84998C2 5.99998 2.99 5.84998 4.22 5.84998H19.78C21.01 5.84998 22 5.99998 22 7.84998C22 9.99998 21.01 9.84998 19.78 9.84998H4.22C2.99 9.84998 2 9.99998 2 7.84998Z" stroke="currentColor" stroke-width="1.5"></path>
               <path d="M3.5 10L4.91 18.64C5.23 20.58 6 22 8.86 22H14.89C18 22 18.46 20.64 18.82 18.76L20.5 10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
            </svg>
            Checkout
         </span>
      </a>
   </div>
</div>
<div class="dp-topup-section">
   <div>
      <xf:form action="{{ link('purchase', {'purchasable_type_id': 'dbtech_credits_currency'}, {'event_id': 3, 'is_gift': $isGift}) }}" ajax="true" id="topupForm">
         <h4 class="dp-topup-section-title">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path d="M3.11155 7.55556L2.71405 6.91956C2.49476 7.05661 2.36155 7.29696 2.36155 7.55556H3.11155ZM12.0004 2L12.3979 1.364C12.1547 1.212 11.8461 1.212 11.6029 1.364L12.0004 2ZM3.11155 16.4444H2.36155C2.36155 16.703 2.49476 16.9434 2.71405 17.0804L3.11155 16.4444ZM12.0004 22L11.6029 22.636C11.8461 22.788 12.1547 22.788 12.3979 22.636L12.0004 22ZM20.8893 16.4444L21.2868 17.0804C21.5061 16.9434 21.6393 16.703 21.6393 16.4444H20.8893ZM20.8893 7.55556H21.6393C21.6393 7.29696 21.5061 7.05661 21.2868 6.91956L20.8893 7.55556ZM6.44466 9.22222L6.01456 8.6078C5.81407 8.74814 5.69466 8.97749 5.69466 9.22222H6.44466ZM12.0002 5.33333L12.4303 4.71891C12.1721 4.53814 11.8284 4.53814 11.5701 4.71891L12.0002 5.33333ZM6.44466 14.963H5.69466C5.69466 15.2137 5.81999 15.4479 6.02864 15.587L6.44466 14.963ZM12.0002 18.6667L11.5842 19.2907C11.8361 19.4587 12.1643 19.4587 12.4162 19.2907L12.0002 18.6667ZM17.5558 14.963L17.9718 15.587C18.1804 15.4479 18.3058 15.2137 18.3058 14.963H17.5558ZM17.5558 9.22222H18.3058C18.3058 8.97749 18.1864 8.74814 17.9859 8.6078L17.5558 9.22222ZM3.44674 6.88473C3.07625 6.69949 2.62575 6.84966 2.44051 7.22015C2.25527 7.59063 2.40543 8.04113 2.77592 8.22638L3.44674 6.88473ZM6.10925 9.89304C6.47973 10.0783 6.93024 9.92812 7.11548 9.55763C7.30072 9.18715 7.15056 8.73664 6.78007 8.5514L6.10925 9.89304ZM12.7502 2C12.7502 1.58579 12.4144 1.25 12.0002 1.25C11.586 1.25 11.2502 1.58579 11.2502 2H12.7502ZM11.2502 5.33333C11.2502 5.74755 11.586 6.08333 12.0002 6.08333C12.4144 6.08333 12.7502 5.74755 12.7502 5.33333H11.2502ZM2.77592 15.7736C2.40543 15.9589 2.25527 16.4094 2.44051 16.7799C2.62575 17.1503 3.07625 17.3005 3.44674 17.1153L2.77592 15.7736ZM6.78007 15.4486C7.15056 15.2634 7.30072 14.8129 7.11548 14.4424C6.93024 14.0719 6.47973 13.9217 6.10925 14.107L6.78007 15.4486ZM11.2502 22C11.2502 22.4142 11.586 22.75 12.0002 22.75C12.4144 22.75 12.7502 22.4142 12.7502 22H11.2502ZM12.7502 18.6667C12.7502 18.2525 12.4144 17.9167 12.0002 17.9167C11.586 17.9167 11.2502 18.2525 11.2502 18.6667H12.7502ZM20.5537 17.1153C20.9242 17.3005 21.3747 17.1503 21.5599 16.7799C21.7452 16.4094 21.595 15.9589 21.2245 15.7736L20.5537 17.1153ZM17.8912 14.107C17.5207 13.9217 17.0702 14.0719 16.885 14.4424C16.6997 14.8129 16.8499 15.2634 17.2204 15.4486L17.8912 14.107ZM17.2204 8.5514C16.8499 8.73664 16.6997 9.18715 16.885 9.55763C17.0702 9.92812 17.5207 10.0783 17.8912 9.89304L17.2204 8.5514ZM21.2245 8.22638C21.595 8.04113 21.7452 7.59063 21.5599 7.22015C21.3747 6.84966 20.9242 6.69949 20.5537 6.88473L21.2245 8.22638ZM3.50904 8.19155L12.3979 2.636L11.6029 1.364L2.71405 6.91956L3.50904 8.19155ZM3.86155 16.4444V7.55556H2.36155V16.4444H3.86155ZM12.3979 21.364L3.50904 15.8084L2.71405 17.0804L11.6029 22.636L12.3979 21.364ZM20.4918 15.8084L11.6029 21.364L12.3979 22.636L21.2868 17.0804L20.4918 15.8084ZM20.1393 7.55556V16.4444H21.6393V7.55556H20.1393ZM11.6029 2.636L20.4918 8.19155L21.2868 6.91956L12.3979 1.364L11.6029 2.636ZM6.87476 9.83665L12.4303 5.94776L11.5701 4.71891L6.01456 8.6078L6.87476 9.83665ZM7.19466 14.963V9.22222H5.69466V14.963H7.19466ZM12.4162 18.0426L6.86069 14.3389L6.02864 15.587L11.5842 19.2907L12.4162 18.0426ZM17.1397 14.3389L11.5842 18.0426L12.4162 19.2907L17.9718 15.587L17.1397 14.3389ZM16.8058 9.22222V14.963H18.3058V9.22222H16.8058ZM11.5701 5.94776L17.1257 9.83665L17.9859 8.6078L12.4303 4.71891L11.5701 5.94776ZM2.77592 8.22638L6.10925 9.89304L6.78007 8.5514L3.44674 6.88473L2.77592 8.22638ZM11.2502 2V5.33333H12.7502V2H11.2502ZM3.44674 17.1153L6.78007 15.4486L6.10925 14.107L2.77592 15.7736L3.44674 17.1153ZM12.7502 22V18.6667H11.2502V22H12.7502ZM21.2245 15.7736L17.8912 14.107L17.2204 15.4486L20.5537 17.1153L21.2245 15.7736ZM17.8912 9.89304L21.2245 8.22638L20.5537 6.88473L17.2204 8.5514L17.8912 9.89304Z" fill="#006fcd"></path>
            </svg>
            Bits Amount
         </h4>
         <input type="hidden" name="payment_profile_id" value="3">
         <div class="dp-topup-cards-grid">
            <div class="dp-topup-card is-active" role="button" data-bits="1000" data-cash="3">
               <span class="bits-amount">
               <img src="https://cdn.discordapp.com/attachments/1169414112074281021/1169763424725643365/download_1.png?ex=65569615&is=65442115&hm=66c3d1wv8YQUAAAd5SURBVHgBpVdvbBxXEZ95u+e7c2z3nMTOH4fk7NAmESkNqhCtBIqDAKkSQlTiQ0UFOEIgwQdsgQQCpJ4tJKKKSokRXxCVEiQ+EIEoAglopeJYFDVQ1UlLSZRKqe9aiCvbte9s393uvj/TeW/31ufGiZv02c9v7d2b+c1vfjOzRrjLdar5TBE0nB3I95XrkZz4Vv5EGe5iCbiL9UTtt6ORVJc0meOGaMTzzKWfN/4yttmzRDR6O1sId7C+t3B22Pf9kodi2EOPfBB4YNtuCI2Mt47KSugTP8w/Wm4D8AwiPvqBAIzNni2obXLcRzHKjsEXHriT98HuAQp0hBED4BMCI0kZOVkzzYkzvSerDGCKAZy4le0tUzDy1unhRr7BdOtRRQbsF1PPW7szDRTIRssREWqisQx5M99ZfPprfG/4dvZvCeCx2VPFx//31BQJmFJGF51TY4BBkN32eo8oQK/KWxbZL/9ATOHwHuS/nXNBzJ0u3srPpin44uxPx3yBJU94BT+hmq+JU4C+8KlT5OBBfxDzXhYkKOj283AdFuCIGIABsR0y4MGg37+Z6Qu8q/ZksJM3Afj8bGmYSSwJYJExOezM5pu8xLEFsD/TT5/sOIRX4Qa8Yt60YdMR2INHxYfgGr4NVWoQixF5O2FO7vw6jNyYTIQazZKJPv3HwYlyy6dvfwzPlgqdBsYN4agl02bXQkPSiIZdcKK0UXi88wHY6XXjn+TLsAoBZ5u/+cn/0JtQEYv0Ge8o1kU3vsa/x5mg+GSQvG2WipJw9pHr42eaKzRx4WMTVaeBnIJjWptRw7mFWEfIOUaXdxZdF+bg8a7jHF0dfh9chGVdJ6kUaSlRKQVaa1hSq/C74EVYilbgc95HYRtmHTuvRzfAuXfbXrILo8fyXeaBlAEVcDSC/Srg8hLgZTwSnsfONXwidx8eyw7C38LLtKBrmGqHNiiJybD2gf6pr+KrsgJfyH0cyrSADRO6R6SUUA8btnqIY0IjcD0FNgqIKULNRiAEFELAV/d8FjijcH71BQhIxj4oJtU6w1RD9qBUU0uwSuei5/Hh3CFo6hDmqvMUSDbKJLAbx4LwRBuAgIn2yOUzKUyXiowR8Hz9lVaciS4cCmrzislVnL4YEu7wu23JQi1ag3q9bm9gy7BdQoqNDHBhxwFhi14C7mmgtKLkwxi3m+Sp2A+2R25Fud3rwsHcXmKxOqfKsI1IJratgRiIZXgDAO5wbZTGS2oLQK/LOWk1BDcRT3nM4L3ZAez1ukCwoLgMLXBQnFQl1TqtEGPmqn4PA0ZjKq+YbB4uErRULepo/MBXYKLymxSKxdXh+bQv04d9mXuccTsP7Gl7hz25TiwD0IbZHUa1A7BVsE4sJnAhsgwkAt3m5eDh7iOQ4xm4pgOegwL6O3qpz+9BjhiaKnQacm55UgonJ8TIswBU6tqRydhvqoIWyZQowIotZAXbe7bVDnXscp8YzO6C+agGOS/rxnHAz7Ar7pZO4OAco0jiFxR4EUolyaWLUv1gS60JA8rVVCLqlIdARfCTD5+ETxWOpro4fd+33fly7XWcrPzBislGG7vjyO2HPUgAMEuBz0GEspWxVOKWwY0MtKRP60Jscu1+/8ovYUemBz7SfQCePPxN+PG1p6HSnIcGRx47QevQfVno9m/cylgD9hTYzESkbRpN7LwlYJOM8lQDJi6Ltiog4s6F+7N9MBe8Q1dqFXfvtVoZGirk6SicE4hpJ/u79cCTM01Fb0c31JorKEO5zA/2ukJMGhjrZCMDMcCYHx3G6v/zxefowXvvh+KOXVhpzMP04mVYaC67dm27YotqsX46BjI8RflVjZq1NfzVzF/tFCzYuvc7fGqlXxjZzoClJAIdcUdUOq3valjDv7/0AhzcNwgHhw7CxNVz1IgCKzFHuKMf151bYN0dnbQ3sx3/MXMR35ivUNw5uffzXFFBhMLNGYEmkZrjoeOh/VUZBjmS+iE7ie22M4N7KfGAxKWlJbgxN0e92R68p6cHVqIGl6gE6d7/eGQpjfZVbXtHD5iVCJ/79wVarC5ZOtEOWJd5Y9wQsh2XpDmDnjgfPFsONnS+wg+OFSV6U3xZbPVchhCPkEQ9uwZ2w+6hfVAXIdQtdfxEzs/CDu4Hb12vwMLiQqIgSEdEKn3kNyIPx9d+9OJ0y+emr2T57x4b4xsl/lShbeTEYJj6TD5L/UN7IdPf6cpar4b09hv/R9tyXbPGtHtTLDxc5gxN1Ev/mnyvr1u+lufGDheFzpT43XOkVRXJPG4NJ+jcXWC03GyqdYw7CEJSaNTWTy7oSJ4Mnrxc3szPlv8X5L5xeIQbbIntFjcbRN7OfAtf6pPillMm8E4Gp16avp19D7ZYambxctf9A7+OTJRjcbJIzbpINQsrn+HGbmLPVnB2A01mQ/ry2lMz17ayf0f/msFjh4sZ1FMcYhGSZPh7uwBaXRRxmhvBePCzS9Pv1+SdAUhW5ktDY8aYJzjnvd6+Luu5yi1gPDz96uSd2toyBZstc2X5Ih0qnAdlCl5PtiqkfCT8xX+fhbtY7wJFsgN+AOz2gwAAAABJRU5ErkJggg==" width="20" height="20" alt="Bits">
               1,000
               </span>
               <span class="price-badge">
                  <svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M1.67188 9.46461C1.67188 10.7546 2.66188 11.7946 3.89188 11.7946H6.40187C7.47187 11.7946 8.34188 10.8846 8.34188 9.76461C8.34188 8.54461 7.81188 8.11461 7.02188 7.83461L2.99187 6.43461C2.20187 6.15461 1.67188 5.72461 1.67188 4.50461C1.67188 3.38461 2.54187 2.47461 3.61187 2.47461H6.12187C7.35187 2.47461 8.34188 3.51461 8.34188 4.80461" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M5 1.13477V13.1348" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  3
               </span>
               <svg class="card-watermark" fill="none" width="100" height="100" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 83.5 39.09"><path d="m11.16,38.36c-4.62-.73-9.24-4.15-10.19-7.57-.7-2.52-.58-19.14.17-21.58C2.49,4.6,6.37,1.75,12.27.9c3.09-.41,33.22-.57,33.22-.16,0,.12-1.2,1.95-2.68,4.07l-2.72,3.83h-14.44c-15.8,0-16.3.08-17.25,2.36-.29.65-.45,2-.37,2.97l.12,1.79,13.12.12c7.18.04,13.08.24,13.08.41,0,.2-1.16,1.87-2.6,3.79l-2.56,3.42-9.99.12-9.94.08-.29,1.22c-.37,1.75.17,4.44,1.07,5.33.7.69,1.49.77,9.49.77,4.91,0,9-.16,9.45-.41.41-.2,5.08-6.39,10.4-13.72C49.78,2.53,50.48,1.79,54.73.86c1.36-.29,5.12-.41,10.56-.29,7.72.12,8.62.24,10.52,1.06,1.16.53,2.68,1.51,3.42,2.24,3.3,3.09,3.96,6.35,3.71,18.53-.12,8.51-.17,8.92-1.16,10.67-1.16,2-4.09,4.19-6.52,4.89-2.23.61-35.98.57-35.98-.04,0-.29,1.03-1.91,2.35-3.67l2.31-3.22h28.84l1.11-1.14c1.11-1.06,1.16-1.3,1.4-6.88.29-5.86.04-11.2-.58-12.38-.83-1.63-2.85-2-10.85-2h-7.68l-1.24,1.14c-.7.61-5.32,6.6-10.27,13.32-9.28,12.62-10.69,14.13-13.91,14.9-2.23.53-16.79.81-19.64.37h0Z" stroke="#28282E"/></svg>
            </div>
            <div class="dp-topup-card" role="button" data-bits="2000" data-cash="6">
               <span class="bits-amount">
               <img src="https://cdn.discordapp.com/attachments/1169414112074281021/1169763424725643365/download_1.png?ex=65569615&is=65442115&hm=66c3d1wv8YQUAAAd5SURBVHgBpVdvbBxXEZ95u+e7c2z3nMTOH4fk7NAmESkNqhCtBIqDAKkSQlTiQ0UFOEIgwQdsgQQCpJ4tJKKKSokRXxCVEiQ+EIEoAglopeJYFDVQ1UlLSZRKqe9aiCvbte9s393uvj/TeW/31ufGiZv02c9v7d2b+c1vfjOzRrjLdar5TBE0nB3I95XrkZz4Vv5EGe5iCbiL9UTtt6ORVJc0meOGaMTzzKWfN/4yttmzRDR6O1sId7C+t3B22Pf9kodi2EOPfBB4YNtuCI2Mt47KSugTP8w/Wm4D8AwiPvqBAIzNni2obXLcRzHKjsEXHriT98HuAQp0hBED4BMCI0kZOVkzzYkzvSerDGCKAZy4le0tUzDy1unhRr7BdOtRRQbsF1PPW7szDRTIRssREWqisQx5M99ZfPprfG/4dvZvCeCx2VPFx//31BQJmFJGF51TY4BBkN32eo8oQK/KWxbZL/9ATOHwHuS/nXNBzJ0u3srPpin44uxPx3yBJU94BT+hmq+JU4C+8KlT5OBBfxDzXhYkKOj283AdFuCIGIABsR0y4MGg37+Z6Qu8q/ZksJM3Afj8bGmYSSwJYJExOezM5pu8xLEFsD/TT5/sOIRX4Qa8Yt60YdMR2INHxYfgGr4NVWoQixF5O2FO7vw6jNyYTIQazZKJPv3HwYlyy6dvfwzPlgqdBsYN4agl02bXQkPSiIZdcKK0UXi88wHY6XXjn+TLsAoBZ5u/+cn/0JtQEYv0Ge8o1kU3vsa/x5mg+GSQvG2WipJw9pHr42eaKzRx4WMTVaeBnIJjWptRw7mFWEfIOUaXdxZdF+bg8a7jHF0dfh9chGVdJ6kUaSlRKQVaa1hSq/C74EVYilbgc95HYRtmHTuvRzfAuXfbXrILo8fyXeaBlAEVcDSC/Srg8hLgZTwSnsfONXwidx8eyw7C38LLtKBrmGqHNiiJybD2gf6pr+KrsgJfyH0cyrSADRO6R6SUUA8btnqIY0IjcD0FNgqIKULNRiAEFELAV/d8FjijcH71BQhIxj4oJtU6w1RD9qBUU0uwSuei5/Hh3CFo6hDmqvMUSDbKJLAbx4LwRBuAgIn2yOUzKUyXiowR8Hz9lVaciS4cCmrzislVnL4YEu7wu23JQi1ag3q9bm9gy7BdQoqNDHBhxwFhi14C7mmgtKLkwxi3m+Sp2A+2R25Fud3rwsHcXmKxOqfKsI1IJratgRiIZXgDAO5wbZTGS2oLQK/LOWk1BDcRT3nM4L3ZAez1ukCwoLgMLXBQnFQl1TqtEGPmqn4PA0ZjKq+YbB4uErRULepo/MBXYKLymxSKxdXh+bQv04d9mXuccTsP7Gl7hz25TiwD0IbZHUa1A7BVsE4sJnAhsgwkAt3m5eDh7iOQ4xm4pgOegwL6O3qpz+9BjhiaKnQacm55UgonJ8TIswBU6tqRydhvqoIWyZQowIotZAXbe7bVDnXscp8YzO6C+agGOS/rxnHAz7Ar7pZO4OAco0jiFxR4EUolyaWLUv1gS60JA8rVVCLqlIdARfCTD5+ETxWOpro4fd+33fly7XWcrPzBislGG7vjyO2HPUgAMEuBz0GEspWxVOKWwY0MtKRP60Jscu1+/8ovYUemBz7SfQCePPxN+PG1p6HSnIcGRx47QevQfVno9m/cylgD9hTYzESkbRpN7LwlYJOM8lQDJi6Ltiog4s6F+7N9MBe8Q1dqFXfvtVoZGirk6SicE4hpJ/u79cCTM01Fb0c31JorKEO5zA/2ukJMGhjrZCMDMcCYHx3G6v/zxefowXvvh+KOXVhpzMP04mVYaC67dm27YotqsX46BjI8RflVjZq1NfzVzF/tFCzYuvc7fGqlXxjZzoClJAIdcUdUOq3valjDv7/0AhzcNwgHhw7CxNVz1IgCKzFHuKMf151bYN0dnbQ3sx3/MXMR35ivUNw5uffzXFFBhMLNGYEmkZrjoeOh/VUZBjmS+iE7ie22M4N7KfGAxKWlJbgxN0e92R68p6cHVqIGl6gE6d7/eGQpjfZVbXtHD5iVCJ/79wVarC5ZOtEOWJd5Y9wQsh2XpDmDnjgfPFsONnS+wg+OFSV6U3xZbPVchhCPkEQ9uwZ2w+6hfVAXIdQtdfxEzs/CDu4Hb12vwMLiQqIgSEdEKn3kNyIPx9d+9OJ0y+emr2T57x4b4xsl/lShbeTEYJj6TD5L/UN7IdPf6cpar4b09hv/R9tyXbPGtHtTLDxc5gxN1Ev/mnyvr1u+lufGDheFzpT43XOkVRXJPG4NJ+jcXWC03GyqdYw7CEJSaNTWTy7oSJ4Mnrxc3szPlv8X5L5xeIQbbIntFjcbRN7OfAtf6pPillMm8E4Gp16avp19D7ZYambxctf9A7+OTJRjcbJIzbpINQsrn+HGbmLPVnB2A01mQ/ry2lMz17ayf0f/msFjh4sZ1FMcYhGSZPh7uwBaXRRxmhvBePCzS9Pv1+SdAUhW5ktDY8aYJzjnvd6+Luu5yi1gPDz96uSd2toyBZstc2X5Ih0qnAdlCl5PtiqkfCT8xX+fhbtY7wJFsgN+AOz2gwAAAABJRU5ErkJggg==" width="20" height="20" alt="Bits">
               2,000
               </span>
               <span class="price-badge">
                  <svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M1.67188 9.46461C1.67188 10.7546 2.66188 11.7946 3.89188 11.7946H6.40187C7.47187 11.7946 8.34188 10.8846 8.34188 9.76461C8.34188 8.54461 7.81188 8.11461 7.02188 7.83461L2.99187 6.43461C2.20187 6.15461 1.67188 5.72461 1.67188 4.50461C1.67188 3.38461 2.54187 2.47461 3.61187 2.47461H6.12187C7.35187 2.47461 8.34188 3.51461 8.34188 4.80461" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M5 1.13477V13.1348" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  6
               </span>
              <svg class="card-watermark" fill="none" width="100" height="100" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 83.5 39.09"><path d="m11.16,38.36c-4.62-.73-9.24-4.15-10.19-7.57-.7-2.52-.58-19.14.17-21.58C2.49,4.6,6.37,1.75,12.27.9c3.09-.41,33.22-.57,33.22-.16,0,.12-1.2,1.95-2.68,4.07l-2.72,3.83h-14.44c-15.8,0-16.3.08-17.25,2.36-.29.65-.45,2-.37,2.97l.12,1.79,13.12.12c7.18.04,13.08.24,13.08.41,0,.2-1.16,1.87-2.6,3.79l-2.56,3.42-9.99.12-9.94.08-.29,1.22c-.37,1.75.17,4.44,1.07,5.33.7.69,1.49.77,9.49.77,4.91,0,9-.16,9.45-.41.41-.2,5.08-6.39,10.4-13.72C49.78,2.53,50.48,1.79,54.73.86c1.36-.29,5.12-.41,10.56-.29,7.72.12,8.62.24,10.52,1.06,1.16.53,2.68,1.51,3.42,2.24,3.3,3.09,3.96,6.35,3.71,18.53-.12,8.51-.17,8.92-1.16,10.67-1.16,2-4.09,4.19-6.52,4.89-2.23.61-35.98.57-35.98-.04,0-.29,1.03-1.91,2.35-3.67l2.31-3.22h28.84l1.11-1.14c1.11-1.06,1.16-1.3,1.4-6.88.29-5.86.04-11.2-.58-12.38-.83-1.63-2.85-2-10.85-2h-7.68l-1.24,1.14c-.7.61-5.32,6.6-10.27,13.32-9.28,12.62-10.69,14.13-13.91,14.9-2.23.53-16.79.81-19.64.37h0Z" stroke="#28282E"/></svg>
            </div>
            <div class="dp-topup-card" role="button" data-bits="3000" data-cash="9">
               <span class="bits-amount">
               <img src="https://cdn.discordapp.com/attachments/1169414112074281021/1169763424725643365/download_1.png?ex=65569615&is=65442115&hm=66c3d1wv8YQUAAAd5SURBVHgBpVdvbBxXEZ95u+e7c2z3nMTOH4fk7NAmESkNqhCtBIqDAKkSQlTiQ0UFOEIgwQdsgQQCpJ4tJKKKSokRXxCVEiQ+EIEoAglopeJYFDVQ1UlLSZRKqe9aiCvbte9s393uvj/TeW/31ufGiZv02c9v7d2b+c1vfjOzRrjLdar5TBE0nB3I95XrkZz4Vv5EGe5iCbiL9UTtt6ORVJc0meOGaMTzzKWfN/4yttmzRDR6O1sId7C+t3B22Pf9kodi2EOPfBB4YNtuCI2Mt47KSugTP8w/Wm4D8AwiPvqBAIzNni2obXLcRzHKjsEXHriT98HuAQp0hBED4BMCI0kZOVkzzYkzvSerDGCKAZy4le0tUzDy1unhRr7BdOtRRQbsF1PPW7szDRTIRssREWqisQx5M99ZfPprfG/4dvZvCeCx2VPFx//31BQJmFJGF51TY4BBkN32eo8oQK/KWxbZL/9ATOHwHuS/nXNBzJ0u3srPpin44uxPx3yBJU94BT+hmq+JU4C+8KlT5OBBfxDzXhYkKOj283AdFuCIGIABsR0y4MGg37+Z6Qu8q/ZksJM3Afj8bGmYSSwJYJExOezM5pu8xLEFsD/TT5/sOIRX4Qa8Yt60YdMR2INHxYfgGr4NVWoQixF5O2FO7vw6jNyYTIQazZKJPv3HwYlyy6dvfwzPlgqdBsYN4agl02bXQkPSiIZdcKK0UXi88wHY6XXjn+TLsAoBZ5u/+cn/0JtQEYv0Ge8o1kU3vsa/x5mg+GSQvG2WipJw9pHr42eaKzRx4WMTVaeBnIJjWptRw7mFWEfIOUaXdxZdF+bg8a7jHF0dfh9chGVdJ6kUaSlRKQVaa1hSq/C74EVYilbgc95HYRtmHTuvRzfAuXfbXrILo8fyXeaBlAEVcDSC/Srg8hLgZTwSnsfONXwidx8eyw7C38LLtKBrmGqHNiiJybD2gf6pr+KrsgJfyH0cyrSADRO6R6SUUA8btnqIY0IjcD0FNgqIKULNRiAEFELAV/d8FjijcH71BQhIxj4oJtU6w1RD9qBUU0uwSuei5/Hh3CFo6hDmqvMUSDbKJLAbx4LwRBuAgIn2yOUzKUyXiowR8Hz9lVaciS4cCmrzislVnL4YEu7wu23JQi1ag3q9bm9gy7BdQoqNDHBhxwFhi14C7mmgtKLkwxi3m+Sp2A+2R25Fud3rwsHcXmKxOqfKsI1IJratgRiIZXgDAO5wbZTGS2oLQK/LOWk1BDcRT3nM4L3ZAez1ukCwoLgMLXBQnFQl1TqtEGPmqn4PA0ZjKq+YbB4uErRULepo/MBXYKLymxSKxdXh+bQv04d9mXuccTsP7Gl7hz25TiwD0IbZHUa1A7BVsE4sJnAhsgwkAt3m5eDh7iOQ4xm4pgOegwL6O3qpz+9BjhiaKnQacm55UgonJ8TIswBU6tqRydhvqoIWyZQowIotZAXbe7bVDnXscp8YzO6C+agGOS/rxnHAz7Ar7pZO4OAco0jiFxR4EUolyaWLUv1gS60JA8rVVCLqlIdARfCTD5+ETxWOpro4fd+33fly7XWcrPzBislGG7vjyO2HPUgAMEuBz0GEspWxVOKWwY0MtKRP60Jscu1+/8ovYUemBz7SfQCePPxN+PG1p6HSnIcGRx47QevQfVno9m/cylgD9hTYzESkbRpN7LwlYJOM8lQDJi6Ltiog4s6F+7N9MBe8Q1dqFXfvtVoZGirk6SicE4hpJ/u79cCTM01Fb0c31JorKEO5zA/2ukJMGhjrZCMDMcCYHx3G6v/zxefowXvvh+KOXVhpzMP04mVYaC67dm27YotqsX46BjI8RflVjZq1NfzVzF/tFCzYuvc7fGqlXxjZzoClJAIdcUdUOq3valjDv7/0AhzcNwgHhw7CxNVz1IgCKzFHuKMf151bYN0dnbQ3sx3/MXMR35ivUNw5uffzXFFBhMLNGYEmkZrjoeOh/VUZBjmS+iE7ie22M4N7KfGAxKWlJbgxN0e92R68p6cHVqIGl6gE6d7/eGQpjfZVbXtHD5iVCJ/79wVarC5ZOtEOWJd5Y9wQsh2XpDmDnjgfPFsONnS+wg+OFSV6U3xZbPVchhCPkEQ9uwZ2w+6hfVAXIdQtdfxEzs/CDu4Hb12vwMLiQqIgSEdEKn3kNyIPx9d+9OJ0y+emr2T57x4b4xsl/lShbeTEYJj6TD5L/UN7IdPf6cpar4b09hv/R9tyXbPGtHtTLDxc5gxN1Ev/mnyvr1u+lufGDheFzpT43XOkVRXJPG4NJ+jcXWC03GyqdYw7CEJSaNTWTy7oSJ4Mnrxc3szPlv8X5L5xeIQbbIntFjcbRN7OfAtf6pPillMm8E4Gp16avp19D7ZYambxctf9A7+OTJRjcbJIzbpINQsrn+HGbmLPVnB2A01mQ/ry2lMz17ayf0f/msFjh4sZ1FMcYhGSZPh7uwBaXRRxmhvBePCzS9Pv1+SdAUhW5ktDY8aYJzjnvd6+Luu5yi1gPDz96uSd2toyBZstc2X5Ih0qnAdlCl5PtiqkfCT8xX+fhbtY7wJFsgN+AOz2gwAAAABJRU5ErkJggg==" width="20" height="20" alt="Bits">
               3,000
               </span>
               <span class="price-badge">
                  <svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M1.67188 9.46461C1.67188 10.7546 2.66188 11.7946 3.89188 11.7946H6.40187C7.47187 11.7946 8.34188 10.8846 8.34188 9.76461C8.34188 8.54461 7.81188 8.11461 7.02188 7.83461L2.99187 6.43461C2.20187 6.15461 1.67188 5.72461 1.67188 4.50461C1.67188 3.38461 2.54187 2.47461 3.61187 2.47461H6.12187C7.35187 2.47461 8.34188 3.51461 8.34188 4.80461" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M5 1.13477V13.1348" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  9
               </span>
           <svg class="card-watermark" fill="none" width="100" height="100" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 83.5 39.09"><path d="m11.16,38.36c-4.62-.73-9.24-4.15-10.19-7.57-.7-2.52-.58-19.14.17-21.58C2.49,4.6,6.37,1.75,12.27.9c3.09-.41,33.22-.57,33.22-.16,0,.12-1.2,1.95-2.68,4.07l-2.72,3.83h-14.44c-15.8,0-16.3.08-17.25,2.36-.29.65-.45,2-.37,2.97l.12,1.79,13.12.12c7.18.04,13.08.24,13.08.41,0,.2-1.16,1.87-2.6,3.79l-2.56,3.42-9.99.12-9.94.08-.29,1.22c-.37,1.75.17,4.44,1.07,5.33.7.69,1.49.77,9.49.77,4.91,0,9-.16,9.45-.41.41-.2,5.08-6.39,10.4-13.72C49.78,2.53,50.48,1.79,54.73.86c1.36-.29,5.12-.41,10.56-.29,7.72.12,8.62.24,10.52,1.06,1.16.53,2.68,1.51,3.42,2.24,3.3,3.09,3.96,6.35,3.71,18.53-.12,8.51-.17,8.92-1.16,10.67-1.16,2-4.09,4.19-6.52,4.89-2.23.61-35.98.57-35.98-.04,0-.29,1.03-1.91,2.35-3.67l2.31-3.22h28.84l1.11-1.14c1.11-1.06,1.16-1.3,1.4-6.88.29-5.86.04-11.2-.58-12.38-.83-1.63-2.85-2-10.85-2h-7.68l-1.24,1.14c-.7.61-5.32,6.6-10.27,13.32-9.28,12.62-10.69,14.13-13.91,14.9-2.23.53-16.79.81-19.64.37h0Z" stroke="#28282E"/></svg>
            </div>
            <div class="dp-topup-card" role="button" data-bits="4000" data-cash="12">
               <span class="bits-amount">
               <img src="https://cdn.discordapp.com/attachments/1169414112074281021/1169763424725643365/download_1.png?ex=65569615&is=65442115&hm=66c3d1wv8YQUAAAd5SURBVHgBpVdvbBxXEZ95u+e7c2z3nMTOH4fk7NAmESkNqhCtBIqDAKkSQlTiQ0UFOEIgwQdsgQQCpJ4tJKKKSokRXxCVEiQ+EIEoAglopeJYFDVQ1UlLSZRKqe9aiCvbte9s393uvj/TeW/31ufGiZv02c9v7d2b+c1vfjOzRrjLdar5TBE0nB3I95XrkZz4Vv5EGe5iCbiL9UTtt6ORVJc0meOGaMTzzKWfN/4yttmzRDR6O1sId7C+t3B22Pf9kodi2EOPfBB4YNtuCI2Mt47KSugTP8w/Wm4D8AwiPvqBAIzNni2obXLcRzHKjsEXHriT98HuAQp0hBED4BMCI0kZOVkzzYkzvSerDGCKAZy4le0tUzDy1unhRr7BdOtRRQbsF1PPW7szDRTIRssREWqisQx5M99ZfPprfG/4dvZvCeCx2VPFx//31BQJmFJGF51TY4BBkN32eo8oQK/KWxbZL/9ATOHwHuS/nXNBzJ0u3srPpin44uxPx3yBJU94BT+hmq+JU4C+8KlT5OBBfxDzXhYkKOj283AdFuCIGIABsR0y4MGg37+Z6Qu8q/ZksJM3Afj8bGmYSSwJYJExOezM5pu8xLEFsD/TT5/sOIRX4Qa8Yt60YdMR2INHxYfgGr4NVWoQixF5O2FO7vw6jNyYTIQazZKJPv3HwYlyy6dvfwzPlgqdBsYN4agl02bXQkPSiIZdcKK0UXi88wHY6XXjn+TLsAoBZ5u/+cn/0JtQEYv0Ge8o1kU3vsa/x5mg+GSQvG2WipJw9pHr42eaKzRx4WMTVaeBnIJjWptRw7mFWEfIOUaXdxZdF+bg8a7jHF0dfh9chGVdJ6kUaSlRKQVaa1hSq/C74EVYilbgc95HYRtmHTuvRzfAuXfbXrILo8fyXeaBlAEVcDSC/Srg8hLgZTwSnsfONXwidx8eyw7C38LLtKBrmGqHNiiJybD2gf6pr+KrsgJfyH0cyrSADRO6R6SUUA8btnqIY0IjcD0FNgqIKULNRiAEFELAV/d8FjijcH71BQhIxj4oJtU6w1RD9qBUU0uwSuei5/Hh3CFo6hDmqvMUSDbKJLAbx4LwRBuAgIn2yOUzKUyXiowR8Hz9lVaciS4cCmrzislVnL4YEu7wu23JQi1ag3q9bm9gy7BdQoqNDHBhxwFhi14C7mmgtKLkwxi3m+Sp2A+2R25Fud3rwsHcXmKxOqfKsI1IJratgRiIZXgDAO5wbZTGS2oLQK/LOWk1BDcRT3nM4L3ZAez1ukCwoLgMLXBQnFQl1TqtEGPmqn4PA0ZjKq+YbB4uErRULepo/MBXYKLymxSKxdXh+bQv04d9mXuccTsP7Gl7hz25TiwD0IbZHUa1A7BVsE4sJnAhsgwkAt3m5eDh7iOQ4xm4pgOegwL6O3qpz+9BjhiaKnQacm55UgonJ8TIswBU6tqRydhvqoIWyZQowIotZAXbe7bVDnXscp8YzO6C+agGOS/rxnHAz7Ar7pZO4OAco0jiFxR4EUolyaWLUv1gS60JA8rVVCLqlIdARfCTD5+ETxWOpro4fd+33fly7XWcrPzBislGG7vjyO2HPUgAMEuBz0GEspWxVOKWwY0MtKRP60Jscu1+/8ovYUemBz7SfQCePPxN+PG1p6HSnIcGRx47QevQfVno9m/cylgD9hTYzESkbRpN7LwlYJOM8lQDJi6Ltiog4s6F+7N9MBe8Q1dqFXfvtVoZGirk6SicE4hpJ/u79cCTM01Fb0c31JorKEO5zA/2ukJMGhjrZCMDMcCYHx3G6v/zxefowXvvh+KOXVhpzMP04mVYaC67dm27YotqsX46BjI8RflVjZq1NfzVzF/tFCzYuvc7fGqlXxjZzoClJAIdcUdUOq3valjDv7/0AhzcNwgHhw7CxNVz1IgCKzFHuKMf151bYN0dnbQ3sx3/MXMR35ivUNw5uffzXFFBhMLNGYEmkZrjoeOh/VUZBjmS+iE7ie22M4N7KfGAxKWlJbgxN0e92R68p6cHVqIGl6gE6d7/eGQpjfZVbXtHD5iVCJ/79wVarC5ZOtEOWJd5Y9wQsh2XpDmDnjgfPFsONnS+wg+OFSV6U3xZbPVchhCPkEQ9uwZ2w+6hfVAXIdQtdfxEzs/CDu4Hb12vwMLiQqIgSEdEKn3kNyIPx9d+9OJ0y+emr2T57x4b4xsl/lShbeTEYJj6TD5L/UN7IdPf6cpar4b09hv/R9tyXbPGtHtTLDxc5gxN1Ev/mnyvr1u+lufGDheFzpT43XOkVRXJPG4NJ+jcXWC03GyqdYw7CEJSaNTWTy7oSJ4Mnrxc3szPlv8X5L5xeIQbbIntFjcbRN7OfAtf6pPillMm8E4Gp16avp19D7ZYambxctf9A7+OTJRjcbJIzbpINQsrn+HGbmLPVnB2A01mQ/ry2lMz17ayf0f/msFjh4sZ1FMcYhGSZPh7uwBaXRRxmhvBePCzS9Pv1+SdAUhW5ktDY8aYJzjnvd6+Luu5yi1gPDz96uSd2toyBZstc2X5Ih0qnAdlCl5PtiqkfCT8xX+fhbtY7wJFsgN+AOz2gwAAAABJRU5ErkJggg==" width="20" height="20" alt="Bits">
               4,000
               </span>
               <span class="price-badge">
                  <svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M1.67188 9.46461C1.67188 10.7546 2.66188 11.7946 3.89188 11.7946H6.40187C7.47187 11.7946 8.34188 10.8846 8.34188 9.76461C8.34188 8.54461 7.81188 8.11461 7.02188 7.83461L2.99187 6.43461C2.20187 6.15461 1.67188 5.72461 1.67188 4.50461C1.67188 3.38461 2.54187 2.47461 3.61187 2.47461H6.12187C7.35187 2.47461 8.34188 3.51461 8.34188 4.80461" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M5 1.13477V13.1348" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  12
               </span>
                          <svg class="card-watermark" fill="none" width="100" height="100" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 83.5 39.09"><path d="m11.16,38.36c-4.62-.73-9.24-4.15-10.19-7.57-.7-2.52-.58-19.14.17-21.58C2.49,4.6,6.37,1.75,12.27.9c3.09-.41,33.22-.57,33.22-.16,0,.12-1.2,1.95-2.68,4.07l-2.72,3.83h-14.44c-15.8,0-16.3.08-17.25,2.36-.29.65-.45,2-.37,2.97l.12,1.79,13.12.12c7.18.04,13.08.24,13.08.41,0,.2-1.16,1.87-2.6,3.79l-2.56,3.42-9.99.12-9.94.08-.29,1.22c-.37,1.75.17,4.44,1.07,5.33.7.69,1.49.77,9.49.77,4.91,0,9-.16,9.45-.41.41-.2,5.08-6.39,10.4-13.72C49.78,2.53,50.48,1.79,54.73.86c1.36-.29,5.12-.41,10.56-.29,7.72.12,8.62.24,10.52,1.06,1.16.53,2.68,1.51,3.42,2.24,3.3,3.09,3.96,6.35,3.71,18.53-.12,8.51-.17,8.92-1.16,10.67-1.16,2-4.09,4.19-6.52,4.89-2.23.61-35.98.57-35.98-.04,0-.29,1.03-1.91,2.35-3.67l2.31-3.22h28.84l1.11-1.14c1.11-1.06,1.16-1.3,1.4-6.88.29-5.86.04-11.2-.58-12.38-.83-1.63-2.85-2-10.85-2h-7.68l-1.24,1.14c-.7.61-5.32,6.6-10.27,13.32-9.28,12.62-10.69,14.13-13.91,14.9-2.23.53-16.79.81-19.64.37h0Z" stroke="#28282E"/></svg>
            </div>
            <div class="dp-topup-card" role="button" data-bits="5000" data-cash="14">
               <span class="bits-amount">
               <img src="https://cdn.discordapp.com/attachments/1169414112074281021/1169763424725643365/download_1.png?ex=65569615&is=65442115&hm=66c3d1wv8YQUAAAd5SURBVHgBpVdvbBxXEZ95u+e7c2z3nMTOH4fk7NAmESkNqhCtBIqDAKkSQlTiQ0UFOEIgwQdsgQQCpJ4tJKKKSokRXxCVEiQ+EIEoAglopeJYFDVQ1UlLSZRKqe9aiCvbte9s393uvj/TeW/31ufGiZv02c9v7d2b+c1vfjOzRrjLdar5TBE0nB3I95XrkZz4Vv5EGe5iCbiL9UTtt6ORVJc0meOGaMTzzKWfN/4yttmzRDR6O1sId7C+t3B22Pf9kodi2EOPfBB4YNtuCI2Mt47KSugTP8w/Wm4D8AwiPvqBAIzNni2obXLcRzHKjsEXHriT98HuAQp0hBED4BMCI0kZOVkzzYkzvSerDGCKAZy4le0tUzDy1unhRr7BdOtRRQbsF1PPW7szDRTIRssREWqisQx5M99ZfPprfG/4dvZvCeCx2VPFx//31BQJmFJGF51TY4BBkN32eo8oQK/KWxbZL/9ATOHwHuS/nXNBzJ0u3srPpin44uxPx3yBJU94BT+hmq+JU4C+8KlT5OBBfxDzXhYkKOj283AdFuCIGIABsR0y4MGg37+Z6Qu8q/ZksJM3Afj8bGmYSSwJYJExOezM5pu8xLEFsD/TT5/sOIRX4Qa8Yt60YdMR2INHxYfgGr4NVWoQixF5O2FO7vw6jNyYTIQazZKJPv3HwYlyy6dvfwzPlgqdBsYN4agl02bXQkPSiIZdcKK0UXi88wHY6XXjn+TLsAoBZ5u/+cn/0JtQEYv0Ge8o1kU3vsa/x5mg+GSQvG2WipJw9pHr42eaKzRx4WMTVaeBnIJjWptRw7mFWEfIOUaXdxZdF+bg8a7jHF0dfh9chGVdJ6kUaSlRKQVaa1hSq/C74EVYilbgc95HYRtmHTuvRzfAuXfbXrILo8fyXeaBlAEVcDSC/Srg8hLgZTwSnsfONXwidx8eyw7C38LLtKBrmGqHNiiJybD2gf6pr+KrsgJfyH0cyrSADRO6R6SUUA8btnqIY0IjcD0FNgqIKULNRiAEFELAV/d8FjijcH71BQhIxj4oJtU6w1RD9qBUU0uwSuei5/Hh3CFo6hDmqvMUSDbKJLAbx4LwRBuAgIn2yOUzKUyXiowR8Hz9lVaciS4cCmrzislVnL4YEu7wu23JQi1ag3q9bm9gy7BdQoqNDHBhxwFhi14C7mmgtKLkwxi3m+Sp2A+2R25Fud3rwsHcXmKxOqfKsI1IJratgRiIZXgDAO5wbZTGS2oLQK/LOWk1BDcRT3nM4L3ZAez1ukCwoLgMLXBQnFQl1TqtEGPmqn4PA0ZjKq+YbB4uErRULepo/MBXYKLymxSKxdXh+bQv04d9mXuccTsP7Gl7hz25TiwD0IbZHUa1A7BVsE4sJnAhsgwkAt3m5eDh7iOQ4xm4pgOegwL6O3qpz+9BjhiaKnQacm55UgonJ8TIswBU6tqRydhvqoIWyZQowIotZAXbe7bVDnXscp8YzO6C+agGOS/rxnHAz7Ar7pZO4OAco0jiFxR4EUolyaWLUv1gS60JA8rVVCLqlIdARfCTD5+ETxWOpro4fd+33fly7XWcrPzBislGG7vjyO2HPUgAMEuBz0GEspWxVOKWwY0MtKRP60Jscu1+/8ovYUemBz7SfQCePPxN+PG1p6HSnIcGRx47QevQfVno9m/cylgD9hTYzESkbRpN7LwlYJOM8lQDJi6Ltiog4s6F+7N9MBe8Q1dqFXfvtVoZGirk6SicE4hpJ/u79cCTM01Fb0c31JorKEO5zA/2ukJMGhjrZCMDMcCYHx3G6v/zxefowXvvh+KOXVhpzMP04mVYaC67dm27YotqsX46BjI8RflVjZq1NfzVzF/tFCzYuvc7fGqlXxjZzoClJAIdcUdUOq3valjDv7/0AhzcNwgHhw7CxNVz1IgCKzFHuKMf151bYN0dnbQ3sx3/MXMR35ivUNw5uffzXFFBhMLNGYEmkZrjoeOh/VUZBjmS+iE7ie22M4N7KfGAxKWlJbgxN0e92R68p6cHVqIGl6gE6d7/eGQpjfZVbXtHD5iVCJ/79wVarC5ZOtEOWJd5Y9wQsh2XpDmDnjgfPFsONnS+wg+OFSV6U3xZbPVchhCPkEQ9uwZ2w+6hfVAXIdQtdfxEzs/CDu4Hb12vwMLiQqIgSEdEKn3kNyIPx9d+9OJ0y+emr2T57x4b4xsl/lShbeTEYJj6TD5L/UN7IdPf6cpar4b09hv/R9tyXbPGtHtTLDxc5gxN1Ev/mnyvr1u+lufGDheFzpT43XOkVRXJPG4NJ+jcXWC03GyqdYw7CEJSaNTWTy7oSJ4Mnrxc3szPlv8X5L5xeIQbbIntFjcbRN7OfAtf6pPillMm8E4Gp16avp19D7ZYambxctf9A7+OTJRjcbJIzbpINQsrn+HGbmLPVnB2A01mQ/ry2lMz17ayf0f/msFjh4sZ1FMcYhGSZPh7uwBaXRRxmhvBePCzS9Pv1+SdAUhW5ktDY8aYJzjnvd6+Luu5yi1gPDz96uSd2toyBZstc2X5Ih0qnAdlCl5PtiqkfCT8xX+fhbtY7wJFsgN+AOz2gwAAAABJRU5ErkJggg==" width="20" height="20" alt="Bits">
               5,000
               </span>
               <span class="price-badge">
                  <svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M1.67188 9.46461C1.67188 10.7546 2.66188 11.7946 3.89188 11.7946H6.40187C7.47187 11.7946 8.34188 10.8846 8.34188 9.76461C8.34188 8.54461 7.81188 8.11461 7.02188 7.83461L2.99187 6.43461C2.20187 6.15461 1.67188 5.72461 1.67188 4.50461C1.67188 3.38461 2.54187 2.47461 3.61187 2.47461H6.12187C7.35187 2.47461 8.34188 3.51461 8.34188 4.80461" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M5 1.13477V13.1348" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  14
               </span>
                          <svg class="card-watermark" fill="none" width="100" height="100" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 83.5 39.09"><path d="m11.16,38.36c-4.62-.73-9.24-4.15-10.19-7.57-.7-2.52-.58-19.14.17-21.58C2.49,4.6,6.37,1.75,12.27.9c3.09-.41,33.22-.57,33.22-.16,0,.12-1.2,1.95-2.68,4.07l-2.72,3.83h-14.44c-15.8,0-16.3.08-17.25,2.36-.29.65-.45,2-.37,2.97l.12,1.79,13.12.12c7.18.04,13.08.24,13.08.41,0,.2-1.16,1.87-2.6,3.79l-2.56,3.42-9.99.12-9.94.08-.29,1.22c-.37,1.75.17,4.44,1.07,5.33.7.69,1.49.77,9.49.77,4.91,0,9-.16,9.45-.41.41-.2,5.08-6.39,10.4-13.72C49.78,2.53,50.48,1.79,54.73.86c1.36-.29,5.12-.41,10.56-.29,7.72.12,8.62.24,10.52,1.06,1.16.53,2.68,1.51,3.42,2.24,3.3,3.09,3.96,6.35,3.71,18.53-.12,8.51-.17,8.92-1.16,10.67-1.16,2-4.09,4.19-6.52,4.89-2.23.61-35.98.57-35.98-.04,0-.29,1.03-1.91,2.35-3.67l2.31-3.22h28.84l1.11-1.14c1.11-1.06,1.16-1.3,1.4-6.88.29-5.86.04-11.2-.58-12.38-.83-1.63-2.85-2-10.85-2h-7.68l-1.24,1.14c-.7.61-5.32,6.6-10.27,13.32-9.28,12.62-10.69,14.13-13.91,14.9-2.23.53-16.79.81-19.64.37h0Z" stroke="#28282E"/></svg>
            </div>
            <div class="dp-topup-card" role="button" data-bits="6000" data-cash="16">
               <span class="bits-amount">
               <img src="https://cdn.discordapp.com/attachments/1169414112074281021/1169763424725643365/download_1.png?ex=65569615&is=65442115&hm=66c3d1wv8YQUAAAd5SURBVHgBpVdvbBxXEZ95u+e7c2z3nMTOH4fk7NAmESkNqhCtBIqDAKkSQlTiQ0UFOEIgwQdsgQQCpJ4tJKKKSokRXxCVEiQ+EIEoAglopeJYFDVQ1UlLSZRKqe9aiCvbte9s393uvj/TeW/31ufGiZv02c9v7d2b+c1vfjOzRrjLdar5TBE0nB3I95XrkZz4Vv5EGe5iCbiL9UTtt6ORVJc0meOGaMTzzKWfN/4yttmzRDR6O1sId7C+t3B22Pf9kodi2EOPfBB4YNtuCI2Mt47KSugTP8w/Wm4D8AwiPvqBAIzNni2obXLcRzHKjsEXHriT98HuAQp0hBED4BMCI0kZOVkzzYkzvSerDGCKAZy4le0tUzDy1unhRr7BdOtRRQbsF1PPW7szDRTIRssREWqisQx5M99ZfPprfG/4dvZvCeCx2VPFx//31BQJmFJGF51TY4BBkN32eo8oQK/KWxbZL/9ATOHwHuS/nXNBzJ0u3srPpin44uxPx3yBJU94BT+hmq+JU4C+8KlT5OBBfxDzXhYkKOj283AdFuCIGIABsR0y4MGg37+Z6Qu8q/ZksJM3Afj8bGmYSSwJYJExOezM5pu8xLEFsD/TT5/sOIRX4Qa8Yt60YdMR2INHxYfgGr4NVWoQixF5O2FO7vw6jNyYTIQazZKJPv3HwYlyy6dvfwzPlgqdBsYN4agl02bXQkPSiIZdcKK0UXi88wHY6XXjn+TLsAoBZ5u/+cn/0JtQEYv0Ge8o1kU3vsa/x5mg+GSQvG2WipJw9pHr42eaKzRx4WMTVaeBnIJjWptRw7mFWEfIOUaXdxZdF+bg8a7jHF0dfh9chGVdJ6kUaSlRKQVaa1hSq/C74EVYilbgc95HYRtmHTuvRzfAuXfbXrILo8fyXeaBlAEVcDSC/Srg8hLgZTwSnsfONXwidx8eyw7C38LLtKBrmGqHNiiJybD2gf6pr+KrsgJfyH0cyrSADRO6R6SUUA8btnqIY0IjcD0FNgqIKULNRiAEFELAV/d8FjijcH71BQhIxj4oJtU6w1RD9qBUU0uwSuei5/Hh3CFo6hDmqvMUSDbKJLAbx4LwRBuAgIn2yOUzKUyXiowR8Hz9lVaciS4cCmrzislVnL4YEu7wu23JQi1ag3q9bm9gy7BdQoqNDHBhxwFhi14C7mmgtKLkwxi3m+Sp2A+2R25Fud3rwsHcXmKxOqfKsI1IJratgRiIZXgDAO5wbZTGS2oLQK/LOWk1BDcRT3nM4L3ZAez1ukCwoLgMLXBQnFQl1TqtEGPmqn4PA0ZjKq+YbB4uErRULepo/MBXYKLymxSKxdXh+bQv04d9mXuccTsP7Gl7hz25TiwD0IbZHUa1A7BVsE4sJnAhsgwkAt3m5eDh7iOQ4xm4pgOegwL6O3qpz+9BjhiaKnQacm55UgonJ8TIswBU6tqRydhvqoIWyZQowIotZAXbe7bVDnXscp8YzO6C+agGOS/rxnHAz7Ar7pZO4OAco0jiFxR4EUolyaWLUv1gS60JA8rVVCLqlIdARfCTD5+ETxWOpro4fd+33fly7XWcrPzBislGG7vjyO2HPUgAMEuBz0GEspWxVOKWwY0MtKRP60Jscu1+/8ovYUemBz7SfQCePPxN+PG1p6HSnIcGRx47QevQfVno9m/cylgD9hTYzESkbRpN7LwlYJOM8lQDJi6Ltiog4s6F+7N9MBe8Q1dqFXfvtVoZGirk6SicE4hpJ/u79cCTM01Fb0c31JorKEO5zA/2ukJMGhjrZCMDMcCYHx3G6v/zxefowXvvh+KOXVhpzMP04mVYaC67dm27YotqsX46BjI8RflVjZq1NfzVzF/tFCzYuvc7fGqlXxjZzoClJAIdcUdUOq3valjDv7/0AhzcNwgHhw7CxNVz1IgCKzFHuKMf151bYN0dnbQ3sx3/MXMR35ivUNw5uffzXFFBhMLNGYEmkZrjoeOh/VUZBjmS+iE7ie22M4N7KfGAxKWlJbgxN0e92R68p6cHVqIGl6gE6d7/eGQpjfZVbXtHD5iVCJ/79wVarC5ZOtEOWJd5Y9wQsh2XpDmDnjgfPFsONnS+wg+OFSV6U3xZbPVchhCPkEQ9uwZ2w+6hfVAXIdQtdfxEzs/CDu4Hb12vwMLiQqIgSEdEKn3kNyIPx9d+9OJ0y+emr2T57x4b4xsl/lShbeTEYJj6TD5L/UN7IdPf6cpar4b09hv/R9tyXbPGtHtTLDxc5gxN1Ev/mnyvr1u+lufGDheFzpT43XOkVRXJPG4NJ+jcXWC03GyqdYw7CEJSaNTWTy7oSJ4Mnrxc3szPlv8X5L5xeIQbbIntFjcbRN7OfAtf6pPillMm8E4Gp16avp19D7ZYambxctf9A7+OTJRjcbJIzbpINQsrn+HGbmLPVnB2A01mQ/ry2lMz17ayf0f/msFjh4sZ1FMcYhGSZPh7uwBaXRRxmhvBePCzS9Pv1+SdAUhW5ktDY8aYJzjnvd6+Luu5yi1gPDz96uSd2toyBZstc2X5Ih0qnAdlCl5PtiqkfCT8xX+fhbtY7wJFsgN+AOz2gwAAAABJRU5ErkJggg==" width="20" height="20" alt="Bits">
               6,000
               </span>
               <span class="price-badge">
                  <svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M1.67188 9.46461C1.67188 10.7546 2.66188 11.7946 3.89188 11.7946H6.40187C7.47187 11.7946 8.34188 10.8846 8.34188 9.76461C8.34188 8.54461 7.81188 8.11461 7.02188 7.83461L2.99187 6.43461C2.20187 6.15461 1.67188 5.72461 1.67188 4.50461C1.67188 3.38461 2.54187 2.47461 3.61187 2.47461H6.12187C7.35187 2.47461 8.34188 3.51461 8.34188 4.80461" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M5 1.13477V13.1348" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  16
               </span>
                          <svg class="card-watermark" fill="none" width="100" height="100" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 83.5 39.09"><path d="m11.16,38.36c-4.62-.73-9.24-4.15-10.19-7.57-.7-2.52-.58-19.14.17-21.58C2.49,4.6,6.37,1.75,12.27.9c3.09-.41,33.22-.57,33.22-.16,0,.12-1.2,1.95-2.68,4.07l-2.72,3.83h-14.44c-15.8,0-16.3.08-17.25,2.36-.29.65-.45,2-.37,2.97l.12,1.79,13.12.12c7.18.04,13.08.24,13.08.41,0,.2-1.16,1.87-2.6,3.79l-2.56,3.42-9.99.12-9.94.08-.29,1.22c-.37,1.75.17,4.44,1.07,5.33.7.69,1.49.77,9.49.77,4.91,0,9-.16,9.45-.41.41-.2,5.08-6.39,10.4-13.72C49.78,2.53,50.48,1.79,54.73.86c1.36-.29,5.12-.41,10.56-.29,7.72.12,8.62.24,10.52,1.06,1.16.53,2.68,1.51,3.42,2.24,3.3,3.09,3.96,6.35,3.71,18.53-.12,8.51-.17,8.92-1.16,10.67-1.16,2-4.09,4.19-6.52,4.89-2.23.61-35.98.57-35.98-.04,0-.29,1.03-1.91,2.35-3.67l2.31-3.22h28.84l1.11-1.14c1.11-1.06,1.16-1.3,1.4-6.88.29-5.86.04-11.2-.58-12.38-.83-1.63-2.85-2-10.85-2h-7.68l-1.24,1.14c-.7.61-5.32,6.6-10.27,13.32-9.28,12.62-10.69,14.13-13.91,14.9-2.23.53-16.79.81-19.64.37h0Z" stroke="#28282E"/></svg>
            </div>
            <div class="dp-topup-card" role="button" data-bits="7000" data-cash="18">
               <span class="bits-amount">
               <img src="https://cdn.discordapp.com/attachments/1169414112074281021/1169763424725643365/download_1.png?ex=65569615&is=65442115&hm=66c3d1wv8YQUAAAd5SURBVHgBpVdvbBxXEZ95u+e7c2z3nMTOH4fk7NAmESkNqhCtBIqDAKkSQlTiQ0UFOEIgwQdsgQQCpJ4tJKKKSokRXxCVEiQ+EIEoAglopeJYFDVQ1UlLSZRKqe9aiCvbte9s393uvj/TeW/31ufGiZv02c9v7d2b+c1vfjOzRrjLdar5TBE0nB3I95XrkZz4Vv5EGe5iCbiL9UTtt6ORVJc0meOGaMTzzKWfN/4yttmzRDR6O1sId7C+t3B22Pf9kodi2EOPfBB4YNtuCI2Mt47KSugTP8w/Wm4D8AwiPvqBAIzNni2obXLcRzHKjsEXHriT98HuAQp0hBED4BMCI0kZOVkzzYkzvSerDGCKAZy4le0tUzDy1unhRr7BdOtRRQbsF1PPW7szDRTIRssREWqisQx5M99ZfPprfG/4dvZvCeCx2VPFx//31BQJmFJGF51TY4BBkN32eo8oQK/KWxbZL/9ATOHwHuS/nXNBzJ0u3srPpin44uxPx3yBJU94BT+hmq+JU4C+8KlT5OBBfxDzXhYkKOj283AdFuCIGIABsR0y4MGg37+Z6Qu8q/ZksJM3Afj8bGmYSSwJYJExOezM5pu8xLEFsD/TT5/sOIRX4Qa8Yt60YdMR2INHxYfgGr4NVWoQixF5O2FO7vw6jNyYTIQazZKJPv3HwYlyy6dvfwzPlgqdBsYN4agl02bXQkPSiIZdcKK0UXi88wHY6XXjn+TLsAoBZ5u/+cn/0JtQEYv0Ge8o1kU3vsa/x5mg+GSQvG2WipJw9pHr42eaKzRx4WMTVaeBnIJjWptRw7mFWEfIOUaXdxZdF+bg8a7jHF0dfh9chGVdJ6kUaSlRKQVaa1hSq/C74EVYilbgc95HYRtmHTuvRzfAuXfbXrILo8fyXeaBlAEVcDSC/Srg8hLgZTwSnsfONXwidx8eyw7C38LLtKBrmGqHNiiJybD2gf6pr+KrsgJfyH0cyrSADRO6R6SUUA8btnqIY0IjcD0FNgqIKULNRiAEFELAV/d8FjijcH71BQhIxj4oJtU6w1RD9qBUU0uwSuei5/Hh3CFo6hDmqvMUSDbKJLAbx4LwRBuAgIn2yOUzKUyXiowR8Hz9lVaciS4cCmrzislVnL4YEu7wu23JQi1ag3q9bm9gy7BdQoqNDHBhxwFhi14C7mmgtKLkwxi3m+Sp2A+2R25Fud3rwsHcXmKxOqfKsI1IJratgRiIZXgDAO5wbZTGS2oLQK/LOWk1BDcRT3nM4L3ZAez1ukCwoLgMLXBQnFQl1TqtEGPmqn4PA0ZjKq+YbB4uErRULepo/MBXYKLymxSKxdXh+bQv04d9mXuccTsP7Gl7hz25TiwD0IbZHUa1A7BVsE4sJnAhsgwkAt3m5eDh7iOQ4xm4pgOegwL6O3qpz+9BjhiaKnQacm55UgonJ8TIswBU6tqRydhvqoIWyZQowIotZAXbe7bVDnXscp8YzO6C+agGOS/rxnHAz7Ar7pZO4OAco0jiFxR4EUolyaWLUv1gS60JA8rVVCLqlIdARfCTD5+ETxWOpro4fd+33fly7XWcrPzBislGG7vjyO2HPUgAMEuBz0GEspWxVOKWwY0MtKRP60Jscu1+/8ovYUemBz7SfQCePPxN+PG1p6HSnIcGRx47QevQfVno9m/cylgD9hTYzESkbRpN7LwlYJOM8lQDJi6Ltiog4s6F+7N9MBe8Q1dqFXfvtVoZGirk6SicE4hpJ/u79cCTM01Fb0c31JorKEO5zA/2ukJMGhjrZCMDMcCYHx3G6v/zxefowXvvh+KOXVhpzMP04mVYaC67dm27YotqsX46BjI8RflVjZq1NfzVzF/tFCzYuvc7fGqlXxjZzoClJAIdcUdUOq3valjDv7/0AhzcNwgHhw7CxNVz1IgCKzFHuKMf151bYN0dnbQ3sx3/MXMR35ivUNw5uffzXFFBhMLNGYEmkZrjoeOh/VUZBjmS+iE7ie22M4N7KfGAxKWlJbgxN0e92R68p6cHVqIGl6gE6d7/eGQpjfZVbXtHD5iVCJ/79wVarC5ZOtEOWJd5Y9wQsh2XpDmDnjgfPFsONnS+wg+OFSV6U3xZbPVchhCPkEQ9uwZ2w+6hfVAXIdQtdfxEzs/CDu4Hb12vwMLiQqIgSEdEKn3kNyIPx9d+9OJ0y+emr2T57x4b4xsl/lShbeTEYJj6TD5L/UN7IdPf6cpar4b09hv/R9tyXbPGtHtTLDxc5gxN1Ev/mnyvr1u+lufGDheFzpT43XOkVRXJPG4NJ+jcXWC03GyqdYw7CEJSaNTWTy7oSJ4Mnrxc3szPlv8X5L5xeIQbbIntFjcbRN7OfAtf6pPillMm8E4Gp16avp19D7ZYambxctf9A7+OTJRjcbJIzbpINQsrn+HGbmLPVnB2A01mQ/ry2lMz17ayf0f/msFjh4sZ1FMcYhGSZPh7uwBaXRRxmhvBePCzS9Pv1+SdAUhW5ktDY8aYJzjnvd6+Luu5yi1gPDz96uSd2toyBZstc2X5Ih0qnAdlCl5PtiqkfCT8xX+fhbtY7wJFsgN+AOz2gwAAAABJRU5ErkJggg==" width="20" height="20" alt="Bits">
               7,000
               </span>
               <span class="price-badge">
                  <svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M1.67188 9.46461C1.67188 10.7546 2.66188 11.7946 3.89188 11.7946H6.40187C7.47187 11.7946 8.34188 10.8846 8.34188 9.76461C8.34188 8.54461 7.81188 8.11461 7.02188 7.83461L2.99187 6.43461C2.20187 6.15461 1.67188 5.72461 1.67188 4.50461C1.67188 3.38461 2.54187 2.47461 3.61187 2.47461H6.12187C7.35187 2.47461 8.34188 3.51461 8.34188 4.80461" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M5 1.13477V13.1348" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  18
               </span>
                          <svg class="card-watermark" fill="none" width="100" height="100" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 83.5 39.09"><path d="m11.16,38.36c-4.62-.73-9.24-4.15-10.19-7.57-.7-2.52-.58-19.14.17-21.58C2.49,4.6,6.37,1.75,12.27.9c3.09-.41,33.22-.57,33.22-.16,0,.12-1.2,1.95-2.68,4.07l-2.72,3.83h-14.44c-15.8,0-16.3.08-17.25,2.36-.29.65-.45,2-.37,2.97l.12,1.79,13.12.12c7.18.04,13.08.24,13.08.41,0,.2-1.16,1.87-2.6,3.79l-2.56,3.42-9.99.12-9.94.08-.29,1.22c-.37,1.75.17,4.44,1.07,5.33.7.69,1.49.77,9.49.77,4.91,0,9-.16,9.45-.41.41-.2,5.08-6.39,10.4-13.72C49.78,2.53,50.48,1.79,54.73.86c1.36-.29,5.12-.41,10.56-.29,7.72.12,8.62.24,10.52,1.06,1.16.53,2.68,1.51,3.42,2.24,3.3,3.09,3.96,6.35,3.71,18.53-.12,8.51-.17,8.92-1.16,10.67-1.16,2-4.09,4.19-6.52,4.89-2.23.61-35.98.57-35.98-.04,0-.29,1.03-1.91,2.35-3.67l2.31-3.22h28.84l1.11-1.14c1.11-1.06,1.16-1.3,1.4-6.88.29-5.86.04-11.2-.58-12.38-.83-1.63-2.85-2-10.85-2h-7.68l-1.24,1.14c-.7.61-5.32,6.6-10.27,13.32-9.28,12.62-10.69,14.13-13.91,14.9-2.23.53-16.79.81-19.64.37h0Z" stroke="#28282E"/></svg>
            </div>
            <div class="dp-topup-card" role="button" data-bits="8000" data-cash="20">
               <span class="bits-amount">
               <img src="https://cdn.discordapp.com/attachments/1169414112074281021/1169763424725643365/download_1.png?ex=65569615&is=65442115&hm=66c3d1wv8YQUAAAd5SURBVHgBpVdvbBxXEZ95u+e7c2z3nMTOH4fk7NAmESkNqhCtBIqDAKkSQlTiQ0UFOEIgwQdsgQQCpJ4tJKKKSokRXxCVEiQ+EIEoAglopeJYFDVQ1UlLSZRKqe9aiCvbte9s393uvj/TeW/31ufGiZv02c9v7d2b+c1vfjOzRrjLdar5TBE0nB3I95XrkZz4Vv5EGe5iCbiL9UTtt6ORVJc0meOGaMTzzKWfN/4yttmzRDR6O1sId7C+t3B22Pf9kodi2EOPfBB4YNtuCI2Mt47KSugTP8w/Wm4D8AwiPvqBAIzNni2obXLcRzHKjsEXHriT98HuAQp0hBED4BMCI0kZOVkzzYkzvSerDGCKAZy4le0tUzDy1unhRr7BdOtRRQbsF1PPW7szDRTIRssREWqisQx5M99ZfPprfG/4dvZvCeCx2VPFx//31BQJmFJGF51TY4BBkN32eo8oQK/KWxbZL/9ATOHwHuS/nXNBzJ0u3srPpin44uxPx3yBJU94BT+hmq+JU4C+8KlT5OBBfxDzXhYkKOj283AdFuCIGIABsR0y4MGg37+Z6Qu8q/ZksJM3Afj8bGmYSSwJYJExOezM5pu8xLEFsD/TT5/sOIRX4Qa8Yt60YdMR2INHxYfgGr4NVWoQixF5O2FO7vw6jNyYTIQazZKJPv3HwYlyy6dvfwzPlgqdBsYN4agl02bXQkPSiIZdcKK0UXi88wHY6XXjn+TLsAoBZ5u/+cn/0JtQEYv0Ge8o1kU3vsa/x5mg+GSQvG2WipJw9pHr42eaKzRx4WMTVaeBnIJjWptRw7mFWEfIOUaXdxZdF+bg8a7jHF0dfh9chGVdJ6kUaSlRKQVaa1hSq/C74EVYilbgc95HYRtmHTuvRzfAuXfbXrILo8fyXeaBlAEVcDSC/Srg8hLgZTwSnsfONXwidx8eyw7C38LLtKBrmGqHNiiJybD2gf6pr+KrsgJfyH0cyrSADRO6R6SUUA8btnqIY0IjcD0FNgqIKULNRiAEFELAV/d8FjijcH71BQhIxj4oJtU6w1RD9qBUU0uwSuei5/Hh3CFo6hDmqvMUSDbKJLAbx4LwRBuAgIn2yOUzKUyXiowR8Hz9lVaciS4cCmrzislVnL4YEu7wu23JQi1ag3q9bm9gy7BdQoqNDHBhxwFhi14C7mmgtKLkwxi3m+Sp2A+2R25Fud3rwsHcXmKxOqfKsI1IJratgRiIZXgDAO5wbZTGS2oLQK/LOWk1BDcRT3nM4L3ZAez1ukCwoLgMLXBQnFQl1TqtEGPmqn4PA0ZjKq+YbB4uErRULepo/MBXYKLymxSKxdXh+bQv04d9mXuccTsP7Gl7hz25TiwD0IbZHUa1A7BVsE4sJnAhsgwkAt3m5eDh7iOQ4xm4pgOegwL6O3qpz+9BjhiaKnQacm55UgonJ8TIswBU6tqRydhvqoIWyZQowIotZAXbe7bVDnXscp8YzO6C+agGOS/rxnHAz7Ar7pZO4OAco0jiFxR4EUolyaWLUv1gS60JA8rVVCLqlIdARfCTD5+ETxWOpro4fd+33fly7XWcrPzBislGG7vjyO2HPUgAMEuBz0GEspWxVOKWwY0MtKRP60Jscu1+/8ovYUemBz7SfQCePPxN+PG1p6HSnIcGRx47QevQfVno9m/cylgD9hTYzESkbRpN7LwlYJOM8lQDJi6Ltiog4s6F+7N9MBe8Q1dqFXfvtVoZGirk6SicE4hpJ/u79cCTM01Fb0c31JorKEO5zA/2ukJMGhjrZCMDMcCYHx3G6v/zxefowXvvh+KOXVhpzMP04mVYaC67dm27YotqsX46BjI8RflVjZq1NfzVzF/tFCzYuvc7fGqlXxjZzoClJAIdcUdUOq3valjDv7/0AhzcNwgHhw7CxNVz1IgCKzFHuKMf151bYN0dnbQ3sx3/MXMR35ivUNw5uffzXFFBhMLNGYEmkZrjoeOh/VUZBjmS+iE7ie22M4N7KfGAxKWlJbgxN0e92R68p6cHVqIGl6gE6d7/eGQpjfZVbXtHD5iVCJ/79wVarC5ZOtEOWJd5Y9wQsh2XpDmDnjgfPFsONnS+wg+OFSV6U3xZbPVchhCPkEQ9uwZ2w+6hfVAXIdQtdfxEzs/CDu4Hb12vwMLiQqIgSEdEKn3kNyIPx9d+9OJ0y+emr2T57x4b4xsl/lShbeTEYJj6TD5L/UN7IdPf6cpar4b09hv/R9tyXbPGtHtTLDxc5gxN1Ev/mnyvr1u+lufGDheFzpT43XOkVRXJPG4NJ+jcXWC03GyqdYw7CEJSaNTWTy7oSJ4Mnrxc3szPlv8X5L5xeIQbbIntFjcbRN7OfAtf6pPillMm8E4Gp16avp19D7ZYambxctf9A7+OTJRjcbJIzbpINQsrn+HGbmLPVnB2A01mQ/ry2lMz17ayf0f/msFjh4sZ1FMcYhGSZPh7uwBaXRRxmhvBePCzS9Pv1+SdAUhW5ktDY8aYJzjnvd6+Luu5yi1gPDz96uSd2toyBZstc2X5Ih0qnAdlCl5PtiqkfCT8xX+fhbtY7wJFsgN+AOz2gwAAAABJRU5ErkJggg==" width="20" height="20" alt="Bits">
               8,000
               </span>
               <span class="price-badge">
                  <svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M1.67188 9.46461C1.67188 10.7546 2.66188 11.7946 3.89188 11.7946H6.40187C7.47187 11.7946 8.34188 10.8846 8.34188 9.76461C8.34188 8.54461 7.81188 8.11461 7.02188 7.83461L2.99187 6.43461C2.20187 6.15461 1.67188 5.72461 1.67188 4.50461C1.67188 3.38461 2.54187 2.47461 3.61187 2.47461H6.12187C7.35187 2.47461 8.34188 3.51461 8.34188 4.80461" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M5 1.13477V13.1348" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  20
               </span>
                          <svg class="card-watermark" fill="none" width="100" height="100" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 83.5 39.09"><path d="m11.16,38.36c-4.62-.73-9.24-4.15-10.19-7.57-.7-2.52-.58-19.14.17-21.58C2.49,4.6,6.37,1.75,12.27.9c3.09-.41,33.22-.57,33.22-.16,0,.12-1.2,1.95-2.68,4.07l-2.72,3.83h-14.44c-15.8,0-16.3.08-17.25,2.36-.29.65-.45,2-.37,2.97l.12,1.79,13.12.12c7.18.04,13.08.24,13.08.41,0,.2-1.16,1.87-2.6,3.79l-2.56,3.42-9.99.12-9.94.08-.29,1.22c-.37,1.75.17,4.44,1.07,5.33.7.69,1.49.77,9.49.77,4.91,0,9-.16,9.45-.41.41-.2,5.08-6.39,10.4-13.72C49.78,2.53,50.48,1.79,54.73.86c1.36-.29,5.12-.41,10.56-.29,7.72.12,8.62.24,10.52,1.06,1.16.53,2.68,1.51,3.42,2.24,3.3,3.09,3.96,6.35,3.71,18.53-.12,8.51-.17,8.92-1.16,10.67-1.16,2-4.09,4.19-6.52,4.89-2.23.61-35.98.57-35.98-.04,0-.29,1.03-1.91,2.35-3.67l2.31-3.22h28.84l1.11-1.14c1.11-1.06,1.16-1.3,1.4-6.88.29-5.86.04-11.2-.58-12.38-.83-1.63-2.85-2-10.85-2h-7.68l-1.24,1.14c-.7.61-5.32,6.6-10.27,13.32-9.28,12.62-10.69,14.13-13.91,14.9-2.23.53-16.79.81-19.64.37h0Z" stroke="#28282E"/></svg>
            </div>
            <div class="dp-topup-card" role="button" data-bits="9000" data-cash="22">
               <span class="bits-amount">
               <img src="https://cdn.discordapp.com/attachments/1169414112074281021/1169763424725643365/download_1.png?ex=65569615&is=65442115&hm=66c3d1wv8YQUAAAd5SURBVHgBpVdvbBxXEZ95u+e7c2z3nMTOH4fk7NAmESkNqhCtBIqDAKkSQlTiQ0UFOEIgwQdsgQQCpJ4tJKKKSokRXxCVEiQ+EIEoAglopeJYFDVQ1UlLSZRKqe9aiCvbte9s393uvj/TeW/31ufGiZv02c9v7d2b+c1vfjOzRrjLdar5TBE0nB3I95XrkZz4Vv5EGe5iCbiL9UTtt6ORVJc0meOGaMTzzKWfN/4yttmzRDR6O1sId7C+t3B22Pf9kodi2EOPfBB4YNtuCI2Mt47KSugTP8w/Wm4D8AwiPvqBAIzNni2obXLcRzHKjsEXHriT98HuAQp0hBED4BMCI0kZOVkzzYkzvSerDGCKAZy4le0tUzDy1unhRr7BdOtRRQbsF1PPW7szDRTIRssREWqisQx5M99ZfPprfG/4dvZvCeCx2VPFx//31BQJmFJGF51TY4BBkN32eo8oQK/KWxbZL/9ATOHwHuS/nXNBzJ0u3srPpin44uxPx3yBJU94BT+hmq+JU4C+8KlT5OBBfxDzXhYkKOj283AdFuCIGIABsR0y4MGg37+Z6Qu8q/ZksJM3Afj8bGmYSSwJYJExOezM5pu8xLEFsD/TT5/sOIRX4Qa8Yt60YdMR2INHxYfgGr4NVWoQixF5O2FO7vw6jNyYTIQazZKJPv3HwYlyy6dvfwzPlgqdBsYN4agl02bXQkPSiIZdcKK0UXi88wHY6XXjn+TLsAoBZ5u/+cn/0JtQEYv0Ge8o1kU3vsa/x5mg+GSQvG2WipJw9pHr42eaKzRx4WMTVaeBnIJjWptRw7mFWEfIOUaXdxZdF+bg8a7jHF0dfh9chGVdJ6kUaSlRKQVaa1hSq/C74EVYilbgc95HYRtmHTuvRzfAuXfbXrILo8fyXeaBlAEVcDSC/Srg8hLgZTwSnsfONXwidx8eyw7C38LLtKBrmGqHNiiJybD2gf6pr+KrsgJfyH0cyrSADRO6R6SUUA8btnqIY0IjcD0FNgqIKULNRiAEFELAV/d8FjijcH71BQhIxj4oJtU6w1RD9qBUU0uwSuei5/Hh3CFo6hDmqvMUSDbKJLAbx4LwRBuAgIn2yOUzKUyXiowR8Hz9lVaciS4cCmrzislVnL4YEu7wu23JQi1ag3q9bm9gy7BdQoqNDHBhxwFhi14C7mmgtKLkwxi3m+Sp2A+2R25Fud3rwsHcXmKxOqfKsI1IJratgRiIZXgDAO5wbZTGS2oLQK/LOWk1BDcRT3nM4L3ZAez1ukCwoLgMLXBQnFQl1TqtEGPmqn4PA0ZjKq+YbB4uErRULepo/MBXYKLymxSKxdXh+bQv04d9mXuccTsP7Gl7hz25TiwD0IbZHUa1A7BVsE4sJnAhsgwkAt3m5eDh7iOQ4xm4pgOegwL6O3qpz+9BjhiaKnQacm55UgonJ8TIswBU6tqRydhvqoIWyZQowIotZAXbe7bVDnXscp8YzO6C+agGOS/rxnHAz7Ar7pZO4OAco0jiFxR4EUolyaWLUv1gS60JA8rVVCLqlIdARfCTD5+ETxWOpro4fd+33fly7XWcrPzBislGG7vjyO2HPUgAMEuBz0GEspWxVOKWwY0MtKRP60Jscu1+/8ovYUemBz7SfQCePPxN+PG1p6HSnIcGRx47QevQfVno9m/cylgD9hTYzESkbRpN7LwlYJOM8lQDJi6Ltiog4s6F+7N9MBe8Q1dqFXfvtVoZGirk6SicE4hpJ/u79cCTM01Fb0c31JorKEO5zA/2ukJMGhjrZCMDMcCYHx3G6v/zxefowXvvh+KOXVhpzMP04mVYaC67dm27YotqsX46BjI8RflVjZq1NfzVzF/tFCzYuvc7fGqlXxjZzoClJAIdcUdUOq3valjDv7/0AhzcNwgHhw7CxNVz1IgCKzFHuKMf151bYN0dnbQ3sx3/MXMR35ivUNw5uffzXFFBhMLNGYEmkZrjoeOh/VUZBjmS+iE7ie22M4N7KfGAxKWlJbgxN0e92R68p6cHVqIGl6gE6d7/eGQpjfZVbXtHD5iVCJ/79wVarC5ZOtEOWJd5Y9wQsh2XpDmDnjgfPFsONnS+wg+OFSV6U3xZbPVchhCPkEQ9uwZ2w+6hfVAXIdQtdfxEzs/CDu4Hb12vwMLiQqIgSEdEKn3kNyIPx9d+9OJ0y+emr2T57x4b4xsl/lShbeTEYJj6TD5L/UN7IdPf6cpar4b09hv/R9tyXbPGtHtTLDxc5gxN1Ev/mnyvr1u+lufGDheFzpT43XOkVRXJPG4NJ+jcXWC03GyqdYw7CEJSaNTWTy7oSJ4Mnrxc3szPlv8X5L5xeIQbbIntFjcbRN7OfAtf6pPillMm8E4Gp16avp19D7ZYambxctf9A7+OTJRjcbJIzbpINQsrn+HGbmLPVnB2A01mQ/ry2lMz17ayf0f/msFjh4sZ1FMcYhGSZPh7uwBaXRRxmhvBePCzS9Pv1+SdAUhW5ktDY8aYJzjnvd6+Luu5yi1gPDz96uSd2toyBZstc2X5Ih0qnAdlCl5PtiqkfCT8xX+fhbtY7wJFsgN+AOz2gwAAAABJRU5ErkJggg==" width="20" height="20" alt="Bits">
               9,000
               </span>
               <span class="price-badge">
                  <svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M1.67188 9.46461C1.67188 10.7546 2.66188 11.7946 3.89188 11.7946H6.40187C7.47187 11.7946 8.34188 10.8846 8.34188 9.76461C8.34188 8.54461 7.81188 8.11461 7.02188 7.83461L2.99187 6.43461C2.20187 6.15461 1.67188 5.72461 1.67188 4.50461C1.67188 3.38461 2.54187 2.47461 3.61187 2.47461H6.12187C7.35187 2.47461 8.34188 3.51461 8.34188 4.80461" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M5 1.13477V13.1348" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  22
               </span>
                          <svg class="card-watermark" fill="none" width="100" height="100" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 83.5 39.09"><path d="m11.16,38.36c-4.62-.73-9.24-4.15-10.19-7.57-.7-2.52-.58-19.14.17-21.58C2.49,4.6,6.37,1.75,12.27.9c3.09-.41,33.22-.57,33.22-.16,0,.12-1.2,1.95-2.68,4.07l-2.72,3.83h-14.44c-15.8,0-16.3.08-17.25,2.36-.29.65-.45,2-.37,2.97l.12,1.79,13.12.12c7.18.04,13.08.24,13.08.41,0,.2-1.16,1.87-2.6,3.79l-2.56,3.42-9.99.12-9.94.08-.29,1.22c-.37,1.75.17,4.44,1.07,5.33.7.69,1.49.77,9.49.77,4.91,0,9-.16,9.45-.41.41-.2,5.08-6.39,10.4-13.72C49.78,2.53,50.48,1.79,54.73.86c1.36-.29,5.12-.41,10.56-.29,7.72.12,8.62.24,10.52,1.06,1.16.53,2.68,1.51,3.42,2.24,3.3,3.09,3.96,6.35,3.71,18.53-.12,8.51-.17,8.92-1.16,10.67-1.16,2-4.09,4.19-6.52,4.89-2.23.61-35.98.57-35.98-.04,0-.29,1.03-1.91,2.35-3.67l2.31-3.22h28.84l1.11-1.14c1.11-1.06,1.16-1.3,1.4-6.88.29-5.86.04-11.2-.58-12.38-.83-1.63-2.85-2-10.85-2h-7.68l-1.24,1.14c-.7.61-5.32,6.6-10.27,13.32-9.28,12.62-10.69,14.13-13.91,14.9-2.23.53-16.79.81-19.64.37h0Z" stroke="#28282E"/></svg>
            </div>
            <div class="dp-topup-card" role="button" data-bits="10000" data-cash="24">
               <span class="bits-amount">
               <img src="https://cdn.discordapp.com/attachments/1169414112074281021/1169763424725643365/download_1.png?ex=65569615&is=65442115&hm=66c3d1wv8YQUAAAd5SURBVHgBpVdvbBxXEZ95u+e7c2z3nMTOH4fk7NAmESkNqhCtBIqDAKkSQlTiQ0UFOEIgwQdsgQQCpJ4tJKKKSokRXxCVEiQ+EIEoAglopeJYFDVQ1UlLSZRKqe9aiCvbte9s393uvj/TeW/31ufGiZv02c9v7d2b+c1vfjOzRrjLdar5TBE0nB3I95XrkZz4Vv5EGe5iCbiL9UTtt6ORVJc0meOGaMTzzKWfN/4yttmzRDR6O1sId7C+t3B22Pf9kodi2EOPfBB4YNtuCI2Mt47KSugTP8w/Wm4D8AwiPvqBAIzNni2obXLcRzHKjsEXHriT98HuAQp0hBED4BMCI0kZOVkzzYkzvSerDGCKAZy4le0tUzDy1unhRr7BdOtRRQbsF1PPW7szDRTIRssREWqisQx5M99ZfPprfG/4dvZvCeCx2VPFx//31BQJmFJGF51TY4BBkN32eo8oQK/KWxbZL/9ATOHwHuS/nXNBzJ0u3srPpin44uxPx3yBJU94BT+hmq+JU4C+8KlT5OBBfxDzXhYkKOj283AdFuCIGIABsR0y4MGg37+Z6Qu8q/ZksJM3Afj8bGmYSSwJYJExOezM5pu8xLEFsD/TT5/sOIRX4Qa8Yt60YdMR2INHxYfgGr4NVWoQixF5O2FO7vw6jNyYTIQazZKJPv3HwYlyy6dvfwzPlgqdBsYN4agl02bXQkPSiIZdcKK0UXi88wHY6XXjn+TLsAoBZ5u/+cn/0JtQEYv0Ge8o1kU3vsa/x5mg+GSQvG2WipJw9pHr42eaKzRx4WMTVaeBnIJjWptRw7mFWEfIOUaXdxZdF+bg8a7jHF0dfh9chGVdJ6kUaSlRKQVaa1hSq/C74EVYilbgc95HYRtmHTuvRzfAuXfbXrILo8fyXeaBlAEVcDSC/Srg8hLgZTwSnsfONXwidx8eyw7C38LLtKBrmGqHNiiJybD2gf6pr+KrsgJfyH0cyrSADRO6R6SUUA8btnqIY0IjcD0FNgqIKULNRiAEFELAV/d8FjijcH71BQhIxj4oJtU6w1RD9qBUU0uwSuei5/Hh3CFo6hDmqvMUSDbKJLAbx4LwRBuAgIn2yOUzKUyXiowR8Hz9lVaciS4cCmrzislVnL4YEu7wu23JQi1ag3q9bm9gy7BdQoqNDHBhxwFhi14C7mmgtKLkwxi3m+Sp2A+2R25Fud3rwsHcXmKxOqfKsI1IJratgRiIZXgDAO5wbZTGS2oLQK/LOWk1BDcRT3nM4L3ZAez1ukCwoLgMLXBQnFQl1TqtEGPmqn4PA0ZjKq+YbB4uErRULepo/MBXYKLymxSKxdXh+bQv04d9mXuccTsP7Gl7hz25TiwD0IbZHUa1A7BVsE4sJnAhsgwkAt3m5eDh7iOQ4xm4pgOegwL6O3qpz+9BjhiaKnQacm55UgonJ8TIswBU6tqRydhvqoIWyZQowIotZAXbe7bVDnXscp8YzO6C+agGOS/rxnHAz7Ar7pZO4OAco0jiFxR4EUolyaWLUv1gS60JA8rVVCLqlIdARfCTD5+ETxWOpro4fd+33fly7XWcrPzBislGG7vjyO2HPUgAMEuBz0GEspWxVOKWwY0MtKRP60Jscu1+/8ovYUemBz7SfQCePPxN+PG1p6HSnIcGRx47QevQfVno9m/cylgD9hTYzESkbRpN7LwlYJOM8lQDJi6Ltiog4s6F+7N9MBe8Q1dqFXfvtVoZGirk6SicE4hpJ/u79cCTM01Fb0c31JorKEO5zA/2ukJMGhjrZCMDMcCYHx3G6v/zxefowXvvh+KOXVhpzMP04mVYaC67dm27YotqsX46BjI8RflVjZq1NfzVzF/tFCzYuvc7fGqlXxjZzoClJAIdcUdUOq3valjDv7/0AhzcNwgHhw7CxNVz1IgCKzFHuKMf151bYN0dnbQ3sx3/MXMR35ivUNw5uffzXFFBhMLNGYEmkZrjoeOh/VUZBjmS+iE7ie22M4N7KfGAxKWlJbgxN0e92R68p6cHVqIGl6gE6d7/eGQpjfZVbXtHD5iVCJ/79wVarC5ZOtEOWJd5Y9wQsh2XpDmDnjgfPFsONnS+wg+OFSV6U3xZbPVchhCPkEQ9uwZ2w+6hfVAXIdQtdfxEzs/CDu4Hb12vwMLiQqIgSEdEKn3kNyIPx9d+9OJ0y+emr2T57x4b4xsl/lShbeTEYJj6TD5L/UN7IdPf6cpar4b09hv/R9tyXbPGtHtTLDxc5gxN1Ev/mnyvr1u+lufGDheFzpT43XOkVRXJPG4NJ+jcXWC03GyqdYw7CEJSaNTWTy7oSJ4Mnrxc3szPlv8X5L5xeIQbbIntFjcbRN7OfAtf6pPillMm8E4Gp16avp19D7ZYambxctf9A7+OTJRjcbJIzbpINQsrn+HGbmLPVnB2A01mQ/ry2lMz17ayf0f/msFjh4sZ1FMcYhGSZPh7uwBaXRRxmhvBePCzS9Pv1+SdAUhW5ktDY8aYJzjnvd6+Luu5yi1gPDz96uSd2toyBZstc2X5Ih0qnAdlCl5PtiqkfCT8xX+fhbtY7wJFsgN+AOz2gwAAAABJRU5ErkJggg==" width="20" height="20" alt="Bits">
               10,000
               </span>
               <span class="price-badge">
                  <svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M1.67188 9.46461C1.67188 10.7546 2.66188 11.7946 3.89188 11.7946H6.40187C7.47187 11.7946 8.34188 10.8846 8.34188 9.76461C8.34188 8.54461 7.81188 8.11461 7.02188 7.83461L2.99187 6.43461C2.20187 6.15461 1.67188 5.72461 1.67188 4.50461C1.67188 3.38461 2.54187 2.47461 3.61187 2.47461H6.12187C7.35187 2.47461 8.34188 3.51461 8.34188 4.80461" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M5 1.13477V13.1348" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  24
               </span>
                          <svg class="card-watermark" fill="none" width="100" height="100" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 83.5 39.09"><path d="m11.16,38.36c-4.62-.73-9.24-4.15-10.19-7.57-.7-2.52-.58-19.14.17-21.58C2.49,4.6,6.37,1.75,12.27.9c3.09-.41,33.22-.57,33.22-.16,0,.12-1.2,1.95-2.68,4.07l-2.72,3.83h-14.44c-15.8,0-16.3.08-17.25,2.36-.29.65-.45,2-.37,2.97l.12,1.79,13.12.12c7.18.04,13.08.24,13.08.41,0,.2-1.16,1.87-2.6,3.79l-2.56,3.42-9.99.12-9.94.08-.29,1.22c-.37,1.75.17,4.44,1.07,5.33.7.69,1.49.77,9.49.77,4.91,0,9-.16,9.45-.41.41-.2,5.08-6.39,10.4-13.72C49.78,2.53,50.48,1.79,54.73.86c1.36-.29,5.12-.41,10.56-.29,7.72.12,8.62.24,10.52,1.06,1.16.53,2.68,1.51,3.42,2.24,3.3,3.09,3.96,6.35,3.71,18.53-.12,8.51-.17,8.92-1.16,10.67-1.16,2-4.09,4.19-6.52,4.89-2.23.61-35.98.57-35.98-.04,0-.29,1.03-1.91,2.35-3.67l2.31-3.22h28.84l1.11-1.14c1.11-1.06,1.16-1.3,1.4-6.88.29-5.86.04-11.2-.58-12.38-.83-1.63-2.85-2-10.85-2h-7.68l-1.24,1.14c-.7.61-5.32,6.6-10.27,13.32-9.28,12.62-10.69,14.13-13.91,14.9-2.23.53-16.79.81-19.64.37h0Z" stroke="#28282E"/></svg>
            </div>
         </div>
         <div class="dp-topup-amount-purchase">
            <div class="dp-topup-amount">
               <h5 class="dp-topup-label">
                  Receiving Amount
               </h5>
               <div>
                  <div id="topup-usd-amount" class="dp-topup-usd-amount">
                     <svg width="14" height="22" viewBox="0 0 14 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M1 14.883C1 17.033 2.65 18.7664 4.7 18.7664H8.88333C10.6667 18.7664 12.1167 17.2497 12.1167 15.383C12.1167 13.3497 11.2333 12.633 9.91667 12.1664L3.2 9.83303C1.88333 9.36637 1 8.6497 1 6.61637C1 4.7497 2.45 3.23303 4.23333 3.23303H8.41667C10.4667 3.23303 12.1167 4.96637 12.1167 7.11637" stroke="#006fcd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M6.54688 1V21" stroke="#006fcd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                     </svg>
                     <span id="usd-amount-value">3.00</span>
                  </div>
                  <svg width="28" height="14" viewBox="0 0 28 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M1.11621 13L7.11621 7L1.11621 1" stroke="#006fcd" stroke-opacity="0.15" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M11.1162 13L17.1162 7L11.1162 1" stroke="#006fcd" stroke-opacity="0.35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M21.1162 13L27.1162 7L21.1162 1" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <div id="topup-bits-amount" class="dp-topup-bits-amount">
                     <img src="https://cdn.discordapp.com/attachments/1169414112074281021/1169763424725643365/download_1.png?ex=65569615&is=65442115&hm=66c3d1wv8YQUAAAd5SURBVHgBpVdvbBxXEZ95u+e7c2z3nMTOH4fk7NAmESkNqhCtBIqDAKkSQlTiQ0UFOEIgwQdsgQQCpJ4tJKKKSokRXxCVEiQ+EIEoAglopeJYFDVQ1UlLSZRKqe9aiCvbte9s393uvj/TeW/31ufGiZv02c9v7d2b+c1vfjOzRrjLdar5TBE0nB3I95XrkZz4Vv5EGe5iCbiL9UTtt6ORVJc0meOGaMTzzKWfN/4yttmzRDR6O1sId7C+t3B22Pf9kodi2EOPfBB4YNtuCI2Mt47KSugTP8w/Wm4D8AwiPvqBAIzNni2obXLcRzHKjsEXHriT98HuAQp0hBED4BMCI0kZOVkzzYkzvSerDGCKAZy4le0tUzDy1unhRr7BdOtRRQbsF1PPW7szDRTIRssREWqisQx5M99ZfPprfG/4dvZvCeCx2VPFx//31BQJmFJGF51TY4BBkN32eo8oQK/KWxbZL/9ATOHwHuS/nXNBzJ0u3srPpin44uxPx3yBJU94BT+hmq+JU4C+8KlT5OBBfxDzXhYkKOj283AdFuCIGIABsR0y4MGg37+Z6Qu8q/ZksJM3Afj8bGmYSSwJYJExOezM5pu8xLEFsD/TT5/sOIRX4Qa8Yt60YdMR2INHxYfgGr4NVWoQixF5O2FO7vw6jNyYTIQazZKJPv3HwYlyy6dvfwzPlgqdBsYN4agl02bXQkPSiIZdcKK0UXi88wHY6XXjn+TLsAoBZ5u/+cn/0JtQEYv0Ge8o1kU3vsa/x5mg+GSQvG2WipJw9pHr42eaKzRx4WMTVaeBnIJjWptRw7mFWEfIOUaXdxZdF+bg8a7jHF0dfh9chGVdJ6kUaSlRKQVaa1hSq/C74EVYilbgc95HYRtmHTuvRzfAuXfbXrILo8fyXeaBlAEVcDSC/Srg8hLgZTwSnsfONXwidx8eyw7C38LLtKBrmGqHNiiJybD2gf6pr+KrsgJfyH0cyrSADRO6R6SUUA8btnqIY0IjcD0FNgqIKULNRiAEFELAV/d8FjijcH71BQhIxj4oJtU6w1RD9qBUU0uwSuei5/Hh3CFo6hDmqvMUSDbKJLAbx4LwRBuAgIn2yOUzKUyXiowR8Hz9lVaciS4cCmrzislVnL4YEu7wu23JQi1ag3q9bm9gy7BdQoqNDHBhxwFhi14C7mmgtKLkwxi3m+Sp2A+2R25Fud3rwsHcXmKxOqfKsI1IJratgRiIZXgDAO5wbZTGS2oLQK/LOWk1BDcRT3nM4L3ZAez1ukCwoLgMLXBQnFQl1TqtEGPmqn4PA0ZjKq+YbB4uErRULepo/MBXYKLymxSKxdXh+bQv04d9mXuccTsP7Gl7hz25TiwD0IbZHUa1A7BVsE4sJnAhsgwkAt3m5eDh7iOQ4xm4pgOegwL6O3qpz+9BjhiaKnQacm55UgonJ8TIswBU6tqRydhvqoIWyZQowIotZAXbe7bVDnXscp8YzO6C+agGOS/rxnHAz7Ar7pZO4OAco0jiFxR4EUolyaWLUv1gS60JA8rVVCLqlIdARfCTD5+ETxWOpro4fd+33fly7XWcrPzBislGG7vjyO2HPUgAMEuBz0GEspWxVOKWwY0MtKRP60Jscu1+/8ovYUemBz7SfQCePPxN+PG1p6HSnIcGRx47QevQfVno9m/cylgD9hTYzESkbRpN7LwlYJOM8lQDJi6Ltiog4s6F+7N9MBe8Q1dqFXfvtVoZGirk6SicE4hpJ/u79cCTM01Fb0c31JorKEO5zA/2ukJMGhjrZCMDMcCYHx3G6v/zxefowXvvh+KOXVhpzMP04mVYaC67dm27YotqsX46BjI8RflVjZq1NfzVzF/tFCzYuvc7fGqlXxjZzoClJAIdcUdUOq3valjDv7/0AhzcNwgHhw7CxNVz1IgCKzFHuKMf151bYN0dnbQ3sx3/MXMR35ivUNw5uffzXFFBhMLNGYEmkZrjoeOh/VUZBjmS+iE7ie22M4N7KfGAxKWlJbgxN0e92R68p6cHVqIGl6gE6d7/eGQpjfZVbXtHD5iVCJ/79wVarC5ZOtEOWJd5Y9wQsh2XpDmDnjgfPFsONnS+wg+OFSV6U3xZbPVchhCPkEQ9uwZ2w+6hfVAXIdQtdfxEzs/CDu4Hb12vwMLiQqIgSEdEKn3kNyIPx9d+9OJ0y+emr2T57x4b4xsl/lShbeTEYJj6TD5L/UN7IdPf6cpar4b09hv/R9tyXbPGtHtTLDxc5gxN1Ev/mnyvr1u+lufGDheFzpT43XOkVRXJPG4NJ+jcXWC03GyqdYw7CEJSaNTWTy7oSJ4Mnrxc3szPlv8X5L5xeIQbbIntFjcbRN7OfAtf6pPillMm8E4Gp16avp19D7ZYambxctf9A7+OTJRjcbJIzbpINQsrn+HGbmLPVnB2A01mQ/ry2lMz17ayf0f/msFjh4sZ1FMcYhGSZPh7uwBaXRRxmhvBePCzS9Pv1+SdAUhW5ktDY8aYJzjnvd6+Luu5yi1gPDz96uSd2toyBZstc2X5Ih0qnAdlCl5PtiqkfCT8xX+fhbtY7wJFsgN+AOz2gwAAAABJRU5ErkJggg==" width="24" height="24" alt="Bits">
                     <span id="bits-amount-value">1,000</span>
                  </div>
               </div>
            </div>
            <div class="dp-topup-buttons">
               <button type="submit" class="button--primary button">
                  <span class="button-text">
                     <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M2 3L2.26491 3.0883C3.58495 3.52832 4.24497 3.74832 4.62248 4.2721C5 4.79587 5 5.49159 5 6.88304V9.5C5 12.3284 5 13.7426 5.87868 14.6213C6.75736 15.5 8.17157 15.5 11 15.5H19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
                        <path d="M7.5 18C8.32843 18 9 18.6716 9 19.5C9 20.3284 8.32843 21 7.5 21C6.67157 21 6 20.3284 6 19.5C6 18.6716 6.67157 18 7.5 18Z" stroke="currentColor" stroke-width="1.5"></path>
                        <path d="M16.5 18.0001C17.3284 18.0001 18 18.6716 18 19.5001C18 20.3285 17.3284 21.0001 16.5 21.0001C15.6716 21.0001 15 20.3285 15 19.5001C15 18.6716 15.6716 18.0001 16.5 18.0001Z" stroke="currentColor" stroke-width="1.5"></path>
                        <path d="M5 6H16.4504C18.5054 6 19.5328 6 19.9775 6.67426C20.4221 7.34853 20.0173 8.29294 19.2078 10.1818L18.7792 11.1818C18.4013 12.0636 18.2123 12.5045 17.8366 12.7523C17.4609 13 16.9812 13 16.0218 13H5" stroke="currentColor" stroke-width="1.5"></path>
                     </svg>
                     Purchase
                  </span>
               </button>
               <a href="/bits/donate/bits.1/gift-purchase?event_id=14" class="button" id="giftBits">
                  <span class="button-text">
                     <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M19.9697 10H3.96973V18C3.96973 21 4.96973 22 7.96973 22H15.9697C18.9697 22 19.9697 21 19.9697 18V10Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M21.5 7V8C21.5 9.1 20.97 10 19.5 10H4.5C2.97 10 2.5 9.1 2.5 8V7C2.5 5.9 2.97 5 4.5 5H19.5C20.97 5 21.5 5.9 21.5 7Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M11.6398 4.99994H6.11978C5.77978 4.62994 5.78978 4.05994 6.14978 3.69994L7.56978 2.27994C7.93978 1.90994 8.54978 1.90994 8.91978 2.27994L11.6398 4.99994Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M17.8696 4.99994H12.3496L15.0696 2.27994C15.4396 1.90994 16.0496 1.90994 16.4196 2.27994L17.8396 3.69994C18.1996 4.05994 18.2096 4.62994 17.8696 4.99994Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M8.94043 10V15.14C8.94043 15.94 9.82043 16.41 10.4904 15.98L11.4304 15.36C11.7704 15.14 12.2004 15.14 12.5304 15.36L13.4204 15.96C14.0804 16.4 14.9704 15.93 14.9704 15.13V10H8.94043Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                     </svg>
                     Gift
                  </span>
               </a>
            </div>
         </div>
      </xf:form>
   </div>
   <div>
      <form action="/bits/donate/bits.1/redeem" method="post" class="" data-xf-init="ajax-submit" data-redirect="off" data-reset-complete="true">
         <input type="hidden" name="_xfToken" value="1692769765,0d4c004b3cc01293a2548bcf08feed31">
         <h4 class="dp-topup-section-title">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path d="M19.5 12.5C19.5 11.12 20.62 10 22 10V9C22 5 21 4 17 4H7C3 4 2 5 2 9V9.5C3.38 9.5 4.5 10.62 4.5 12C4.5 13.38 3.38 14.5 2 14.5V15C2 19 3 20 7 20H17C21 20 22 19 22 15C20.62 15 19.5 13.88 19.5 12.5Z" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
               <path d="M10 4L10 20" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 5"></path>
            </svg>
            Redeem Code
         </h4>
         <div>
            <div class="dp-redeem-input">
               <input type="text" class="input" name="code" icon="confirm">
               <button type="money" class="button--primary button">
                  <span class="button-text">
                     <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M3.11133 7.55556L2.71383 6.91956C2.49454 7.05661 2.36133 7.29696 2.36133 7.55556H3.11133ZM12.0002 2L12.3977 1.364C12.1545 1.212 11.8459 1.212 11.6027 1.364L12.0002 2ZM3.11133 16.4444H2.36133C2.36133 16.703 2.49454 16.9434 2.71383 17.0804L3.11133 16.4444ZM12.0002 22L11.6027 22.636C11.8459 22.788 12.1545 22.788 12.3977 22.636L12.0002 22ZM20.8891 16.4444L21.2866 17.0804C21.5059 16.9434 21.6391 16.703 21.6391 16.4444H20.8891ZM20.8891 7.55556H21.6391C21.6391 7.29696 21.5059 7.05661 21.2866 6.91956L20.8891 7.55556ZM6.44444 9.22222L6.01435 8.6078C5.81385 8.74814 5.69444 8.97749 5.69444 9.22222H6.44444ZM12 5.33333L12.4301 4.71891C12.1719 4.53814 11.8281 4.53814 11.5699 4.71891L12 5.33333ZM6.44444 14.963H5.69444C5.69444 15.2137 5.81977 15.4479 6.02842 15.587L6.44444 14.963ZM12 18.6667L11.584 19.2907C11.8359 19.4587 12.1641 19.4587 12.416 19.2907L12 18.6667ZM17.5556 14.963L17.9716 15.587C18.1802 15.4479 18.3056 15.2137 18.3056 14.963H17.5556ZM17.5556 9.22222H18.3056C18.3056 8.97749 18.1861 8.74814 17.9857 8.6078L17.5556 9.22222ZM3.44652 6.88474C3.07604 6.69949 2.62553 6.84966 2.44029 7.22015C2.25505 7.59063 2.40522 8.04113 2.7757 8.22638L3.44652 6.88474ZM6.10903 9.89304C6.47952 10.0783 6.93002 9.92812 7.11526 9.55763C7.30051 9.18715 7.15034 8.73664 6.77985 8.5514L6.10903 9.89304ZM12.75 2C12.75 1.58579 12.4142 1.25 12 1.25C11.5858 1.25 11.25 1.58579 11.25 2H12.75ZM11.25 5.33333C11.25 5.74755 11.5858 6.08333 12 6.08333C12.4142 6.08333 12.75 5.74755 12.75 5.33333H11.25ZM2.7757 15.7736C2.40522 15.9589 2.25505 16.4094 2.44029 16.7799C2.62553 17.1503 3.07604 17.3005 3.44652 17.1153L2.7757 15.7736ZM6.77985 15.4486C7.15034 15.2634 7.30051 14.8129 7.11526 14.4424C6.93002 14.0719 6.47952 13.9217 6.10903 14.107L6.77985 15.4486ZM11.25 22C11.25 22.4142 11.5858 22.75 12 22.75C12.4142 22.75 12.75 22.4142 12.75 22H11.25ZM12.75 18.6667C12.75 18.2525 12.4142 17.9167 12 17.9167C11.5858 17.9167 11.25 18.2525 11.25 18.6667H12.75ZM20.5535 17.1153C20.924 17.3005 21.3745 17.1503 21.5597 16.7799C21.745 16.4094 21.5948 15.9589 21.2243 15.7736L20.5535 17.1153ZM17.891 14.107C17.5205 13.9217 17.07 14.0719 16.8847 14.4424C16.6995 14.8129 16.8497 15.2634 17.2201 15.4486L17.891 14.107ZM17.2201 8.5514C16.8497 8.73664 16.6995 9.18715 16.8847 9.55763C17.07 9.92812 17.5205 10.0783 17.891 9.89304L17.2201 8.5514ZM21.2243 8.22638C21.5948 8.04113 21.745 7.59063 21.5597 7.22015C21.3745 6.84966 20.924 6.69949 20.5535 6.88474L21.2243 8.22638ZM3.50883 8.19155L12.3977 2.636L11.6027 1.364L2.71383 6.91956L3.50883 8.19155ZM3.86133 16.4444V7.55556H2.36133V16.4444H3.86133ZM12.3977 21.364L3.50883 15.8084L2.71383 17.0804L11.6027 22.636L12.3977 21.364ZM20.4916 15.8084L11.6027 21.364L12.3977 22.636L21.2866 17.0804L20.4916 15.8084ZM20.1391 7.55556V16.4444H21.6391V7.55556H20.1391ZM11.6027 2.636L20.4916 8.19155L21.2866 6.91956L12.3977 1.364L11.6027 2.636ZM6.87454 9.83665L12.4301 5.94776L11.5699 4.71891L6.01435 8.6078L6.87454 9.83665ZM7.19444 14.963V9.22222H5.69444V14.963H7.19444ZM12.416 18.0426L6.86047 14.3389L6.02842 15.587L11.584 19.2907L12.416 18.0426ZM17.1395 14.3389L11.584 18.0426L12.416 19.2907L17.9716 15.587L17.1395 14.3389ZM16.8056 9.22222V14.963H18.3056V9.22222H16.8056ZM11.5699 5.94776L17.1255 9.83665L17.9857 8.6078L12.4301 4.71891L11.5699 5.94776ZM2.7757 8.22638L6.10903 9.89304L6.77985 8.5514L3.44652 6.88474L2.7757 8.22638ZM11.25 2V5.33333H12.75V2H11.25ZM3.44652 17.1153L6.77985 15.4486L6.10903 14.107L2.7757 15.7736L3.44652 17.1153ZM12.75 22V18.6667H11.25V22H12.75ZM21.2243 15.7736L17.891 14.107L17.2201 15.4486L20.5535 17.1153L21.2243 15.7736ZM17.891 9.89304L21.2243 8.22638L20.5535 6.88474L17.2201 8.5514L17.891 9.89304Z" fill="currentColor"></path>
                     </svg>
                     Redeem
                  </span>
               </button>
            </div>
            <input type="hidden" name="currency_id" value="1">
         </div>
      </form>
   </div>
</div>
<div class="dp-lottery-banner">
   <p class="dp-lottery-banner-text">
      Participate in our <span class="dp-accent-color">weekly Bits lottery</span> and earn free Bits!
   </p>
   <a href="/bits/lotteries" class="button--primary button">
      <span class="button-text">
         <svg width="20" height="20" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M10.9023 19.9912H17.3723C21.0723 19.9912 21.9923 19.0712 21.9923 15.3712C20.7123 15.3712 19.6823 14.3312 19.6823 13.0612C19.6823 11.7812 20.7123 10.7412 21.9923 10.7412V9.82117C21.9923 6.12117 21.0723 5.20117 17.3723 5.20117H10.9923V11.9912" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
            <path d="M10.9936 16.9911V19.9911H8.22356C6.74356 19.9911 5.87357 18.9811 4.91357 16.6611L4.73356 16.2111C5.94356 15.7311 6.53357 14.3311 6.02357 13.1211C5.53357 11.9111 4.14357 11.3311 2.92357 11.8311L2.75357 11.4011C1.31356 7.88109 1.81357 6.65109 5.33357 5.20109L7.97357 4.12109L10.9936 11.4411V13.9911" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
            <path d="M8.16219 19.9912H7.99219" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
         </svg>
         Enter Lottery
      </span>
   </a>
   <img src="https://cdn.discordapp.com/attachments/1169414112074281021/1169787026065870868/download_3_1.png?ex=6556ac10&is=65443710&hm=74d3e2f128d0d4b34472b060e949c92fc154690bbf1eb61b0dcfe21e0dd9c1ef&" class="dp-lottery-banner-left-bits" width="320" height="200" loading="lazy">
   <img src="https://cdn.discordapp.com/attachments/1169414112074281021/1169787075793531020/download_2_1.png?ex=6556ac1c&is=6544371c&hm=a5b345f3c32be0492da5bc93a940a522761a978150de95f2c743d88dbd870b42&" class="dp-lottery-banner-right-bits" width="240" height="144" loading="lazy">
</div>
<div class="dp-shopcategory-section tabPanes" id="buyitems">
   <div class="dp-shopcategory">
      <div class="dp-shopcategory-text">
         <h3>
            <svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path d="M12 8V2" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round"></path>
               <path d="M2 8L2.96154 5.69231C3.70726 3.90257 4.08013 3.0077 4.8359 2.50385C5.59167 2 6.56112 2 8.5 2H15.5C17.4389 2 18.4083 2 19.1641 2.50385C19.9199 3.0077 20.2927 3.90257 21.0385 5.69231L22 8" stroke="white" stroke-width="1.5" stroke-linecap="round"></path>
               <path d="M2 13.4286V8H22V13.4286C22 17.4692 22 19.4895 20.6983 20.7447C19.3965 22 17.3014 22 13.1111 22H10.8889C6.69863 22 4.6035 22 3.30175 20.7447C2 19.4895 2 17.4692 2 13.4286Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
               <path d="M10 12H14" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round"></path>
            </svg>
            Buy Items
         </h3>
         <p>
         </p>
      </div>
      <div class="dp-shopcategory-buttons">
         <div class="dp-swiper-button swiper-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-381b59ba8a96dea2" aria-disabled="true">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path d="M15 18L9 12L15 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
         </div>
         <div class="dp-swiper-button swiper-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-381b59ba8a96dea2" aria-disabled="false">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
         </div>
         <a href="/bits/categories/buy-items.1/" class="button"><span class="button-text">
         See All {$total}
         </span></a>
      </div>
   </div>
   <div class="swiper">
      <div class="swiper-wrapper">
         <xf:if is="$items is not empty">
            <xf:foreach loop="$items" value="$item">
               <xf:macro template="dbtech_shop_item_list_macros" name="item_grid"
                  arg-filters="{$filters}"
                  arg-baseLinkPath="dbtech-shop"
                  arg-item="{$item}"
                  arg-showOwner="{{ property('dbtechShopShowOwnerOverview') ? true : false }}"
                  arg-allowInlineMod="{$canInlineMod}"
                  />
            </xf:foreach>
         </xf:if>
      </div>
      <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
   </div>
</div>
<div class="dp-shopcategory-section tabPanes" id="buyfeatures">
   <div class="dp-shopcategory">
      <div class="dp-shopcategory-text">
         <h3>
            <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path d="M4.66691 27.3333C5.77358 28.44 7.56025 28.44 8.66691 27.3333L26.0002 10C27.1069 8.89335 27.1069 7.10668 26.0002 6.00001C24.8936 4.89335 23.1069 4.89335 22.0002 6.00001L4.66691 23.3333C3.56025 24.44 3.56025 26.2267 4.66691 27.3333Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
               <path d="M24.0127 11.9867L20.0127 7.98666" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
               <path d="M11.333 3.25332L13.333 2.66666L12.7463 4.66666L13.333 6.66666L11.333 6.07999L9.33301 6.66666L9.91967 4.66666L9.33301 2.66666L11.333 3.25332Z" stroke="#006fcd" stroke-linecap="round" stroke-linejoin="round"></path>
               <path d="M6 11.2533L8 10.6667L7.41333 12.6667L8 14.6667L6 14.08L4 14.6667L4.58667 12.6667L4 10.6667L6 11.2533Z" stroke="#006fcd" stroke-linecap="round" stroke-linejoin="round"></path>
               <path d="M26 17.92L28 17.3333L27.4133 19.3333L28 21.3333L26 20.7467L24 21.3333L24.5867 19.3333L24 17.3333L26 17.92Z" stroke="#006fcd" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
            Buy Features
         </h3>
         <p>
         </p>
      </div>
      <div class="dp-shopcategory-buttons">
         <div class="dp-swiper-button swiper-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-381b59ba8a96dea2" aria-disabled="true">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path d="M15 18L9 12L15 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
         </div>
         <div class="dp-swiper-button swiper-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-381b59ba8a96dea2" aria-disabled="false">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
         </div>
         <a href="/bits/categories/buy-items.1/" class="button"><span class="button-text">
         See All {$total}
         </span></a>
      </div>
   </div>
   <div class="swiper">
      <div class="swiper-wrapper">
         <xf:if is="$items is not empty">
            <xf:foreach loop="$items" value="$item">
               <xf:if is="$item.category_id == '12'">
                  <xf:macro template="dbtech_shop_item_list_macros" name="item_grid"
                     arg-filters="{$filters}"
                     arg-baseLinkPath="dbtech-shop"
                     arg-item="{$item}"
                     arg-showOwner="{{ property('dbtechShopShowOwnerOverview') ? true : false }}"
                     arg-allowInlineMod="{$canInlineMod}"
                     />
               </xf:if>
            </xf:foreach>
         </xf:if>
      </div>
      <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
   </div>
</div>
<div class="dp-shopcategory-section tabPanes" id="buycustom">
   <div class="dp-shopcategory">
      <div class="dp-shopcategory-text">
         <h3>
            <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path d="M23.9974 20C23.7897 21.7443 24.6727 26.0176 26.667 29.1572C26.667 29.1572 12.9438 30.7459 11.0869 23.9245L11.0869 26.4949C11.0869 27.75 11.0869 28.3775 10.6959 28.7673C9.94419 29.5169 6.41486 29.5375 5.66193 28.7361C5.26646 28.3151 5.30606 27.7092 5.38553 26.4975C5.51646 24.4995 5.87606 21.9411 6.86392 20" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
               <path d="M18.6663 5.33332C18.6663 3.86056 17.4725 2.66666 15.9997 2.66666L14.6663 2.66666C13.1935 2.66666 11.9997 3.86056 11.9997 5.33332L11.9997 8.73782C11.9997 10.488 10.8618 12.035 9.19101 12.5563L8.14168 12.8837C6.47088 13.4049 5.33301 14.952 5.33301 16.7021L5.33301 18.6667C5.33301 19.4031 5.92994 20 6.66634 20L23.9997 20C24.736 20 25.333 19.4031 25.333 18.6667L25.333 16.7021C25.333 14.952 24.1952 13.4049 22.5244 12.8837L21.475 12.5563C19.8042 12.035 18.6663 10.488 18.6663 8.73782L18.6663 5.33332Z" stroke="white" stroke-width="1.5"></path>
            </svg>
            Custom Items
         </h3>
         <p>
         </p>
      </div>
      <div class="dp-shopcategory-buttons">
         <div class="dp-swiper-button swiper-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-381b59ba8a96dea2" aria-disabled="true">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path d="M15 18L9 12L15 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
         </div>
         <div class="dp-swiper-button swiper-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-381b59ba8a96dea2" aria-disabled="false">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
         </div>
         <a href="/bits/categories/custom-items.3/" class="button"><span class="button-text">
         See All {$total}
         </span></a>
      </div>
   </div>
   <div class="swiper">
      <div class="swiper-wrapper">
         <xf:if is="$items is not empty">
            <xf:foreach loop="$items" value="$item">
               <xf:if is="$item.category_id == '3'">
                  <xf:macro template="dbtech_shop_item_list_macros" name="item_grid"
                     arg-filters="{$filters}"
                     arg-baseLinkPath="dbtech-shop"
                     arg-item="{$item}"
                     arg-showOwner="{{ property('dbtechShopShowOwnerOverview') ? true : false }}"
                     arg-allowInlineMod="{$canInlineMod}"
                     />
               </xf:if>
            </xf:foreach>
         </xf:if>
      </div>
      <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
   </div>
</div>
<xf:page option="sideNavTitle">{{ phrase('categories') }}</xf:page>]]></template>
    <template title="dbtech_shop_postbit" type="public" addon_id="DBTech/Shop" version_id="906060170" version_string="6.6.1"><![CDATA[<xf:if is="$user is not empty && $user.user_id">
	<xf:set var="$viewableCurrencies" value="{{ $xf.app.em.getRepository('DBTech\Shop:Currency').getViewableCurrencies() }}" />

	<xf:if is="$viewableCurrencies is not empty && $xf.options.dbtech_shop_points_postbit.0">
		<xf:foreach loop="$viewableCurrencies" value="$currency" if="$currency.postbit">
		<dl class="pairs pairs--justified">
			<dt title="{$currency.title}">{$currency.title}</dt>
			<dd>
				{$currency.prefix}{{ $currency.getValueFromUser($user) }}{$currency.suffix}
			</dd>
		</dl>
		</xf:foreach>
	</xf:if>

	<xf:set var="$viewableItems" value="{{ $xf.app.em.getRepository('DBTech\Shop:Purchase').getValidAndDisplayedPurchasesForUser($user) }}" />

	<xf:if is="$viewableItems is not empty && $xf.options.dbtech_shop_items_postbit.0">
		<xf:css src="dbtech_shop.less" />
		<xf:css src="dbtech_shop_postbit.less" />

		<xf:if contentcheck="true">
			<div class="dbtechShopPostbit dbtechShopPostbit-items">
				<xf:contentcheck>
					<xf:foreach loop="$viewableItems" value="$purchase" i="$i" if="$i < $xf.options.dbtech_shop_numgifts">
						<xf:if is="$xf.options.dbtech_shop_enablegiftgiver && $purchase.gifted">
							<xf:if is="$purchase.message is not empty">
								<xf:set var="$title_extra" value="- {{ phrase('dbtech_shop_gift_received_x_from_y_message', {
																	'user': $purchase.buyer_username,
																	'message': $purchase.message
																  }) }}" />
							<xf:else />
								<xf:set var="$title_extra" value="- {{ phrase('dbtech_shop_gift_received_x_from_y', {
																	'user': $purchase.buyer_username
																  }) }}" />
							</xf:if>
						<xf:else />
							<xf:set var="$title_extra" value="" />
						</xf:if>

						<xf:set var="$title"><xf:trim>
							{$purchase.Item.title} {$title_extra}
						</xf:trim></xf:set>

						<div class="dbtechShopPostbit--item" data-xf-init="tooltip" title="{{ $title|for_attr }}">
							{{ dbtech_shop_item_icon($purchase.Item, 'xxs', link('dbtech-shop', $purchase.Item)) }}
						</div>
					</xf:foreach>
				</xf:contentcheck>
			</div>
		</xf:if>
	</xf:if>
</xf:if>]]></template>
    <template title="dbtech_social_groups_group_list" type="public" addon_id="DBTech/SocialGroups" version_id="1010070" version_string="1.1.0"><![CDATA[<xf:css src="dp_extra3.css" />
<style>
.p-body-header .p-title-value {
    font-family: "kingzheader",sans-serif;
    color: #fff0;
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin-bottom: 1.25rem
}

</style>
<xf:title>{{ phrase('dbtech_social_groups_social_groups_list') }}</xf:title>

<xf:wrap template="dbtech_social_groups_group_list_wrapper">
	<xf:set var="$pageSelected" value="list" />
</xf:wrap>
<div class="kz-hero two-column">
			<div class="kz-hero-content">
				<h1>Explore <span class="kz-highlight-text">Groups</span></h1>
					<p>
						Explore various exclusive groups, each offering private threads, a unique award and user banner.
					</p>
						<img src="/styles/haxodevs/assets/group-members.png" width="175" height="44" style="margin-top: 1.25rem;">
				</div>
					<div class="kz-sh-image-wrapper">
						<div class="kz-upgrade-blurb scale-animation">
							<img src="/styles/haxodevs/assets/blurb-lights.png" loading="eager">
					</div>
				<div class="kz-sh-image">
					<div class="slidedown-animation" style="animation-delay: 0.25s;">
						<div class="group-image-wrapper back-group slide-down">
							<div class="group-badge">
								<img src="/styles/haxodevs/assets/back-badge.webp" class="kz-sh-img" loading="lazy">
							</div>
						<img src="/styles/haxodevs/assets/kys-group.png" class="kz-sh-img" loading="lazy">
					</div>
				</div>
					<div class="slidedown-animation" style="animation-delay: 0.5s;">
						<div class="group-image-wrapper front-group">
							<div class="group-badge">
								<img src="/styles/haxodevs/assets/front-badge.png" class="kz-sh-img" loading="lazy">
							</div>
							<img src="/styles/haxodevs/assets/kingz-group.png" class="kz-sh-img" loading="lazy">
						</div>
					</div>
				</div>
			</div>
		</div>

<xf:if is="property('dbtechSocialEnableInfiniteScroll') && $page == 1 && $total > $perPage">
	<xf:set var="$infiniteScroll" value="{{ true }}" />

	<xf:js prod="DBTech/SocialGroups/group_list-compiled.js" dev="DBTech/SocialGroups/vendor/metafizzy/infinite-scroll/infinite-scroll.pkgd.js, DBTech/SocialGroups/group_list.js" addon="DBTech/SocialGroups" />

	<xf:css src="dbtech_social_groups_infinite_scroll.less" />
</xf:if>

<xf:pageaction>
	<xf:set var="$maxCreatedGroups" value="{$xf.visitor.hasPermission('dbtechSocial', 'maxCreatedGroups')}" />
	<xf:if is="$xf.visitor.canCreateDbtechSocialGroups()">
		<xf:button href="{{ link('dbtech-social/create') }}" class="button--cta" icon="write">
			{{ phrase('dbtech_social_groups_create_social_group') }}
		</xf:button>
	<xf:elseif is="$maxCreatedGroups != -1 && $xf.visitor.dbtech_social_groups_group_count >= $maxCreatedGroups" />
		<span class="button button--wrap is-disabled">
			{{ phrase('dbtech_social_groups_max_x_created_groups', {'limit': $maxCreatedGroups}) }}
			<!-- this is not interactive so shouldn't be a button element -->
		</span>
	</xf:if>
</xf:pageaction>

<xf:widgetpos id="dbtech_social_group_list_sidebar" position="sidebar" />

<xf:widgetpos id="dbtech_social_group_list_above_groups" />

<div class="block">
	<div class="block-container {{ (property('dbtechSocialGroupsGroupListStyle') == 'grid') ? 'block-container--none': '' }}">
		<xf:set var="$groupTypes" value="{{ {
			'public': phrase('public'),
			'closed': phrase('closed'),
			'private': phrase('private'),
			'hidden': phrase('dbtech_social_groups_group_privacy_hidden')
		} }}" />
		<xf:set var="$sortOrders" value="{{ {
			'last_message_date': phrase('dbtech_social_groups_last_message_date'),
			'creation_date': phrase('dbtech_social_groups_creation_date'),
			'last_update_date': phrase('dbtech_social_groups_last_update_date'),
			'member_count': phrase('dbtech_social_groups_member_count'),
			'discussion_count': phrase('dbtech_social_groups_discussion_count'),
			'message_count': phrase('dbtech_social_groups_message_count'),
			'view_count': phrase('views'),
			'title': phrase('title'),
			'random': phrase('dbtech_social_groups_random')
		} }}" />
<xf:comment>
		<div class="block-filterBar {{ (property('dbtechSocialGroupsGroupListStyle') == 'grid') ? 'block-filterBar--standalone': '' }}">
			<div class="filterBar">
				<xf:if contentcheck="true">
					<ul class="filterBar-filters">
						<xf:contentcheck>
							<xf:if is="$filters.owner_id AND $ownerFilter">
								<li><a href="{{ link('dbtech-social', $group, $filters|replace('owner_id', null)) }}"
									   class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
									<span class="filterBar-filterToggle-label">{{ phrase('dbtech_social_groups_owner:') }}</span>
									{$ownerFilter.username}</a></li>
							</xf:if>
							<xf:if is="$filters.group_type">
								<li><a href="{{ link('dbtech-social', $group, $filters|replace('group_type', null)) }}"
									   class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
									<span class="filterBar-filterToggle-label">{{ phrase('dbtech_social_groups_group_privacy:') }}</span>
									{$groupTypes.{$filters.group_type}}</a></li>
							</xf:if>
							<xf:if is="$filters.order AND {$sortOrders.{$filters.order}}">
								<li><a href="{{ link('dbtech-social', null, $filters|replace({'order': null, 'direction': null})) }}"
									   class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('return_to_default_order')|for_attr }}">
									<span class="filterBar-filterToggle-label">{{ phrase('sort_by:') }}</span>
									{$sortOrders.{$filters.order}}
									<xf:fa icon="{{ $filters.direction == 'asc' ? 'fa-angle-up' : 'fa-angle-down' }}" />
									<span class="u-srOnly"><xf:if is="$filters.direction == 'asc'">{{ phrase('ascending') }}<xf:else />{{ phrase('descending') }}</xf:if></span>
								</a></li>
							</xf:if>
						</xf:contentcheck>
					</ul>
				</xf:if>

				<a class="filterBar-menuTrigger" data-xf-click="menu" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true">{{ phrase('filters') }}</a>
				<div class="menu menu--wide" data-menu="menu" aria-hidden="true"
					 data-href="{{ link('dbtech-social/group-list-filters', null, $filters) }}"
					 data-load-target=".js-filterMenuBody">
					<div class="menu-content">
						<h4 class="menu-header">{{ phrase('show_only:') }}</h4>
						<div class="js-filterMenuBody">
							<div class="menu-row">{{ phrase('loading...') }}</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</xf:comment>

		<div class="block-body">
			<xf:if is="$stickyGroups is not empty OR $groups is not empty">
				<xf:if is="property('dbtechSocialGroupsGroupListStyle') == 'grid'">
					<xf:css src="dbtech_social_groups_group_grid.less" />

					<div class="groupGrid"
						 data-xf-init="{{ $infiniteScroll ? 'dbtech-social-groups-infinite-scroll' : '' }}"
						 data-infinite-scroll-click="{{ property('dbtechSocialInfiniteScrollClick') }}"
						 data-infinite-scroll-after="{{ property('dbtechSocialInfiniteScrollAfter') }}"
						 data-infinite-scroll-history="{{ property('dbtechSocialInfiniteScrollHistory') }}">

						<xf:foreach loop="$stickyGroups" value="$group">
							<xf:macro name="dbtech_social_groups_group_list_macros::group_grid"
									  arg-filters="{$filters}"
									  arg-baseLinkPath="dbtech-social"
									  arg-group="{$group}" />
						</xf:foreach>

						<xf:foreach loop="$groups" value="$group">
							<xf:macro name="dbtech_social_groups_group_list_macros::group_grid"
									  arg-filters="{$filters}"
									  arg-baseLinkPath="dbtech-social"
									  arg-group="{$group}" />
						</xf:foreach>
					</div>
				<xf:else />
					<xf:if is="$stickyGroups is not empty">
						<div class="structItemContainer structItemContainer-group structItemContainer-group--sticky">
							<xf:foreach loop="$stickyGroups" value="$group">
								<xf:macro name="dbtech_social_groups_group_list_macros::group_list"
										  arg-filters="{$filters}"
										  arg-baseLinkPath="dbtech-social"
										  arg-group="{$group}" />
							</xf:foreach>
						</div>

						<xf:ad position="dbtech_social_groups_group_list_below_stickies" />
					</xf:if>

					<div class="structItemContainer"
						 data-xf-init="{{ $infiniteScroll ? 'dbtech-social-groups-infinite-scroll' : '' }}"
						 data-infinite-scroll-click="{{ property('dbtechSocialInfiniteScrollClick') }}"
						 data-infinite-scroll-after="{{ property('dbtechSocialInfiniteScrollAfter') }}"
						 data-infinite-scroll-history="{{ property('dbtechSocialInfiniteScrollHistory') }}"
					>
						<xf:foreach loop="$groups" value="$group">
							<xf:macro name="dbtech_social_groups_group_list_macros::group_list"
									  arg-filters="{$filters}"
									  arg-baseLinkPath="dbtech-social"
									  arg-group="{$group}" />
						</xf:foreach>
					</div>
				</xf:if>
			<xf:elseif is="$filters" />
				<div class="block-row">{{ phrase('dbtech_social_groups_there_no_groups_matching_your_filters') }}</div>
			<xf:else />
				<div class="block-row">{{ phrase('dbtech_social_groups_no_groups_have_been_created_yet') }}</div>
			</xf:if>
		</div>
	</div>

	<xf:if is="$infiniteScroll">
		<div class="block-row group-status">
			<div class="group-ellipsis infinite-scroll-request">
				<span class="group-ellipsis--dot"></span>
				<span class="group-ellipsis--dot"></span>
				<span class="group-ellipsis--dot"></span>
				<span class="group-ellipsis--dot"></span>
			</div>
		</div>

		<div class="block-row group-loader">
			<xf:button class="group-button button--cta">{{ phrase('dbtech_social_groups_load_more...') }}</xf:button>
		</div>
	</xf:if>

	<div class="block-outer block-outer--after block-outer--pagination">
		<xf:pagenav
			page="{$page}" perpage="{$perPage}" total="{$total}"
			link="dbtech-social" params="{$filters}"
			wrapperclass="block-outer-main" />
		<xf:showignored wrapperclass="block-outer-opposite" />
	</div>
</div>

<xf:widgetpos id="dbtech_social_group_list_below_groups" />]]></template>
    <template title="dbtech_social_groups_group_list_macros" type="public" addon_id="DBTech/SocialGroups" version_id="1010070" version_string="1.1.0"><![CDATA[<xf:macro name="group_list"
		  arg-group="!"
		  arg-filters="{{ [] }}"
		  arg-baseLinkPath=""
		  arg-showWatched="{{ true }}"
		  arg-showOwner="{{ true }}"
		  arg-allowInlineMod="{{ true }}"
		  arg-chooseName=""
		  arg-extraInfo=""
		  arg-nodeExtraInfo="">

	<xf:css src="structured_list.less" />
	<xf:css src="node_list.less" />

	<xf:set var="$extras" value="{$group.getGroupListExtras()}" />

	<div class="groupList-group structItem structItem--item {{ $group.isUnread() ? 'is-unread' : '' }} {{ $group.isIgnored() ? 'is-ignored' : '' }} {{ $group.group_state == 'moderated' ? 'is-moderated' : '' }} {{ $group.group_state == 'deleted' ? 'is-deleted' : '' }} js-inlineModContainer js-groupListItem-{$group.group_id}" data-author="{{ $group.User.username ?: $group.username }}">
		<div class="structItem-cell structItem-cell--icon structItem-cell--iconExpanded">
			<div class="structItem-iconContainer">
				<xf:if is="$showOwner">
					{{ dbtech_social_groups_group_icon($group, 's') }}
				</xf:if>
			</div>
		</div>
		<div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
			<xf:if contentcheck="true">
				<ul class="structItem-statuses">
					<xf:contentcheck>
						<xf:if is="$group.sticky">
							<li>
								<i class="structItem-status structItem-status--sticky" aria-hidden="true" title="{{ phrase('sticky')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('sticky') }}</span>
							</li>
						</xf:if>
						<xf:if is="$group.group_state == 'moderated'">
							<li>
								<i class="structItem-status structItem-status--moderated" aria-hidden="true" title="{{ phrase('awaiting_approval')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('awaiting_approval') }}</span>
							</li>
						</xf:if>
						<xf:if is="$group.group_state == 'deleted'">
							<li>
								<i class="structItem-status structItem-status--deleted" aria-hidden="true" title="{{ phrase('deleted')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('deleted') }}</span>
							</li>
						</xf:if>
						<xf:if is="{$showWatched} AND {$xf.visitor.user_id}">
							<xf:if is="{$group.Watch.{$xf.visitor.user_id}}">
								<li>
									<i class="structItem-status structItem-status--watched" aria-hidden="true" title="{{ phrase('dbtech_social_groups_group_watched')|for_attr }}"></i>
									<span class="u-srOnly">{{ phrase('dbtech_social_groups_group_watched') }}</span>
								</li>
							</xf:if>
						</xf:if>
					</xf:contentcheck>
				</ul>
			</xf:if>

			<div class="structItem-title">
				<a href="{{ link('dbtech-social', $group) }}" data-tp-primary="on">{$group.title}</a>
			</div>

			<div class="structItem-minor">
				<xf:if contentcheck="true">
					<ul class="structItem-extraInfo">
						<xf:contentcheck>
							<xf:if is="{$extraInfo}">
								<li>{$extraInfo}</li>
							</xf:if>
							<xf:if is="$chooseName">
								<li><xf:checkbox standalone="true">
									<xf:option name="{$chooseName}[]" value="{$group.group_id}" class="js-chooseItem" />
								</xf:checkbox></li>
							</xf:if>
						</xf:contentcheck>
					</ul>
				</xf:if>

				<xf:if is="$group.group_state == 'deleted'">
					<xf:macro template="deletion_macros" name="notice" arg-log="{$group.DeletionLog}" />
				<xf:else />
					<ul class="structItem-parts structItem-parts--item">
						<xf:if is="$showOwner">
							<li><xf:username user="$group.User" defaultname="{{ $group.username ?: phrase('n_a') }}" /></li>
						</xf:if>
						<li>{$group.getPrivacyState()}</li>
						<li>{{ phrase('dbtech_social_groups_x_members', {'count': $extras.member_count|number()}) }}</li>
					</ul>
				</xf:if>
			</div>

			<xf:if is="$group.group_state != 'deleted'">
				<div class="structItem-itemTagLine">{{ bb_code($group.tagline, 'dbtech_social_group', $group) }}</div>
			</xf:if>
		</div>

		<xf:if is="true || !{$extras.privateInfo}">
			<div class="node-stats">
				<dl class="pairs pairs--rows">
					<dt>{{ phrase('dbtech_social_groups_discussions') }}</dt>
					<dd>{$extras.discussion_count|number_short(1)}</dd>
				</dl>
				<dl class="pairs pairs--rows">
					<dt>{{ phrase('messages') }}</dt>
					<dd>{$extras.message_count|number_short(1)}</dd>
				</dl>
			</div>
		</xf:if>

		<div class="node-extra">
			<xf:if is="$nodeExtraInfo">
				{$nodeExtraInfo}
			<xf:elseif is="{$extras.privateInfo}" />
				<div class="node-extra-placeholder">{{ phrase('private') }}</div>
			<xf:elseif is="{$extras.LastDiscussion}" />
				<div class="node-extra-icon">
					<xf:if is="$xf.visitor.isIgnoring($extras.last_message_user_id)">
						<xf:avatar user="{{ null }}" size="xs" />
					<xf:else />
						<xf:avatar user="{$extras.LastMessageUser}" defaultname="{$extras.last_message_username}" size="xs" />
					</xf:if>
				</div>
				<div class="node-extra-row">
					<xf:if is="$extras.LastDiscussion.isUnread()">
						<a href="{{ link('dbtech-social/discussions/unread', $extras.LastDiscussion) }}" class="node-extra-title" title="{$extras.LastDiscussion.title}">{$extras.LastDiscussion.title}</a>
					<xf:else />
						<a href="{{ link('dbtech-social/discussions/message', $extras.LastDiscussion, {'message_id': $extras.last_message_id}) }}" class="node-extra-title" title="{$extras.LastDiscussion.title}">{$extras.LastDiscussion.title}</a>
					</xf:if>
				</div>
				<div class="node-extra-row">
					<ul class="listInline listInline--bullet">
						<li><xf:date time="{$extras.last_message_date}" class="node-extra-date" /></li>
						<xf:if is="$xf.visitor.isIgnoring($extras.last_message_user_id)">
							<li class="node-extra-user">{{ phrase('ignored_member') }}</li>
						<xf:else />
							<li class="node-extra-user"><xf:username user="{$extras.LastMessageUser}" defaultname="{$extras.last_message_username}" /></li>
						</xf:if>
					</ul>
				</div>
			<xf:else />
				<div class="node-extra-placeholder">{{ phrase('none') }}</div>
			</xf:if>
		</div>
		<xf:comment>
		<div class="structItem-cell structItem-cell--itemMeta">
			<dl class="pairs pairs--justified structItem-minor structItem-metaItem structItem-metaItem--discussion">
				<dt>{{ phrase('dbtech_social_groups_discussions') }}</dt>
				<dd>{$extras.discussion_count|number_short(1)}</dd>
			</dl>

			<dl class="pairs pairs--justified structItem-minor structItem-metaItem structItem-metaItem--lastUpdate">
				<dt>{{ phrase('messages') }}</dt>
				<dd>{$extras.message_count|number_short(1)}</dd>
			</dl>
		</div>
		</xf:comment>
	</div>
</xf:macro>

<xf:macro name="group_grid"
		  arg-group="!"
		  arg-filters="{{ [] }}"
		  arg-baseLinkPath=""
		  arg-showWatched="{{ true }}"
		  arg-showOwner="{{ true }}"
		  arg-allowInlineMod="{{ true }}"
		  arg-chooseName=""
		  arg-extraInfo=""
		  arg-nodeExtraInfo="">

	<xf:css src="dbtech_social_groups_group_grid.less" />

	<xf:set var="$extras" value="{$group.getGroupListExtras()}" />

	<div class="groupGrid-group {{ $group.isIgnored() ? 'is-ignored' : '' }} {{ $group.group_state == 'moderated' ? 'is-moderated' : '' }} {{ $group.group_state == 'deleted' ? 'is-deleted' : '' }} js-inlineModContainer js-groupListItem-{$group.group_id}" data-author="{{ $group.User.username ?: $group.username }}">
		 		
			<div class="groupGrid-group-row groupGrid-group-row--icon">
				<xf:if is="$showOwner">
					{{ dbtech_social_groups_group_icon($group, 'l') }}
				</xf:if>
			</div>
		

		<div class="groupGrid-group-row groupGrid-group-row--main" data-xf-init="touch-proxy">
			<div class="groupGrid-group-title {{ $group.isUnread() ? 'groupGrid-group-title--unread' : '' }}">
				<a href="{{ link('dbtech-social', $group) }}" data-tp-primary="on">{$group.title}</a>
			</div>

			<xf:if is="$group.group_state != 'deleted'">
				<div class="groupGrid-group-tagline">{{ bb_code($group.tagline, 'dbtech_social_group', $group) }}</div>
			</xf:if>

			<xf:if is="$chooseName">
				<div class="groupGrid-group-chooseItem">
					<xf:checkbox standalone="true">
						<xf:option name="{$chooseName}[]" value="{$group.group_id}" class="js-chooseItem" />
					</xf:checkbox>
				</div>
			</xf:if>

			<xf:if contentcheck="true">
				<ul class="groupGrid-group-statuses">
					<xf:contentcheck>
						<xf:if is="$group.sticky">
							<li>
								<i class="groupGrid-group-status groupGrid-group-status--sticky" aria-hidden="true" title="{{ phrase('sticky')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('sticky') }}</span>
							</li>
						</xf:if>
						<xf:if is="$group.group_state == 'moderated'">
							<li>
								<i class="groupGrid-group-status groupGrid-group-status--moderated" aria-hidden="true" title="{{ phrase('awaiting_approval')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('awaiting_approval') }}</span>
							</li>
						</xf:if>
						<xf:if is="$group.group_state == 'deleted'">
							<li>
								<i class="groupGrid-group-status groupGrid-group-status--deleted" aria-hidden="true" title="{{ phrase('deleted')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('deleted') }}</span>
							</li>
						</xf:if>
						<xf:if is="{$showWatched} AND {$xf.visitor.user_id}">
							<xf:if is="{$group.Watch.{$xf.visitor.user_id}}">
								<li>
									<i class="groupGrid-group-status groupGrid-group-status--watched" aria-hidden="true" title="{{ phrase('dbtech_social_groups_group_watched')|for_attr }}"></i>
									<span class="u-srOnly">{{ phrase('dbtech_social_groups_group_watched') }}</span>
								</li>
							</xf:if>
						</xf:if>

					</xf:contentcheck>
				</ul>
			</xf:if>
		</div>

		<div class="groupGrid-group-row groupGrid-group-row--extra">
			<div class="groupGrid-group-minor">
				<xf:if contentcheck="true">
					<ul class="groupGrid-group-minor-list">
						<xf:contentcheck>
							<xf:if is="{$extraInfo}">
								<li>{$extraInfo}</li>
							</xf:if>
						</xf:contentcheck>
					</ul>
				</xf:if>

				<xf:if is="$group.group_state == 'deleted'">
					<xf:macro template="deletion_macros" name="notice" arg-log="{$group.DeletionLog}" />
				<xf:else />
					<ul class="groupGrid-group-minor-list">
						<xf:if is="$showOwner">
							<li class="groupGrid-group-minor-list-user">
								<xf:avatar user="$group.User" defaultname="{$group.username}" size="xxs" />
								<xf:username user="$group.User" defaultname="{{ $group.username ?: phrase('n_a') }}" />
							</li>
						</xf:if>
						<li>{$group.getPrivacyState()}</li>
						<li>{{ phrase('dbtech_social_groups_x_members', {'count': $extras.member_count|number()}) }}</li>
					</ul>
				</xf:if>
			</div>

			<div class="groupGrid-group-node">
				<xf:if is="$nodeExtraInfo">
					{$nodeExtraInfo}
				<xf:elseif is="{$extras.privateInfo}" />
					<div class="groupGrid-group-node-placeholder">{{ phrase('private') }}</div>
				<xf:elseif is="{$extras.LastDiscussion}" />
					<div class="groupGrid-group-node-row">
						{{ phrase('dbtech_social_groups_latest_message:') }}
						<xf:if is="$extras.LastDiscussion.isUnread()">
							<a href="{{ link('dbtech-social/discussions/unread', $extras.LastDiscussion) }}" class="groupGrid-group-node-title" title="{$extras.LastDiscussion.title}">{$extras.LastDiscussion.title}</a>
						<xf:else />
							<a href="{{ link('dbtech-social/discussions/message', $extras.LastDiscussion, {'message_id': $extras.last_message_id}) }}" class="groupGrid-group-node-title" title="{$extras.LastDiscussion.title}">{$extras.LastDiscussion.title}</a>
						</xf:if>
					</div>
					<div class="groupGrid-group-node-row groupGrid-group-node-row--opposite">
						<ul class="listInline listInline--bullet">
							<li><xf:date time="{$extras.last_message_date}" class="groupGrid-group-node-date" /></li>
							<xf:if is="$xf.visitor.isIgnoring($extras.last_message_user_id)">
								<li class="groupGrid-group-node-user">{{ phrase('ignored_member') }}</li>
							<xf:else />
								<li class="groupGrid-group-node-user"><xf:username user="{$extras.LastMessageUser}" defaultname="{$extras.last_message_username}" /></li>
							</xf:if>
						</ul>
					</div>
				<xf:else />
					<div class="groupGrid-group-node-placeholder">{{ phrase('none') }}</div>
				</xf:if>
			</div>
		</div>
	</div>
</xf:macro>

<xf:macro name="group_simple" arg-group="!" arg-showOwner="{{ true }}" arg-withMeta="{{ true }}">
	<div class="contentRow">
		<div class="contentRow-figure">
			{{ dbtech_social_groups_group_icon($group, 'xxs', {'href': link('dbtech-social', $group)}) }}
		</div>
		<div class="contentRow-main contentRow-main--close">
			<a href="{{ link('dbtech-social', $group) }}">{$group.title}</a>
			<div class="contentRow-lesser">{$group.tagline}</div>
			<xf:if is="$withMeta">
				<div class="contentRow-minor contentRow-minor--smaller">
					<ul class="listInline listInline--bullet">
						<xf:if is="$showOwner">
							<li>{{ $group.User.username ?: $group.username }}</li>
						</xf:if>

						<li><xf:date time="{$group.last_update_date}" /></li>
					</ul>
				</div>
			</xf:if>
		</div>
	</div>
</xf:macro>]]></template>
    <template title="dbtech_social_groups_group_list_wrapper" type="public" addon_id="DBTech/SocialGroups" version_id="1010070" version_string="1.1.0"><![CDATA[<xf:if is="property('dbtechSocialGroupNavStyle') == 'tabs'">
	<div class="tabs tabs--standalone">
		<div class="hScroller" data-xf-init="h-scroller">
			<span class="hScroller-scroll">
				<xf:macro name="links"
					arg-pageSelected="{$pageSelected}"
					arg-baseClass="tabs-tab"
					arg-selectedClass="is-active" />
			</span>
		</div>
	</div>
<xf:else />
	<xf:comment>
	<xf:sidenav>
		<div class="block">
			<div class="block-container">
				<h3 class="block-header">{{ phrase('navigation') }}</h3>
				<div class="block-body">
					<xf:macro name="links"
						arg-pageSelected="{$pageSelected}"
						arg-baseClass="blockLink"
						arg-selectedClass="is-selected" />
				</div>
			</div>
		</div>

		<xf:widgetpos id="dbtech_social_group_list_sidenav" />
	</xf:sidenav>
	<xf:page option="sideNavTitle">{{ phrase('navigation') }}</xf:page>
		</xf:comment>
</xf:if>

{$innerContent|raw}

<xf:macro name="links" arg-pageSelected="!" arg-baseClass="!" arg-selectedClass="!">
	<!--[XF:DBTechSocial:links:start]-->
	<a class="{$baseClass} {{ $pageSelected == 'list' ? {$selectedClass} : '' }}" href="{{ link('dbtech-social') }}">{{ phrase('dbtech_social_groups_social_groups_list') }}</a>
	<!--[XF:DBTechSocial:links:after_list]-->
	<xf:if is="$xf.visitor.user_id">
		<xf:set var="$invitations" value="{$xf.app.em.getRepository('DBTech\SocialGroups:GroupInvite').findGroupInvitesForUser($xf.visitor).total()}" />

		<a class="{$baseClass} {{ $pageSelected == 'memberships' ? {$selectedClass} : '' }}" href="{{ link('dbtech-social/memberships', $xf.visitor) }}">{{ phrase('dbtech_social_groups_your_group_memberships') }}</a>
		<!--[XF:DBTechSocial:links:after_memberships]-->
		<a class="{$baseClass} {{ $pageSelected == 'owned' ? {$selectedClass} : '' }}" href="{{ link('dbtech-social/memberships/owned', $xf.visitor) }}">{{ phrase('dbtech_social_groups_your_owned_groups') }}</a>
		<!--[XF:DBTechSocial:links:after_owned]-->
		<a class="{$baseClass} {{ $pageSelected == 'managed' ? {$selectedClass} : '' }}" href="{{ link('dbtech-social/memberships/managed', $xf.visitor) }}">{{ phrase('dbtech_social_groups_your_managed_groups') }}</a>
		<!--[XF:DBTechSocial:links:after_owned]-->
		<a class="{$baseClass} {{ $pageSelected == 'invitations' ? {$selectedClass} : '' }} badgeContainer{{ $invitations ? ' badgeContainer--highlighted' : '' }}"
		   data-badge="{$invitations|number}"
		   href="{{ link('dbtech-social/memberships/invitations') }}" rel="nofollow">
			{{ phrase('dbtech_social_groups_your_group_invitations') }}
		</a>
	</xf:if>
	<!--[XF:DBTechSocial:links:end]-->
</xf:macro>]]></template>
    <template title="demo_dark.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[.notices .notice
{
	&.notice--primary
	{
		background: #392F28;
		color: @xf-textColor;
		border-style: dashed;
		border-color: rgba(255, 168, 0, 0.5);
		
		.notice-icon
		{
			background: #74531b;
			color: #FFA800;
		}
	}
	
	&.notice--accent
	{
		background: #2F264F;
		color: @xf-textColor;
		border-style: dashed;
		border-color: #8950fc;
	}
}

.u-bottomFixer .notices--floating .notice
{
	&.notice--primary
	{
		background: #392F28;
	}
	
	&.notice--accent
	{
		background: #2F264F;
	}
}

.structItemContainer-group .structItem.is-highlighted, .structItemContainer-group .structItem.is-moderated
{
	background: #3a2434;	
}

.blockStatus
{
	background: #212e48;
	color: #fff;
}

.bbCodeBlock.bbCodeBlock--quote
{
	background: rgb(57, 47, 40);
	
	border-color: rgb(255, 199, 0);
}



.bbWrapper .bbCodeBlock--unfurl
{
	background: #1c3238;
}

.actionBar-action
{
	&.actionBar-action--report,
	&.actionBar-action--spam
	{
		&:hover
		{
			background-color: #392f28;
		}
	}
	
	&.actionBar-action--delete,
	&.actionBar-action--warn
	{
		&:hover
		{
			background-color: #3A2434;
		}
	}
	
	&.actionBar-action--edit,
	&.actionBar-action--ip
	{
		&:hover
		{
			background-color: #2f264f;
		}
	}
	
	&.actionBar-action--mq,
	&.reaction
	{
		&:hover
		{
			background-color: #212E48;
		}
	}
	
	&.actionBar-action--reply,
	&.actionBar-action--history
	{
		&:hover
		{
			background-color: #1C3238;
		}
	}
}

.block-body .message--solution .message-cell.message-cell--vote
{
	background-color: #1C3238;
}

.bbCodeBlock .bbCodeBlock-expandLink
{
	background: linear-gradient(to bottom, rgba(57, 47, 40, 0) 0%, rgba(57, 47, 40, 1) 80%);
}]]></template>
    <template title="dp_extra.css" type="public" addon_id="" version_id="0" version_string=""><![CDATA[.special-badge {
	position: relative;

	display: flex;
	align-items: center;
	justify-content: center;

	width: fit-content;
	padding: 1px;
	border-radius: 999px;
	overflow: hidden;
}

.special-badge-inside {
	position: relative;

	display: flex;
	align-items: center;

	color: #FFF;
	font-size: 12px;
	height: 20px;
	padding: 0 0.75rem;
	border-radius: 999px;

	background-image: url("data:image/svg+xml,%3Csvg width='28' height='24' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3655_6412)'%3E%3Cpath opacity='0.2' d='M14.0535 15.732C13.8445 15.283 14.2849 14.8489 14.7327 15.051C14.8297 15.0959 14.9044 15.1707 14.9491 15.268C15.1507 15.717 14.7178 16.1511 14.2699 15.949C14.1729 15.9041 14.0983 15.8293 14.0535 15.732Z' fill='%23006fcd'/%3E%3Cpath opacity='0.5' d='M18.7997 13.5093C19.0012 13.0603 18.5683 12.6263 18.1205 12.8283C18.0235 12.8732 17.9488 12.9481 17.9041 13.0453C17.6951 13.4944 18.1354 13.9284 18.5833 13.7264C18.6803 13.6815 18.7549 13.6066 18.7997 13.5093Z' fill='%23006fcd'/%3E%3Cpath opacity='0.2' d='M0.949165 2.732C1.15069 2.28297 0.717785 1.84891 0.269958 2.05097C0.172928 2.09587 0.098284 2.17071 0.0535013 2.268C-0.155485 2.71703 0.284881 3.15109 0.732709 2.94903C0.829738 2.90413 0.904382 2.82929 0.949165 2.732Z' fill='%23006fcd'/%3E%3Cpath opacity='0.7' d='M26.949 7.732C27.1511 7.28297 26.717 6.84891 26.268 7.05097C26.1707 7.09587 26.0959 7.17071 26.0509 7.268C25.8489 7.71703 26.2829 8.15109 26.732 7.94903C26.8293 7.90413 26.9041 7.82929 26.949 7.732Z' fill='%23006fcd'/%3E%3Cpath opacity='0.5' d='M13.0535 5.732C12.8445 5.28297 13.2849 4.84891 13.7327 5.05097C13.8297 5.09587 13.9044 5.17071 13.9491 5.268C14.1507 5.71703 13.7178 6.15109 13.2699 5.94903C13.1729 5.90413 13.0983 5.82929 13.0535 5.732Z' fill='%23006fcd'/%3E%3Cpath opacity='0.7' d='M10.0535 17.732C9.8445 17.283 10.2849 16.8489 10.7327 17.051C10.8297 17.0959 10.9044 17.1707 10.9491 17.268C11.1507 17.717 10.7178 18.1511 10.2699 17.949C10.1729 17.9041 10.0983 17.8293 10.0535 17.732Z' fill='%23006fcd'/%3E%3Cpath opacity='0.2' d='M15.0535 21.732C14.8445 21.283 15.2849 20.8489 15.7327 21.051C15.8297 21.0959 15.9044 21.1707 15.9491 21.268C16.1507 21.717 15.7178 22.1511 15.2699 21.949C15.1729 21.9041 15.0983 21.8293 15.0535 21.732Z' fill='%23006fcd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3655_6412'%3E%3Crect width='28' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");											

	background-color: rgba(0, 0, 0, 0.60);

	backdrop-filter: blur(10px);

	z-index: 1;

}

.special-badge-gradient {
	position: absolute;
	background: conic-gradient(from 180deg at 50.00% 50.00%, #006fcd 0deg, rgba(74, 222, 128, 0.10) 101.25deg, #006fcd 196.875deg, rgba(74, 222, 128, 0.10) 294.3749928474426deg);
	animation: spin 2s linear infinite;
	aspect-ratio: 1 / 1;
	width: 105%;
}

.special-badge .crown-icon,
.special-badge .badge-upgrade-icon {
	margin-right: 0.5rem;
}

.special-badge .link-icon {
	color: #006fcd;
	margin-left: 0.25rem;
}

/** Prime **/

.special-badge.prime-upgrade .special-badge-inside {
	background-image: url("data:image/svg+xml,%3Csvg width='28' height='24' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3655_6380)'%3E%3Cpath opacity='0.2' d='M14.0535 15.732C13.8445 15.283 14.2849 14.8489 14.7327 15.051C14.8297 15.0959 14.9044 15.1707 14.9491 15.268C15.1507 15.717 14.7178 16.1511 14.2699 15.949C14.1729 15.9041 14.0983 15.8293 14.0535 15.732Z' fill='%23F1AC2E'/%3E%3Cpath opacity='0.5' d='M18.7997 13.5093C19.0012 13.0603 18.5683 12.6263 18.1205 12.8283C18.0235 12.8732 17.9488 12.9481 17.9041 13.0453C17.6951 13.4944 18.1354 13.9284 18.5833 13.7264C18.6803 13.6815 18.7549 13.6066 18.7997 13.5093Z' fill='%23F1AC2E'/%3E%3Cpath opacity='0.2' d='M0.949165 2.732C1.15069 2.28297 0.717785 1.84891 0.269958 2.05097C0.172928 2.09587 0.098284 2.17071 0.0535013 2.268C-0.155485 2.71703 0.284881 3.15109 0.732709 2.94903C0.829738 2.90413 0.904382 2.82929 0.949165 2.732Z' fill='%23F1AC2E'/%3E%3Cpath opacity='0.7' d='M26.949 7.732C27.1511 7.28297 26.717 6.84891 26.268 7.05097C26.1707 7.09587 26.0959 7.17071 26.0509 7.268C25.8489 7.71703 26.2829 8.15109 26.732 7.94903C26.8293 7.90413 26.9041 7.82929 26.949 7.732Z' fill='%23F1AC2E'/%3E%3Cpath opacity='0.5' d='M13.0535 5.732C12.8445 5.28297 13.2849 4.84891 13.7327 5.05097C13.8297 5.09587 13.9044 5.17071 13.9491 5.268C14.1507 5.71703 13.7178 6.15109 13.2699 5.94903C13.1729 5.90413 13.0983 5.82929 13.0535 5.732Z' fill='%23F1AC2E'/%3E%3Cpath opacity='0.7' d='M10.0535 17.732C9.8445 17.283 10.2849 16.8489 10.7327 17.051C10.8297 17.0959 10.9044 17.1707 10.9491 17.268C11.1507 17.717 10.7178 18.1511 10.2699 17.949C10.1729 17.9041 10.0983 17.8293 10.0535 17.732Z' fill='%23F1AC2E'/%3E%3Cpath opacity='0.2' d='M15.0535 21.732C14.8445 21.283 15.2849 20.8489 15.7327 21.051C15.8297 21.0959 15.9044 21.1707 15.9491 21.268C16.1507 21.717 15.7178 22.1511 15.2699 21.949C15.1729 21.9041 15.0983 21.8293 15.0535 21.732Z' fill='%23F1AC2E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3655_6380'%3E%3Crect width='28' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.special-badge.prime-upgrade .special-badge-gradient {
	background: conic-gradient(from 180deg at 50.00% 50.00%, #F1AC2E 0deg, rgba(241, 172, 46, 0.10) 101.25deg, #F1AC2E 196.875deg, rgba(241, 172, 46, 0.10) 294.3749928474426deg);
}

/** Divine **/

.special-badge.divine-upgrade .special-badge-inside {
	background-image: url("data:image/svg+xml,%3Csvg width='28' height='24' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3655_6396)'%3E%3Cpath opacity='0.2' d='M14.0535 15.732C13.8445 15.283 14.2849 14.8489 14.7327 15.051C14.8297 15.0959 14.9044 15.1707 14.9491 15.268C15.1507 15.717 14.7178 16.1511 14.2699 15.949C14.1729 15.9041 14.0983 15.8293 14.0535 15.732Z' fill='%23D3D3D3'/%3E%3Cpath opacity='0.5' d='M18.7997 13.5093C19.0012 13.0603 18.5683 12.6263 18.1205 12.8283C18.0235 12.8732 17.9488 12.9481 17.9041 13.0453C17.6951 13.4944 18.1354 13.9284 18.5833 13.7264C18.6803 13.6815 18.7549 13.6066 18.7997 13.5093Z' fill='%23D3D3D3'/%3E%3Cpath opacity='0.2' d='M0.949165 2.732C1.15069 2.28297 0.717785 1.84891 0.269958 2.05097C0.172928 2.09587 0.098284 2.17071 0.0535013 2.268C-0.155485 2.71703 0.284881 3.15109 0.732709 2.94903C0.829738 2.90413 0.904382 2.82929 0.949165 2.732Z' fill='%23D3D3D3'/%3E%3Cpath opacity='0.7' d='M26.949 7.732C27.1511 7.28297 26.717 6.84891 26.268 7.05097C26.1707 7.09587 26.0959 7.17071 26.0509 7.268C25.8489 7.71703 26.2829 8.15109 26.732 7.94903C26.8293 7.90413 26.9041 7.82929 26.949 7.732Z' fill='%23D3D3D3'/%3E%3Cpath opacity='0.5' d='M13.0535 5.732C12.8445 5.28297 13.2849 4.84891 13.7327 5.05097C13.8297 5.09587 13.9044 5.17071 13.9491 5.268C14.1507 5.71703 13.7178 6.15109 13.2699 5.94903C13.1729 5.90413 13.0983 5.82929 13.0535 5.732Z' fill='%23D3D3D3'/%3E%3Cpath opacity='0.7' d='M10.0535 17.732C9.8445 17.283 10.2849 16.8489 10.7327 17.051C10.8297 17.0959 10.9044 17.1707 10.9491 17.268C11.1507 17.717 10.7178 18.1511 10.2699 17.949C10.1729 17.9041 10.0983 17.8293 10.0535 17.732Z' fill='%23D3D3D3'/%3E%3Cpath opacity='0.2' d='M15.0535 21.732C14.8445 21.283 15.2849 20.8489 15.7327 21.051C15.8297 21.0959 15.9044 21.1707 15.9491 21.268C16.1507 21.717 15.7178 22.1511 15.2699 21.949C15.1729 21.9041 15.0983 21.8293 15.0535 21.732Z' fill='%23D3D3D3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3655_6396'%3E%3Crect width='28' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.special-badge.divine-upgrade .special-badge-gradient {
	background: conic-gradient(from 180deg at 50.00% 50.00%, #FFF 0deg, rgba(255, 255, 255, 0.10) 101.25deg, #FFF 196.875deg, rgba(255, 255, 255, 0.10) 294.3749928474426deg);
}

/** Mythical **/

.special-badge.mythical-upgrade .special-badge-inside {
	background-image: url("data:image/svg+xml,%3Csvg width='28' height='24' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3652_6361)'%3E%3Cpath opacity='0.2' d='M14.0535 15.732C13.8445 15.283 14.2849 14.8489 14.7327 15.051C14.8297 15.0959 14.9044 15.1707 14.9491 15.268C15.1507 15.717 14.7178 16.1511 14.2699 15.949C14.1729 15.9041 14.0983 15.8293 14.0535 15.732Z' fill='%23BA7EFF'/%3E%3Cpath opacity='0.5' d='M18.7997 13.5093C19.0012 13.0603 18.5683 12.6263 18.1205 12.8283C18.0235 12.8732 17.9488 12.9481 17.9041 13.0453C17.6951 13.4944 18.1354 13.9284 18.5833 13.7264C18.6803 13.6815 18.7549 13.6066 18.7997 13.5093Z' fill='%23BA7EFF'/%3E%3Cpath opacity='0.2' d='M0.949165 2.732C1.15069 2.28297 0.717785 1.84891 0.269958 2.05097C0.172928 2.09587 0.098284 2.17071 0.0535013 2.268C-0.155485 2.71703 0.284881 3.15109 0.732709 2.94903C0.829738 2.90413 0.904382 2.82929 0.949165 2.732Z' fill='%23BA7EFF'/%3E%3Cpath opacity='0.7' d='M26.949 7.732C27.1511 7.28297 26.717 6.84891 26.268 7.05097C26.1707 7.09587 26.0959 7.17071 26.0509 7.268C25.8489 7.71703 26.2829 8.15109 26.732 7.94903C26.8293 7.90413 26.9041 7.82929 26.949 7.732Z' fill='%23BA7EFF'/%3E%3Cpath opacity='0.5' d='M13.0535 5.732C12.8445 5.28297 13.2849 4.84891 13.7327 5.05097C13.8297 5.09587 13.9044 5.17071 13.9491 5.268C14.1507 5.71703 13.7178 6.15109 13.2699 5.94903C13.1729 5.90413 13.0983 5.82929 13.0535 5.732Z' fill='%23BA7EFF'/%3E%3Cpath opacity='0.7' d='M10.0535 17.732C9.8445 17.283 10.2849 16.8489 10.7327 17.051C10.8297 17.0959 10.9044 17.1707 10.9491 17.268C11.1507 17.717 10.7178 18.1511 10.2699 17.949C10.1729 17.9041 10.0983 17.8293 10.0535 17.732Z' fill='%23BA7EFF'/%3E%3Cpath opacity='0.2' d='M15.0535 21.732C14.8445 21.283 15.2849 20.8489 15.7327 21.051C15.8297 21.0959 15.9044 21.1707 15.9491 21.268C16.1507 21.717 15.7178 22.1511 15.2699 21.949C15.1729 21.9041 15.0983 21.8293 15.0535 21.732Z' fill='%23BA7EFF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3652_6361'%3E%3Crect width='28' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.special-badge.mythical-upgrade .special-badge-gradient {
	background: conic-gradient(from 180deg at 50.00% 50.00%, #BA7EFF 0deg, rgba(186, 126, 255, 0.10) 101.25deg, #BA7EFF 196.875deg, rgba(186, 126, 255, 0.10) 294.3749928474426deg);
}

/** **/

.kz-group-invite-notice {
    display: flex;
    align-items: center;
    justify-content: center;
	flex-wrap: wrap;
    gap: 1rem;
    color: #006fcd;
	border-radius: 0.5rem;
    padding: 1.25rem;
	margin-bottom: 1.5rem;
    background: rgba(74,222,128,0.15);
}

.kz-group-invite-notice > div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.kz-group-profile {
    background: #151518;
    border-radius: 0.75rem;
    margin-bottom: 3rem;
}
	
.kz-group-profile-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	justify-content: end;
	gap: 1rem;
}	
	
.kz-group-profile-main {
	padding: 1.25rem;
}
	
.kz-group-profile-header {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
	gap: 1.25rem;
}

.kz-group-profile-badge-and-name {
	display: flex;
	gap: 1.25rem;
}

.kz-group-profile-badge-and-name .kz-group-profile-badge {
	border: 0;
	border-radius: 0.5rem;
}
	
.kz-group-profile-name {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #FFF;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.75rem;
    margin: 0;
	margin-bottom: 0.5rem;
}
	
.kz-group-profile-data {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	gap: 0.75rem;
	margin-top: 1.25rem;
}
	
.kz-group-profile-data .kz-group-separator-dot {
	margin: 0;
}
	
.kz-group-profile-data p {
    display: flex;
    align-items: center;
    color: #868693;
    font-size: 1rem;
}
	
.kz-group-profile-data p > svg {
    margin-right: 0.5rem;
    color: #006fcd;
}
	
.kz-group-profile-data p > span {
    font-weight: 600;
    margin-right: 0.25rem;
}

.kz-group-profile-userbar {
	max-height: 40px;
}

.kz-group-profile-description {
	margin-top: 1.25rem;
}
	
.kz-group-widgets-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 24px;
}

	
.kz-group-profile-banner {
	height: 220px;
    border-radius: 0.75rem 0.75rem 0 0;
    background: #121215;
}
	
.kz-group-profile-banner > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
	border-radius: 0.75rem 0.75rem 0 0;
}
	
					
.kz-group-members-table-list {
		display: flex;
		flex-wrap: wrap;
		gap: 1.25rem;
}

.kz-group-members-table-list:not(:last-child) {
	margin-bottom: 1.25rem;
}
	
.kz-group-members-table-user {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.kz-group-members-table-user-role {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 2;
}

.kz-group-members-table-actions {
	display: flex;
	justify-content: end;
	gap: 1rem;
	flex: 1;
}

.kz-group-members-table-actions > .button {
	padding: 6px 12px;
}
	
.kz-group-members-table-actions > .button[aria-haspopup="true"] {
	padding: 6px 6px;
}

.kz-group-invite {
	display: flex;
	gap: 1rem;
}

.kz-group-invite-wrapper {
	margin-bottom: 2rem;
}

.kz-group-share-wrapper {
	display: flex;
	gap: 1rem;
}

.kz-group-share-wrapper .tlg-group--qrcode {
	width: calc(80px + 1rem);
	height: calc(80px + 1rem);
}

.kz-group-share-wrapper .tlg-group--qrcode * {
	width: 100%;
	height: 100%;
	filter: invert(100%);
}

.kz-group-share-buttons {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	flex: 1;
}

.kz-group-share-buttons > .button {
	width: 100%;
}

.kz-group-share-label {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: #FFF;
	font-size: 1rem;
	margin-bottom: 1.25rem;
}
	
.kz-group-threads-list > .block {
	margin-bottom: 0;
}
	
.kz-group-new-thread-button {
	margin-left: auto;	
}

/** **/

.kz-group-members-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
	gap: 24px;
}

.kz-group-members-item {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	background: #151518;
	padding: 1.25rem;
	border-radius: 0.75rem;							
}

.kz-group-members-item-moderation {
	position: absolute;
	top: 1.25rem;
	right: 1.25rem;
}

.kz-group-members-item.is-mod-selected {
	box-shadow: 0 0 0 4px rgb(74, 153, 222, .25), 0 0 0 1px #006fcd;
}

.kz-group-members-item-user {
	color: #FFF;
	font-size: 1.125rem;
	font-weight: inherit;
	line-height: 1.5rem;
	margin: 0;
	margin-top: 0.5rem;
}

.kz-group-members-item-details {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.25rem;
	flex-wrap: wrap;
	margin-top: 1.25rem;
}

.kz-group-members-item-details p {
	display: flex;
	align-items: center;
	color: #868693;
	font-size: 1rem;
}

.kz-group-members-item-details p > svg {
	color: #006fcd;
	margin-right: 0.5rem;
}

.kz-group-members-item-details p > span {
	color: #FFF;
	font-weight: 600;
	margin-left: 0.25rem;
}

.kz-group-members-item-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 1.25rem;
}

.kz-group-members-item .kz-group-extra-badge {
	margin-top: 1.25rem;
}

.profile-widget-header > .kz-button--small {
	margin-left: auto;
}

/** **/

.groupBbCode--wrapper:has(.kz-group) {
	max-width: 456px !important;
}

.kz-group-heading {
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
    font-family: 'kingzheader',sans-serif;
    color: #FFF;
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
}
	
.kz-groups-grid {
	margin-top: 2rem;
}
	
.kz-group {
	border-radius: 0.75rem;
	background: #151518;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.35);
}

.kz-group:not([data-template*="tlg"] .kz-group) {
    max-width: 456px !important;
    width: 100%;
	border: 1px solid #1f1f23;
}
	
.kz-group-main {
    padding: 1.25rem;
}
	
.kz-group-banner {
	position: relative;
	height: 123px;
	object-fit: cover;
	border-radius: 0.75rem 0.75rem 0 0;
	background: #121215;
}
	
.kz-group-banner > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
	border-radius: 0.75rem 0.75rem 0 0;
    background: none 0% 0% / contain;
}
	
.kz-group-banner .d-none {
	display: none;
}
	
.kz-group-name {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
	color: #FFF;
	font-size: 1.125rem !important;
	font-weight: 500;
	line-height: 1.5rem;
	margin: 0 !important;
}
	
.kz-group-description {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #A4A6A8;
    font-size: 1rem;
}

.kz-group-footer {
    display: flex;
	align-items: center;
	margin-top: 1.25rem;
}
	
.kz-group-footer > .button {
	margin-left: auto;
	padding: 6px 12px;
}
	
.kz-group-badge-members {
	display: flex;
	align-items: center;
	gap: 0.25rem;
    width: fit-content;
	padding: 0.25rem;
	border-radius: 999px;
	background: #212125;
}
	
.kz-group-badge-separator {
	width: 1px;
	height: 16px;
	background: #292A2B;
}
	
.kz-group-badge-owner {
	position: relative;
}
	
.kz-group-badge-owner .kz-owner-icon {
	position: absolute;
}
	
.kz-group-badge-members-list {
	display: flex;
}
	
.kz-group-member-badge-item {
    border: 2px solid #212125;
    background: #39393f;
    box-sizing: content-box;
    transition: transform .25s ease;
}
	
.kz-group-badge-members-list > *:not(:last-child) {
    margin-right: -12px;
}
	
.kz-group-badge-total-members {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    height: 24px;
    min-width: 24px;
    border-radius: 999px;
    padding: 0 0.5rem;
    font-size: 1rem;
}
	
.kz-group-extra {
    position: absolute;
    display: flex;
    align-items: end;
	gap: 1.25rem;
	right: 1.25rem;
	bottom: -12px;
}
	
.kz-group-extra-badge-wrapper {
    display: flex;
    align-items: center;
	gap: 0.75rem;
}
	
	
.kz-group-extra-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    border-radius: 999px;
    padding: 0.25rem 0.75rem  0.25rem  0.25rem;
	color: #868693;
    font-size: 0.875rem;
	text-transform: capitalize;
	background: #212125;
}
	
.kz-group-extra-badge-icon {
	display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background: #39393f;
}
	
.kz-group-extra-badge-icon.public-group {
	color: #34D399;
	background: rgba(52, 211, 153, 0.15);	
}
	
.kz-group-extra-badge-icon.closed-group {
	color: #DB3C3C;
	background: rgba(219, 60, 60, 0.15);
}
	
.kz-group-extra-badge-icon.secret-group {
	color: #FDE047;
	background: rgba(253, 224, 71, 0.15);
}

.kz-group-extra-badge-icon.role-moderator {
	color: #F1AC2E;
	background: rgba(241, 172, 46, 0.15);
}

.kz-group-extra-badge-icon.role-admin {
    color: #DB3C3C;
    background: rgba(219, 60, 60, 0.15);
}
	
.kz-group-badge {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
	border: 3px solid #151518;
    border-radius: 0.75rem;
    flex-shrink: 0;
    background: #1D1D21;
    background-size: 48px;
    background-repeat: no-repeat;
    background-position: center center;
	background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2936 16.1975C8.57238 19.1578 8.25 20.0712 8.25 21.9877C8.25 24.8885 9.607 27.1914 12.2813 28.8286C12.8829 29.1969 13.3726 29.5374 13.3697 29.5852C13.3555 29.8208 12.9215 31.5146 12.8591 31.5783C12.8196 31.6184 12.4225 31.4774 11.9765 31.2646C10.6561 30.6349 9.76013 30.505 6.71876 30.5025L4 30.5003V32.7732C4 35.3566 4.191 36.4246 4.899 37.8021C5.45625 38.8863 6.96026 40.4137 7.99338 40.9443C9.37163 41.6525 9.72438 41.7408 11.5 41.8239L13.1875 41.9027L13.4693 42.7945C13.6242 43.2849 13.7801 43.7784 13.8158 43.8911C13.8706 44.0646 13.7219 44.1068 12.8465 44.1674C12.2777 44.2067 11.4757 44.3597 11.0642 44.5075C10.3054 44.7801 5.63013 47.4352 5.62675 47.5956C5.62575 47.6437 6.089 48.5036 6.65626 49.5066C8.358 52.5161 9.9 53.8449 12.3293 54.3958C14.2243 54.8256 16.1036 54.4834 18.0254 53.3589C18.555 53.0489 19.0331 52.798 19.0879 52.8013C19.1427 52.8048 19.5427 53.1403 19.977 53.547L20.7666 54.2869L20.1405 54.6963C18.979 55.4559 18.0341 56.6536 16.6563 59.1126C15.9516 60.3703 15.375 61.4369 15.375 61.4832C15.375 61.6565 18.9736 63.6848 19.8125 63.9843C20.9793 64.4007 22.6171 64.4917 23.8089 64.2061C25.3007 63.8486 26.426 63.2074 27.4924 62.1069C28.2981 61.2757 28.6565 60.7408 29.9215 58.4823C30.7376 57.0251 31.3562 55.789 31.2964 55.7353C31.2366 55.6815 30.6531 55.4524 30.0001 55.226C26.8339 54.1292 24.4259 52.6113 22.1168 50.2565C18.6862 46.7586 16.7901 42.622 16.3509 37.6779C16.0696 34.5123 16.569 31.4257 17.9037 28.0797C18.7501 25.958 18.8755 25.4441 18.8731 24.1057C18.8689 21.6567 17.9199 19.5984 16.0984 18.0876C15.6001 17.6743 12.9165 16.0163 11.1022 15.0009C11.0554 14.9747 10.6915 15.5131 10.2936 16.1975ZM66.908 16.1678C64.3893 17.6553 64.0984 17.8565 63.275 18.6787C61.9319 20.02 61.2443 21.6373 61.1518 23.6732C61.0798 25.2553 61.2158 25.8929 62.0928 28.0797C64.4144 33.8698 64.2529 39.672 61.621 45.0294C60.6118 47.0836 59.5875 48.515 57.8814 50.2547C55.5902 52.5909 53.2028 54.1044 50.0617 55.2116C49.4426 55.4299 48.8583 55.6574 48.7634 55.7172C48.6285 55.8022 48.9152 56.4045 50.0767 58.4767C51.328 60.709 51.7105 61.2815 52.4999 62.1036C53.557 63.2044 54.6798 63.8441 56.1911 64.2061C57.3303 64.4791 59.0113 64.3968 60.1251 64.0139C60.8181 63.7755 63.7537 62.1751 64.4506 61.6558C64.6592 61.5002 64.5826 61.3232 63.369 59.1573C61.9648 56.6517 61.0273 55.4601 59.8596 54.6963L59.2335 54.2869L60.023 53.547C60.4573 53.1403 60.8572 52.8048 60.9121 52.8013C60.9669 52.798 61.4449 53.0489 61.9747 53.3589C63.8963 54.4834 65.7757 54.8256 67.6707 54.3958C70.0923 53.8467 71.6527 52.5066 73.3129 49.5505C73.8626 48.5715 74.3272 47.7115 74.3453 47.6395C74.3903 47.4592 69.864 44.8368 68.9375 44.5062C68.525 44.3592 67.7222 44.2067 67.1536 44.1674C66.278 44.1068 66.1294 44.0646 66.1842 43.8911C66.2199 43.7784 66.3757 43.2849 66.5307 42.7945L66.8125 41.9027L68.4999 41.8261C70.283 41.7451 70.9263 41.5763 72.2198 40.8501C73.0779 40.3683 74.6211 38.736 75.1011 37.8021C75.8089 36.4246 76 35.3566 76 32.7732V30.5003L73.2813 30.5025C70.2398 30.505 69.3438 30.6349 68.0236 31.2646C67.5774 31.4774 67.1804 31.6184 67.1409 31.5783C67.0786 31.5146 66.6445 29.8209 66.6302 29.5853C66.6273 29.5376 67.089 29.2223 67.6562 28.8846C69.6448 27.7011 71.0477 25.903 71.5648 23.8755C71.8557 22.7353 71.7705 20.5509 71.3935 19.4839C71.1568 18.8148 69.5225 15.7545 69.0957 15.1813C68.9531 14.99 68.7373 15.0873 66.908 16.1678Z' fill='%2326262B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M60.181 21.8759C58.292 22.9915 58.0738 23.1424 57.4562 23.7591C56.4489 24.765 55.9333 25.978 55.8639 27.5049C55.8098 28.6915 55.9119 29.1697 56.5696 30.8098C58.3108 35.1523 58.1897 39.504 56.2158 43.522C55.4589 45.0627 54.6906 46.1362 53.4111 47.441C51.6927 49.1932 49.9021 50.3283 47.5463 51.1587C47.0819 51.3224 46.6437 51.493 46.5726 51.5379C46.4714 51.6017 46.6864 52.0534 47.5575 53.6075C48.496 55.2818 48.7829 55.7111 49.3749 56.3277C50.1678 57.1533 51.0098 57.6331 52.1433 57.9046C52.9977 58.1094 54.2585 58.0477 55.0938 57.7605C55.6136 57.5816 57.8153 56.3814 58.3379 55.9919C58.4944 55.8752 58.4369 55.7424 57.5267 54.118C56.4736 52.2388 55.7705 51.3451 54.8947 50.7722L54.4251 50.4652L55.0173 49.9103C55.343 49.6053 55.6429 49.3536 55.6841 49.351C55.7252 49.3485 56.0837 49.5367 56.481 49.7692C57.9222 50.6126 59.3318 50.8692 60.753 50.5469C62.5692 50.1351 63.7396 49.1299 64.9847 46.9129C65.3969 46.1786 65.7454 45.5336 65.759 45.4796C65.7927 45.3444 62.398 43.3776 61.7031 43.1297C61.3937 43.0194 60.7917 42.905 60.3652 42.8755C59.7085 42.8301 59.597 42.7985 59.6382 42.6683C59.6649 42.5838 59.7818 42.2137 59.8981 41.8459L60.1094 41.177L61.3749 41.1196C62.7122 41.0588 63.1947 40.9322 64.1648 40.3876C64.8085 40.0263 65.9658 38.802 66.3258 38.1016C66.8567 37.0685 67 36.2674 67 34.3299V32.6253L64.961 32.6269C62.6799 32.6288 62.0079 32.7262 61.0177 33.1985C60.6831 33.358 60.3853 33.4638 60.3557 33.4337C60.3089 33.386 59.9834 32.1157 59.9727 31.939C59.9705 31.9032 60.3168 31.6667 60.7422 31.4135C62.2336 30.5258 63.2858 29.1772 63.6736 27.6567C63.8918 26.8015 63.8279 25.1632 63.5451 24.3629C63.3676 23.8611 62.1419 21.5659 61.8218 21.136C61.7148 20.9925 61.553 21.0655 60.181 21.8759Z' fill='%232F2F35'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.819 21.8759C21.708 22.9915 21.9262 23.1424 22.5438 23.7591C23.5511 24.765 24.0667 25.978 24.1361 27.5049C24.1902 28.6915 24.0881 29.1697 23.4304 30.8098C21.6892 35.1523 21.8103 39.504 23.7842 43.522C24.5411 45.0627 25.3094 46.1362 26.5889 47.441C28.3073 49.1932 30.0979 50.3283 32.4537 51.1587C32.9181 51.3224 33.3563 51.493 33.4274 51.5379C33.5286 51.6017 33.3136 52.0534 32.4425 53.6075C31.504 55.2818 31.2171 55.7111 30.6251 56.3277C29.8322 57.1533 28.9902 57.6331 27.8567 57.9046C27.0023 58.1094 25.7415 58.0477 24.9062 57.7605C24.3864 57.5816 22.1847 56.3814 21.6621 55.9919C21.5056 55.8752 21.5631 55.7424 22.4733 54.118C23.5264 52.2388 24.2295 51.3451 25.1053 50.7722L25.5749 50.4652L24.9827 49.9103C24.657 49.6053 24.3571 49.3536 24.3159 49.351C24.2748 49.3485 23.9163 49.5367 23.519 49.7692C22.0778 50.6126 20.6682 50.8692 19.247 50.5469C17.4308 50.1351 16.2604 49.1299 15.0153 46.9129C14.6031 46.1786 14.2546 45.5336 14.241 45.4796C14.2073 45.3444 17.602 43.3776 18.2969 43.1297C18.6063 43.0194 19.2083 42.905 19.6348 42.8755C20.2915 42.8301 20.403 42.7985 20.3618 42.6683C20.3351 42.5838 20.2182 42.2137 20.1019 41.8459L19.8906 41.177L18.6251 41.1196C17.2878 41.0588 16.8053 40.9322 15.8352 40.3876C15.1915 40.0263 14.0342 38.802 13.6742 38.1016C13.1433 37.0685 13 36.2674 13 34.3299V32.6253L15.039 32.6269C17.3201 32.6288 17.9921 32.7262 18.9823 33.1985C19.3169 33.358 19.6147 33.4638 19.6443 33.4337C19.6911 33.386 20.0166 32.1157 20.0273 31.939C20.0295 31.9032 19.6832 31.6667 19.2578 31.4135C17.7664 30.5258 16.7142 29.1772 16.3264 27.6567C16.1082 26.8015 16.1721 25.1632 16.4549 24.3629C16.6324 23.8611 17.8581 21.5659 18.1782 21.136C18.2852 20.9925 18.447 21.0655 19.819 21.8759Z' fill='%232F2F35'/%3E%3C/svg%3E%0A");
    overflow: hidden;
    box-sizing: content-box;
    bottom: -3px;
}
	
.kz-group-badge img:nth-of-type(1) {
    z-index: 1;
    max-width: 40px;
}
	
.kz-group-badge img:nth-of-type(2) {
    position: absolute;
    filter: brightness(80%) saturate(150%) blur(15px);
}
	
.kz-group-data {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 0.75rem;
}
	
.kz-group-data p {
    display: flex;
    align-items: center;
	color: #868693;
    font-size: 0.875rem;
}
	
.kz-group-data p > span {
    font-weight: 600;
	margin-right: 0.25rem;
}
	
.kz-group-data p > svg {
	margin-right: 0.5rem;
	color: #006fcd;
}
	
.kz-group-separator-dot {
	width: 4px;
	height: 4px;
	border-radius: 999px;
	margin: 0 0.75rem;
	background: #39393F;
}

/** **/

[data-template="thread_view"] .dataList-row:last-child .dataList-cell--action {
	border-radius: 0 0 12px;
}

/** Offers **/

.kz-offers-title {
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
    font-family: 'kingzheader', sans-serif;
    color: #FFF;
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
    margin-top: 2rem;
    margin-bottom: 1.25rem;
}

/** Mini profile **/

.kz-mp {
	background: #151518;
	border-radius: 0.75rem;
	margin-bottom: 24px;
}

.kz-mp-banner {
	height: 64px;
	width: 100%;
	border-radius: 0.75rem 0.75rem 0 0;
	background: #0e0e10 url(/data/main/Frame-8990.png);
}

.kz-mp-header {
	display: flex;
	gap: 0.75rem;
	padding: 0.75rem;
}

.kz-mp-header .avatar {
	margin-top: -28px;
	flex-shrink: 0;
	border: 2px solid #151518;
	box-sizing: content-box;
	background: #151518;
}

.kz-mp-header .username {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.kz-mp-header-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	flex: 1;
}

.kz-mp-main {
	display: grid;
	gap: 1.5rem;
	padding: 0.75rem;
}

.kz-mp-bits-balance {
	display: flex;
	align-items: center;
	column-gap: 0.25rem;
	color: #006fcd;
	font-size: 1rem;
	font-weight: 600;
	font-feature-settings: "tnum";
	font-variant-numeric: tabular-nums;
	line-height: 1.5rem;
	padding: 0.25rem 0.5rem;
	border-radius: 0.5rem;
	background: rgba(74, 105, 222, 0.1);
	flex-shrink: 0;
}

.kz-mp-wallet {
	display: grid;
	grid-template-columns: 1fr auto;
	border-radius: 8px;
	background: #212125;
}

.kz-mp-wallet .button {
	height: 100%;
	border-radius: 0 8px 8px 0;
}

.kz-mp-wallet-balance {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0 0.75rem;
	color: #FFF;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.25rem;
	background: transparent;
}

.kz-mp-wallet-row {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.75rem 1rem;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.25rem;
}

.kz-mp-stats {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0.75rem;
}

.kz-mp-stats-item {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.kz-mp-stats-item > div {
	display: flex;
	flex-direction: column-reverse;
}

.kz-mp-stats-item p {
	font-size: 1rem;
	line-height: 1.25rem;
}

.kz-mp-stats-item h5 {
	color: #FFF;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
	margin: 0;
}

/** Global level **/

.kz-userlevel {
	display: grid;
	gap: 0.5rem;
}

.kz-userlevel-bar {
	background: #39393F;
	height: 6px;
	border-radius: 999px;
	overflow: hidden;
	cursor: pointer;
}

.kz-userlevel-bar-perc {
	background: #006fcd;
	height: 100%;
	transition: width .5s ease;
}

.kz-userlevel-data {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.kz-userlevel-badge {
    color: #006fcd;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    background: rgba(74, 105, 222, 0.1);
}

.kz-userlevel-current-xp {
    color: #006fcd;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 600;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}

/** Earn XP **/

.earn-xp-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 20px;
	padding: 1.25rem;
}

.earn-xp-item {
	border-radius: 0.75rem;
	padding: 0.75rem;
	background: #212125;
}

.earn-xp-task {
	display: inline-flex;
	margin-left: 0.25rem;
	vertical-align: bottom;
	color: #FFF;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.5rem;
	margin: 0;
	margin-bottom: 0.5rem;
}

.earn-xp-amount {
	width: fit-content;
	color: #006fcd;
	font-size: 0.875rem;
	line-height: 1.25rem;
	font-weight: 600;
	padding: 0.25rem 0.5rem;
	border-radius: 0.5rem;
	background: rgba(74, 105, 222, 0.1);
	margin-left: auto;
}

/** Chat **/

.kz-messages-section {
	position: relative;
	background: #000;
	border-radius: 0.75rem;
	border: 1px solid #292a2b;
	overflow: hidden;
}

.kz-message-header {
	position: sticky;
	display: flex;
	gap: 1rem;
	width: 100%;
	top: 0;
	left: 0;
	padding: 1rem 1.25rem;
	border-radius: 12px 12px 0 0;
    background-color: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(12px);
	z-index: 1;
}

.kz-messagess-wrapper {
	position: relative;
	max-height: 500px;
	overflow-y: scroll;
	/* margin-bottom: 1.25rem; */
	/* padding-top: 4rem; */
}

.kz-messagess-wrapper .message-main:first-child {
	/* margin-top: 120px; */
}

.kz-message-participants-wrapper {
	display: flex;
	align-items: center;
}

.kz-message-participants {
	display: flex;
}

.kz-message-participants .participant-item {
	border: 2px solid #000;
	background: #39393f;
	box-sizing: content-box;
	transition: transform .25s ease;
}

.kz-message-participants > *:not(:last-child) {
	margin-right: -12px;
}

.kz-message-participants .participant-item:hover {
	transform: translateY(-4px);
	z-index: 1;
}

.kz-message-total-participants {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	color: #FFF;
	font-size: 14px;
	line-height: 20px;
	padding: 0;
	border-radius: 999px;
	background: #151518 !important;
}

.kz-message-data {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
	font-size: 1.125rem;
	font-weight: unset;
}

.kz-message-participants-list > span:not(:last-of-type):after {
	content: ', ';
	margin-right: 0.125rem;
}

.kz-message-invite {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	color: #006fcd;
	border-radius: 999px;
	background: #123720 !important;
}

.kz-message-circle-spacer {
	width: 4px;
	height: 4px;
	border-radius: 999px;
	background: #39393F;
	margin: 0 0.75rem;
}

.kz-message-last-reply {
	display: flex;
	align-items: center;
	gap: 0.25rem;
    font-size: 14px;
    line-height: 20px;
}

.kz-message-header-main {
	display: flex;
	flex-wrap: wrap;
    align-items: center;
	gap: 1rem;
    flex: 1;
}

.kz-menu-header {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-family: 'kingzheader',sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	margin: 0;
	padding: 0.5rem 1rem;
}

.kz-menu-participant {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
}

.kz-menu-participant > div {
	display: grid;
}

.kz-message-quickreply {
	padding: 1.25rem;
    margin-bottom: 0.75rem;
}

/** Conversation **/

.kz-conversation {
    display: grid;
	gap: 0.5rem;
    margin-bottom: 2rem;
	padding: 0 1.25rem;
}

.kz-conversation-align-right .kz-conversation-main {
	flex-direction: row-reverse;
}

.kz-conversation-align-right .kz-conversation-message-wrapper {
	flex-direction: row-reverse;
}

.kz-conversation-align-right .kz-conversation-data-wrapper {
	justify-content: end;
    display: flex;
}

.kz-conversation-align-right .kz-conversation-data {
	margin-left: 0;
	margin-right: 61px;
}

.kz-conversation-main {
    display: flex;
    align-items: end;
    gap: 1rem;
}

.kz-conversation-message-wrapper {
    display: flex;
    align-items: center;
	gap: 1rem;
}

.kz-conversation-message {
	color: #FFF;
    max-width: 720px;
    padding: 0.75rem 1rem;
    border-radius: 1.5rem 1.5rem 1.5rem 0.25rem;
    background: #151518;
}

.kz-conversation-message.receiver {
	background: rgba(74, 222, 128, 0.15);
	border-radius: 1.5rem 1.5rem 0.25rem 1.5rem;
}

.kz-conversation-message .js-selectToQuoteEnd {
    height: 0;
    font-size: 0;
    overflow: hidden;
}

.kz-conversation-action-button {
    padding: 6px;
    border-radius: 999px;
    background: transparent;
	transition: opacity .25s ease;
}

.kz-conversation-action-button:not(.is-menuOpen) {
	opacity: 0;
}

.kz-conversation:hover .kz-conversation-action-button {
	opacity: 1;
}

.conversation-status.unread {
	color: #6B7280;
}

.conversation-status.read {
	color: #006fcd;
}

.kz-conversation-data {
	display: flex;
    align-items: center;
	gap: 0.5rem;
	font-size: 12px;
	margin-left: 61px;
}

.kz-conversation-data-item {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.kz-conversation-new {
    display: flex;
    font-size: 11px;
	color: #006fcd;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0.01rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
	background: rgb(74, 153, 222, .25);
}

/** Lottery ticket **/

.lottery-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.ticket-item {
    display: grid;
    grid-template-rows: 1fr auto;
    overflow: hidden;
}

.ticket-header {
	position: relative;
	display: grid;
	gap: 1.25rem;
	padding: 1.25rem;
	border-radius: 0.75rem 0.75rem 0 0;
	background: #151518;
}

.ticket-header:after {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	bottom: -10px;
	left: -10px;
	border-radius: 999px;
	background: #000;
	z-index: 1;
}

.ticket-header:before {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	bottom: -10px;
	right: -10px;
	border-radius: 999px;
	background: #000;
	z-index: 1;
}

.ticket-title {
    color: #FFF;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
    margin: 0;
}

.ticket-header .bbWrapper {
	margin-top: 0.25rem;
}

.ticket-data {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(120px, auto));
	gap: 1.5rem;
    margin-top: auto;
}

.ticket-data-item {
    display: grid;
    gap: 0.25rem;
}

.ticket-data-item > p {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: #6B7280;
    font-size: 1rem;
    line-height: 1.25rem;
}

.ticket-data-item > h5 {
    color: #FFF;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin: 0;
}

.ticket-footer { 
	position: relative;
	display: flex;
	justify-content: center;
	padding: 1.25rem;
	border-radius: 0 0 0.75rem 0.75rem;
	background: #151518;
}

.ticket-footer:after {
	content: '';
	position: absolute;
	width: 80%;
	border-top: 1px dashed #292a2b;
	top: 0;
}

.ticket-footer .button {
	min-width: 50%;
}

/** Inventory **/

.block-body .inventory-item:last-of-type {
	margin-bottom: 0;
}

.inventory-item {
	display: flex;
	gap: 1.25rem;
	background: #151518;
	padding: 1.25rem;
	border-radius: 0.75rem;
	margin-bottom: 1.25rem;
}

.inventory-item-preview {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M113.117 40.1641V79.8359C113.117 86.3319 109.637 92.3641 104.011 95.6701L69.5594 115.564C63.9334 118.812 56.9734 118.812 51.2894 115.564L16.8374 95.6701C11.2114 92.4221 7.73145 86.3899 7.73145 79.8359V40.1641C7.73145 33.6682 11.2114 27.6359 16.8374 24.3299L51.2894 4.436C56.9154 1.188 63.8754 1.188 69.5594 4.436L104.011 24.3299C109.637 27.6359 113.117 33.6102 113.117 40.1641Z' stroke='%231A1A1D' stroke-width='1.09434' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M106.758 42.5581V77.4419C106.758 83.1539 103.698 88.4581 98.7507 91.3651L68.4567 108.858C63.5097 111.714 57.3898 111.714 52.3918 108.858L22.0978 91.3651C17.1508 88.5091 14.0908 83.2049 14.0908 77.4419V42.5581C14.0908 36.8461 17.1508 31.5419 22.0978 28.6349L52.3918 11.142C57.3388 8.286 63.4587 8.286 68.4567 11.142L98.7507 28.6349C103.698 31.5419 106.758 36.7951 106.758 42.5581Z' stroke='%231F1F23' stroke-width='0.962264' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_1984_7879' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='22' y='19' width='76' height='82'%3E%3Cpath d='M97.2479 45.9781V74.0219C97.2479 78.6139 94.7879 82.8781 90.8109 85.2151L66.4569 99.278C62.4799 101.574 57.5599 101.574 53.5419 99.278L29.188 85.2151C25.211 82.9191 22.751 78.6549 22.751 74.0219V45.9781C22.751 41.3861 25.211 37.1219 29.188 34.7849L53.5419 20.722C57.5189 18.426 62.4389 18.426 66.4569 20.722L90.8109 34.7849C94.7879 37.1219 97.2479 41.3451 97.2479 45.9781Z' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1984_7879)'%3E%3Cpath d='M25 100C25 100.552 24.5523 101 24 101C23.4477 101 23 100.552 23 100C23 99.4477 23.4477 99 24 99C24.5523 99 25 99.4477 25 100Z' fill='%232C2F33'/%3E%3Cpath d='M25 96C25 96.5523 24.5523 97 24 97C23.4477 97 23 96.5523 23 96C23 95.4477 23.4477 95 24 95C24.5523 95 25 95.4477 25 96Z' fill='%232C2F33'/%3E%3Cpath d='M25 92C25 92.5523 24.5523 93 24 93C23.4477 93 23 92.5523 23 92C23 91.4477 23.4477 91 24 91C24.5523 91 25 91.4477 25 92Z' fill='%232C2F33'/%3E%3Cpath d='M25 88C25 88.5523 24.5523 89 24 89C23.4477 89 23 88.5523 23 88C23 87.4477 23.4477 87 24 87C24.5523 87 25 87.4477 25 88Z' fill='%232C2F33'/%3E%3Cpath d='M25 84C25 84.5523 24.5523 85 24 85C23.4477 85 23 84.5523 23 84C23 83.4477 23.4477 83 24 83C24.5523 83 25 83.4477 25 84Z' fill='%232C2F33'/%3E%3Cpath d='M25 80C25 80.5523 24.5523 81 24 81C23.4477 81 23 80.5523 23 80C23 79.4477 23.4477 79 24 79C24.5523 79 25 79.4477 25 80Z' fill='%232C2F33'/%3E%3Cpath d='M25 76C25 76.5523 24.5523 77 24 77C23.4477 77 23 76.5523 23 76C23 75.4477 23.4477 75 24 75C24.5523 75 25 75.4477 25 76Z' fill='%232C2F33'/%3E%3Cpath d='M25 72C25 72.5523 24.5523 73 24 73C23.4477 73 23 72.5523 23 72C23 71.4477 23.4477 71 24 71C24.5523 71 25 71.4477 25 72Z' fill='%232C2F33'/%3E%3Cpath d='M25 68C25 68.5523 24.5523 69 24 69C23.4477 69 23 68.5523 23 68C23 67.4477 23.4477 67 24 67C24.5523 67 25 67.4477 25 68Z' fill='%232C2F33'/%3E%3Cpath d='M25 64C25 64.5523 24.5523 65 24 65C23.4477 65 23 64.5523 23 64C23 63.4477 23.4477 63 24 63C24.5523 63 25 63.4477 25 64Z' fill='%232C2F33'/%3E%3Cpath d='M25 60C25 60.5523 24.5523 61 24 61C23.4477 61 23 60.5523 23 60C23 59.4477 23.4477 59 24 59C24.5523 59 25 59.4477 25 60Z' fill='%232C2F33'/%3E%3Cpath d='M25 56C25 56.5523 24.5523 57 24 57C23.4477 57 23 56.5523 23 56C23 55.4477 23.4477 55 24 55C24.5523 55 25 55.4477 25 56Z' fill='%232C2F33'/%3E%3Cpath d='M25 52C25 52.5523 24.5523 53 24 53C23.4477 53 23 52.5523 23 52C23 51.4477 23.4477 51 24 51C24.5523 51 25 51.4477 25 52Z' fill='%232C2F33'/%3E%3Cpath d='M25 48C25 48.5523 24.5523 49 24 49C23.4477 49 23 48.5523 23 48C23 47.4477 23.4477 47 24 47C24.5523 47 25 47.4477 25 48Z' fill='%232C2F33'/%3E%3Cpath d='M25 44C25 44.5523 24.5523 45 24 45C23.4477 45 23 44.5523 23 44C23 43.4477 23.4477 43 24 43C24.5523 43 25 43.4477 25 44Z' fill='%232C2F33'/%3E%3Cpath d='M25 40C25 40.5523 24.5523 41 24 41C23.4477 41 23 40.5523 23 40C23 39.4477 23.4477 39 24 39C24.5523 39 25 39.4477 25 40Z' fill='%232C2F33'/%3E%3Cpath d='M25 36C25 36.5523 24.5523 37 24 37C23.4477 37 23 36.5523 23 36C23 35.4477 23.4477 35 24 35C24.5523 35 25 35.4477 25 36Z' fill='%232C2F33'/%3E%3Cpath d='M25 32C25 32.5523 24.5523 33 24 33C23.4477 33 23 32.5523 23 32C23 31.4477 23.4477 31 24 31C24.5523 31 25 31.4477 25 32Z' fill='%232C2F33'/%3E%3Cpath d='M25 28C25 28.5523 24.5523 29 24 29C23.4477 29 23 28.5523 23 28C23 27.4477 23.4477 27 24 27C24.5523 27 25 27.4477 25 28Z' fill='%232C2F33'/%3E%3Cpath d='M25 24C25 24.5523 24.5523 25 24 25C23.4477 25 23 24.5523 23 24C23 23.4477 23.4477 23 24 23C24.5523 23 25 23.4477 25 24Z' fill='%232C2F33'/%3E%3Cpath d='M25 20C25 20.5523 24.5523 21 24 21C23.4477 21 23 20.5523 23 20C23 19.4477 23.4477 19 24 19C24.5523 19 25 19.4477 25 20Z' fill='%232C2F33'/%3E%3Cpath d='M29 100C29 100.552 28.5523 101 28 101C27.4477 101 27 100.552 27 100C27 99.4477 27.4477 99 28 99C28.5523 99 29 99.4477 29 100Z' fill='%232C2F33'/%3E%3Cpath d='M29 96C29 96.5523 28.5523 97 28 97C27.4477 97 27 96.5523 27 96C27 95.4477 27.4477 95 28 95C28.5523 95 29 95.4477 29 96Z' fill='%232C2F33'/%3E%3Cpath d='M29 92C29 92.5523 28.5523 93 28 93C27.4477 93 27 92.5523 27 92C27 91.4477 27.4477 91 28 91C28.5523 91 29 91.4477 29 92Z' fill='%232C2F33'/%3E%3Cpath d='M29 88C29 88.5523 28.5523 89 28 89C27.4477 89 27 88.5523 27 88C27 87.4477 27.4477 87 28 87C28.5523 87 29 87.4477 29 88Z' fill='%232C2F33'/%3E%3Cpath d='M29 84C29 84.5523 28.5523 85 28 85C27.4477 85 27 84.5523 27 84C27 83.4477 27.4477 83 28 83C28.5523 83 29 83.4477 29 84Z' fill='%232C2F33'/%3E%3Cpath d='M29 80C29 80.5523 28.5523 81 28 81C27.4477 81 27 80.5523 27 80C27 79.4477 27.4477 79 28 79C28.5523 79 29 79.4477 29 80Z' fill='%232C2F33'/%3E%3Cpath d='M29 76C29 76.5523 28.5523 77 28 77C27.4477 77 27 76.5523 27 76C27 75.4477 27.4477 75 28 75C28.5523 75 29 75.4477 29 76Z' fill='%232C2F33'/%3E%3Cpath d='M29 72C29 72.5523 28.5523 73 28 73C27.4477 73 27 72.5523 27 72C27 71.4477 27.4477 71 28 71C28.5523 71 29 71.4477 29 72Z' fill='%232C2F33'/%3E%3Cpath d='M29 68C29 68.5523 28.5523 69 28 69C27.4477 69 27 68.5523 27 68C27 67.4477 27.4477 67 28 67C28.5523 67 29 67.4477 29 68Z' fill='%232C2F33'/%3E%3Cpath d='M29 64C29 64.5523 28.5523 65 28 65C27.4477 65 27 64.5523 27 64C27 63.4477 27.4477 63 28 63C28.5523 63 29 63.4477 29 64Z' fill='%232C2F33'/%3E%3Cpath d='M29 60C29 60.5523 28.5523 61 28 61C27.4477 61 27 60.5523 27 60C27 59.4477 27.4477 59 28 59C28.5523 59 29 59.4477 29 60Z' fill='%232C2F33'/%3E%3Cpath d='M29 56C29 56.5523 28.5523 57 28 57C27.4477 57 27 56.5523 27 56C27 55.4477 27.4477 55 28 55C28.5523 55 29 55.4477 29 56Z' fill='%232C2F33'/%3E%3Cpath d='M29 52C29 52.5523 28.5523 53 28 53C27.4477 53 27 52.5523 27 52C27 51.4477 27.4477 51 28 51C28.5523 51 29 51.4477 29 52Z' fill='%232C2F33'/%3E%3Cpath d='M29 48C29 48.5523 28.5523 49 28 49C27.4477 49 27 48.5523 27 48C27 47.4477 27.4477 47 28 47C28.5523 47 29 47.4477 29 48Z' fill='%232C2F33'/%3E%3Cpath d='M29 44C29 44.5523 28.5523 45 28 45C27.4477 45 27 44.5523 27 44C27 43.4477 27.4477 43 28 43C28.5523 43 29 43.4477 29 44Z' fill='%232C2F33'/%3E%3Cpath d='M29 40C29 40.5523 28.5523 41 28 41C27.4477 41 27 40.5523 27 40C27 39.4477 27.4477 39 28 39C28.5523 39 29 39.4477 29 40Z' fill='%232C2F33'/%3E%3Cpath d='M29 36C29 36.5523 28.5523 37 28 37C27.4477 37 27 36.5523 27 36C27 35.4477 27.4477 35 28 35C28.5523 35 29 35.4477 29 36Z' fill='%232C2F33'/%3E%3Cpath d='M29 32C29 32.5523 28.5523 33 28 33C27.4477 33 27 32.5523 27 32C27 31.4477 27.4477 31 28 31C28.5523 31 29 31.4477 29 32Z' fill='%232C2F33'/%3E%3Cpath d='M29 28C29 28.5523 28.5523 29 28 29C27.4477 29 27 28.5523 27 28C27 27.4477 27.4477 27 28 27C28.5523 27 29 27.4477 29 28Z' fill='%232C2F33'/%3E%3Cpath d='M29 24C29 24.5523 28.5523 25 28 25C27.4477 25 27 24.5523 27 24C27 23.4477 27.4477 23 28 23C28.5523 23 29 23.4477 29 24Z' fill='%232C2F33'/%3E%3Cpath d='M29 20C29 20.5523 28.5523 21 28 21C27.4477 21 27 20.5523 27 20C27 19.4477 27.4477 19 28 19C28.5523 19 29 19.4477 29 20Z' fill='%232C2F33'/%3E%3Cpath d='M33 100C33 100.552 32.5523 101 32 101C31.4477 101 31 100.552 31 100C31 99.4477 31.4477 99 32 99C32.5523 99 33 99.4477 33 100Z' fill='%232C2F33'/%3E%3Cpath d='M33 96C33 96.5523 32.5523 97 32 97C31.4477 97 31 96.5523 31 96C31 95.4477 31.4477 95 32 95C32.5523 95 33 95.4477 33 96Z' fill='%232C2F33'/%3E%3Cpath d='M33 92C33 92.5523 32.5523 93 32 93C31.4477 93 31 92.5523 31 92C31 91.4477 31.4477 91 32 91C32.5523 91 33 91.4477 33 92Z' fill='%232C2F33'/%3E%3Cpath d='M33 88C33 88.5523 32.5523 89 32 89C31.4477 89 31 88.5523 31 88C31 87.4477 31.4477 87 32 87C32.5523 87 33 87.4477 33 88Z' fill='%232C2F33'/%3E%3Cpath d='M33 84C33 84.5523 32.5523 85 32 85C31.4477 85 31 84.5523 31 84C31 83.4477 31.4477 83 32 83C32.5523 83 33 83.4477 33 84Z' fill='%232C2F33'/%3E%3Cpath d='M33 80C33 80.5523 32.5523 81 32 81C31.4477 81 31 80.5523 31 80C31 79.4477 31.4477 79 32 79C32.5523 79 33 79.4477 33 80Z' fill='%232C2F33'/%3E%3Cpath d='M33 76C33 76.5523 32.5523 77 32 77C31.4477 77 31 76.5523 31 76C31 75.4477 31.4477 75 32 75C32.5523 75 33 75.4477 33 76Z' fill='%232C2F33'/%3E%3Cpath d='M33 72C33 72.5523 32.5523 73 32 73C31.4477 73 31 72.5523 31 72C31 71.4477 31.4477 71 32 71C32.5523 71 33 71.4477 33 72Z' fill='%232C2F33'/%3E%3Cpath d='M33 68C33 68.5523 32.5523 69 32 69C31.4477 69 31 68.5523 31 68C31 67.4477 31.4477 67 32 67C32.5523 67 33 67.4477 33 68Z' fill='%232C2F33'/%3E%3Cpath d='M33 64C33 64.5523 32.5523 65 32 65C31.4477 65 31 64.5523 31 64C31 63.4477 31.4477 63 32 63C32.5523 63 33 63.4477 33 64Z' fill='%232C2F33'/%3E%3Cpath d='M33 60C33 60.5523 32.5523 61 32 61C31.4477 61 31 60.5523 31 60C31 59.4477 31.4477 59 32 59C32.5523 59 33 59.4477 33 60Z' fill='%232C2F33'/%3E%3Cpath d='M33 56C33 56.5523 32.5523 57 32 57C31.4477 57 31 56.5523 31 56C31 55.4477 31.4477 55 32 55C32.5523 55 33 55.4477 33 56Z' fill='%232C2F33'/%3E%3Cpath d='M33 52C33 52.5523 32.5523 53 32 53C31.4477 53 31 52.5523 31 52C31 51.4477 31.4477 51 32 51C32.5523 51 33 51.4477 33 52Z' fill='%232C2F33'/%3E%3Cpath d='M33 48C33 48.5523 32.5523 49 32 49C31.4477 49 31 48.5523 31 48C31 47.4477 31.4477 47 32 47C32.5523 47 33 47.4477 33 48Z' fill='%232C2F33'/%3E%3Cpath d='M33 44C33 44.5523 32.5523 45 32 45C31.4477 45 31 44.5523 31 44C31 43.4477 31.4477 43 32 43C32.5523 43 33 43.4477 33 44Z' fill='%232C2F33'/%3E%3Cpath d='M33 40C33 40.5523 32.5523 41 32 41C31.4477 41 31 40.5523 31 40C31 39.4477 31.4477 39 32 39C32.5523 39 33 39.4477 33 40Z' fill='%232C2F33'/%3E%3Cpath d='M33 36C33 36.5523 32.5523 37 32 37C31.4477 37 31 36.5523 31 36C31 35.4477 31.4477 35 32 35C32.5523 35 33 35.4477 33 36Z' fill='%232C2F33'/%3E%3Cpath d='M33 32C33 32.5523 32.5523 33 32 33C31.4477 33 31 32.5523 31 32C31 31.4477 31.4477 31 32 31C32.5523 31 33 31.4477 33 32Z' fill='%232C2F33'/%3E%3Cpath d='M33 28C33 28.5523 32.5523 29 32 29C31.4477 29 31 28.5523 31 28C31 27.4477 31.4477 27 32 27C32.5523 27 33 27.4477 33 28Z' fill='%232C2F33'/%3E%3Cpath d='M33 24C33 24.5523 32.5523 25 32 25C31.4477 25 31 24.5523 31 24C31 23.4477 31.4477 23 32 23C32.5523 23 33 23.4477 33 24Z' fill='%232C2F33'/%3E%3Cpath d='M33 20C33 20.5523 32.5523 21 32 21C31.4477 21 31 20.5523 31 20C31 19.4477 31.4477 19 32 19C32.5523 19 33 19.4477 33 20Z' fill='%232C2F33'/%3E%3Cpath d='M37 100C37 100.552 36.5523 101 36 101C35.4477 101 35 100.552 35 100C35 99.4477 35.4477 99 36 99C36.5523 99 37 99.4477 37 100Z' fill='%232C2F33'/%3E%3Cpath d='M37 96C37 96.5523 36.5523 97 36 97C35.4477 97 35 96.5523 35 96C35 95.4477 35.4477 95 36 95C36.5523 95 37 95.4477 37 96Z' fill='%232C2F33'/%3E%3Cpath d='M37 92C37 92.5523 36.5523 93 36 93C35.4477 93 35 92.5523 35 92C35 91.4477 35.4477 91 36 91C36.5523 91 37 91.4477 37 92Z' fill='%232C2F33'/%3E%3Cpath d='M37 88C37 88.5523 36.5523 89 36 89C35.4477 89 35 88.5523 35 88C35 87.4477 35.4477 87 36 87C36.5523 87 37 87.4477 37 88Z' fill='%232C2F33'/%3E%3Cpath d='M37 84C37 84.5523 36.5523 85 36 85C35.4477 85 35 84.5523 35 84C35 83.4477 35.4477 83 36 83C36.5523 83 37 83.4477 37 84Z' fill='%232C2F33'/%3E%3Cpath d='M37 80C37 80.5523 36.5523 81 36 81C35.4477 81 35 80.5523 35 80C35 79.4477 35.4477 79 36 79C36.5523 79 37 79.4477 37 80Z' fill='%232C2F33'/%3E%3Cpath d='M37 76C37 76.5523 36.5523 77 36 77C35.4477 77 35 76.5523 35 76C35 75.4477 35.4477 75 36 75C36.5523 75 37 75.4477 37 76Z' fill='%232C2F33'/%3E%3Cpath d='M37 72C37 72.5523 36.5523 73 36 73C35.4477 73 35 72.5523 35 72C35 71.4477 35.4477 71 36 71C36.5523 71 37 71.4477 37 72Z' fill='%232C2F33'/%3E%3Cpath d='M37 68C37 68.5523 36.5523 69 36 69C35.4477 69 35 68.5523 35 68C35 67.4477 35.4477 67 36 67C36.5523 67 37 67.4477 37 68Z' fill='%232C2F33'/%3E%3Cpath d='M37 64C37 64.5523 36.5523 65 36 65C35.4477 65 35 64.5523 35 64C35 63.4477 35.4477 63 36 63C36.5523 63 37 63.4477 37 64Z' fill='%232C2F33'/%3E%3Cpath d='M37 60C37 60.5523 36.5523 61 36 61C35.4477 61 35 60.5523 35 60C35 59.4477 35.4477 59 36 59C36.5523 59 37 59.4477 37 60Z' fill='%232C2F33'/%3E%3Cpath d='M37 56C37 56.5523 36.5523 57 36 57C35.4477 57 35 56.5523 35 56C35 55.4477 35.4477 55 36 55C36.5523 55 37 55.4477 37 56Z' fill='%232C2F33'/%3E%3Cpath d='M37 52C37 52.5523 36.5523 53 36 53C35.4477 53 35 52.5523 35 52C35 51.4477 35.4477 51 36 51C36.5523 51 37 51.4477 37 52Z' fill='%232C2F33'/%3E%3Cpath d='M37 48C37 48.5523 36.5523 49 36 49C35.4477 49 35 48.5523 35 48C35 47.4477 35.4477 47 36 47C36.5523 47 37 47.4477 37 48Z' fill='%232C2F33'/%3E%3Cpath d='M37 44C37 44.5523 36.5523 45 36 45C35.4477 45 35 44.5523 35 44C35 43.4477 35.4477 43 36 43C36.5523 43 37 43.4477 37 44Z' fill='%232C2F33'/%3E%3Cpath d='M37 40C37 40.5523 36.5523 41 36 41C35.4477 41 35 40.5523 35 40C35 39.4477 35.4477 39 36 39C36.5523 39 37 39.4477 37 40Z' fill='%232C2F33'/%3E%3Cpath d='M37 36C37 36.5523 36.5523 37 36 37C35.4477 37 35 36.5523 35 36C35 35.4477 35.4477 35 36 35C36.5523 35 37 35.4477 37 36Z' fill='%232C2F33'/%3E%3Cpath d='M37 32C37 32.5523 36.5523 33 36 33C35.4477 33 35 32.5523 35 32C35 31.4477 35.4477 31 36 31C36.5523 31 37 31.4477 37 32Z' fill='%232C2F33'/%3E%3Cpath d='M37 28C37 28.5523 36.5523 29 36 29C35.4477 29 35 28.5523 35 28C35 27.4477 35.4477 27 36 27C36.5523 27 37 27.4477 37 28Z' fill='%232C2F33'/%3E%3Cpath d='M37 24C37 24.5523 36.5523 25 36 25C35.4477 25 35 24.5523 35 24C35 23.4477 35.4477 23 36 23C36.5523 23 37 23.4477 37 24Z' fill='%232C2F33'/%3E%3Cpath d='M37 20C37 20.5523 36.5523 21 36 21C35.4477 21 35 20.5523 35 20C35 19.4477 35.4477 19 36 19C36.5523 19 37 19.4477 37 20Z' fill='%232C2F33'/%3E%3Cpath d='M41 100C41 100.552 40.5523 101 40 101C39.4477 101 39 100.552 39 100C39 99.4477 39.4477 99 40 99C40.5523 99 41 99.4477 41 100Z' fill='%232C2F33'/%3E%3Cpath d='M41 96C41 96.5523 40.5523 97 40 97C39.4477 97 39 96.5523 39 96C39 95.4477 39.4477 95 40 95C40.5523 95 41 95.4477 41 96Z' fill='%232C2F33'/%3E%3Cpath d='M41 92C41 92.5523 40.5523 93 40 93C39.4477 93 39 92.5523 39 92C39 91.4477 39.4477 91 40 91C40.5523 91 41 91.4477 41 92Z' fill='%232C2F33'/%3E%3Cpath d='M41 88C41 88.5523 40.5523 89 40 89C39.4477 89 39 88.5523 39 88C39 87.4477 39.4477 87 40 87C40.5523 87 41 87.4477 41 88Z' fill='%232C2F33'/%3E%3Cpath d='M41 84C41 84.5523 40.5523 85 40 85C39.4477 85 39 84.5523 39 84C39 83.4477 39.4477 83 40 83C40.5523 83 41 83.4477 41 84Z' fill='%232C2F33'/%3E%3Cpath d='M41 80C41 80.5523 40.5523 81 40 81C39.4477 81 39 80.5523 39 80C39 79.4477 39.4477 79 40 79C40.5523 79 41 79.4477 41 80Z' fill='%232C2F33'/%3E%3Cpath d='M41 76C41 76.5523 40.5523 77 40 77C39.4477 77 39 76.5523 39 76C39 75.4477 39.4477 75 40 75C40.5523 75 41 75.4477 41 76Z' fill='%232C2F33'/%3E%3Cpath d='M41 72C41 72.5523 40.5523 73 40 73C39.4477 73 39 72.5523 39 72C39 71.4477 39.4477 71 40 71C40.5523 71 41 71.4477 41 72Z' fill='%232C2F33'/%3E%3Cpath d='M41 68C41 68.5523 40.5523 69 40 69C39.4477 69 39 68.5523 39 68C39 67.4477 39.4477 67 40 67C40.5523 67 41 67.4477 41 68Z' fill='%232C2F33'/%3E%3Cpath d='M41 64C41 64.5523 40.5523 65 40 65C39.4477 65 39 64.5523 39 64C39 63.4477 39.4477 63 40 63C40.5523 63 41 63.4477 41 64Z' fill='%232C2F33'/%3E%3Cpath d='M41 60C41 60.5523 40.5523 61 40 61C39.4477 61 39 60.5523 39 60C39 59.4477 39.4477 59 40 59C40.5523 59 41 59.4477 41 60Z' fill='%232C2F33'/%3E%3Cpath d='M41 56C41 56.5523 40.5523 57 40 57C39.4477 57 39 56.5523 39 56C39 55.4477 39.4477 55 40 55C40.5523 55 41 55.4477 41 56Z' fill='%232C2F33'/%3E%3Cpath d='M41 52C41 52.5523 40.5523 53 40 53C39.4477 53 39 52.5523 39 52C39 51.4477 39.4477 51 40 51C40.5523 51 41 51.4477 41 52Z' fill='%232C2F33'/%3E%3Cpath d='M41 48C41 48.5523 40.5523 49 40 49C39.4477 49 39 48.5523 39 48C39 47.4477 39.4477 47 40 47C40.5523 47 41 47.4477 41 48Z' fill='%232C2F33'/%3E%3Cpath d='M41 44C41 44.5523 40.5523 45 40 45C39.4477 45 39 44.5523 39 44C39 43.4477 39.4477 43 40 43C40.5523 43 41 43.4477 41 44Z' fill='%232C2F33'/%3E%3Cpath d='M41 40C41 40.5523 40.5523 41 40 41C39.4477 41 39 40.5523 39 40C39 39.4477 39.4477 39 40 39C40.5523 39 41 39.4477 41 40Z' fill='%232C2F33'/%3E%3Cpath d='M41 36C41 36.5523 40.5523 37 40 37C39.4477 37 39 36.5523 39 36C39 35.4477 39.4477 35 40 35C40.5523 35 41 35.4477 41 36Z' fill='%232C2F33'/%3E%3Cpath d='M41 32C41 32.5523 40.5523 33 40 33C39.4477 33 39 32.5523 39 32C39 31.4477 39.4477 31 40 31C40.5523 31 41 31.4477 41 32Z' fill='%232C2F33'/%3E%3Cpath d='M41 28C41 28.5523 40.5523 29 40 29C39.4477 29 39 28.5523 39 28C39 27.4477 39.4477 27 40 27C40.5523 27 41 27.4477 41 28Z' fill='%232C2F33'/%3E%3Cpath d='M41 24C41 24.5523 40.5523 25 40 25C39.4477 25 39 24.5523 39 24C39 23.4477 39.4477 23 40 23C40.5523 23 41 23.4477 41 24Z' fill='%232C2F33'/%3E%3Cpath d='M41 20C41 20.5523 40.5523 21 40 21C39.4477 21 39 20.5523 39 20C39 19.4477 39.4477 19 40 19C40.5523 19 41 19.4477 41 20Z' fill='%232C2F33'/%3E%3Cpath d='M45 100C45 100.552 44.5523 101 44 101C43.4477 101 43 100.552 43 100C43 99.4477 43.4477 99 44 99C44.5523 99 45 99.4477 45 100Z' fill='%232C2F33'/%3E%3Cpath d='M45 96C45 96.5523 44.5523 97 44 97C43.4477 97 43 96.5523 43 96C43 95.4477 43.4477 95 44 95C44.5523 95 45 95.4477 45 96Z' fill='%232C2F33'/%3E%3Cpath d='M45 92C45 92.5523 44.5523 93 44 93C43.4477 93 43 92.5523 43 92C43 91.4477 43.4477 91 44 91C44.5523 91 45 91.4477 45 92Z' fill='%232C2F33'/%3E%3Cpath d='M45 88C45 88.5523 44.5523 89 44 89C43.4477 89 43 88.5523 43 88C43 87.4477 43.4477 87 44 87C44.5523 87 45 87.4477 45 88Z' fill='%232C2F33'/%3E%3Cpath d='M45 84C45 84.5523 44.5523 85 44 85C43.4477 85 43 84.5523 43 84C43 83.4477 43.4477 83 44 83C44.5523 83 45 83.4477 45 84Z' fill='%232C2F33'/%3E%3Cpath d='M45 80C45 80.5523 44.5523 81 44 81C43.4477 81 43 80.5523 43 80C43 79.4477 43.4477 79 44 79C44.5523 79 45 79.4477 45 80Z' fill='%232C2F33'/%3E%3Cpath d='M45 76C45 76.5523 44.5523 77 44 77C43.4477 77 43 76.5523 43 76C43 75.4477 43.4477 75 44 75C44.5523 75 45 75.4477 45 76Z' fill='%232C2F33'/%3E%3Cpath d='M45 72C45 72.5523 44.5523 73 44 73C43.4477 73 43 72.5523 43 72C43 71.4477 43.4477 71 44 71C44.5523 71 45 71.4477 45 72Z' fill='%232C2F33'/%3E%3Cpath d='M45 68C45 68.5523 44.5523 69 44 69C43.4477 69 43 68.5523 43 68C43 67.4477 43.4477 67 44 67C44.5523 67 45 67.4477 45 68Z' fill='%232C2F33'/%3E%3Cpath d='M45 64C45 64.5523 44.5523 65 44 65C43.4477 65 43 64.5523 43 64C43 63.4477 43.4477 63 44 63C44.5523 63 45 63.4477 45 64Z' fill='%232C2F33'/%3E%3Cpath d='M45 60C45 60.5523 44.5523 61 44 61C43.4477 61 43 60.5523 43 60C43 59.4477 43.4477 59 44 59C44.5523 59 45 59.4477 45 60Z' fill='%232C2F33'/%3E%3Cpath d='M45 56C45 56.5523 44.5523 57 44 57C43.4477 57 43 56.5523 43 56C43 55.4477 43.4477 55 44 55C44.5523 55 45 55.4477 45 56Z' fill='%232C2F33'/%3E%3Cpath d='M45 52C45 52.5523 44.5523 53 44 53C43.4477 53 43 52.5523 43 52C43 51.4477 43.4477 51 44 51C44.5523 51 45 51.4477 45 52Z' fill='%232C2F33'/%3E%3Cpath d='M45 48C45 48.5523 44.5523 49 44 49C43.4477 49 43 48.5523 43 48C43 47.4477 43.4477 47 44 47C44.5523 47 45 47.4477 45 48Z' fill='%232C2F33'/%3E%3Cpath d='M45 44C45 44.5523 44.5523 45 44 45C43.4477 45 43 44.5523 43 44C43 43.4477 43.4477 43 44 43C44.5523 43 45 43.4477 45 44Z' fill='%232C2F33'/%3E%3Cpath d='M45 40C45 40.5523 44.5523 41 44 41C43.4477 41 43 40.5523 43 40C43 39.4477 43.4477 39 44 39C44.5523 39 45 39.4477 45 40Z' fill='%232C2F33'/%3E%3Cpath d='M45 36C45 36.5523 44.5523 37 44 37C43.4477 37 43 36.5523 43 36C43 35.4477 43.4477 35 44 35C44.5523 35 45 35.4477 45 36Z' fill='%232C2F33'/%3E%3Cpath d='M45 32C45 32.5523 44.5523 33 44 33C43.4477 33 43 32.5523 43 32C43 31.4477 43.4477 31 44 31C44.5523 31 45 31.4477 45 32Z' fill='%232C2F33'/%3E%3Cpath d='M45 28C45 28.5523 44.5523 29 44 29C43.4477 29 43 28.5523 43 28C43 27.4477 43.4477 27 44 27C44.5523 27 45 27.4477 45 28Z' fill='%232C2F33'/%3E%3Cpath d='M45 24C45 24.5523 44.5523 25 44 25C43.4477 25 43 24.5523 43 24C43 23.4477 43.4477 23 44 23C44.5523 23 45 23.4477 45 24Z' fill='%232C2F33'/%3E%3Cpath d='M45 20C45 20.5523 44.5523 21 44 21C43.4477 21 43 20.5523 43 20C43 19.4477 43.4477 19 44 19C44.5523 19 45 19.4477 45 20Z' fill='%232C2F33'/%3E%3Cpath d='M49 100C49 100.552 48.5523 101 48 101C47.4477 101 47 100.552 47 100C47 99.4477 47.4477 99 48 99C48.5523 99 49 99.4477 49 100Z' fill='%232C2F33'/%3E%3Cpath d='M49 96C49 96.5523 48.5523 97 48 97C47.4477 97 47 96.5523 47 96C47 95.4477 47.4477 95 48 95C48.5523 95 49 95.4477 49 96Z' fill='%232C2F33'/%3E%3Cpath d='M49 92C49 92.5523 48.5523 93 48 93C47.4477 93 47 92.5523 47 92C47 91.4477 47.4477 91 48 91C48.5523 91 49 91.4477 49 92Z' fill='%232C2F33'/%3E%3Cpath d='M49 88C49 88.5523 48.5523 89 48 89C47.4477 89 47 88.5523 47 88C47 87.4477 47.4477 87 48 87C48.5523 87 49 87.4477 49 88Z' fill='%232C2F33'/%3E%3Cpath d='M49 84C49 84.5523 48.5523 85 48 85C47.4477 85 47 84.5523 47 84C47 83.4477 47.4477 83 48 83C48.5523 83 49 83.4477 49 84Z' fill='%232C2F33'/%3E%3Cpath d='M49 80C49 80.5523 48.5523 81 48 81C47.4477 81 47 80.5523 47 80C47 79.4477 47.4477 79 48 79C48.5523 79 49 79.4477 49 80Z' fill='%232C2F33'/%3E%3Cpath d='M49 76C49 76.5523 48.5523 77 48 77C47.4477 77 47 76.5523 47 76C47 75.4477 47.4477 75 48 75C48.5523 75 49 75.4477 49 76Z' fill='%232C2F33'/%3E%3Cpath d='M49 72C49 72.5523 48.5523 73 48 73C47.4477 73 47 72.5523 47 72C47 71.4477 47.4477 71 48 71C48.5523 71 49 71.4477 49 72Z' fill='%232C2F33'/%3E%3Cpath d='M49 68C49 68.5523 48.5523 69 48 69C47.4477 69 47 68.5523 47 68C47 67.4477 47.4477 67 48 67C48.5523 67 49 67.4477 49 68Z' fill='%232C2F33'/%3E%3Cpath d='M49 64C49 64.5523 48.5523 65 48 65C47.4477 65 47 64.5523 47 64C47 63.4477 47.4477 63 48 63C48.5523 63 49 63.4477 49 64Z' fill='%232C2F33'/%3E%3Cpath d='M49 60C49 60.5523 48.5523 61 48 61C47.4477 61 47 60.5523 47 60C47 59.4477 47.4477 59 48 59C48.5523 59 49 59.4477 49 60Z' fill='%232C2F33'/%3E%3Cpath d='M49 56C49 56.5523 48.5523 57 48 57C47.4477 57 47 56.5523 47 56C47 55.4477 47.4477 55 48 55C48.5523 55 49 55.4477 49 56Z' fill='%232C2F33'/%3E%3Cpath d='M49 52C49 52.5523 48.5523 53 48 53C47.4477 53 47 52.5523 47 52C47 51.4477 47.4477 51 48 51C48.5523 51 49 51.4477 49 52Z' fill='%232C2F33'/%3E%3Cpath d='M49 48C49 48.5523 48.5523 49 48 49C47.4477 49 47 48.5523 47 48C47 47.4477 47.4477 47 48 47C48.5523 47 49 47.4477 49 48Z' fill='%232C2F33'/%3E%3Cpath d='M49 44C49 44.5523 48.5523 45 48 45C47.4477 45 47 44.5523 47 44C47 43.4477 47.4477 43 48 43C48.5523 43 49 43.4477 49 44Z' fill='%232C2F33'/%3E%3Cpath d='M49 40C49 40.5523 48.5523 41 48 41C47.4477 41 47 40.5523 47 40C47 39.4477 47.4477 39 48 39C48.5523 39 49 39.4477 49 40Z' fill='%232C2F33'/%3E%3Cpath d='M49 36C49 36.5523 48.5523 37 48 37C47.4477 37 47 36.5523 47 36C47 35.4477 47.4477 35 48 35C48.5523 35 49 35.4477 49 36Z' fill='%232C2F33'/%3E%3Cpath d='M49 32C49 32.5523 48.5523 33 48 33C47.4477 33 47 32.5523 47 32C47 31.4477 47.4477 31 48 31C48.5523 31 49 31.4477 49 32Z' fill='%232C2F33'/%3E%3Cpath d='M49 28C49 28.5523 48.5523 29 48 29C47.4477 29 47 28.5523 47 28C47 27.4477 47.4477 27 48 27C48.5523 27 49 27.4477 49 28Z' fill='%232C2F33'/%3E%3Cpath d='M49 24C49 24.5523 48.5523 25 48 25C47.4477 25 47 24.5523 47 24C47 23.4477 47.4477 23 48 23C48.5523 23 49 23.4477 49 24Z' fill='%232C2F33'/%3E%3Cpath d='M49 20C49 20.5523 48.5523 21 48 21C47.4477 21 47 20.5523 47 20C47 19.4477 47.4477 19 48 19C48.5523 19 49 19.4477 49 20Z' fill='%232C2F33'/%3E%3Cpath d='M53 100C53 100.552 52.5523 101 52 101C51.4477 101 51 100.552 51 100C51 99.4477 51.4477 99 52 99C52.5523 99 53 99.4477 53 100Z' fill='%232C2F33'/%3E%3Cpath d='M53 96C53 96.5523 52.5523 97 52 97C51.4477 97 51 96.5523 51 96C51 95.4477 51.4477 95 52 95C52.5523 95 53 95.4477 53 96Z' fill='%232C2F33'/%3E%3Cpath d='M53 92C53 92.5523 52.5523 93 52 93C51.4477 93 51 92.5523 51 92C51 91.4477 51.4477 91 52 91C52.5523 91 53 91.4477 53 92Z' fill='%232C2F33'/%3E%3Cpath d='M53 88C53 88.5523 52.5523 89 52 89C51.4477 89 51 88.5523 51 88C51 87.4477 51.4477 87 52 87C52.5523 87 53 87.4477 53 88Z' fill='%232C2F33'/%3E%3Cpath d='M53 84C53 84.5523 52.5523 85 52 85C51.4477 85 51 84.5523 51 84C51 83.4477 51.4477 83 52 83C52.5523 83 53 83.4477 53 84Z' fill='%232C2F33'/%3E%3Cpath d='M53 80C53 80.5523 52.5523 81 52 81C51.4477 81 51 80.5523 51 80C51 79.4477 51.4477 79 52 79C52.5523 79 53 79.4477 53 80Z' fill='%232C2F33'/%3E%3Cpath d='M53 76C53 76.5523 52.5523 77 52 77C51.4477 77 51 76.5523 51 76C51 75.4477 51.4477 75 52 75C52.5523 75 53 75.4477 53 76Z' fill='%232C2F33'/%3E%3Cpath d='M53 72C53 72.5523 52.5523 73 52 73C51.4477 73 51 72.5523 51 72C51 71.4477 51.4477 71 52 71C52.5523 71 53 71.4477 53 72Z' fill='%232C2F33'/%3E%3Cpath d='M53 68C53 68.5523 52.5523 69 52 69C51.4477 69 51 68.5523 51 68C51 67.4477 51.4477 67 52 67C52.5523 67 53 67.4477 53 68Z' fill='%232C2F33'/%3E%3Cpath d='M53 64C53 64.5523 52.5523 65 52 65C51.4477 65 51 64.5523 51 64C51 63.4477 51.4477 63 52 63C52.5523 63 53 63.4477 53 64Z' fill='%232C2F33'/%3E%3Cpath d='M53 60C53 60.5523 52.5523 61 52 61C51.4477 61 51 60.5523 51 60C51 59.4477 51.4477 59 52 59C52.5523 59 53 59.4477 53 60Z' fill='%232C2F33'/%3E%3Cpath d='M53 56C53 56.5523 52.5523 57 52 57C51.4477 57 51 56.5523 51 56C51 55.4477 51.4477 55 52 55C52.5523 55 53 55.4477 53 56Z' fill='%232C2F33'/%3E%3Cpath d='M53 52C53 52.5523 52.5523 53 52 53C51.4477 53 51 52.5523 51 52C51 51.4477 51.4477 51 52 51C52.5523 51 53 51.4477 53 52Z' fill='%232C2F33'/%3E%3Cpath d='M53 48C53 48.5523 52.5523 49 52 49C51.4477 49 51 48.5523 51 48C51 47.4477 51.4477 47 52 47C52.5523 47 53 47.4477 53 48Z' fill='%232C2F33'/%3E%3Cpath d='M53 44C53 44.5523 52.5523 45 52 45C51.4477 45 51 44.5523 51 44C51 43.4477 51.4477 43 52 43C52.5523 43 53 43.4477 53 44Z' fill='%232C2F33'/%3E%3Cpath d='M53 40C53 40.5523 52.5523 41 52 41C51.4477 41 51 40.5523 51 40C51 39.4477 51.4477 39 52 39C52.5523 39 53 39.4477 53 40Z' fill='%232C2F33'/%3E%3Cpath d='M53 36C53 36.5523 52.5523 37 52 37C51.4477 37 51 36.5523 51 36C51 35.4477 51.4477 35 52 35C52.5523 35 53 35.4477 53 36Z' fill='%232C2F33'/%3E%3Cpath d='M53 32C53 32.5523 52.5523 33 52 33C51.4477 33 51 32.5523 51 32C51 31.4477 51.4477 31 52 31C52.5523 31 53 31.4477 53 32Z' fill='%232C2F33'/%3E%3Cpath d='M53 28C53 28.5523 52.5523 29 52 29C51.4477 29 51 28.5523 51 28C51 27.4477 51.4477 27 52 27C52.5523 27 53 27.4477 53 28Z' fill='%232C2F33'/%3E%3Cpath d='M53 24C53 24.5523 52.5523 25 52 25C51.4477 25 51 24.5523 51 24C51 23.4477 51.4477 23 52 23C52.5523 23 53 23.4477 53 24Z' fill='%232C2F33'/%3E%3Cpath d='M53 20C53 20.5523 52.5523 21 52 21C51.4477 21 51 20.5523 51 20C51 19.4477 51.4477 19 52 19C52.5523 19 53 19.4477 53 20Z' fill='%232C2F33'/%3E%3Cpath d='M57 100C57 100.552 56.5523 101 56 101C55.4477 101 55 100.552 55 100C55 99.4477 55.4477 99 56 99C56.5523 99 57 99.4477 57 100Z' fill='%232C2F33'/%3E%3Cpath d='M57 96C57 96.5523 56.5523 97 56 97C55.4477 97 55 96.5523 55 96C55 95.4477 55.4477 95 56 95C56.5523 95 57 95.4477 57 96Z' fill='%232C2F33'/%3E%3Cpath d='M57 92C57 92.5523 56.5523 93 56 93C55.4477 93 55 92.5523 55 92C55 91.4477 55.4477 91 56 91C56.5523 91 57 91.4477 57 92Z' fill='%232C2F33'/%3E%3Cpath d='M57 88C57 88.5523 56.5523 89 56 89C55.4477 89 55 88.5523 55 88C55 87.4477 55.4477 87 56 87C56.5523 87 57 87.4477 57 88Z' fill='%232C2F33'/%3E%3Cpath d='M57 84C57 84.5523 56.5523 85 56 85C55.4477 85 55 84.5523 55 84C55 83.4477 55.4477 83 56 83C56.5523 83 57 83.4477 57 84Z' fill='%232C2F33'/%3E%3Cpath d='M57 80C57 80.5523 56.5523 81 56 81C55.4477 81 55 80.5523 55 80C55 79.4477 55.4477 79 56 79C56.5523 79 57 79.4477 57 80Z' fill='%232C2F33'/%3E%3Cpath d='M57 76C57 76.5523 56.5523 77 56 77C55.4477 77 55 76.5523 55 76C55 75.4477 55.4477 75 56 75C56.5523 75 57 75.4477 57 76Z' fill='%232C2F33'/%3E%3Cpath d='M57 72C57 72.5523 56.5523 73 56 73C55.4477 73 55 72.5523 55 72C55 71.4477 55.4477 71 56 71C56.5523 71 57 71.4477 57 72Z' fill='%232C2F33'/%3E%3Cpath d='M57 68C57 68.5523 56.5523 69 56 69C55.4477 69 55 68.5523 55 68C55 67.4477 55.4477 67 56 67C56.5523 67 57 67.4477 57 68Z' fill='%232C2F33'/%3E%3Cpath d='M57 64C57 64.5523 56.5523 65 56 65C55.4477 65 55 64.5523 55 64C55 63.4477 55.4477 63 56 63C56.5523 63 57 63.4477 57 64Z' fill='%232C2F33'/%3E%3Cpath d='M57 60C57 60.5523 56.5523 61 56 61C55.4477 61 55 60.5523 55 60C55 59.4477 55.4477 59 56 59C56.5523 59 57 59.4477 57 60Z' fill='%232C2F33'/%3E%3Cpath d='M57 56C57 56.5523 56.5523 57 56 57C55.4477 57 55 56.5523 55 56C55 55.4477 55.4477 55 56 55C56.5523 55 57 55.4477 57 56Z' fill='%232C2F33'/%3E%3Cpath d='M57 52C57 52.5523 56.5523 53 56 53C55.4477 53 55 52.5523 55 52C55 51.4477 55.4477 51 56 51C56.5523 51 57 51.4477 57 52Z' fill='%232C2F33'/%3E%3Cpath d='M57 48C57 48.5523 56.5523 49 56 49C55.4477 49 55 48.5523 55 48C55 47.4477 55.4477 47 56 47C56.5523 47 57 47.4477 57 48Z' fill='%232C2F33'/%3E%3Cpath d='M57 44C57 44.5523 56.5523 45 56 45C55.4477 45 55 44.5523 55 44C55 43.4477 55.4477 43 56 43C56.5523 43 57 43.4477 57 44Z' fill='%232C2F33'/%3E%3Cpath d='M57 40C57 40.5523 56.5523 41 56 41C55.4477 41 55 40.5523 55 40C55 39.4477 55.4477 39 56 39C56.5523 39 57 39.4477 57 40Z' fill='%232C2F33'/%3E%3Cpath d='M57 36C57 36.5523 56.5523 37 56 37C55.4477 37 55 36.5523 55 36C55 35.4477 55.4477 35 56 35C56.5523 35 57 35.4477 57 36Z' fill='%232C2F33'/%3E%3Cpath d='M57 32C57 32.5523 56.5523 33 56 33C55.4477 33 55 32.5523 55 32C55 31.4477 55.4477 31 56 31C56.5523 31 57 31.4477 57 32Z' fill='%232C2F33'/%3E%3Cpath d='M57 28C57 28.5523 56.5523 29 56 29C55.4477 29 55 28.5523 55 28C55 27.4477 55.4477 27 56 27C56.5523 27 57 27.4477 57 28Z' fill='%232C2F33'/%3E%3Cpath d='M57 24C57 24.5523 56.5523 25 56 25C55.4477 25 55 24.5523 55 24C55 23.4477 55.4477 23 56 23C56.5523 23 57 23.4477 57 24Z' fill='%232C2F33'/%3E%3Cpath d='M57 20C57 20.5523 56.5523 21 56 21C55.4477 21 55 20.5523 55 20C55 19.4477 55.4477 19 56 19C56.5523 19 57 19.4477 57 20Z' fill='%232C2F33'/%3E%3Cpath d='M61 100C61 100.552 60.5523 101 60 101C59.4477 101 59 100.552 59 100C59 99.4477 59.4477 99 60 99C60.5523 99 61 99.4477 61 100Z' fill='%232C2F33'/%3E%3Cpath d='M61 96C61 96.5523 60.5523 97 60 97C59.4477 97 59 96.5523 59 96C59 95.4477 59.4477 95 60 95C60.5523 95 61 95.4477 61 96Z' fill='%232C2F33'/%3E%3Cpath d='M61 92C61 92.5523 60.5523 93 60 93C59.4477 93 59 92.5523 59 92C59 91.4477 59.4477 91 60 91C60.5523 91 61 91.4477 61 92Z' fill='%232C2F33'/%3E%3Cpath d='M61 88C61 88.5523 60.5523 89 60 89C59.4477 89 59 88.5523 59 88C59 87.4477 59.4477 87 60 87C60.5523 87 61 87.4477 61 88Z' fill='%232C2F33'/%3E%3Cpath d='M61 84C61 84.5523 60.5523 85 60 85C59.4477 85 59 84.5523 59 84C59 83.4477 59.4477 83 60 83C60.5523 83 61 83.4477 61 84Z' fill='%232C2F33'/%3E%3Cpath d='M61 80C61 80.5523 60.5523 81 60 81C59.4477 81 59 80.5523 59 80C59 79.4477 59.4477 79 60 79C60.5523 79 61 79.4477 61 80Z' fill='%232C2F33'/%3E%3Cpath d='M61 76C61 76.5523 60.5523 77 60 77C59.4477 77 59 76.5523 59 76C59 75.4477 59.4477 75 60 75C60.5523 75 61 75.4477 61 76Z' fill='%232C2F33'/%3E%3Cpath d='M61 72C61 72.5523 60.5523 73 60 73C59.4477 73 59 72.5523 59 72C59 71.4477 59.4477 71 60 71C60.5523 71 61 71.4477 61 72Z' fill='%232C2F33'/%3E%3Cpath d='M61 68C61 68.5523 60.5523 69 60 69C59.4477 69 59 68.5523 59 68C59 67.4477 59.4477 67 60 67C60.5523 67 61 67.4477 61 68Z' fill='%232C2F33'/%3E%3Cpath d='M61 64C61 64.5523 60.5523 65 60 65C59.4477 65 59 64.5523 59 64C59 63.4477 59.4477 63 60 63C60.5523 63 61 63.4477 61 64Z' fill='%232C2F33'/%3E%3Cpath d='M61 60C61 60.5523 60.5523 61 60 61C59.4477 61 59 60.5523 59 60C59 59.4477 59.4477 59 60 59C60.5523 59 61 59.4477 61 60Z' fill='%232C2F33'/%3E%3Cpath d='M61 56C61 56.5523 60.5523 57 60 57C59.4477 57 59 56.5523 59 56C59 55.4477 59.4477 55 60 55C60.5523 55 61 55.4477 61 56Z' fill='%232C2F33'/%3E%3Cpath d='M61 52C61 52.5523 60.5523 53 60 53C59.4477 53 59 52.5523 59 52C59 51.4477 59.4477 51 60 51C60.5523 51 61 51.4477 61 52Z' fill='%232C2F33'/%3E%3Cpath d='M61 48C61 48.5523 60.5523 49 60 49C59.4477 49 59 48.5523 59 48C59 47.4477 59.4477 47 60 47C60.5523 47 61 47.4477 61 48Z' fill='%232C2F33'/%3E%3Cpath d='M61 44C61 44.5523 60.5523 45 60 45C59.4477 45 59 44.5523 59 44C59 43.4477 59.4477 43 60 43C60.5523 43 61 43.4477 61 44Z' fill='%232C2F33'/%3E%3Cpath d='M61 40C61 40.5523 60.5523 41 60 41C59.4477 41 59 40.5523 59 40C59 39.4477 59.4477 39 60 39C60.5523 39 61 39.4477 61 40Z' fill='%232C2F33'/%3E%3Cpath d='M61 36C61 36.5523 60.5523 37 60 37C59.4477 37 59 36.5523 59 36C59 35.4477 59.4477 35 60 35C60.5523 35 61 35.4477 61 36Z' fill='%232C2F33'/%3E%3Cpath d='M61 32C61 32.5523 60.5523 33 60 33C59.4477 33 59 32.5523 59 32C59 31.4477 59.4477 31 60 31C60.5523 31 61 31.4477 61 32Z' fill='%232C2F33'/%3E%3Cpath d='M61 28C61 28.5523 60.5523 29 60 29C59.4477 29 59 28.5523 59 28C59 27.4477 59.4477 27 60 27C60.5523 27 61 27.4477 61 28Z' fill='%232C2F33'/%3E%3Cpath d='M61 24C61 24.5523 60.5523 25 60 25C59.4477 25 59 24.5523 59 24C59 23.4477 59.4477 23 60 23C60.5523 23 61 23.4477 61 24Z' fill='%232C2F33'/%3E%3Cpath d='M61 20C61 20.5523 60.5523 21 60 21C59.4477 21 59 20.5523 59 20C59 19.4477 59.4477 19 60 19C60.5523 19 61 19.4477 61 20Z' fill='%232C2F33'/%3E%3Cpath d='M65 100C65 100.552 64.5523 101 64 101C63.4477 101 63 100.552 63 100C63 99.4477 63.4477 99 64 99C64.5523 99 65 99.4477 65 100Z' fill='%232C2F33'/%3E%3Cpath d='M65 96C65 96.5523 64.5523 97 64 97C63.4477 97 63 96.5523 63 96C63 95.4477 63.4477 95 64 95C64.5523 95 65 95.4477 65 96Z' fill='%232C2F33'/%3E%3Cpath d='M65 92C65 92.5523 64.5523 93 64 93C63.4477 93 63 92.5523 63 92C63 91.4477 63.4477 91 64 91C64.5523 91 65 91.4477 65 92Z' fill='%232C2F33'/%3E%3Cpath d='M65 88C65 88.5523 64.5523 89 64 89C63.4477 89 63 88.5523 63 88C63 87.4477 63.4477 87 64 87C64.5523 87 65 87.4477 65 88Z' fill='%232C2F33'/%3E%3Cpath d='M65 84C65 84.5523 64.5523 85 64 85C63.4477 85 63 84.5523 63 84C63 83.4477 63.4477 83 64 83C64.5523 83 65 83.4477 65 84Z' fill='%232C2F33'/%3E%3Cpath d='M65 80C65 80.5523 64.5523 81 64 81C63.4477 81 63 80.5523 63 80C63 79.4477 63.4477 79 64 79C64.5523 79 65 79.4477 65 80Z' fill='%232C2F33'/%3E%3Cpath d='M65 76C65 76.5523 64.5523 77 64 77C63.4477 77 63 76.5523 63 76C63 75.4477 63.4477 75 64 75C64.5523 75 65 75.4477 65 76Z' fill='%232C2F33'/%3E%3Cpath d='M65 72C65 72.5523 64.5523 73 64 73C63.4477 73 63 72.5523 63 72C63 71.4477 63.4477 71 64 71C64.5523 71 65 71.4477 65 72Z' fill='%232C2F33'/%3E%3Cpath d='M65 68C65 68.5523 64.5523 69 64 69C63.4477 69 63 68.5523 63 68C63 67.4477 63.4477 67 64 67C64.5523 67 65 67.4477 65 68Z' fill='%232C2F33'/%3E%3Cpath d='M65 64C65 64.5523 64.5523 65 64 65C63.4477 65 63 64.5523 63 64C63 63.4477 63.4477 63 64 63C64.5523 63 65 63.4477 65 64Z' fill='%232C2F33'/%3E%3Cpath d='M65 60C65 60.5523 64.5523 61 64 61C63.4477 61 63 60.5523 63 60C63 59.4477 63.4477 59 64 59C64.5523 59 65 59.4477 65 60Z' fill='%232C2F33'/%3E%3Cpath d='M65 56C65 56.5523 64.5523 57 64 57C63.4477 57 63 56.5523 63 56C63 55.4477 63.4477 55 64 55C64.5523 55 65 55.4477 65 56Z' fill='%232C2F33'/%3E%3Cpath d='M65 52C65 52.5523 64.5523 53 64 53C63.4477 53 63 52.5523 63 52C63 51.4477 63.4477 51 64 51C64.5523 51 65 51.4477 65 52Z' fill='%232C2F33'/%3E%3Cpath d='M65 48C65 48.5523 64.5523 49 64 49C63.4477 49 63 48.5523 63 48C63 47.4477 63.4477 47 64 47C64.5523 47 65 47.4477 65 48Z' fill='%232C2F33'/%3E%3Cpath d='M65 44C65 44.5523 64.5523 45 64 45C63.4477 45 63 44.5523 63 44C63 43.4477 63.4477 43 64 43C64.5523 43 65 43.4477 65 44Z' fill='%232C2F33'/%3E%3Cpath d='M65 40C65 40.5523 64.5523 41 64 41C63.4477 41 63 40.5523 63 40C63 39.4477 63.4477 39 64 39C64.5523 39 65 39.4477 65 40Z' fill='%232C2F33'/%3E%3Cpath d='M65 36C65 36.5523 64.5523 37 64 37C63.4477 37 63 36.5523 63 36C63 35.4477 63.4477 35 64 35C64.5523 35 65 35.4477 65 36Z' fill='%232C2F33'/%3E%3Cpath d='M65 32C65 32.5523 64.5523 33 64 33C63.4477 33 63 32.5523 63 32C63 31.4477 63.4477 31 64 31C64.5523 31 65 31.4477 65 32Z' fill='%232C2F33'/%3E%3Cpath d='M65 28C65 28.5523 64.5523 29 64 29C63.4477 29 63 28.5523 63 28C63 27.4477 63.4477 27 64 27C64.5523 27 65 27.4477 65 28Z' fill='%232C2F33'/%3E%3Cpath d='M65 24C65 24.5523 64.5523 25 64 25C63.4477 25 63 24.5523 63 24C63 23.4477 63.4477 23 64 23C64.5523 23 65 23.4477 65 24Z' fill='%232C2F33'/%3E%3Cpath d='M65 20C65 20.5523 64.5523 21 64 21C63.4477 21 63 20.5523 63 20C63 19.4477 63.4477 19 64 19C64.5523 19 65 19.4477 65 20Z' fill='%232C2F33'/%3E%3Cpath d='M69 100C69 100.552 68.5523 101 68 101C67.4477 101 67 100.552 67 100C67 99.4477 67.4477 99 68 99C68.5523 99 69 99.4477 69 100Z' fill='%232C2F33'/%3E%3Cpath d='M69 96C69 96.5523 68.5523 97 68 97C67.4477 97 67 96.5523 67 96C67 95.4477 67.4477 95 68 95C68.5523 95 69 95.4477 69 96Z' fill='%232C2F33'/%3E%3Cpath d='M69 92C69 92.5523 68.5523 93 68 93C67.4477 93 67 92.5523 67 92C67 91.4477 67.4477 91 68 91C68.5523 91 69 91.4477 69 92Z' fill='%232C2F33'/%3E%3Cpath d='M69 88C69 88.5523 68.5523 89 68 89C67.4477 89 67 88.5523 67 88C67 87.4477 67.4477 87 68 87C68.5523 87 69 87.4477 69 88Z' fill='%232C2F33'/%3E%3Cpath d='M69 84C69 84.5523 68.5523 85 68 85C67.4477 85 67 84.5523 67 84C67 83.4477 67.4477 83 68 83C68.5523 83 69 83.4477 69 84Z' fill='%232C2F33'/%3E%3Cpath d='M69 80C69 80.5523 68.5523 81 68 81C67.4477 81 67 80.5523 67 80C67 79.4477 67.4477 79 68 79C68.5523 79 69 79.4477 69 80Z' fill='%232C2F33'/%3E%3Cpath d='M69 76C69 76.5523 68.5523 77 68 77C67.4477 77 67 76.5523 67 76C67 75.4477 67.4477 75 68 75C68.5523 75 69 75.4477 69 76Z' fill='%232C2F33'/%3E%3Cpath d='M69 72C69 72.5523 68.5523 73 68 73C67.4477 73 67 72.5523 67 72C67 71.4477 67.4477 71 68 71C68.5523 71 69 71.4477 69 72Z' fill='%232C2F33'/%3E%3Cpath d='M69 68C69 68.5523 68.5523 69 68 69C67.4477 69 67 68.5523 67 68C67 67.4477 67.4477 67 68 67C68.5523 67 69 67.4477 69 68Z' fill='%232C2F33'/%3E%3Cpath d='M69 64C69 64.5523 68.5523 65 68 65C67.4477 65 67 64.5523 67 64C67 63.4477 67.4477 63 68 63C68.5523 63 69 63.4477 69 64Z' fill='%232C2F33'/%3E%3Cpath d='M69 60C69 60.5523 68.5523 61 68 61C67.4477 61 67 60.5523 67 60C67 59.4477 67.4477 59 68 59C68.5523 59 69 59.4477 69 60Z' fill='%232C2F33'/%3E%3Cpath d='M69 56C69 56.5523 68.5523 57 68 57C67.4477 57 67 56.5523 67 56C67 55.4477 67.4477 55 68 55C68.5523 55 69 55.4477 69 56Z' fill='%232C2F33'/%3E%3Cpath d='M69 52C69 52.5523 68.5523 53 68 53C67.4477 53 67 52.5523 67 52C67 51.4477 67.4477 51 68 51C68.5523 51 69 51.4477 69 52Z' fill='%232C2F33'/%3E%3Cpath d='M69 48C69 48.5523 68.5523 49 68 49C67.4477 49 67 48.5523 67 48C67 47.4477 67.4477 47 68 47C68.5523 47 69 47.4477 69 48Z' fill='%232C2F33'/%3E%3Cpath d='M69 44C69 44.5523 68.5523 45 68 45C67.4477 45 67 44.5523 67 44C67 43.4477 67.4477 43 68 43C68.5523 43 69 43.4477 69 44Z' fill='%232C2F33'/%3E%3Cpath d='M69 40C69 40.5523 68.5523 41 68 41C67.4477 41 67 40.5523 67 40C67 39.4477 67.4477 39 68 39C68.5523 39 69 39.4477 69 40Z' fill='%232C2F33'/%3E%3Cpath d='M69 36C69 36.5523 68.5523 37 68 37C67.4477 37 67 36.5523 67 36C67 35.4477 67.4477 35 68 35C68.5523 35 69 35.4477 69 36Z' fill='%232C2F33'/%3E%3Cpath d='M69 32C69 32.5523 68.5523 33 68 33C67.4477 33 67 32.5523 67 32C67 31.4477 67.4477 31 68 31C68.5523 31 69 31.4477 69 32Z' fill='%232C2F33'/%3E%3Cpath d='M69 28C69 28.5523 68.5523 29 68 29C67.4477 29 67 28.5523 67 28C67 27.4477 67.4477 27 68 27C68.5523 27 69 27.4477 69 28Z' fill='%232C2F33'/%3E%3Cpath d='M69 24C69 24.5523 68.5523 25 68 25C67.4477 25 67 24.5523 67 24C67 23.4477 67.4477 23 68 23C68.5523 23 69 23.4477 69 24Z' fill='%232C2F33'/%3E%3Cpath d='M69 20C69 20.5523 68.5523 21 68 21C67.4477 21 67 20.5523 67 20C67 19.4477 67.4477 19 68 19C68.5523 19 69 19.4477 69 20Z' fill='%232C2F33'/%3E%3Cpath d='M73 100C73 100.552 72.5523 101 72 101C71.4477 101 71 100.552 71 100C71 99.4477 71.4477 99 72 99C72.5523 99 73 99.4477 73 100Z' fill='%232C2F33'/%3E%3Cpath d='M73 96C73 96.5523 72.5523 97 72 97C71.4477 97 71 96.5523 71 96C71 95.4477 71.4477 95 72 95C72.5523 95 73 95.4477 73 96Z' fill='%232C2F33'/%3E%3Cpath d='M73 92C73 92.5523 72.5523 93 72 93C71.4477 93 71 92.5523 71 92C71 91.4477 71.4477 91 72 91C72.5523 91 73 91.4477 73 92Z' fill='%232C2F33'/%3E%3Cpath d='M73 88C73 88.5523 72.5523 89 72 89C71.4477 89 71 88.5523 71 88C71 87.4477 71.4477 87 72 87C72.5523 87 73 87.4477 73 88Z' fill='%232C2F33'/%3E%3Cpath d='M73 84C73 84.5523 72.5523 85 72 85C71.4477 85 71 84.5523 71 84C71 83.4477 71.4477 83 72 83C72.5523 83 73 83.4477 73 84Z' fill='%232C2F33'/%3E%3Cpath d='M73 80C73 80.5523 72.5523 81 72 81C71.4477 81 71 80.5523 71 80C71 79.4477 71.4477 79 72 79C72.5523 79 73 79.4477 73 80Z' fill='%232C2F33'/%3E%3Cpath d='M73 76C73 76.5523 72.5523 77 72 77C71.4477 77 71 76.5523 71 76C71 75.4477 71.4477 75 72 75C72.5523 75 73 75.4477 73 76Z' fill='%232C2F33'/%3E%3Cpath d='M73 72C73 72.5523 72.5523 73 72 73C71.4477 73 71 72.5523 71 72C71 71.4477 71.4477 71 72 71C72.5523 71 73 71.4477 73 72Z' fill='%232C2F33'/%3E%3Cpath d='M73 68C73 68.5523 72.5523 69 72 69C71.4477 69 71 68.5523 71 68C71 67.4477 71.4477 67 72 67C72.5523 67 73 67.4477 73 68Z' fill='%232C2F33'/%3E%3Cpath d='M73 64C73 64.5523 72.5523 65 72 65C71.4477 65 71 64.5523 71 64C71 63.4477 71.4477 63 72 63C72.5523 63 73 63.4477 73 64Z' fill='%232C2F33'/%3E%3Cpath d='M73 60C73 60.5523 72.5523 61 72 61C71.4477 61 71 60.5523 71 60C71 59.4477 71.4477 59 72 59C72.5523 59 73 59.4477 73 60Z' fill='%232C2F33'/%3E%3Cpath d='M73 56C73 56.5523 72.5523 57 72 57C71.4477 57 71 56.5523 71 56C71 55.4477 71.4477 55 72 55C72.5523 55 73 55.4477 73 56Z' fill='%232C2F33'/%3E%3Cpath d='M73 52C73 52.5523 72.5523 53 72 53C71.4477 53 71 52.5523 71 52C71 51.4477 71.4477 51 72 51C72.5523 51 73 51.4477 73 52Z' fill='%232C2F33'/%3E%3Cpath d='M73 48C73 48.5523 72.5523 49 72 49C71.4477 49 71 48.5523 71 48C71 47.4477 71.4477 47 72 47C72.5523 47 73 47.4477 73 48Z' fill='%232C2F33'/%3E%3Cpath d='M73 44C73 44.5523 72.5523 45 72 45C71.4477 45 71 44.5523 71 44C71 43.4477 71.4477 43 72 43C72.5523 43 73 43.4477 73 44Z' fill='%232C2F33'/%3E%3Cpath d='M73 40C73 40.5523 72.5523 41 72 41C71.4477 41 71 40.5523 71 40C71 39.4477 71.4477 39 72 39C72.5523 39 73 39.4477 73 40Z' fill='%232C2F33'/%3E%3Cpath d='M73 36C73 36.5523 72.5523 37 72 37C71.4477 37 71 36.5523 71 36C71 35.4477 71.4477 35 72 35C72.5523 35 73 35.4477 73 36Z' fill='%232C2F33'/%3E%3Cpath d='M73 32C73 32.5523 72.5523 33 72 33C71.4477 33 71 32.5523 71 32C71 31.4477 71.4477 31 72 31C72.5523 31 73 31.4477 73 32Z' fill='%232C2F33'/%3E%3Cpath d='M73 28C73 28.5523 72.5523 29 72 29C71.4477 29 71 28.5523 71 28C71 27.4477 71.4477 27 72 27C72.5523 27 73 27.4477 73 28Z' fill='%232C2F33'/%3E%3Cpath d='M73 24C73 24.5523 72.5523 25 72 25C71.4477 25 71 24.5523 71 24C71 23.4477 71.4477 23 72 23C72.5523 23 73 23.4477 73 24Z' fill='%232C2F33'/%3E%3Cpath d='M73 20C73 20.5523 72.5523 21 72 21C71.4477 21 71 20.5523 71 20C71 19.4477 71.4477 19 72 19C72.5523 19 73 19.4477 73 20Z' fill='%232C2F33'/%3E%3Cpath d='M77 100C77 100.552 76.5523 101 76 101C75.4477 101 75 100.552 75 100C75 99.4477 75.4477 99 76 99C76.5523 99 77 99.4477 77 100Z' fill='%232C2F33'/%3E%3Cpath d='M77 96C77 96.5523 76.5523 97 76 97C75.4477 97 75 96.5523 75 96C75 95.4477 75.4477 95 76 95C76.5523 95 77 95.4477 77 96Z' fill='%232C2F33'/%3E%3Cpath d='M77 92C77 92.5523 76.5523 93 76 93C75.4477 93 75 92.5523 75 92C75 91.4477 75.4477 91 76 91C76.5523 91 77 91.4477 77 92Z' fill='%232C2F33'/%3E%3Cpath d='M77 88C77 88.5523 76.5523 89 76 89C75.4477 89 75 88.5523 75 88C75 87.4477 75.4477 87 76 87C76.5523 87 77 87.4477 77 88Z' fill='%232C2F33'/%3E%3Cpath d='M77 84C77 84.5523 76.5523 85 76 85C75.4477 85 75 84.5523 75 84C75 83.4477 75.4477 83 76 83C76.5523 83 77 83.4477 77 84Z' fill='%232C2F33'/%3E%3Cpath d='M77 80C77 80.5523 76.5523 81 76 81C75.4477 81 75 80.5523 75 80C75 79.4477 75.4477 79 76 79C76.5523 79 77 79.4477 77 80Z' fill='%232C2F33'/%3E%3Cpath d='M77 76C77 76.5523 76.5523 77 76 77C75.4477 77 75 76.5523 75 76C75 75.4477 75.4477 75 76 75C76.5523 75 77 75.4477 77 76Z' fill='%232C2F33'/%3E%3Cpath d='M77 72C77 72.5523 76.5523 73 76 73C75.4477 73 75 72.5523 75 72C75 71.4477 75.4477 71 76 71C76.5523 71 77 71.4477 77 72Z' fill='%232C2F33'/%3E%3Cpath d='M77 68C77 68.5523 76.5523 69 76 69C75.4477 69 75 68.5523 75 68C75 67.4477 75.4477 67 76 67C76.5523 67 77 67.4477 77 68Z' fill='%232C2F33'/%3E%3Cpath d='M77 64C77 64.5523 76.5523 65 76 65C75.4477 65 75 64.5523 75 64C75 63.4477 75.4477 63 76 63C76.5523 63 77 63.4477 77 64Z' fill='%232C2F33'/%3E%3Cpath d='M77 60C77 60.5523 76.5523 61 76 61C75.4477 61 75 60.5523 75 60C75 59.4477 75.4477 59 76 59C76.5523 59 77 59.4477 77 60Z' fill='%232C2F33'/%3E%3Cpath d='M77 56C77 56.5523 76.5523 57 76 57C75.4477 57 75 56.5523 75 56C75 55.4477 75.4477 55 76 55C76.5523 55 77 55.4477 77 56Z' fill='%232C2F33'/%3E%3Cpath d='M77 52C77 52.5523 76.5523 53 76 53C75.4477 53 75 52.5523 75 52C75 51.4477 75.4477 51 76 51C76.5523 51 77 51.4477 77 52Z' fill='%232C2F33'/%3E%3Cpath d='M77 48C77 48.5523 76.5523 49 76 49C75.4477 49 75 48.5523 75 48C75 47.4477 75.4477 47 76 47C76.5523 47 77 47.4477 77 48Z' fill='%232C2F33'/%3E%3Cpath d='M77 44C77 44.5523 76.5523 45 76 45C75.4477 45 75 44.5523 75 44C75 43.4477 75.4477 43 76 43C76.5523 43 77 43.4477 77 44Z' fill='%232C2F33'/%3E%3Cpath d='M77 40C77 40.5523 76.5523 41 76 41C75.4477 41 75 40.5523 75 40C75 39.4477 75.4477 39 76 39C76.5523 39 77 39.4477 77 40Z' fill='%232C2F33'/%3E%3Cpath d='M77 36C77 36.5523 76.5523 37 76 37C75.4477 37 75 36.5523 75 36C75 35.4477 75.4477 35 76 35C76.5523 35 77 35.4477 77 36Z' fill='%232C2F33'/%3E%3Cpath d='M77 32C77 32.5523 76.5523 33 76 33C75.4477 33 75 32.5523 75 32C75 31.4477 75.4477 31 76 31C76.5523 31 77 31.4477 77 32Z' fill='%232C2F33'/%3E%3Cpath d='M77 28C77 28.5523 76.5523 29 76 29C75.4477 29 75 28.5523 75 28C75 27.4477 75.4477 27 76 27C76.5523 27 77 27.4477 77 28Z' fill='%232C2F33'/%3E%3Cpath d='M77 24C77 24.5523 76.5523 25 76 25C75.4477 25 75 24.5523 75 24C75 23.4477 75.4477 23 76 23C76.5523 23 77 23.4477 77 24Z' fill='%232C2F33'/%3E%3Cpath d='M77 20C77 20.5523 76.5523 21 76 21C75.4477 21 75 20.5523 75 20C75 19.4477 75.4477 19 76 19C76.5523 19 77 19.4477 77 20Z' fill='%232C2F33'/%3E%3Cpath d='M81 100C81 100.552 80.5523 101 80 101C79.4477 101 79 100.552 79 100C79 99.4477 79.4477 99 80 99C80.5523 99 81 99.4477 81 100Z' fill='%232C2F33'/%3E%3Cpath d='M81 96C81 96.5523 80.5523 97 80 97C79.4477 97 79 96.5523 79 96C79 95.4477 79.4477 95 80 95C80.5523 95 81 95.4477 81 96Z' fill='%232C2F33'/%3E%3Cpath d='M81 92C81 92.5523 80.5523 93 80 93C79.4477 93 79 92.5523 79 92C79 91.4477 79.4477 91 80 91C80.5523 91 81 91.4477 81 92Z' fill='%232C2F33'/%3E%3Cpath d='M81 88C81 88.5523 80.5523 89 80 89C79.4477 89 79 88.5523 79 88C79 87.4477 79.4477 87 80 87C80.5523 87 81 87.4477 81 88Z' fill='%232C2F33'/%3E%3Cpath d='M81 84C81 84.5523 80.5523 85 80 85C79.4477 85 79 84.5523 79 84C79 83.4477 79.4477 83 80 83C80.5523 83 81 83.4477 81 84Z' fill='%232C2F33'/%3E%3Cpath d='M81 80C81 80.5523 80.5523 81 80 81C79.4477 81 79 80.5523 79 80C79 79.4477 79.4477 79 80 79C80.5523 79 81 79.4477 81 80Z' fill='%232C2F33'/%3E%3Cpath d='M81 76C81 76.5523 80.5523 77 80 77C79.4477 77 79 76.5523 79 76C79 75.4477 79.4477 75 80 75C80.5523 75 81 75.4477 81 76Z' fill='%232C2F33'/%3E%3Cpath d='M81 72C81 72.5523 80.5523 73 80 73C79.4477 73 79 72.5523 79 72C79 71.4477 79.4477 71 80 71C80.5523 71 81 71.4477 81 72Z' fill='%232C2F33'/%3E%3Cpath d='M81 68C81 68.5523 80.5523 69 80 69C79.4477 69 79 68.5523 79 68C79 67.4477 79.4477 67 80 67C80.5523 67 81 67.4477 81 68Z' fill='%232C2F33'/%3E%3Cpath d='M81 64C81 64.5523 80.5523 65 80 65C79.4477 65 79 64.5523 79 64C79 63.4477 79.4477 63 80 63C80.5523 63 81 63.4477 81 64Z' fill='%232C2F33'/%3E%3Cpath d='M81 60C81 60.5523 80.5523 61 80 61C79.4477 61 79 60.5523 79 60C79 59.4477 79.4477 59 80 59C80.5523 59 81 59.4477 81 60Z' fill='%232C2F33'/%3E%3Cpath d='M81 56C81 56.5523 80.5523 57 80 57C79.4477 57 79 56.5523 79 56C79 55.4477 79.4477 55 80 55C80.5523 55 81 55.4477 81 56Z' fill='%232C2F33'/%3E%3Cpath d='M81 52C81 52.5523 80.5523 53 80 53C79.4477 53 79 52.5523 79 52C79 51.4477 79.4477 51 80 51C80.5523 51 81 51.4477 81 52Z' fill='%232C2F33'/%3E%3Cpath d='M81 48C81 48.5523 80.5523 49 80 49C79.4477 49 79 48.5523 79 48C79 47.4477 79.4477 47 80 47C80.5523 47 81 47.4477 81 48Z' fill='%232C2F33'/%3E%3Cpath d='M81 44C81 44.5523 80.5523 45 80 45C79.4477 45 79 44.5523 79 44C79 43.4477 79.4477 43 80 43C80.5523 43 81 43.4477 81 44Z' fill='%232C2F33'/%3E%3Cpath d='M81 40C81 40.5523 80.5523 41 80 41C79.4477 41 79 40.5523 79 40C79 39.4477 79.4477 39 80 39C80.5523 39 81 39.4477 81 40Z' fill='%232C2F33'/%3E%3Cpath d='M81 36C81 36.5523 80.5523 37 80 37C79.4477 37 79 36.5523 79 36C79 35.4477 79.4477 35 80 35C80.5523 35 81 35.4477 81 36Z' fill='%232C2F33'/%3E%3Cpath d='M81 32C81 32.5523 80.5523 33 80 33C79.4477 33 79 32.5523 79 32C79 31.4477 79.4477 31 80 31C80.5523 31 81 31.4477 81 32Z' fill='%232C2F33'/%3E%3Cpath d='M81 28C81 28.5523 80.5523 29 80 29C79.4477 29 79 28.5523 79 28C79 27.4477 79.4477 27 80 27C80.5523 27 81 27.4477 81 28Z' fill='%232C2F33'/%3E%3Cpath d='M81 24C81 24.5523 80.5523 25 80 25C79.4477 25 79 24.5523 79 24C79 23.4477 79.4477 23 80 23C80.5523 23 81 23.4477 81 24Z' fill='%232C2F33'/%3E%3Cpath d='M81 20C81 20.5523 80.5523 21 80 21C79.4477 21 79 20.5523 79 20C79 19.4477 79.4477 19 80 19C80.5523 19 81 19.4477 81 20Z' fill='%232C2F33'/%3E%3Cpath d='M85 100C85 100.552 84.5523 101 84 101C83.4477 101 83 100.552 83 100C83 99.4477 83.4477 99 84 99C84.5523 99 85 99.4477 85 100Z' fill='%232C2F33'/%3E%3Cpath d='M85 96C85 96.5523 84.5523 97 84 97C83.4477 97 83 96.5523 83 96C83 95.4477 83.4477 95 84 95C84.5523 95 85 95.4477 85 96Z' fill='%232C2F33'/%3E%3Cpath d='M85 92C85 92.5523 84.5523 93 84 93C83.4477 93 83 92.5523 83 92C83 91.4477 83.4477 91 84 91C84.5523 91 85 91.4477 85 92Z' fill='%232C2F33'/%3E%3Cpath d='M85 88C85 88.5523 84.5523 89 84 89C83.4477 89 83 88.5523 83 88C83 87.4477 83.4477 87 84 87C84.5523 87 85 87.4477 85 88Z' fill='%232C2F33'/%3E%3Cpath d='M85 84C85 84.5523 84.5523 85 84 85C83.4477 85 83 84.5523 83 84C83 83.4477 83.4477 83 84 83C84.5523 83 85 83.4477 85 84Z' fill='%232C2F33'/%3E%3Cpath d='M85 80C85 80.5523 84.5523 81 84 81C83.4477 81 83 80.5523 83 80C83 79.4477 83.4477 79 84 79C84.5523 79 85 79.4477 85 80Z' fill='%232C2F33'/%3E%3Cpath d='M85 76C85 76.5523 84.5523 77 84 77C83.4477 77 83 76.5523 83 76C83 75.4477 83.4477 75 84 75C84.5523 75 85 75.4477 85 76Z' fill='%232C2F33'/%3E%3Cpath d='M85 72C85 72.5523 84.5523 73 84 73C83.4477 73 83 72.5523 83 72C83 71.4477 83.4477 71 84 71C84.5523 71 85 71.4477 85 72Z' fill='%232C2F33'/%3E%3Cpath d='M85 68C85 68.5523 84.5523 69 84 69C83.4477 69 83 68.5523 83 68C83 67.4477 83.4477 67 84 67C84.5523 67 85 67.4477 85 68Z' fill='%232C2F33'/%3E%3Cpath d='M85 64C85 64.5523 84.5523 65 84 65C83.4477 65 83 64.5523 83 64C83 63.4477 83.4477 63 84 63C84.5523 63 85 63.4477 85 64Z' fill='%232C2F33'/%3E%3Cpath d='M85 60C85 60.5523 84.5523 61 84 61C83.4477 61 83 60.5523 83 60C83 59.4477 83.4477 59 84 59C84.5523 59 85 59.4477 85 60Z' fill='%232C2F33'/%3E%3Cpath d='M85 56C85 56.5523 84.5523 57 84 57C83.4477 57 83 56.5523 83 56C83 55.4477 83.4477 55 84 55C84.5523 55 85 55.4477 85 56Z' fill='%232C2F33'/%3E%3Cpath d='M85 52C85 52.5523 84.5523 53 84 53C83.4477 53 83 52.5523 83 52C83 51.4477 83.4477 51 84 51C84.5523 51 85 51.4477 85 52Z' fill='%232C2F33'/%3E%3Cpath d='M85 48C85 48.5523 84.5523 49 84 49C83.4477 49 83 48.5523 83 48C83 47.4477 83.4477 47 84 47C84.5523 47 85 47.4477 85 48Z' fill='%232C2F33'/%3E%3Cpath d='M85 44C85 44.5523 84.5523 45 84 45C83.4477 45 83 44.5523 83 44C83 43.4477 83.4477 43 84 43C84.5523 43 85 43.4477 85 44Z' fill='%232C2F33'/%3E%3Cpath d='M85 40C85 40.5523 84.5523 41 84 41C83.4477 41 83 40.5523 83 40C83 39.4477 83.4477 39 84 39C84.5523 39 85 39.4477 85 40Z' fill='%232C2F33'/%3E%3Cpath d='M85 36C85 36.5523 84.5523 37 84 37C83.4477 37 83 36.5523 83 36C83 35.4477 83.4477 35 84 35C84.5523 35 85 35.4477 85 36Z' fill='%232C2F33'/%3E%3Cpath d='M85 32C85 32.5523 84.5523 33 84 33C83.4477 33 83 32.5523 83 32C83 31.4477 83.4477 31 84 31C84.5523 31 85 31.4477 85 32Z' fill='%232C2F33'/%3E%3Cpath d='M85 28C85 28.5523 84.5523 29 84 29C83.4477 29 83 28.5523 83 28C83 27.4477 83.4477 27 84 27C84.5523 27 85 27.4477 85 28Z' fill='%232C2F33'/%3E%3Cpath d='M85 24C85 24.5523 84.5523 25 84 25C83.4477 25 83 24.5523 83 24C83 23.4477 83.4477 23 84 23C84.5523 23 85 23.4477 85 24Z' fill='%232C2F33'/%3E%3Cpath d='M85 20C85 20.5523 84.5523 21 84 21C83.4477 21 83 20.5523 83 20C83 19.4477 83.4477 19 84 19C84.5523 19 85 19.4477 85 20Z' fill='%232C2F33'/%3E%3Cpath d='M89 100C89 100.552 88.5523 101 88 101C87.4477 101 87 100.552 87 100C87 99.4477 87.4477 99 88 99C88.5523 99 89 99.4477 89 100Z' fill='%232C2F33'/%3E%3Cpath d='M89 96C89 96.5523 88.5523 97 88 97C87.4477 97 87 96.5523 87 96C87 95.4477 87.4477 95 88 95C88.5523 95 89 95.4477 89 96Z' fill='%232C2F33'/%3E%3Cpath d='M89 92C89 92.5523 88.5523 93 88 93C87.4477 93 87 92.5523 87 92C87 91.4477 87.4477 91 88 91C88.5523 91 89 91.4477 89 92Z' fill='%232C2F33'/%3E%3Cpath d='M89 88C89 88.5523 88.5523 89 88 89C87.4477 89 87 88.5523 87 88C87 87.4477 87.4477 87 88 87C88.5523 87 89 87.4477 89 88Z' fill='%232C2F33'/%3E%3Cpath d='M89 84C89 84.5523 88.5523 85 88 85C87.4477 85 87 84.5523 87 84C87 83.4477 87.4477 83 88 83C88.5523 83 89 83.4477 89 84Z' fill='%232C2F33'/%3E%3Cpath d='M89 80C89 80.5523 88.5523 81 88 81C87.4477 81 87 80.5523 87 80C87 79.4477 87.4477 79 88 79C88.5523 79 89 79.4477 89 80Z' fill='%232C2F33'/%3E%3Cpath d='M89 76C89 76.5523 88.5523 77 88 77C87.4477 77 87 76.5523 87 76C87 75.4477 87.4477 75 88 75C88.5523 75 89 75.4477 89 76Z' fill='%232C2F33'/%3E%3Cpath d='M89 72C89 72.5523 88.5523 73 88 73C87.4477 73 87 72.5523 87 72C87 71.4477 87.4477 71 88 71C88.5523 71 89 71.4477 89 72Z' fill='%232C2F33'/%3E%3Cpath d='M89 68C89 68.5523 88.5523 69 88 69C87.4477 69 87 68.5523 87 68C87 67.4477 87.4477 67 88 67C88.5523 67 89 67.4477 89 68Z' fill='%232C2F33'/%3E%3Cpath d='M89 64C89 64.5523 88.5523 65 88 65C87.4477 65 87 64.5523 87 64C87 63.4477 87.4477 63 88 63C88.5523 63 89 63.4477 89 64Z' fill='%232C2F33'/%3E%3Cpath d='M89 60C89 60.5523 88.5523 61 88 61C87.4477 61 87 60.5523 87 60C87 59.4477 87.4477 59 88 59C88.5523 59 89 59.4477 89 60Z' fill='%232C2F33'/%3E%3Cpath d='M89 56C89 56.5523 88.5523 57 88 57C87.4477 57 87 56.5523 87 56C87 55.4477 87.4477 55 88 55C88.5523 55 89 55.4477 89 56Z' fill='%232C2F33'/%3E%3Cpath d='M89 52C89 52.5523 88.5523 53 88 53C87.4477 53 87 52.5523 87 52C87 51.4477 87.4477 51 88 51C88.5523 51 89 51.4477 89 52Z' fill='%232C2F33'/%3E%3Cpath d='M89 48C89 48.5523 88.5523 49 88 49C87.4477 49 87 48.5523 87 48C87 47.4477 87.4477 47 88 47C88.5523 47 89 47.4477 89 48Z' fill='%232C2F33'/%3E%3Cpath d='M89 44C89 44.5523 88.5523 45 88 45C87.4477 45 87 44.5523 87 44C87 43.4477 87.4477 43 88 43C88.5523 43 89 43.4477 89 44Z' fill='%232C2F33'/%3E%3Cpath d='M89 40C89 40.5523 88.5523 41 88 41C87.4477 41 87 40.5523 87 40C87 39.4477 87.4477 39 88 39C88.5523 39 89 39.4477 89 40Z' fill='%232C2F33'/%3E%3Cpath d='M89 36C89 36.5523 88.5523 37 88 37C87.4477 37 87 36.5523 87 36C87 35.4477 87.4477 35 88 35C88.5523 35 89 35.4477 89 36Z' fill='%232C2F33'/%3E%3Cpath d='M89 32C89 32.5523 88.5523 33 88 33C87.4477 33 87 32.5523 87 32C87 31.4477 87.4477 31 88 31C88.5523 31 89 31.4477 89 32Z' fill='%232C2F33'/%3E%3Cpath d='M89 28C89 28.5523 88.5523 29 88 29C87.4477 29 87 28.5523 87 28C87 27.4477 87.4477 27 88 27C88.5523 27 89 27.4477 89 28Z' fill='%232C2F33'/%3E%3Cpath d='M89 24C89 24.5523 88.5523 25 88 25C87.4477 25 87 24.5523 87 24C87 23.4477 87.4477 23 88 23C88.5523 23 89 23.4477 89 24Z' fill='%232C2F33'/%3E%3Cpath d='M89 20C89 20.5523 88.5523 21 88 21C87.4477 21 87 20.5523 87 20C87 19.4477 87.4477 19 88 19C88.5523 19 89 19.4477 89 20Z' fill='%232C2F33'/%3E%3Cpath d='M93 100C93 100.552 92.5523 101 92 101C91.4477 101 91 100.552 91 100C91 99.4477 91.4477 99 92 99C92.5523 99 93 99.4477 93 100Z' fill='%232C2F33'/%3E%3Cpath d='M93 96C93 96.5523 92.5523 97 92 97C91.4477 97 91 96.5523 91 96C91 95.4477 91.4477 95 92 95C92.5523 95 93 95.4477 93 96Z' fill='%232C2F33'/%3E%3Cpath d='M93 92C93 92.5523 92.5523 93 92 93C91.4477 93 91 92.5523 91 92C91 91.4477 91.4477 91 92 91C92.5523 91 93 91.4477 93 92Z' fill='%232C2F33'/%3E%3Cpath d='M93 88C93 88.5523 92.5523 89 92 89C91.4477 89 91 88.5523 91 88C91 87.4477 91.4477 87 92 87C92.5523 87 93 87.4477 93 88Z' fill='%232C2F33'/%3E%3Cpath d='M93 84C93 84.5523 92.5523 85 92 85C91.4477 85 91 84.5523 91 84C91 83.4477 91.4477 83 92 83C92.5523 83 93 83.4477 93 84Z' fill='%232C2F33'/%3E%3Cpath d='M93 80C93 80.5523 92.5523 81 92 81C91.4477 81 91 80.5523 91 80C91 79.4477 91.4477 79 92 79C92.5523 79 93 79.4477 93 80Z' fill='%232C2F33'/%3E%3Cpath d='M93 76C93 76.5523 92.5523 77 92 77C91.4477 77 91 76.5523 91 76C91 75.4477 91.4477 75 92 75C92.5523 75 93 75.4477 93 76Z' fill='%232C2F33'/%3E%3Cpath d='M93 72C93 72.5523 92.5523 73 92 73C91.4477 73 91 72.5523 91 72C91 71.4477 91.4477 71 92 71C92.5523 71 93 71.4477 93 72Z' fill='%232C2F33'/%3E%3Cpath d='M93 68C93 68.5523 92.5523 69 92 69C91.4477 69 91 68.5523 91 68C91 67.4477 91.4477 67 92 67C92.5523 67 93 67.4477 93 68Z' fill='%232C2F33'/%3E%3Cpath d='M93 64C93 64.5523 92.5523 65 92 65C91.4477 65 91 64.5523 91 64C91 63.4477 91.4477 63 92 63C92.5523 63 93 63.4477 93 64Z' fill='%232C2F33'/%3E%3Cpath d='M93 60C93 60.5523 92.5523 61 92 61C91.4477 61 91 60.5523 91 60C91 59.4477 91.4477 59 92 59C92.5523 59 93 59.4477 93 60Z' fill='%232C2F33'/%3E%3Cpath d='M93 56C93 56.5523 92.5523 57 92 57C91.4477 57 91 56.5523 91 56C91 55.4477 91.4477 55 92 55C92.5523 55 93 55.4477 93 56Z' fill='%232C2F33'/%3E%3Cpath d='M93 52C93 52.5523 92.5523 53 92 53C91.4477 53 91 52.5523 91 52C91 51.4477 91.4477 51 92 51C92.5523 51 93 51.4477 93 52Z' fill='%232C2F33'/%3E%3Cpath d='M93 48C93 48.5523 92.5523 49 92 49C91.4477 49 91 48.5523 91 48C91 47.4477 91.4477 47 92 47C92.5523 47 93 47.4477 93 48Z' fill='%232C2F33'/%3E%3Cpath d='M93 44C93 44.5523 92.5523 45 92 45C91.4477 45 91 44.5523 91 44C91 43.4477 91.4477 43 92 43C92.5523 43 93 43.4477 93 44Z' fill='%232C2F33'/%3E%3Cpath d='M93 40C93 40.5523 92.5523 41 92 41C91.4477 41 91 40.5523 91 40C91 39.4477 91.4477 39 92 39C92.5523 39 93 39.4477 93 40Z' fill='%232C2F33'/%3E%3Cpath d='M93 36C93 36.5523 92.5523 37 92 37C91.4477 37 91 36.5523 91 36C91 35.4477 91.4477 35 92 35C92.5523 35 93 35.4477 93 36Z' fill='%232C2F33'/%3E%3Cpath d='M93 32C93 32.5523 92.5523 33 92 33C91.4477 33 91 32.5523 91 32C91 31.4477 91.4477 31 92 31C92.5523 31 93 31.4477 93 32Z' fill='%232C2F33'/%3E%3Cpath d='M93 28C93 28.5523 92.5523 29 92 29C91.4477 29 91 28.5523 91 28C91 27.4477 91.4477 27 92 27C92.5523 27 93 27.4477 93 28Z' fill='%232C2F33'/%3E%3Cpath d='M93 24C93 24.5523 92.5523 25 92 25C91.4477 25 91 24.5523 91 24C91 23.4477 91.4477 23 92 23C92.5523 23 93 23.4477 93 24Z' fill='%232C2F33'/%3E%3Cpath d='M93 20C93 20.5523 92.5523 21 92 21C91.4477 21 91 20.5523 91 20C91 19.4477 91.4477 19 92 19C92.5523 19 93 19.4477 93 20Z' fill='%232C2F33'/%3E%3Cpath d='M97 100C97 100.552 96.5523 101 96 101C95.4477 101 95 100.552 95 100C95 99.4477 95.4477 99 96 99C96.5523 99 97 99.4477 97 100Z' fill='%232C2F33'/%3E%3Cpath d='M97 96C97 96.5523 96.5523 97 96 97C95.4477 97 95 96.5523 95 96C95 95.4477 95.4477 95 96 95C96.5523 95 97 95.4477 97 96Z' fill='%232C2F33'/%3E%3Cpath d='M97 92C97 92.5523 96.5523 93 96 93C95.4477 93 95 92.5523 95 92C95 91.4477 95.4477 91 96 91C96.5523 91 97 91.4477 97 92Z' fill='%232C2F33'/%3E%3Cpath d='M97 88C97 88.5523 96.5523 89 96 89C95.4477 89 95 88.5523 95 88C95 87.4477 95.4477 87 96 87C96.5523 87 97 87.4477 97 88Z' fill='%232C2F33'/%3E%3Cpath d='M97 84C97 84.5523 96.5523 85 96 85C95.4477 85 95 84.5523 95 84C95 83.4477 95.4477 83 96 83C96.5523 83 97 83.4477 97 84Z' fill='%232C2F33'/%3E%3Cpath d='M97 80C97 80.5523 96.5523 81 96 81C95.4477 81 95 80.5523 95 80C95 79.4477 95.4477 79 96 79C96.5523 79 97 79.4477 97 80Z' fill='%232C2F33'/%3E%3Cpath d='M97 76C97 76.5523 96.5523 77 96 77C95.4477 77 95 76.5523 95 76C95 75.4477 95.4477 75 96 75C96.5523 75 97 75.4477 97 76Z' fill='%232C2F33'/%3E%3Cpath d='M97 72C97 72.5523 96.5523 73 96 73C95.4477 73 95 72.5523 95 72C95 71.4477 95.4477 71 96 71C96.5523 71 97 71.4477 97 72Z' fill='%232C2F33'/%3E%3Cpath d='M97 68C97 68.5523 96.5523 69 96 69C95.4477 69 95 68.5523 95 68C95 67.4477 95.4477 67 96 67C96.5523 67 97 67.4477 97 68Z' fill='%232C2F33'/%3E%3Cpath d='M97 64C97 64.5523 96.5523 65 96 65C95.4477 65 95 64.5523 95 64C95 63.4477 95.4477 63 96 63C96.5523 63 97 63.4477 97 64Z' fill='%232C2F33'/%3E%3Cpath d='M97 60C97 60.5523 96.5523 61 96 61C95.4477 61 95 60.5523 95 60C95 59.4477 95.4477 59 96 59C96.5523 59 97 59.4477 97 60Z' fill='%232C2F33'/%3E%3Cpath d='M97 56C97 56.5523 96.5523 57 96 57C95.4477 57 95 56.5523 95 56C95 55.4477 95.4477 55 96 55C96.5523 55 97 55.4477 97 56Z' fill='%232C2F33'/%3E%3Cpath d='M97 52C97 52.5523 96.5523 53 96 53C95.4477 53 95 52.5523 95 52C95 51.4477 95.4477 51 96 51C96.5523 51 97 51.4477 97 52Z' fill='%232C2F33'/%3E%3Cpath d='M97 48C97 48.5523 96.5523 49 96 49C95.4477 49 95 48.5523 95 48C95 47.4477 95.4477 47 96 47C96.5523 47 97 47.4477 97 48Z' fill='%232C2F33'/%3E%3Cpath d='M97 44C97 44.5523 96.5523 45 96 45C95.4477 45 95 44.5523 95 44C95 43.4477 95.4477 43 96 43C96.5523 43 97 43.4477 97 44Z' fill='%232C2F33'/%3E%3Cpath d='M97 40C97 40.5523 96.5523 41 96 41C95.4477 41 95 40.5523 95 40C95 39.4477 95.4477 39 96 39C96.5523 39 97 39.4477 97 40Z' fill='%232C2F33'/%3E%3Cpath d='M97 36C97 36.5523 96.5523 37 96 37C95.4477 37 95 36.5523 95 36C95 35.4477 95.4477 35 96 35C96.5523 35 97 35.4477 97 36Z' fill='%232C2F33'/%3E%3Cpath d='M97 32C97 32.5523 96.5523 33 96 33C95.4477 33 95 32.5523 95 32C95 31.4477 95.4477 31 96 31C96.5523 31 97 31.4477 97 32Z' fill='%232C2F33'/%3E%3Cpath d='M97 28C97 28.5523 96.5523 29 96 29C95.4477 29 95 28.5523 95 28C95 27.4477 95.4477 27 96 27C96.5523 27 97 27.4477 97 28Z' fill='%232C2F33'/%3E%3Cpath d='M97 24C97 24.5523 96.5523 25 96 25C95.4477 25 95 24.5523 95 24C95 23.4477 95.4477 23 96 23C96.5523 23 97 23.4477 97 24Z' fill='%232C2F33'/%3E%3Cpath d='M97 20C97 20.5523 96.5523 21 96 21C95.4477 21 95 20.5523 95 20C95 19.4477 95.4477 19 96 19C96.5523 19 97 19.4477 97 20Z' fill='%232C2F33'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-size: 80px 80px;
    background-position: center;
	background-repeat: no-repeat;
}

.inventory-item-content {
	display: grid;
	gap: 1.25rem;
	flex: 1;
}

.inventory-item-content-inner {
	display: flex;
}

.inventory-item-main {
	flex: 1;
}

.inventory-item-title {
	color: #FFF;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.5rem;
	margin: 0;
	margin-bottom: 0.25rem;
}

.inventory-item-active {
    width: fit-content;
	color: #34D399;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 999px;
	background: rgba(52, 211, 153, 0.15);
}

.inventory-item-title span.egxActive {
	display: none;
}

.inventory-item-desc {
	color: #A4A6A8;
	font-size: 1rem;
	line-height: 1.25rem;
}

.inventory-item-type {
	display: flex;
	gap: 0.25rem;
	align-items: center;
	color: #6B7280;
	font-size: 1rem;
	line-height: 1.25rem;
	margin-top: 0.75rem;
}

.inventory-item-details {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.inventory-item-details > div {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	color: #FFF;
	font-size: 1rem;
	line-height: 1.25rem;
}

.inventory-item-footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: start;
    gap: 1.25rem;
}

.inventory-item-buttons {
	display: flex;
	gap: 1rem;
	margin-left: auto;
}

[data-template="dbtech_shop_inventory"] .block-container.egxItems .block-header {
	padding-top: 0;
}

[data-template="dbtech_shop_inventory"] .block-container.egxItems,
[data-template="dbtech_shop_inventory"] .block-filterBar {
	background: transparent;
}

[data-template="dbtech_shop_inventory"] .block-header {
	font-size: 1.5rem;
	font-weight: 400;
    padding: 3rem 0 1.25rem;
}

[data-template="dbtech_shop_inventory"] .block-header .collapseTrigger {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}

.leaderboard-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	padding: 1.25rem;
}

.leaderboard-row-wrapper {
	display: grid;
	gap: 2rem;
}

.leaderboard-row {
    display: flex;
    align-items: center;
	gap: 1rem;
}

.leaderboard-row > h3 {
	font-size: 1.125rem;
	margin: 0;
}

.leaderboard-header-text {
	display: flex;
	padding-bottom: 1.75rem;
	color: #FFF;
	font-size: 1.25rem;
	font-weight: 500;
	font-family: 'kingzheader',sans-serif;
	margin: 0;
}

.leaderboard-header-text > a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.leaderboard-badge {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: #868693;
    font-size: 1rem;
    font-weight: 600;
    margin-left: auto;
    background: #212125;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
}

.leaderboard-badge > svg {
	color: #868693;
    width: 18px;
    height: 18px;
}

.leaderboard-item .leaderboard-row > .avatar {
	position: relative;
	overflow: visible;
    width: 40px;
    height: 40px;
}

.leaderboard-item .leaderboard-row:nth-of-type(1) > .avatar:before,
.leaderboard-item .leaderboard-row:nth-of-type(2) > .avatar:before,
.leaderboard-item .leaderboard-row:nth-of-type(3) > .avatar:before {
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	bottom: -14px;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 2;
    filter: drop-shadow(0 0.25rem 0.75rem rgba(0, 0, 0, 0.50));
}

.leaderboard-item .leaderboard-row:nth-of-type(1) > .avatar:before {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.41667 6.10059C1.41667 5.46177 1.52413 5.15728 2.09788 4.17052C2.2305 3.94239 2.35179 3.76292 2.36741 3.77167C2.97217 4.11013 3.86671 4.66279 4.03279 4.80056C4.63996 5.30417 4.95629 5.99027 4.95771 6.8066C4.9585 7.25272 4.91671 7.42403 4.63458 8.13127C4.26669 9.0535 4.08919 9.91664 4.09176 10.7844C4.67734 6.94303 7.99498 4 12 4C16.0025 4 19.3185 6.93938 19.9071 10.7773C19.9004 9.90424 19.7195 9.01733 19.3643 8.13127C19.0719 7.40233 19.0266 7.18978 19.0506 6.66243C19.0814 5.98381 19.3106 5.44469 19.7583 4.9976C20.0328 4.72352 20.1298 4.65646 20.9693 4.16062C21.5791 3.80046 21.651 3.76802 21.6986 3.8318C21.8408 4.02286 22.3856 5.04296 22.4645 5.26599C22.5902 5.62165 22.6186 6.34979 22.5216 6.72987C22.3492 7.40568 21.8816 8.00506 21.2187 8.39957C21.0297 8.51212 20.8758 8.61722 20.8767 8.63314C20.8815 8.71166 21.0262 9.27622 21.047 9.29745C21.0601 9.31083 21.1925 9.26382 21.3412 9.1929C21.7813 8.98299 22.0799 8.93971 23.0938 8.93886L24 8.93814V9.69575C24 10.5569 23.9363 10.9129 23.7004 11.3721C23.5404 11.6833 23.026 12.2275 22.7399 12.3881C22.3088 12.6301 22.0943 12.6864 21.5 12.7134L20.9375 12.7389L20.8436 13.0362L20.7281 13.4017C20.7098 13.4596 20.7593 13.4736 21.0512 13.4938C21.2407 13.5069 21.5083 13.5578 21.6458 13.6068C21.9547 13.717 23.4634 14.5911 23.4484 14.6512C23.4424 14.6752 23.2875 14.9619 23.1043 15.2882C22.5509 16.2736 22.0308 16.7203 21.2236 16.9033C20.5919 17.0465 19.9654 16.9325 19.3249 16.5576C19.1483 16.4543 18.989 16.3707 18.9707 16.3718C18.9524 16.373 18.8191 16.4848 18.6743 16.6204L18.4112 16.867L18.6199 17.0035C19.0091 17.2581 19.3216 17.6553 19.7897 18.4904C20.1942 19.2124 20.2197 19.2714 20.1502 19.3233C19.9179 19.4964 18.9394 20.0299 18.7084 20.1093C18.3371 20.237 17.7768 20.2644 17.397 20.1734C16.8933 20.0527 16.519 19.8395 16.1666 19.4726C16.0325 19.3329 15.9337 19.2149 15.8137 19.0342C14.6801 19.6501 13.3809 20 12 20C10.6194 20 9.32057 19.6503 8.18711 19.0347C8.06698 19.2155 7.96848 19.3316 7.8308 19.4737C7.47532 19.8405 7.10022 20.0542 6.60297 20.1734C6.20568 20.2686 5.65975 20.2383 5.27083 20.0995C4.99121 19.9996 3.79166 19.3235 3.79166 19.2658C3.79166 19.2503 3.98387 18.8948 4.21875 18.4756C4.67804 17.6559 4.993 17.2567 5.38017 17.0035L5.58888 16.867L5.32567 16.6204C5.18092 16.4848 5.04758 16.373 5.02929 16.3718C5.01104 16.3707 4.85167 16.4543 4.67513 16.5576C4.03454 16.9325 3.40809 17.0465 2.77642 16.9033C1.96667 16.7197 1.45267 16.2767 0.885419 15.2736C0.696332 14.9392 0.541917 14.6526 0.54225 14.6366C0.543375 14.5831 2.10179 13.6981 2.35475 13.6072C2.49192 13.5579 2.75925 13.5069 2.94883 13.4938C3.24062 13.4736 3.29021 13.4596 3.27192 13.4017L3.15642 13.0362L3.0625 12.7389L2.5 12.7127C1.90813 12.685 1.79054 12.6555 1.33113 12.4195C0.986752 12.2426 0.485417 11.7334 0.299667 11.3721C0.0636666 10.9129 0 10.5569 0 9.69575V8.93814L0.906252 8.93886C1.92004 8.93971 2.21871 8.98299 2.65883 9.1929C2.8075 9.26382 2.93987 9.31083 2.95304 9.29745C2.97384 9.27622 3.1185 8.71163 3.12325 8.6331C3.12421 8.61717 2.96096 8.50366 2.76042 8.38089C1.869 7.83515 1.41667 7.06752 1.41667 6.10059Z' fill='%23006fcd'/%3E%3Cpath d='M11.5038 17V9.14286L9.19238 10.5V8.42857L11.6567 7H13.4781V17H11.5038Z' fill='white'/%3E%3C/svg%3E%0A");
}

.leaderboard-item .leaderboard-row:nth-of-type(2) > .avatar:before {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41667 6.10059C1.41667 5.46177 1.52413 5.15728 2.09788 4.17052C2.2305 3.94239 2.35179 3.76292 2.36741 3.77167C2.97217 4.11013 3.86671 4.66279 4.03279 4.80056C4.63996 5.30417 4.95629 5.99027 4.95771 6.8066C4.9585 7.25272 4.91671 7.42403 4.63458 8.13127C4.26669 9.0535 4.08919 9.91664 4.09176 10.7844C4.67734 6.94303 7.99498 4 12 4C16.0025 4 19.3185 6.93938 19.9071 10.7773C19.9004 9.90424 19.7195 9.01733 19.3643 8.13127C19.0719 7.40233 19.0266 7.18978 19.0506 6.66243C19.0814 5.98381 19.3106 5.44469 19.7583 4.9976C20.0328 4.72352 20.1298 4.65646 20.9693 4.16062C21.5791 3.80046 21.651 3.76802 21.6986 3.8318C21.8408 4.02286 22.3856 5.04296 22.4645 5.26599C22.5902 5.62165 22.6186 6.34979 22.5216 6.72987C22.3492 7.40568 21.8816 8.00506 21.2187 8.39957C21.0297 8.51212 20.8758 8.61722 20.8767 8.63314C20.8815 8.71166 21.0262 9.27622 21.047 9.29745C21.0601 9.31083 21.1925 9.26382 21.3412 9.1929C21.7813 8.98299 22.0799 8.93971 23.0938 8.93886L24 8.93814V9.69575C24 10.5569 23.9363 10.9129 23.7004 11.3721C23.5404 11.6833 23.026 12.2275 22.7399 12.3881C22.3088 12.6301 22.0943 12.6864 21.5 12.7134L20.9375 12.7389L20.7281 13.4017C20.7098 13.4596 20.7593 13.4736 21.0512 13.4938C21.2407 13.5069 21.5083 13.5578 21.6458 13.6068C21.9547 13.717 23.4634 14.5911 23.4484 14.6512C23.4424 14.6752 23.2875 14.9619 23.1043 15.2882C22.5509 16.2736 22.0308 16.7203 21.2236 16.9033C20.5919 17.0465 19.9654 16.9325 19.3249 16.5576C19.1483 16.4543 18.989 16.3707 18.9707 16.3718C18.9524 16.373 18.8191 16.4848 18.6743 16.6204L18.4112 16.867L18.6199 17.0035C19.0091 17.2581 19.3216 17.6553 19.7897 18.4904C20.1942 19.2124 20.2197 19.2714 20.1502 19.3233C19.9179 19.4964 18.9394 20.0299 18.7084 20.1093C18.3371 20.237 17.7768 20.2644 17.397 20.1734C16.8933 20.0527 16.519 19.8395 16.1666 19.4726C16.0325 19.3329 15.9337 19.2149 15.8137 19.0342C14.6801 19.6501 13.3809 20 12 20C10.6194 20 9.32057 19.6503 8.18711 19.0347C8.06698 19.2155 7.96848 19.3316 7.8308 19.4737C7.47532 19.8405 7.10022 20.0542 6.60297 20.1734C6.20568 20.2686 5.65975 20.2383 5.27083 20.0995C4.99121 19.9996 3.79166 19.3235 3.79166 19.2658C3.79166 19.2503 3.98387 18.8948 4.21875 18.4756C4.67804 17.6559 4.993 17.2567 5.38017 17.0035L5.58888 16.867L5.32567 16.6204C5.18092 16.4848 5.04758 16.373 5.02929 16.3718C5.01104 16.3707 4.85167 16.4543 4.67513 16.5576C4.03454 16.9325 3.40809 17.0465 2.77642 16.9033C1.96667 16.7197 1.45267 16.2767 0.885419 15.2736C0.696332 14.9392 0.541917 14.6526 0.54225 14.6366C0.543375 14.5831 2.10179 13.6981 2.35475 13.6072C2.49192 13.5579 2.75925 13.5069 2.94883 13.4938C3.24062 13.4736 3.29021 13.4596 3.27192 13.4017L3.0625 12.7389L2.5 12.7127C1.90813 12.685 1.79054 12.6555 1.33113 12.4195C0.986752 12.2426 0.485417 11.7334 0.299667 11.3721C0.0636666 10.9129 0 10.5569 0 9.69575V8.93814L0.906252 8.93886C1.92004 8.93971 2.21871 8.98299 2.65883 9.1929C2.8075 9.26382 2.93987 9.31083 2.95304 9.29745C2.97384 9.27622 3.1185 8.71163 3.12325 8.6331C3.12421 8.61717 2.96096 8.50366 2.76042 8.38089C1.869 7.83515 1.41667 7.06752 1.41667 6.10059Z' fill='%238B5CF6'/%3E%3Cpath d='M8.8623 17V15.5871C8.8623 14.6921 9.06016 13.9929 9.45659 13.4893C9.78373 13.07 10.4637 12.5807 11.4959 12.0207C11.5559 11.9929 11.6423 11.9464 11.7544 11.8814C12.0987 11.7043 12.3437 11.5686 12.4902 11.4757C12.6692 11.3546 12.8416 11.2239 13.0066 11.0843C13.1959 10.9257 13.3244 10.7579 13.3937 10.5807C13.4623 10.3936 13.4966 10.1793 13.4966 9.93714C13.4966 9.57286 13.3637 9.275 13.0966 9.04214C12.8302 8.79929 12.473 8.67786 12.0252 8.67786C11.0873 8.67786 10.558 9.31214 10.4373 10.5807L8.78516 10.3429C8.84516 9.27071 9.16373 8.445 9.74016 7.86714C10.3259 7.28857 11.1173 7 12.1159 7C12.9937 7 13.7159 7.275 14.2844 7.825C14.8609 8.36571 15.1487 9.11214 15.1487 10.0629C15.1487 10.4636 15.0844 10.8321 14.9559 11.1679C14.8257 11.4958 14.6326 11.795 14.3873 12.0486C14.1466 12.3007 13.9016 12.515 13.6516 12.6921C13.4109 12.86 13.118 13.0371 12.7737 13.2236C12.1116 13.5879 11.668 13.8393 11.4444 13.9793C11.2294 14.1186 11.0702 14.2679 10.9666 14.4264C10.8466 14.6221 10.7859 14.865 10.7859 15.1536H15.2137V17H8.8623Z' fill='white'/%3E%3C/svg%3E%0A");
}

.leaderboard-item .leaderboard-row:nth-of-type(3) > .avatar:before {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.41667 6.10059C1.41667 5.46177 1.52413 5.15728 2.09788 4.17052C2.2305 3.94239 2.35179 3.76292 2.36741 3.77167C2.97217 4.11013 3.86671 4.66279 4.03279 4.80056C4.63996 5.30417 4.95629 5.99027 4.95771 6.8066C4.9585 7.25272 4.91671 7.42403 4.63458 8.13127C4.26669 9.0535 4.08919 9.91664 4.09176 10.7844C4.67734 6.94303 7.99498 4 12 4C16.0025 4 19.3185 6.93938 19.9071 10.7773C19.9004 9.90424 19.7195 9.01733 19.3643 8.13127C19.0719 7.40233 19.0266 7.18978 19.0506 6.66243C19.0814 5.98381 19.3106 5.44469 19.7583 4.9976C20.0328 4.72352 20.1298 4.65646 20.9693 4.16062C21.5791 3.80046 21.651 3.76802 21.6986 3.8318C21.8408 4.02286 22.3856 5.04296 22.4645 5.26599C22.5902 5.62165 22.6186 6.34979 22.5216 6.72987C22.3492 7.40568 21.8816 8.00506 21.2187 8.39957C21.0297 8.51212 20.8758 8.61722 20.8767 8.63314C20.8815 8.71166 21.0262 9.27622 21.047 9.29745C21.0601 9.31083 21.1925 9.26382 21.3412 9.1929C21.7813 8.98299 22.0799 8.93971 23.0938 8.93886L24 8.93814V9.69575C24 10.5569 23.9363 10.9129 23.7004 11.3721C23.5404 11.6833 23.026 12.2275 22.7399 12.3881C22.3088 12.6301 22.0943 12.6864 21.5 12.7134L20.9375 12.7389L20.8436 13.0362L20.7281 13.4017C20.7098 13.4596 20.7593 13.4736 21.0512 13.4938C21.2407 13.5069 21.5083 13.5578 21.6458 13.6068C21.9547 13.717 23.4634 14.5911 23.4484 14.6512C23.4424 14.6752 23.2875 14.9619 23.1043 15.2882C22.5509 16.2736 22.0308 16.7203 21.2236 16.9033C20.5919 17.0465 19.9654 16.9325 19.3249 16.5576C19.1483 16.4543 18.989 16.3707 18.9707 16.3718C18.9524 16.373 18.8191 16.4848 18.6743 16.6204L18.4112 16.867L18.6199 17.0035C19.0091 17.2581 19.3216 17.6553 19.7897 18.4904C20.1942 19.2124 20.2197 19.2714 20.1502 19.3233C19.9179 19.4964 18.9394 20.0299 18.7084 20.1093C18.3371 20.237 17.7768 20.2644 17.397 20.1734C16.8933 20.0527 16.519 19.8395 16.1666 19.4726C16.0325 19.3329 15.9337 19.2149 15.8137 19.0342C14.6801 19.6501 13.3809 20 12 20C10.6194 20 9.32057 19.6503 8.18711 19.0347C8.06698 19.2155 7.96848 19.3316 7.8308 19.4737C7.47532 19.8405 7.10022 20.0542 6.60297 20.1734C6.20568 20.2686 5.65975 20.2383 5.27083 20.0995C4.99121 19.9996 3.79166 19.3235 3.79166 19.2658C3.79166 19.2503 3.98387 18.8948 4.21875 18.4756C4.67804 17.6559 4.993 17.2567 5.38017 17.0035L5.58888 16.867L5.32567 16.6204C5.18092 16.4848 5.04758 16.373 5.02929 16.3718C5.01104 16.3707 4.85167 16.4543 4.67513 16.5576C4.03454 16.9325 3.40809 17.0465 2.77642 16.9033C1.96667 16.7197 1.45267 16.2767 0.885419 15.2736C0.696332 14.9392 0.541917 14.6526 0.54225 14.6366C0.543375 14.5831 2.10179 13.6981 2.35475 13.6072C2.49192 13.5579 2.75925 13.5069 2.94883 13.4938C3.24062 13.4736 3.29021 13.4596 3.27192 13.4017L3.15642 13.0362L3.0625 12.7389L2.5 12.7127C1.90813 12.685 1.79054 12.6555 1.33113 12.4195C0.986752 12.2426 0.485417 11.7334 0.299667 11.3721C0.0636666 10.9129 0 10.5569 0 9.69575V8.93814L0.906252 8.93886C1.92004 8.93971 2.21871 8.98299 2.65883 9.1929C2.8075 9.26382 2.93987 9.31083 2.95304 9.29745C2.97384 9.27622 3.1185 8.71163 3.12325 8.6331C3.12421 8.61717 2.96096 8.50366 2.76042 8.38089C1.869 7.83515 1.41667 7.06752 1.41667 6.10059Z' fill='%2338BDF8'/%3E%3Cpath d='M8.42871 13.6571L10.218 13.2743C10.4001 14.6621 11.0416 15.3564 12.1437 15.3564C12.6809 15.3564 13.0994 15.2329 13.4001 14.9864C13.7001 14.74 13.8501 14.3929 13.8501 13.945C13.8501 13.0043 13.2544 12.5343 12.0616 12.5343H11.433V11.0821H11.993C12.4216 11.0821 12.763 10.9821 13.0173 10.7807C13.2816 10.58 13.4137 10.2879 13.4137 9.90429C13.4137 9.51143 13.2909 9.20571 13.0451 8.98643C12.808 8.75786 12.4759 8.64357 12.048 8.64357C11.2194 8.64357 10.7323 9.12786 10.5866 10.0957L8.90657 9.78143C8.98871 8.92214 9.31657 8.24643 9.89014 7.75286C10.473 7.25214 11.2144 7 12.1166 7C12.9809 7 13.6959 7.24214 14.2601 7.72571C14.8337 8.20071 15.1209 8.84 15.1209 9.64357C15.1209 10.2193 14.9887 10.6621 14.7244 10.9721C14.4601 11.2829 14.183 11.4843 13.8916 11.5757V11.6164C14.2744 11.6986 14.6473 11.945 15.0116 12.3564C15.3851 12.7579 15.5716 13.3286 15.5716 14.0686C15.5716 14.9086 15.2716 15.6071 14.6701 16.1643C14.0694 16.7214 13.2316 17 12.1573 17C11.1194 17 10.268 16.7214 9.603 16.1643C8.948 15.5979 8.55657 14.7629 8.42871 13.6571Z' fill='white'/%3E%3C/svg%3E%0A");
}

.leaderboard-item .leaderboard-row:nth-of-type(1) > .avatar:after,
.leaderboard-item .leaderboard-row:nth-of-type(2) > .avatar:after,
.leaderboard-item .leaderboard-row:nth-of-type(3) > .avatar:after {
	content: '';
	position: absolute;
	width: calc(100% + 8px);
	height: calc(100% + 8px);
	border-radius: 999px;
	z-index: 1;
}

.leaderboard-item .leaderboard-row:nth-of-type(1) > .avatar:after {
	border: 1px solid #006fcd;
}

.leaderboard-item .leaderboard-row:nth-of-type(2) > .avatar:after {
	border: 1px solid #8B5CF6;
}

.leaderboard-item .leaderboard-row:nth-of-type(3) > .avatar:after {
	border: 1px solid #1E9FD9 ;
}

.leaderboard-item > .button {
    margin-top: 1.25rem;
}


.currency-section-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 1.5rem;
}

.currency-item {
	display: grid;
	gap: 1.25rem;
	padding: 1.25rem;
	border-radius: 0.75rem;
	border: 1px solid #292a2b;
	background: rgba(0,0,0,0.75);
	backdrop-filter: blur(10px);
}

.currency-item-header {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.currency-name {
	color: #FFF;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.75rem;
	margin: 0;
}

.currency-name-short {
	color: #A4A6A8;
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 400;
	margin: 0;
}

.currency-balance {
	color: #FFF;
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: 500;
	font-feature-settings: "tnum";
	font-variant-numeric: tabular-nums;
	margin: 0;
}

.currency-item-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.currency-item-buttons > * {
	flex: 1;
}

.wallet-section {
	margin-top: 3.5rem;
}

.wallet-section-title-wrapper {
	margin-bottom: 2rem;	
}

.wallet-section-title {
	display: flex;
	align-items: center;
	column-gap: 0.5rem;
	font-family: 'kingzheader',sans-serif;
	color: #FFF;
	font-size: 1.5rem;
	font-weight: 400;
	margin: 0;
}

.cell-align-icon {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.cell-has-icon {
	display: flex;
	gap: 0.5rem;
}

.dataList-row.dataList-row--header .dataList-cell {
    text-transform: uppercase;
    font-weight: 500;
    padding: 1.25rem;
	background: transparent !important;
    border: 0;
}

.dataList-cell {
	padding: 0.75rem 1.25rem;
	border: 0;
}

.dp-chip {
	display: flex;
	align-items: center;
    gap: 0.375rem;
	width: fit-content;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 999px;
    cursor: pointer;
}

.dp-chip.wallet-debt {
	color: #DB3C3C;
	background: rgba(219, 60, 60, 0.15);
}

.dp-chip.wallet-credit {
	color: #34D399;
	background: rgba(52, 211, 153, 0.15);
}

.dp-chip.chip-color-yellow {
	color: #FDE047;
	background: rgba(253, 224, 71, 0.15);
}

.dp-chip.chip-color-red {
	color: #DB3C3C;
	background: rgba(219, 60, 60, 0.15);
}

.dp-chip.chip-color-orange {
	color: #FB923C;
	background: rgba(251, 146, 60, 0.15);
}

.dp-chip.chip-color-green {
	color: #34D399;
	background: rgba(52, 211, 153, 0.15);
}

.dp-chip.chip-color-purple {
	color: #818CF8;
	background: rgba(129, 140, 248, 0.15); 
}

.dp-disclaimer {
	display: flex;
	gap: 0.5rem;
	padding: 1.25rem;
	border-radius: 0.5rem;
	color: #006fcd;
    background: rgba(74, 105, 222, 0.1);
}



.button-text {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}]]></template>
    <template title="dp_vouches.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[p {
    margin: 0
}

[data-template="xfa_rs_reputations"] .p-body-header,[data-template="xcfs_trading_profile"] .p-body-header {
    display: none
}

.dp-revouch-profile {
    background: #151518;
    border-radius: 0.75rem;
    font-weight: 500;
    margin-bottom: 2rem
}

.dp-revouch-profile>div {
    padding: 1.25rem
}

.dp-revouch-profile>div:last-of-type {
    border-top: 1px solid #292a2b;
    display: flex;
    align-items: center
}

.dp-revouch-profile>div:last-of-type .button {
    margin-left: auto
}

.dp-revouch-profile-details {
    display: flex;
    align-items: center;
    column-gap: 1rem
}

.dp-revouch-profile-username {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 1.125rem;
    margin: 0
}

.dp-badge-number {
    color: #A4A6A8;
    font-size: 0.875rem;
    border-radius: 0.25rem;
    padding: 0 .5rem;
    margin-left: 0.5rem;
    background: #39393F;
    cursor: pointer
}

.dp-revouch-profile-stats {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.5rem
}

.dp-revouch-stats-item {
    display: flex;
    align-items: center;
    column-gap: 0.5rem
}

.dp-revouch-stats-number {
    color: #FFF;
    font-size: 1.125rem
}

.dp-revouch-profile-buttons {
    display: flex;
    gap: 1rem;
    margin-left: auto
}

.dp-revouch-block {
    background: #151518;
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    padding: 1.25rem
}

.dp-revouch-block-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between
}

.dp-revouch-badge {
    display: flex;
    align-items: center;
    column-gap: 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: 5px 12px;
    border-radius: 0.5rem;
    background: #39393F
}

.dp-revouch-badge.is-positive {
    color: #34D399;
    background: rgba(52,211,153,0.25)
}

.dp-revouch-badge.is-neutral {
    color: #FB923C;
    background: rgba(251,146,60,0.25)
}

.dp-revouch-badge.is-negative {
    color: #DB3C3C;
    background: rgba(219,60,60,0.25)
}

.dp-revouch-badge-i {
    font-size: 1.25rem
}

.dp-revouch-date {
    display: flex;
    align-items: center;
    column-gap: 0.25rem
}

.dp-revouch-block-content,.dp-revouch-block-user-action,.dp-revouch-block-user-actions {
    margin-top: 1.25rem
}

.dp-revouch-block-user-actions {
    display: flex;
    justify-content: space-between
}

.dp-revouch-block-user-action {
    display: flex;
    justify-content: space-between
}

.dp-revouch-block-user {
    display: flex;
    align-items: center;
    column-gap: 1rem
}

.dp-revouch-block-user-badge {
    display: flex;
    align-items: center;
    column-gap: 0.5rem
}

.dp-revouch-block-actions {
    display: flex;
    gap: 1rem
}

.dp-revouch-hes-badge {
    font-weight: 500;
    border-radius: 0.25rem;
    padding: 0 .5rem
}

.dp-revouch-hes-badge.is-seller {
    color: #22C55E;
    background: rgba(34,197,94,0.1)
}

.dp-revouch-hes-badge.is-buyer {
    color: #38BDF8;
    background: rgba(56,189,248,0.1)
}

.dp-revouch-hes-badge.is-middleman {
    color: #FB923C;
    background: rgba(251,146,60,0.1)
}

.dp-revouch-hes-badge.is-trader {
    color: #6366F1;
    background: rgba(99,102,241,0.1)
}

.dp-revouch-more {
    display: flex;
    justify-content: center
}]]></template>
    <template title="dt_sidebar_login" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:if contentcheck="true">
	<div class="blockMessage blockMessage--error blockMessage--iconic">
		<xf:contentcheck>{$error}</xf:contentcheck>
	</div>
</xf:if>

<div class="blocks blocks--login">
	<xf:form action="{{ link('login/login') }}" class="block">
		<div class="block-container">
			<h3 class="block-minorHeader">
				{{ phrase('log_in') }}
			</h3>
			<div class="block-body">
				<div class="block-row">
				<xf:textboxrow name="login" value="{$login}" autocomplete="username"
					label="{{ phrase('your_name_or_email_address') }}" />

				<xf:textboxrow name="password" type="password" autocomplete="current-password"
					label="{{ phrase('password') }}">

					<xf:html>
						<a href="{{ link('lost-password') }}" data-xf-click="overlay">{{ phrase('forgot_your_password') }}</a>
					</xf:html>
				</xf:textboxrow>

				<xf:if is="$captcha">
					<xf:captcharow label="{{ phrase('verification') }}" force="true" />
				</xf:if>

				<xf:checkboxrow>
					<xf:option name="remember" selected="true">{{ phrase('stay_logged_in') }}</xf:option>
				</xf:checkboxrow>
					<xf:submitrow icon="login" />
					
				<xf:if is="$xf.options.registrationSetup.enabled">
					<div class="block-outer block-outer--after block-outer--register">
						<div class="block-outer-middle">
							{{ phrase('dont_have_account_question') }} <xf:button href="{{ link('register') }}">{{ phrase('register_now') }}</xf:button>
						</div>
					</div>
				</xf:if>
					
				</div>
			</div>
			
		</div>

	</xf:form>
</div>]]></template>
    <template title="extra.less" type="public" addon_id="XF" version_id="2021570" version_string="2.2.15"><![CDATA[{{ include('cta_whatsXFessenger.less') }}

@supports (position: sticky) or (position: -webkit-sticky) {
    .dope-nav {
        position:-webkit-sticky;
        position: sticky;
        top: 0
    }
}

.dp-userpost-status.is-invisible {
    color: #6b7280;
    background: #37415144;
}

.p-staffBar {
	    z-index: 10000 !important;
}

.flashMessage {
	z-index: 10001 !important
}

.p-pageWrapper:after {
    position: absolute;
    content: "";
    background-image: radial-gradient(40% 100% at 50% -50%, rgba(0,0,255,0.2) 0%, rgba(0,0,0,0) 100%);
    width: 100%;
    height: 100vh;
    pointer-events: none;
}

.blockLink:hover {
    background: #1b1b1e;
    text-decoration: inherit;
    color: #006fcd !important;
}

.ap-ss-avatarFrame--62::after {
    background: url(data/apathy/StyleSuite/frames/127.webp);
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.menu-linkRow.is-selected, .menu-linkRow:hover, .menu-linkRow:focus {
    color: #006fcd !important;
}

/*-------------------------------------------------------------------------*/
/* Bars
/*-------------------------------------------------------------------------*/
.unitypref{
	color: white;
    font-weight: 600;
    text-shadow: 0px 2px 3px #000;
    background-image: url(https://kingz.net/styles/kingznet/sparkle.gif);
}
.adminpref{
    color: #ff0d0d;
    font-weight: 1000;
    font-weight: bold;
    font-family: 'Poppins',sans-serif;
}
.developerpref{
	color: #7d0cbd;
    font-weight: 1000;
    font-weight: bold;
    font-family: 'Poppins',sans-serif;
}

.mentorpref{
color: white;
    position: relative;
    letter-spacing: .02em;
    color: #44dbff;
    text-shadow: .75px .75px 7px #0071ff ad;
    font-weight: 600;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: border-box,text;
    background-image: url(https://i.imgur.com/tYW8WkV.gif),repeating-linear-gradient(90deg, #e4e4e4 25%, #b0b0b0 47%, #cacaca 53%, #ffffff 75%);
    background-size: 7em,10em;
    animation: refund-god-anim 3s linear infinite;
    font-family: 'Poppins',sans-serif;
    letter-spacing: 1px;
}
.staffpref{
	color: white;
    position: relative;
    letter-spacing: .02em;
    color: #44dbff;
    text-shadow: .75px .75px 7px #0071ff ad;
    font-weight: 600;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: border-box,text;
    background-image: url(https://i.imgur.com/N8wmmgs.gif),repeating-linear-gradient(90deg, #44dbff 25%, #e4ff00 47%, #003aff 53%, #44dbff 75%);
    background-size: 7em,10em;
    animation: refund-god-anim 3s linear infinite;
    font-family: 'Poppins',sans-serif;
    font-family: 'Planet Kosmos',sans-serif;
    letter-spacing: 1px;
}
.sellingpref{
	background-color: #1a9cff;
    border-radius: 10px;
    padding: 2px 5px;
    color: white;
    margin-right: 3px;
}
.buyingpref{
	background-color: #23f56d;
    border-radius: 10px;
    padding: 2px 5px;
    color: white;
    margin-right: 3px;
}
.noblepref{
color: white;
    background: url(https://ogusers.gg/images/groups/sparkle.gif);
    color: #f7e49c;
    font-weight: 500;
    -webkit-animation: apollochange 20s infinite alternate;
    font-family: 'Poppins',sans-serif;
    font-family: 'Poppins',sans-serif;
}
.edude {
    background:url(https://i.imgur.com/otI5WJd.gif) no-repeat;
    height: 42px;
    width: 136px;
    text-indent: -10000em;
    display: inline-block;
}
.administrator {
    background:url(https://i.imgur.com/aunnpYn.png) no-repeat;
    height: 42px;
    width: 136px;
    text-indent: -10000em;
    display: inline-block;
}
.hos {
     background: url("https://i.imgur.com/HZZythh.png") no-repeat;
     height: 42px;
     width: 136px;
     text-indent: -10000em;
     display: inline-block;
}
.author_info {
	background-color: #0c091a !important;
}
.staff {
     background: url("https://images.ctfassets.net/49i3hw7ggo6y/2XxGlPPfYa1sLppIinPaU9/286a84a43365ece32959b47b835c6adf/br0lUXL.png") no-repeat;
     height: 42px;
     width: 136px;
     text-indent: -10000em;
     display: inline-block;
}
.mentor {
     background: url("https://images.ctfassets.net/49i3hw7ggo6y/23BAVBs09dm4UIX4S6YiMd/9a286eb4bfab37f0155918a31b84bc2c/ESMiQq5.png") no-repeat;
     height: 42px;
     width: 136px;
     text-indent: -10000em;
     display: inline-block;
}
.developer {
     background: url("https://i.imgur.com/E0QnaRQ.png") no-repeat;
     height: 42px;
     width: 136px;
     text-indent: -10000em;
     display: inline-block;
}
.noble {
     background: url("https://i.imgur.com/pvjtPl3.gif") no-repeat;
     height: 42px;
     width: 136px;
     text-indent: -10000em;
     display: inline-block;
}
.desire {
     background: url("https://i.imgur.com/I7gK9AD.png") no-repeat;
     height: 42px;
     width: 136px;
     text-indent: -10000em;
     display: inline-block;
}
.unity {
    background: url(https://i.imgur.com/RRnvNSN.png) no-repeat;
    height: 50px;
    width: 150px;
    text-indent: -10000em;
    display: inline-block;
}
.vanish {
     background: url("https://images.ctfassets.net/49i3hw7ggo6y/2ztYoh6aVIYxAUFO6U5moN/956d821c01038f77bf578b548dbab21c/EZFLKhH.png") no-repeat;
     height: 42px;
     width: 136px;
     text-indent: -10000em;
     margin-left: auto;
     margin-right: auto;
     display: inline-block;
}
.holy {
     background: url("https://images.ctfassets.net/49i3hw7ggo6y/4iUxaehfh27znm3v2Zd1kU/ab2d97a638d4dec24fc3917430463e66/a6sRgYV.png") no-repeat;
     height: 42px;
     width: 136px;
     text-indent: -10000em;
     margin-left: auto;
     margin-right: auto;
     display: inline-block;
}
.dwc {
     background: url("https://images.ctfassets.net/49i3hw7ggo6y/6IznSJL5kI0OWQaWU6S3vh/edba6ca3373145c023fa3b059af2a0b5/BmxmTVS.png") no-repeat;
     height: 42px;
     width: 136px;
     text-indent: -10000em;
     display: inline-block;
}



/*-------------------------------------------------------------------------*/
/* Font - Emudevs 
/*-------------------------------------------------------------------------*/
@font-face {
     font-family: kingzheader;
     src: url(/data/fonts/kingzheaderRegular.woff2);
}

 @font-face {
     font-family: Chimura;
     src: url(../assets/fonts/Chimura.ttf);
}
 @font-face {
     font-family: Katakana;
     src: url(../assets/fonts/katakana.ttf);
}
 @font-face {
     font-family: LazerGame;
     src: url(../assets/fonts/Lazer_Game.ttf);
}
 @font-face {
     font-family: Valorant;
     src: url(../assets/fonts/Valorant.ttf);
}
 @font-face {
     font-family: IceKingdom;
     src: url(../assets/fonts/IceKingdom.woff);
}
 @font-face {
     font-family: Retrocomputer;
     src: url(../assets/fonts/Retrocomputer.ttf);
}
 @font-face {
     font-family: Conthrax;
     src: url(../assets/fonts/conthrax.ttf);
}
 @font-face {
     font-family: Cubic;
     src: url(../assets/fonts/cubic.ttf);
}
 @font-face {
     font-family: Averox;
     src: url(../assets/fonts/averox.ttf);
}

 @font-face {
     font-family: Jam;
     src: url(/data/assets/emudevs/fonts/Jam.ttf);
}

@font-face {
    font-family: 'halloween';
    src: url('data/styles/emudevs/emudevsh.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

/*-------------------------------------------------------------------------*/
/* Prefixes - Emudevs 
/*-------------------------------------------------------------------------*/

.unitypref{
	color: white;
    font-weight: 600;
    text-shadow: 0px 2px 3px #000;
    background-image: url(https://kingz.net/styles/kingznet/sparkle.gif);
}
.adminpref{
    color: #ff0d0d;
    font-weight: 1000;
    font-weight: bold;
    font-family: 'Poppins',sans-serif;
}
.developerpref{
	color: #7d0cbd;
    font-weight: 1000;
    font-weight: bold;
    font-family: 'Poppins',sans-serif;
}

.mentorpref{
color: white;
    position: relative;
    letter-spacing: .02em;
    color: #44dbff;
    text-shadow: .75px .75px 7px #0071ff ad;
    font-weight: 600;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: border-box,text;
    background-image: url(https://i.imgur.com/tYW8WkV.gif),repeating-linear-gradient(90deg, #e4e4e4 25%, #b0b0b0 47%, #cacaca 53%, #ffffff 75%);
    background-size: 7em,10em;
    animation: refund-god-anim 3s linear infinite;
    font-family: 'Poppins',sans-serif;
    letter-spacing: 1px;
}
.staffpref{
	color: white;
    position: relative;
    letter-spacing: .02em;
    color: #44dbff;
    text-shadow: .75px .75px 7px #0071ff ad;
    font-weight: 600;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: border-box,text;
    background-image: url(https://i.imgur.com/N8wmmgs.gif),repeating-linear-gradient(90deg, #44dbff 25%, #e4ff00 47%, #003aff 53%, #44dbff 75%);
    background-size: 7em,10em;
    animation: refund-god-anim 3s linear infinite;
    font-family: 'Poppins',sans-serif;
    font-family: 'Planet Kosmos',sans-serif;
    letter-spacing: 1px;
}
.sellingpref{
	background-color: #1a9cff;
    border-radius: 10px;
    padding: 2px 5px;
    color: white;
    margin-right: 3px;
}
.buyingpref{
	background-color: #23f56d;
    border-radius: 10px;
    padding: 2px 5px;
    color: white;
    margin-right: 3px;
}
.noblepref{
color: white;
    background: url(https://ogusers.gg/images/groups/sparkle.gif);
    color: #f7e49c;
    font-weight: 500;
    -webkit-animation: apollochange 20s infinite alternate;
    font-family: 'Poppins',sans-serif;
    font-family: 'Poppins',sans-serif;
}
.prefix-632 {
	color: #ff611c;
    background: #ff8f5b40;
    padding: 0 5px !important;
}

.prefix-lua, .prefix-cplusplus {
	color: #e5e5e5;
    background: #7c7c7c40;
    padding: 0 5px !important;
}

.prefix-510-rp {
    color: #98de4a;
    background: #5bff6b40;
    padding: 0 5px !important;
}

.prefix-335 {
    color: #4ad4de;
    background: #5bc9ff40;
    padding: 0 5px !important;
}

.lineagePrefix {
    color: #dedb4a;
    background: #ffbe0040;
    padding: 0 5px !important;
}

.versionPrefix {
    color: #de4abd;
    background: rgb(150, 68, 255, 0.35);
    padding: 0 5px !important;
}

.ripPrefix {
	color: #de4a4a;
    background: #ff5b5b40;
    padding: 0 5px !important;
}

.dealDisputePrefix {
	color: #ef4444;
    background: rgba(127,29,29,0.35);
    padding: 0 5px;
    border-color: #ff4949;
    text-transform: capitalize;
    border-radius: 8px;
    font-size: 100%;
    font-weight: 500 !important;
    margin-right: 0px !important;
}

.prefix-official {
	color: #ef4444;
    font-weight: 800 !important;
    background: transparent;
    border-color: #ff3737;
    text-transform: uppercase;
    text-shadow: 0px 0px 3px #000;
    border-radius: 2px !important;
}

.prefix-staff {
	color: #3f90f3;
    font-weight: 800 !important;
    background: transparent;
    border-color: #ff3737;
    text-transform: uppercase;
    text-shadow: 0px 0px 3px #000;
    border-radius: 2px !important;
}

.prefix-important {
	color: #FA9046;
    font-weight: 800 !important;
    background: transparent;
    border-color: #ff3737;
    text-transform: uppercase;
    text-shadow: 0px 0px 3px #000;
    border-radius: 2px !important;
}

.dataList-row.dataList-row--header .dataList-cell {
    text-transform: uppercase;
    font-weight: 500;
    padding: 1.25rem;
    background: transparent !important;
    border: 0;
}


@keyframes refund-god-anim {
    0% {
        background-position: -2em 0,-10em 0
    }

    100% {
        background-position: 2em 0,10em 0
    }
}

.top-badge {
	margin-top: 0.1rem !important;
}

[data-widget-definition="new_posts"] .block-container > .block-body > .block-row:hover {
	    background: #1b1b1e;
}

[data-widget-definition="new_posts"] .block-container > .block-body > .block-row {
	    transition: background .25s ease;
}

[data-widget-definition="new_posts"] .block-container > .block-body {
	    padding: 0;
}

.dp-grouplegend__wrapper {
	display: flex;
	justify-content: center;
}

.dp-grouplegend__list {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
	list-style: none;
	gap: 1rem;
	font-weight: 600;
	text-transform: uppercase;
	padding: 0;
}

.arrow-svg {
    transition: transform .25s ease;
    transform: translateX(0)
}

.arrow-svg-hover:hover .arrow-svg {
    transform: translateX(.25rem)
}

.arrow-svg-hover:hover .arrow-tail {
    stroke-dashoffset: 24
}

.arrow-svg .arrow-tail {
    stroke-dasharray: 12;
    stroke-dashoffset: 12;
    transition: stroke-dashoffset .25s ease
}

.dp-onlinecounter__data {
	display: flex;
    align-items: center;
    gap: 0.3rem;
    color: #34d399;
    border-radius: 0.25rem;
    padding: 0.25rem;
    font-weight: 600;
    background: rgba(52,211,153,0.1);
}

.premium-notice {
  color: #006fcd;
  border: 0;
  padding: 1rem 0.75rem;
  background: rgba(74, 222, 128, 0.1);
  background-repeat: no-repeat;
  background-size: 260px;
  background-position: -4px center;
  border-radius: 12px;
  margin-bottom: 1rem;
  font-size: 14px;
  text-align: left;
}
.premium-notice:before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  width: 24px;
  height: 24px;
  color: #fff;
  border: 1px solid rgba(74, 222, 128, 0.5);
  background: radial-gradient(
      120% 120% at 50% 100%,
      rgba(74, 222, 128, 0.2) 0%,
      rgba(0, 0, 0, 0) 100%
    ),
    rgba(74, 222, 128, 0.03);
  margin-right: 0.5rem;
}
.premium-notice:before {
  content: "\f071";
  color: #fff !important;
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
  padding: 2px 6px 0px 6px;
}
.premium-notice:before {
  font-family: "Font Awesome 5 Pro";
  font-size: inherit;
  font-style: normal;
  font-weight: 300;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  min-width: 0.8em;
  color: #22c55e;
}

.kz-block-heading {
    display: flex;
    align-items: center;
    margin-bottom: 1.25rem
}

.kz-block-heading h2 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'kingzheader',sans-serif;
    color: #FFF;
    font-size: 1.25rem;
    font-weight: 400;
    margin: 0
}

.kz-hero-wrapper {
    position: relative;
    width: 100%;
    max-width: 1440px;
    padding: 0 2rem;
    margin: 0 auto
}

.kz-hero {
    padding: 7.5rem 0
}

.kz-hero.two-column {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5rem
}

.kz-hero.two-column .kz-hero-content {
    display: flex;
    flex-direction: column;
    align-items: start
}

.kz-hero:not(.two-column) .kz-hero-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.kz-hero-content h1 {
    font-family: 'kingzheader',sans-serif;
    color: #FFF;
    font-size: 4.5rem;
    font-weight: 600;
    line-height: 5rem;
    margin: 0
}

.kz-hero .kz-hero-content p {
    color: #A4A6A8;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 400;
    margin-top: 1.25rem
}

.kz-hero:not(.two-column) .kz-hero-content p {
    max-width: 48rem
}

.kz-hero .kz-hero-content .button:not([type="submit"]) {
    padding: 10px 1.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem
}

.kz-hero .kz-hero-content .button:not([type="submit"]) {
    margin-top: 2rem
}

.kz-hero .kz-hero-button-group {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 2rem
}

.kz-hero .kz-hero-button-group .button {
    margin-top: 0 !important
}

.kz-hero-svg-k {
    position: absolute;
    width: 90vw;
    max-width: 917px;
    min-width: 480px;
    height: auto;
    top: -3rem;
    left: -7.5rem;
    pointer-events: none
}

.kz-hero-svg-k svg {
    width: 100%;
    height: 100%
}

[data-template="forum_list"] .p-body-header {
    display: none
}

.slidedown-animation {
    animation-duration: .75s;
    animation-fill-mode: both;
    animation-name: slideDown;
    animation-timing-function: ease
}

@keyframes slideDown {
    0% {
        opacity: 0;
        transform: translateY(-1.5rem)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.scale-animation {
    animation-duration: .75s;
    animation-fill-mode: both;
    animation-name: scale;
    animation-timing-function: ease
}

@keyframes scale {
    0% {
        opacity: 0;
        transform: scale(.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.float-animation {
    animation-duration: .75s;
    animation-fill-mode: both;
    animation-name: float;
    animation-timing-function: ease
}

@keyframes float {
    0%,100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-0.75rem)
    }
}

.spin-animation {
    animation: spin 1s linear infinite
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.kz-sh-image-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.kz-sh-image-wrapper .kz-upgrade-blurb {
    position: absolute;
    width: 708px;
    height: 526px;
    pointer-events: none
}

.kz-sh-image .profile-image-wrapper-flex {
    display: flex;
    justify-content: end
}

.kz-sh-image .profile-image-wrapper {
    position: relative;
    width: 301px;
    height: 168px;
    margin-bottom: -84px;
    right: -60px;
    animation: float 10s -6s ease infinite
}

.kz-sh-image .profile-image-wrapper>.main-bit {
    position: absolute;
    width: 59px;
    height: 59px;
    top: 46px;
    left: -40px;
    z-index: 1;
    animation: float 10s 5s ease infinite
}

.kz-sh-image .topic-image-wrapper {
    position: relative;
    width: 409px;
    height: 239px;
    animation: float 10s -3s ease infinite
}

.kz-sh-image .topic-image-wrapper>.topic-buttons {
    position: absolute;
    width: 170px;
    height: 138px;
    z-index: 1;
    right: -44px;
    bottom: -16px;
    animation: float 10s ease infinite
}

.kz-sh-image .topic-image-wrapper>.topic-buttons .second-bit {
    position: absolute;
    width: 43px;
    height: 42px;
    bottom: -6px;
    left: -59px;
    animation: float 10s ease infinite
}

.kz-sh-image .kz-sh-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%
}

.kz-sh-image .group-image-wrapper {
    position: relative;
    width: 420px;
    height: 250px
}

.kz-sh-image .group-image-wrapper.back-group {
    margin-bottom: -190px;
    animation: float 8s ease infinite
}

.kz-sh-image .group-image-wrapper.front-group {
    margin-left: 60px;
    animation: float 4s ease infinite
}

.kz-sh-image .group-image-wrapper>.group-badge {
    position: absolute;
    width: 60px;
    height: 60px;
    z-index: 202
}

.kz-sh-image .group-image-wrapper.back-group>.group-badge {
    top: 60px;
    left: -30px;
    animation: float 16s ease infinite
}

.kz-sh-image .group-image-wrapper.front-group>.group-badge {
    right: -30px;
    bottom: 60px;
    animation: float 4s ease infinite
}

.button.button--primary:not(.button--splitTrigger):hover,a.button.button--primary:not(.button--splitTrigger):hover,.button.button--primary.button--splitTrigger>.button-text:hover,a.button.button--primary.button--splitTrigger>.button-text:hover,.button.button--primary.button--splitTrigger>.button-menu:hover,a.button.button--primary.button--splitTrigger>.button-menu:hover,.button.button--primary:not(.button--splitTrigger):focus,a.button.button--primary:not(.button--splitTrigger):focus,.button.button--primary.button--splitTrigger>.button-text:focus,a.button.button--primary.button--splitTrigger>.button-text:focus,.button.button--primary.button--splitTrigger>.button-menu:focus,a.button.button--primary.button--splitTrigger>.button-menu:focus,.button.button--primary:not(.button--splitTrigger):active,a.button.button--primary:not(.button--splitTrigger):active,.button.button--primary.button--splitTrigger>.button-text:active,a.button.button--primary.button--splitTrigger>.button-text:active,.button.button--primary.button--splitTrigger>.button-menu:active,a.button.button--primary.button--splitTrigger>.button-menu:active {
    background-color: rgba(109,195,228,.25) !important;
}

[data-template="forum_list"] .kz-halloween .p-body-sidebar .block.lfs {
    position: relative
}

[data-template="forum_list"] .kz-halloween .p-body-sidebar .block.lfs:before {
    content: '';
    position: absolute;
    bottom: -67.02px;
    right: 12px;
    width: 146.4px;
    height: 67.02px;
    background-image: url("data:image/svg+xml,%3Csvg width='147' height='68' viewBox='0 0 147 68' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M146.33 30.55C146.24 20.36 146.62 10.18 146.2 0H145.01V64.86C145.01 65.37 145.01 65.87 145.02 66.38C145.03 66.68 145.13 66.95 145.46 67.01C145.84 67.07 146.1 66.85 146.23 66.51C146.44 65.97 146.34 65.39 146.34 64.84C146.35 53.41 146.43 41.98 146.33 30.55ZM140.81 0C140.05 1.31 139.18 2.55 138.18 3.71C135.49 6.85 132.62 9.84 128.83 11.75C126.33 13.01 123.85 14.27 121.03 14.62C117.74 15.02 114.59 14.52 111.64 12.97C111.34 12.81 111.08 12.59 110.91 12.09C116.9 8.12 122.95 4.2 128.82 0H126.63C122.85 2.67 119.06 5.33 115.16 7.83C114.41 8.31 113.66 8.78 112.91 9.27C112.17 9.75 111.46 9.74 110.7 9.31C108.59 8.11 107.14 6.3 106.09 4.14C105.44 2.81 105.14 1.43 105.06 0H104.06C104.14 2.01 104.54 3.85 105.57 5.52C106.84 7.57 108.19 9.59 110.8 10.49C109.35 11.62 107.95 12.39 106.55 13.17C105.73 13.64 104.94 13.33 104.32 12.95C100.89 10.88 98.86 7.9 98.7 3.78C98.68 3.26 98.69 2.75 99.1 2.37C99.95 1.58 100.8 0.79 101.73 0H99.89C99.17 0.64 98.48 1.26 97.76 1.85C94.94 4.2 92.04 6.47 89.28 8.9C88.19 9.86 87.07 10.19 85.76 9.96C82.02 9.3 79.29 7.13 77.27 3.98C76.91 3.42 76.89 2.94 77.29 2.29C77.76 1.53 78.22 0.77 78.68 0H77.4C75.86 2.56 73.17 3.56 70.36 4.2C65.76 5.26 61.27 4.66 57.16 2.21C56.17 1.62 55.18 0.94 54.42 0H52.18C52.18 0 52.17 0.07 52.16 0.11C51.83 1.9 52.01 3.81 52.09 5.66C52.17 7.43 51.32 8.72 50.11 9.73C47.46 11.95 44.34 12.43 40.99 11.88C38.75 11.51 36.72 10.7 34.9 9.32C34.49 9 34.15 8.67 33.9 8.21C32.38 5.46 30.87 2.7 29.24 0H27.51C27.59 0 27.69 0.03 27.79 0.1C29 0.9 29.26 2.74 28.22 3.76C27.28 4.69 26.03 5.04 24.92 5.28C24.01 5.29 22.82 3.89 23.02 3.22C23.12 2.92 23.4 2.81 23.65 2.73C25.05 2.27 26.35 1.7 27.09 0.3C27.18 0.14 27.32 0 27.51 0L25.91 0C25.09 1 23.68 1.91 22.72 1.91C22.09 1.91 21.89 1.49 21.62 1.05C21.4 0.7 21.18 0.35 20.95 0H19.62C21.14 2.51 22.55 5.08 23.92 7.69C24.07 7.99 24.21 8.3 24.36 8.6C24.66 9.17 24.56 9.56 23.88 9.73C21.98 10.2 20.07 10.54 18.11 10.27C15.07 9.86 12.2 8.84 9.27 7.94C6.38 7.04 4.83 5.01 3.46 2.47H3.47C5.44 1.87 7.23 1.16 8.84 0H6.72C6.01 0.4 5.24 0.73 4.41 0.97C3.23 1.32 2.37 1.22 1.61 0.23C1.55 0.15 1.49 0.08 1.43 0H0C1.98 2.55 3.83 5.2 5.65 7.87C6.24 8.72 6.48 9.49 6.5 10.48C6.6 16.04 6.19 21.59 7.1 27.13C7.71 30.83 8.67 34.35 10.48 37.62C11.03 38.62 11.84 39.44 12.79 40.01C14.55 41.06 16.35 41.71 18.17 40.03C18.74 39.5 19.12 39.74 19.22 40.59C19.5 42.97 20.34 45.15 21.45 47.25C21.72 47.76 22.04 48.21 22.49 48.55C23.21 49.09 23.89 48.92 24.23 48.09C24.48 47.47 24.62 46.82 24.6 46.12C24.56 44.43 24.59 42.74 24.59 41.05C24.59 38.64 24.23 36.26 24 33.86C23.91 32.89 23.3 31.9 23.78 30.72C24.15 31.06 24.4 31.26 24.63 31.5C27.92 34.98 31.73 37.81 35.63 40.51C39.45 43.16 43.42 45.54 47.85 47.06C49.49 47.63 51.19 47.87 52.89 48.17C53.5 48.28 53.68 48.53 53.79 49.12C54.42 52.59 55.09 56.05 55.79 59.5C56.1 60.99 56.29 62.53 57.21 64.24C57.54 63.23 57.54 62.51 57.4 61.84C57.11 60.53 56.9 59.2 56.67 57.88C56.22 55.3 55.65 52.73 55.15 50.15C54.92 48.93 55.11 47.78 55.98 46.86C58.47 44.2 61.02 41.61 63.91 39.38C65.72 37.98 67.57 36.63 69.44 35.32C71.11 34.13 72.82 33.03 74.62 32.06C75.05 32.68 74.95 33.27 74.85 33.79C74.19 37.11 74.22 40.48 74.21 43.84C74.21 45.82 74.52 47.74 74.92 49.66C75.05 50.31 75.31 50.95 75.58 51.56C75.85 52.19 76.44 52.5 77.06 52.52C77.69 52.54 78.01 52.01 78.27 51.49C78.37 51.3 78.48 51.09 78.52 50.88C78.77 49.39 79.17 47.91 79.2 46.41C79.3 41.52 79.33 36.63 78.89 31.75C78.87 31.47 78.81 31.2 78.71 30.93C78.36 29.98 78.79 29.49 79.61 29.07C82.1 27.81 84.53 26.44 87.04 25.19C94.44 21.51 101.77 17.68 108.77 13.24C109.41 12.83 109.87 12.86 110.34 13.45C110.81 14.04 111.52 14.32 112.18 14.59C116.23 16.2 120.37 16.28 124.47 15.01C127.84 13.96 130.83 12.08 133.61 9.86C137.07 7.11 139.86 3.82 142.03 0L140.81 0ZM76.18 4.11C78.45 8.26 81.68 10.43 86 11.2C86.15 11.61 85.71 11.8 85.44 12.01C83.36 13.7 81.26 15.36 79.33 17.2C78.89 17.63 78.41 17.86 77.82 17.77C76.27 17.55 74.75 17.22 73.6 16C72.81 15.14 71.88 14.41 71.28 13.37C71.03 12.94 70.85 12.61 71.15 12.15C72.78 9.55 74.4 6.95 76.18 4.11ZM53.09 20.08C53.09 19.98 53.16 19.89 53.25 19.65C54.65 20.67 56.06 21.63 57.72 22.12C59.14 22.55 60.54 22.7 61.99 22.28C62.35 22.17 62.75 22.2 63.14 22.17H63.15C63.17 22.12 63.21 22.03 63.23 22.03C63.34 22.05 63.31 22.11 63.15 22.17C63.07 23.19 62.28 23.84 61.88 24.69C60.97 26.62 59.91 28.48 59.08 30.44C58.24 32.4 56.27 32.75 54.27 31.84C53.73 31.59 53.4 31.12 53.43 30.49C53.6 27.01 52.85 23.56 53.09 20.08ZM58.8 33.7C59.5 34.23 60.06 34.64 60.71 35.13C59.47 36.96 58.23 38.7 56.65 40.23C56.88 37.9 57.89 35.89 58.8 33.7ZM60.4 33.72C59.85 33.26 59.34 32.71 59.69 31.84C60.28 30.39 60.94 28.97 61.66 27.58C63.92 23.26 66.62 19.21 69.19 15.09C69.45 14.66 69.76 14.28 70.17 13.69H70.18C72.11 16.11 73.83 18.5 77.04 18.89C76.65 19.98 75.65 20.27 74.97 20.89C70.71 24.78 66.7 28.91 62.64 32.99C62.48 33.16 62.32 33.31 62.17 33.47C61.64 34.03 61.03 34.26 60.4 33.72ZM74.62 3.79C74.73 3.82 74.71 3.87 74.54 3.92C74.56 3.87 74.6 3.79 74.62 3.79ZM53.02 15.31C53.23 12.97 53.07 10.6 53.07 8.24C53.07 7 52.97 5.75 53.1 4.53C53.23 3.31 53.46 2.11 53.42 0.88C53.97 0.71 54.17 1.15 54.41 1.41C56.2 3.41 58.5 4.46 61.04 5.07C64.27 5.85 67.54 5.92 70.79 5.25C72.08 4.99 73.29 4.38 74.54 3.93C74.47 4.69 74.06 5.31 73.68 5.91C71.04 10.07 68.27 14.13 65.75 18.35C64.33 20.73 60.8 22.1 58.05 21.07C57.17 20.74 56.28 20.42 55.49 19.86C53.91 18.74 52.82 17.51 53.02 15.31ZM52.4 29.8C52.39 30.66 52.68 31.61 51.88 32.34C50.95 33.19 49.93 33.93 48.67 33.97C46.33 34.06 46.61 34.21 45.7 32.16C44.09 28.52 42.42 24.91 40.62 21.36C40.31 20.77 39.93 20.2 40 19.48C40.85 19.74 41.71 19.95 42.53 20.26C44.2 20.9 45.93 20.89 47.65 20.8C49.14 20.71 50.3 19.73 51.5 18.98C52.04 19.45 52.06 20 52.06 20.56C52.06 21.24 52.11 21.91 52.06 22.59C51.88 25.01 52.42 27.39 52.4 29.8ZM36.8 28.57C36.87 28.29 37.12 28.28 37.32 28.26C37.93 28.22 38.53 28.26 39.12 28.04C39.81 27.79 40.49 27.59 41.02 27.06C41.25 26.84 41.51 26.47 41.85 26.78C42.22 27.13 42.47 27.59 42.2 28.13C42.01 28.49 41.71 28.74 41.35 28.91C40.55 29.29 39.73 29.64 38.76 29.6C38.69 29.61 38.62 29.61 38.54 29.61C38.03 29.61 37.55 29.43 37.09 29.12C36.9 29 36.74 28.83 36.8 28.57ZM36.09 27.21C35.5 27.14 35.33 26.65 35.09 25.83C37.32 26.22 39 25.41 40.58 24.28C41.13 25.4 41.08 25.86 40.27 26.4C39 27.23 37.56 27.38 36.09 27.21ZM42.84 28.97C43.54 30.39 44.23 31.65 44.81 32.97C45.33 34.13 45.09 35.24 44.35 35.69C43.3 36.35 41.78 36.17 41.04 35.21C39.89 33.71 38.79 32.17 37.68 30.24C39.74 30.49 41.34 30.15 42.84 28.97ZM35.98 11.36H35.99C36.99 11.54 37.78 12.29 38.74 12.53C43.03 13.64 47.18 13.74 50.77 10.5C51.05 10.25 51.33 9.91 51.78 10.13C52.15 10.32 52.05 10.71 52.08 11.03C52.26 12.83 51.91 14.6 51.68 16.37C51.54 17.47 50.68 18.26 49.73 18.77C48.3 19.54 46.84 19.99 45.11 19.61C43.77 19.31 42.37 19.25 41.05 18.77C39.64 18.24 38.52 17.45 37.92 15.96C37.5 14.93 36.93 13.95 36.43 12.95C36.18 12.45 35.91 11.96 35.98 11.36C35.93 11.33 35.84 11.3 35.84 11.28C35.86 11.17 35.91 11.19 35.98 11.36ZM39.99 19.46C39.94 19.44 39.87 19.41 39.87 19.39C39.89 19.28 39.94 19.31 39.99 19.46ZM29.72 3.68C30.96 4.86 31.42 6.35 32.22 7.61C33.15 9.07 33.89 10.66 34.7 12.19C36.02 14.72 37.35 17.26 38.64 19.81C39.07 20.66 39.37 21.57 39.79 22.42C40.15 23.14 39.86 23.63 39.31 24.01C37.93 24.93 36.37 25.05 34.8 24.83C34.15 24.74 33.93 24.01 33.62 23.5C32.94 22.34 32.33 21.14 31.73 19.94C29.54 15.64 27.22 11.42 24.99 7.15C24.89 6.96 24.84 6.74 24.74 6.43C26.73 6.08 28.42 5.22 29.72 3.68ZM8.14 8.65C8.6 8.63 8.99 8.78 9.41 8.96C11.93 10.03 14.5 10.98 17.21 11.26C19.69 11.52 22.22 11.61 24.63 10.65C25 10.5 25.35 10.29 25.61 10.8C26.26 12.02 26.91 13.24 27.57 14.49C26.43 14.93 25.42 15.11 24.35 15.09C22.68 15.05 21 15.08 19.33 15.08C16.8 15.09 14.39 14.45 12.02 13.62C11.66 13.5 11.26 13.32 11.02 13.04C9.85 11.72 8.48 10.53 8.13 8.66C7.98 8.61 7.84 8.58 7.69 8.53C7.94 8.22 8.01 8.51 8.14 8.65ZM27.33 15.7C26.55 16.58 25.87 16.94 25.21 17.3C23.02 18.49 20.66 19.17 18.22 19.43C16.68 19.59 15.11 19.44 14.2 17.73C13.77 16.91 13.1 16.22 12.54 15.47C12.6 15.37 12.66 15.26 12.72 15.16H12.73C17.43 16.45 22.18 16.88 27.33 15.7ZM17.1 39.29C16.14 40.15 15.04 39.84 13.98 39.33C12.07 38.43 11.08 36.69 10.31 34.91C9.1 32.13 8.54 29.16 8.11 26.16C7.51 22.04 7.36 17.91 7.47 13.76C7.5 12.71 6.81 11.72 7.33 10.43C8.74 11.98 9.68 13.63 10.82 15.13C12.98 17.98 15.1 20.86 17.4 23.59C18.14 24.47 18.59 25.39 18.54 26.63C18.45 29.16 18.51 31.69 18.52 34.22C18.52 34.73 18.44 35.28 18.61 35.72C19.32 37.46 18.13 38.37 17.1 39.29ZM19.49 34.33C19.85 31.62 19.1 28.94 19.23 26C20.45 26.84 21.2 27.48 20.96 29.12C20.72 30.71 20.46 32.3 20.18 33.88C20.12 34.17 20 34.41 19.49 34.33ZM23.58 45.04C23.51 45.82 23.47 46.57 22.94 47.43C21.27 45.05 20.7 42.52 20.18 39.93C19.86 38.36 20.17 37 20.73 35.57C21.33 34.01 21.66 32.36 21.96 30.69C22.72 31.32 22.43 32.24 22.63 33.02C23.12 34.93 23.31 36.87 23.22 38.84C23.13 40.92 23.75 42.95 23.58 45.04ZM20.17 25.09C19.73 24.31 18.98 23.62 18.37 22.9C17.79 22.22 17.11 21.63 16.69 20.52C19.49 20.61 21.96 19.84 24.39 18.82C25.53 18.34 26.56 17.69 27.54 16.95C28.18 16.47 28.55 16.38 28.96 17.16C29.81 18.81 30.68 20.43 31.57 22.05C31.93 22.7 31.96 23.27 31.6 23.95C30.44 26.18 28.59 27.32 26.15 27.59C23.69 27.87 21.55 27.59 20.17 25.09ZM37.18 40.2C34.31 38.27 31.6 36.16 28.95 33.93C27.11 32.37 25.48 30.63 23.78 28.76C27.56 28.86 30.82 28.06 32.71 24.22C34.54 27.52 36.41 30.55 38.41 33.49C39.1 34.51 39.85 35.48 40.59 36.46C41.58 37.79 41.61 38.58 40.66 39.59C39.41 40.92 38.53 41.1 37.18 40.2ZM49.27 46.39C49.19 46.35 49.13 46.25 49.06 46.17C48.62 46.15 48.18 46.17 47.75 46C44.86 44.87 42.14 43.42 39.41 41.68C40.19 41.12 40.92 40.74 41.5 40.14C42.46 39.14 42.91 39.15 43.73 40.33C44.56 41.54 45.64 42.49 46.64 43.53C47.26 44.17 47.83 44.87 48.64 45.3C48.95 45.47 49.06 45.8 49.07 46.15C49.17 46.16 49.28 46.14 49.38 46.16C49.52 46.19 49.65 46.25 49.79 46.3C49.66 46.56 49.46 46.47 49.27 46.39ZM42.59 37.24C43.89 37.05 44.94 36.79 45.72 35.92C45.94 35.68 46.23 35.83 46.38 36.13C46.51 36.38 46.64 36.62 46.77 36.87C47.92 39.3 49.29 41.59 50.6 43.93C51.06 44.77 51.94 45.26 52.21 46.29C48.06 44.39 45.4 40.91 42.59 37.24ZM53.25 45.92C50.72 42.56 49.02 39.14 47.36 35.56C49.05 35.08 50.61 34.69 51.91 33.67C52.28 33.39 52.55 33.59 52.66 33.97C52.73 34.24 52.74 34.53 52.73 34.81C52.52 37.78 53.11 40.74 53.06 43.71C53.05 44.34 53.45 44.88 53.25 45.92ZM54.28 44.42C53.87 42.45 53.71 40.52 53.74 38.56C53.77 36.68 53.91 34.79 53.42 32.72C54.89 33.23 56.19 33.61 57.89 32.93C56.34 36.91 54.88 40.55 54.28 44.42ZM56.34 41.04C56.34 41.04 56.31 41.14 56.3 41.19C56.26 41.17 56.18 41.16 56.18 41.14C56.18 41.09 56.21 41.04 56.23 40.99C56.26 41.01 56.34 41.02 56.34 41.04ZM60.89 40.48C59.2 42.34 57.24 43.93 55.71 45.95C55.66 46.02 55.51 46 55.18 46.07C56.25 42.1 59 39.4 61.45 36.43C61.78 37.4 62.73 38.02 62.63 38.78C62.52 39.57 61.45 39.86 60.89 40.48ZM73.18 31.44C70.1 33.36 67.15 35.42 64.34 37.71C63.97 38 63.68 38.02 63.31 37.71C62.37 36.89 62.12 35.25 62.96 34.39C65.68 31.59 68.44 28.83 71.36 25.9C71.67 26.86 71.94 27.77 72.34 28.55C72.73 29.33 73.25 29.99 74.06 30.46C74.02 31.08 73.51 31.23 73.18 31.44ZM73.55 28.6C72.15 26.49 72.18 25 73.74 23.72C74.27 25.88 74.84 27.86 76.73 29.1C75.41 29.89 74.27 29.69 73.55 28.6ZM78.17 45.41C78.09 46.89 78.1 48.43 77.62 49.88C77.47 50.3 77.37 50.74 76.89 51.18C75.93 50.21 75.75 49.02 75.6 47.89C75.23 45.23 75.01 42.53 75.25 39.85C75.49 37.18 75.71 34.51 75.88 31.84C75.94 30.92 76.62 30.73 77.36 30.28C77.56 31.29 77.79 32.13 77.87 32.99C78.27 37.12 78.38 41.28 78.17 45.41ZM75.87 26.83C75.36 25.91 74.83 25.01 74.85 23.86C74.88 22.94 75.09 22.23 76.11 21.67H76.12C76.84 23.97 77.2 26.41 79.84 27.37C78.14 28.68 76.79 28.48 75.87 26.83ZM85.15 24.79C84.4 25.18 83.65 25.54 82.9 25.92C80.94 26.9 78.72 26.05 77.9 24C77.78 23.69 77.7 23.36 77.57 23.05C76.92 21.56 77.23 20.39 78.51 19.35C81.15 17.22 83.73 15.02 86.34 12.85C86.46 12.76 86.62 12.71 87.06 12.49C86.46 16.51 88.04 19.36 91.08 21.71C88.97 22.81 87.06 23.8 85.15 24.79ZM94.38 20C92.87 21.23 92.05 21.29 90.19 19.49C88.23 17.6 87.61 15.11 87.65 12.46C87.67 11.48 88.51 10.74 89.87 10.3C90.26 14.16 91.89 17.3 95.2 19.35C95.08 19.92 94.63 19.8 94.38 20ZM96.93 18.62C96.21 18.91 95.54 18.3 94.99 17.87C92.58 16.03 91.19 13.53 90.68 10.54C90.6 10.03 90.63 9.52 91.04 9.12C91.66 8.51 92.22 7.82 93.14 7.22H93.15C94 11.52 96.13 14.7 100.01 16.65C99.19 17.76 98.03 18.19 96.93 18.62ZM99.73 15.25C96.48 13.44 94.76 10.57 94.15 6.94C94.11 6.63 94.11 6.32 94.36 6.19C95.53 5.57 96.17 4.19 97.58 3.86C97.97 8.54 100.22 11.98 104.25 14.25C102.91 15.84 101.44 16.21 99.73 15.25Z' fill='%2318181B'/%3E%3C/svg%3E%0A");
    point-events: none
}

.kz-halloween .dope-account .p-navgroup-link--newPosts {
    color: #FB923C;
    background-color: rgba(251,146,60,0.25)
}

.kz-halloween .dope-account .p-navgroup-link--newPosts svg>path {
    stroke: #FB923C
}

.kz-halloween .dope-account .p-navgroup-link--user {
    border-color: #FB923C !important
}

.kz-halloween .kz-hero-content h1 {
    font-family: 'halloween',sans-serif !important;
    font-weight: normal !important
}

.kz-halloween .kz-hero-content .dp-accent-color {
    color: #FB923C !important
}

.kz-halloween .button.button--primary,.kz-halloween a.button.button--primary {
    background-image: url("data:image/svg+xml,%3Csvg width='78' height='60' viewBox='0 0 78 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M63.4726 0C61.7445 6.46206 58.0326 10.463 54.1191 12.951C54.4957 11.0144 54.3545 9.34677 54.3545 9.34677C50.5418 16.0038 41 17.0125 41 17.0125C52.3843 30.3737 66.4313 26.6619 69.5581 18.4649C71.6897 12.8838 68.0922 4.41787 63.4726 0Z' fill='%23FB923C' fill-opacity='0.25'/%3E%3Cpath d='M35.7486 17.6313C35.7486 17.6313 26.2337 18.8686 20.9753 13.2874C20.9753 13.2874 21.2241 14.9416 22.0377 16.737C17.6468 15.2307 13.1079 12.2048 9.92726 6.32104C6.46424 11.687 4.93111 20.7649 8.30672 25.7005C13.2625 32.9426 27.787 33.2788 35.7486 17.6313Z' fill='%23FB923C' fill-opacity='0.25'/%3E%3Cpath d='M76.868 10.577C74.8171 20.6231 69.2023 29.4454 61.3147 35.4367L60.8036 44.7835L56.6143 38.5232C52.2166 40.9776 47.3012 42.6385 42.0159 43.2638C36.3607 43.9295 30.8468 43.358 25.7094 41.7711L22.9323 49.2552L20.0341 39.5386C11.5884 35.4367 4.61528 28.4165 0.5 19.5942C0.553794 20.6231 0.627759 21.6519 0.748796 22.6875C2.72574 39.4108 13.5183 52.7451 27.404 57.8018L29.7776 53.4983L29.8314 58.5885C34.3233 59.8796 39.0908 60.3301 43.9592 59.7519C48.404 59.2274 52.573 57.8892 56.3655 55.9055L55.1283 50.4992L58.793 54.5136C71.6029 46.5117 79.3627 30.723 77.3454 13.6365C77.2244 12.601 77.0563 11.5856 76.868 10.577Z' fill='%23FB923C' fill-opacity='0.25'/%3E%3Cpath d='M39.0782 25.0386L46.5596 35.011L34.1825 36.5039L39.0782 25.0386Z' fill='%23FB923C' fill-opacity='0.25'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 60px;
    transition: background-size .125s ease
}

.kz-halloween .button.button--primary:hover,.kz-halloween a.button.button--primary:hover {
    background-size: auto 72px
}

.kz-halloween .xfa-nit-node-icon>i {
    position: relative
}

.kz-halloween .xfa-nit-node-icon>i::before {
    color: #FFF !important
}

.kz-halloween .xfa-nit-node-icon>i::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -59%);
    width: 38px;
    height: 37px;
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='37' viewBox='0 0 38 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4494 8.45027H10.0318C7.39999 8.45027 5.1275 10.0915 3.55424 12.5291C1.97126 14.9667 1.01953 18.288 1.01953 21.9201C1.01953 25.5522 1.97126 28.8736 3.55424 31.3112C5.1275 33.739 7.39999 35.39 10.0318 35.39H10.4688C11.9256 35.3609 13.324 34.8656 14.47 34.0013C15.6354 34.8656 17.0435 35.3609 18.51 35.39H18.7819C20.2483 35.3609 21.6565 34.8656 22.8219 34.0013C23.9775 34.8656 25.376 35.3609 26.823 35.39H27.2406C29.8724 35.39 32.1449 33.7488 33.7182 31.3112C35.3012 28.8736 36.2529 25.5522 36.2529 21.9201C36.2529 18.288 35.3012 14.9667 33.7182 12.5291C32.1449 10.1012 29.8724 8.45027 27.2406 8.45027H26.8036C25.3469 8.4794 23.9484 8.97469 22.8025 9.83901C22.1129 9.3243 21.3457 8.94556 20.5202 8.71248C20.5397 8.04238 20.4814 7.37229 20.3454 6.71191C19.9473 4.82787 18.9373 3.12836 17.4611 1.88529L16.8687 1.39L16.354 1.96298L14.6545 3.8373L14.0912 4.45884L14.7419 4.99297C15.5188 5.62422 16.0627 6.49825 16.286 7.47912C16.3831 7.91613 16.422 8.37258 16.3831 8.80959C15.6839 9.04267 15.0235 9.39228 14.4311 9.8293C13.2755 8.96498 11.877 8.46969 10.43 8.44056L10.4494 8.45027Z' stroke='%23FB923C' stroke-width='2'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat
}

.kz-halloween .krownSVG {
    margin-right: 0
}

.kz-halloween .krownSVG svg {
    width: 19px;
    height: 19px;
    transform: translate(1.5px, 3px)
}

.kz-halloween .dp-stats-section .stats-number {
    font-family: 'halloween',sans-serif;
    font-weight: normal !important;
    color: #FB923C;
    text-shadow: 0px 0px 12px rgba(251,146,60,0.25)
}

.kz-halloween .p-footer {
    background-image: url("data:image/svg+xml,%3Csvg width='163' height='157' viewBox='0 0 163 157' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0202 0C8.01024 4.47 4.51023 8.42 0.000234375 11.33V12.64C5.20023 9.49 9.20023 5.07 11.3702 0H10.0202ZM161.25 0C158.48 5.52 154.19 10.59 148.72 14.92C144.16 10.91 141.5 5.52 141.32 0H140.04C140.22 5.78 143.01 11.44 147.78 15.65C144.7 17.98 141.29 20.09 137.56 21.9C137.42 21.98 137.27 22.04 137.13 22.1C130.79 16.17 127.93 9.28 128.84 2.12C129.67 1.43 130.49 0.71 131.26 0H129.52C128.97 0.49 128.4 0.97 127.84 1.45C118.96 4.06 108.77 3.48 100.33 0H97.6202C106.01 4.08 116.44 5.21 125.82 3.09C123.17 5.19 120.37 7.17 117.41 9.05C117.36 9.05 117.3 9.04 117.24 9.05C110.99 10.57 104.18 10.36 98.0702 8.47C92.6502 6.8 87.8502 3.82 84.3402 0H82.7402C86.4502 4.3 91.6902 7.65 97.6202 9.48C103.11 11.18 109.13 11.55 114.86 10.62C109.75 13.67 104.3 16.38 98.6402 18.67C86.9102 17.98 76.8902 12.49 68.8202 2.33C68.7002 1.56 68.5702 0.78 68.4302 0H67.1302C67.2302 0.46 67.3002 0.92 67.3802 1.37C61.2702 2.82 52.8802 3.67 46.1702 0H43.5402C43.6102 0.07 43.7002 0.13 43.7702 0.2C43.7702 0.25 43.7702 0.29 43.7702 0.33C46.9202 8.12 44.3402 17.44 37.5302 23.36C34.1302 22.66 30.7402 21.9 27.3802 21.07C32.9502 15.05 36.0502 7.62 36.1502 0H34.8702C34.7802 7.45 31.7102 14.74 26.2002 20.59C26.1502 20.64 26.1302 20.69 26.1102 20.74C21.6102 19.61 17.1502 18.37 12.7202 17.04C19.3502 13.33 23.7002 6.69 23.7202 0H22.4402C22.4202 6.61 17.9402 13.16 11.1902 16.58C7.43023 15.43 3.69023 14.23 -0.00976562 13.01V14.15C3.37023 15.27 6.78023 16.37 10.2202 17.41V17.5C14.3302 32.25 11.7202 47.96 2.92023 61.8C1.95023 62 0.970234 62.19 -0.00976562 62.36V63.46C0.990234 63.28 1.99023 63.09 2.97023 62.89C13.0302 68.62 19.7602 78.85 20.6102 89.66C17.1902 92.4 13.6002 95 9.86023 97.48C11.3602 86.48 7.75023 75.06 -0.00976562 66.11V67.97C7.08023 76.8 10.2102 87.86 8.44023 98.43C7.03023 99.34 3.76023 101.48 -0.00976562 103.93V104.86C0.320234 104.65 0.550234 104.51 0.660234 104.45C8.01023 110.22 10.7302 117.78 9.98023 130.44C9.42023 140.16 8.02023 146.57 5.83023 149.56C5.35023 150.04 4.86023 150.51 4.38023 150.98C4.35023 151 4.32023 151.02 4.29023 151.05C4.19023 151.1 4.13023 151.18 4.08023 151.26C2.74023 152.55 1.38023 153.82 -0.00976562 155.04V156.6C1.79023 155.04 3.55023 153.41 5.29023 151.74C5.84023 151.36 6.36023 150.86 6.84023 150.22C22.9002 134.24 36.1202 113.54 45.9402 92.07C46.0002 92.05 46.0602 92 46.1102 91.96C46.2202 91.9 46.3102 91.83 46.3802 91.73C52.7002 79.97 64.9402 70.98 75.7502 63.05C91.8302 51.24 108.46 39.03 125.44 27.65C125.84 27.55 126.25 27.42 126.64 27.3C126.65 27.3 126.65 27.31 126.66 27.31C126.77 27.39 126.91 27.41 127.04 27.41C127.23 27.41 127.43 27.33 127.56 27.19C127.6 27.13 127.65 27.06 127.66 26.99C131.38 25.83 134.91 24.44 138.2 22.83C149.48 17.32 158.12 9.24 162.62 0H161.24L161.25 0ZM98.8802 19.76C99.1802 19.77 99.4802 19.79 99.7902 19.8C99.2302 24.3 100.93 28.02 104.43 30.13C103.55 30.19 102.65 30.25 101.76 30.28C97.3902 30.47 92.8502 30.42 88.1402 30.12C85.7402 29.31 82.5602 26.99 82.2902 25.09C87.9002 23.72 93.4702 21.93 98.8802 19.76ZM34.9102 51.57C39.3602 49.21 43.6102 46.58 47.5902 43.68C50.7702 45.85 52.9002 48.51 53.6702 51.3C51.3002 55.52 48.6702 59.62 45.7802 63.58C43.9502 58.6 39.8702 54.08 34.9102 51.57ZM44.8502 64.82C41.4102 69.41 37.6402 73.81 33.5302 78.01C32.6302 70.55 27.8002 63.42 20.0702 58.12C24.7902 56.43 29.3402 54.46 33.7002 52.21C38.9502 54.67 43.2502 59.53 44.8502 64.82ZM53.6602 10.4C57.5002 15.11 61.0402 20.64 63.3902 26.84C58.9802 26.58 54.6002 26.12 50.2402 25.51C53.7002 21.12 54.9502 15.55 53.6602 10.4ZM86.3702 31.07C75.9202 38.04 67.0102 46.64 59.5402 54.41C61.8802 45.65 63.5702 37.14 64.5502 29.2C64.6602 28.86 64.7502 28.53 64.8602 28.19C72.5002 29.63 79.6302 30.58 86.3702 31.07ZM67.8002 27.63C72.1802 27.17 76.6202 26.41 81.0502 25.39C81.3902 27.03 83.1402 28.71 85.1002 29.9C79.6202 29.45 73.8702 28.7 67.8002 27.63ZM58.5502 53.21C58.3602 52.91 58.1402 52.63 57.8402 52.39C57.1002 51.8 56.1202 51.47 55.0202 51.45V51.41C57.8502 46.33 60.2902 41.08 62.3302 35.68C61.3902 41.33 60.1302 47.2 58.5502 53.21ZM64.4202 26.05C62.1202 20.15 58.7902 14.86 55.1502 10.32C57.4802 11.18 60.0402 11.62 62.6002 11.62C64.4402 11.62 66.2902 11.38 68.0502 10.92C67.8702 16.38 66.6602 21.44 64.4202 26.05ZM63.0402 27.89C59.0202 32.59 54.4802 36.9 49.5002 40.79C51.6102 36.1 51.6702 30.95 49.6302 26.51C54.0702 27.14 58.5402 27.62 63.0402 27.89ZM63.0902 29.67C60.8802 36.63 57.9902 43.36 54.4902 49.82C53.4502 47.3 51.4102 44.93 48.5602 42.95C53.9002 38.98 58.7802 34.54 63.0902 29.67ZM54.3902 52.52H54.5402C55.5002 52.46 56.3602 52.69 56.9602 53.17C57.5202 53.61 57.8202 54.26 57.7702 54.98C57.7702 55.14 57.8502 55.28 57.9702 55.38C56.7702 59.75 55.4302 64.18 53.9102 68.64C53.5302 67.8 52.9602 67.02 52.2002 66.38C50.4902 64.9 48.6902 64.28 46.6602 64.43C49.4802 60.58 52.0602 56.6 54.3902 52.52ZM58.9202 56.72C58.9202 56.72 59.0202 56.67 59.0702 56.62C66.9202 48.35 76.4802 38.89 87.8202 31.46C87.9202 31.4 87.9802 31.31 88.0202 31.21C88.0402 31.21 88.0602 31.22 88.0802 31.22C88.1202 31.22 88.1402 31.2 88.1702 31.2C91.0202 31.37 93.8002 31.46 96.5202 31.46C98.3102 31.46 100.07 31.42 101.82 31.35C102.8 31.31 103.78 31.25 104.75 31.18C88.8302 39.75 72.3302 52.83 54.4602 71.06C54.4602 71.03 54.4402 71 54.4402 70.97C56.1202 66.18 57.6002 61.42 58.9202 56.72ZM96.3902 19.55C91.7002 21.34 86.9002 22.85 82.0802 24.03H82.0602C76.6002 20.39 72.4002 15.62 69.8402 10.2C69.9102 10.07 69.9202 9.92 69.8602 9.78C69.7602 9.6 69.5702 9.49 69.3602 9.46C69.3502 7.87 69.2702 6.24 69.1002 4.57C76.6502 13.39 85.8102 18.4 96.3902 19.55ZM69.2902 11.88C71.8502 16.72 75.7302 21 80.6002 24.38C75.5302 25.55 70.4502 26.37 65.4602 26.77C67.7302 22.23 69.0002 17.24 69.2902 11.88ZM67.3902 2.49C67.4502 2.57 67.5202 2.64 67.5802 2.72C67.9202 5.14 68.0902 7.5 68.0702 9.78C63.3502 11.17 57.8202 10.65 53.5802 8.42C51.4502 5.93 49.2602 3.69 47.1602 1.71C52.5602 4.04 59.4602 4.31 67.3902 2.49ZM45.6502 1.9C47.7502 3.85 49.9602 6.08 52.1202 8.56C52.1102 8.63 52.1102 8.68 52.1202 8.73C51.9902 8.87 51.9302 9.05 51.9902 9.22C53.9002 14.62 52.6902 20.72 48.8402 25.33C45.5402 24.85 42.2602 24.28 38.9802 23.63C45.3002 17.86 47.8502 9.51 45.6502 1.9ZM48.2102 26.32C48.2102 26.38 48.2102 26.42 48.2302 26.48C50.7102 31.44 50.3002 37.44 47.1802 42.56C43.3702 45.36 39.3302 47.91 35.1002 50.21C40.2602 42.53 41.3402 33.11 37.9602 24.54C41.3602 25.22 44.7802 25.82 48.2102 26.32ZM27.5402 22.22C30.5402 22.96 33.5702 23.63 36.6002 24.26C36.5702 24.36 36.5802 24.46 36.6102 24.57C40.2702 33.5 38.8802 43.45 32.9102 51.2C32.8502 51.26 32.8202 51.34 32.8102 51.41C28.4302 53.66 23.8402 55.63 19.0902 57.31C26.3802 46.81 29.2802 34.72 27.5402 22.22ZM11.6402 17.85C16.4402 19.29 21.3002 20.65 26.2002 21.88C28.0702 34.51 25.1302 46.74 17.6302 57.28C17.5102 57.45 17.5102 57.66 17.6302 57.83C13.4002 59.26 9.04023 60.48 4.58023 61.45C12.9902 47.78 15.5002 32.38 11.6402 17.85ZM4.62023 62.55C9.45023 61.51 14.1702 60.19 18.7402 58.6C26.8402 63.97 31.7902 71.37 32.3502 79.05C32.3502 79.09 32.3702 79.13 32.3902 79.17C29.0702 82.49 25.5302 85.67 21.8102 88.7C20.6802 78.23 14.2002 68.38 4.62023 62.55ZM8.65023 146.7C9.98023 143.06 10.8602 137.68 11.2802 130.49C12.0302 117.59 9.25023 109.81 1.73023 103.84C4.15023 102.45 6.52024 101.02 8.81024 99.53C18.9102 110.02 23.1902 119.87 15.4502 138.7C15.3902 138.82 15.4102 138.94 15.4602 139.06C13.2502 141.69 10.9902 144.25 8.65023 146.7ZM33.0302 114.1C28.3802 121.89 23.2702 129.36 17.7202 136.29C24.0702 118.84 19.4302 108.88 9.82023 98.88C13.8802 96.24 17.7402 93.43 21.4402 90.5C29.8302 93.99 34.2602 102.97 33.0302 114.1ZM45.2202 90.66C42.0102 97.78 38.4302 104.82 34.4902 111.64C34.8502 101.41 30.3702 93.22 22.4002 89.71C26.3702 86.5 30.1202 83.12 33.6402 79.59C37.2202 79.74 41.1402 81.26 43.0002 83.25C44.9102 85.31 45.7302 88.08 45.2202 90.66ZM44.0102 82.6C41.8502 80.28 37.9502 78.92 34.6302 78.58C38.6502 74.46 42.3702 70.13 45.7602 65.63H45.7702C47.8902 65.18 49.5502 65.62 51.2902 67.12C52.4402 68.12 53.0902 69.47 53.1602 70.85C51.1902 76.47 48.9702 82.12 46.5302 87.73C46.2302 85.87 45.3802 84.07 44.0102 82.6ZM74.9102 62.25C65.7402 68.98 55.5402 76.49 48.7002 85.82C50.4002 81.82 51.9802 77.8 53.4302 73.79C72.5802 53.97 90.0902 40.07 106.96 31.28C107.02 31.3 107.08 31.32 107.13 31.34C107.21 31.36 107.28 31.37 107.36 31.37C107.62 31.37 107.87 31.24 107.96 31.02C107.98 30.99 107.98 30.95 107.98 30.91C112.89 30.43 117.61 29.63 122.12 28.53C105.99 39.43 90.2102 51.01 74.9102 62.25ZM125.13 26.5C125.03 26.57 124.92 26.64 124.83 26.7C119.12 28.31 112.98 29.42 106.58 29.97C101.39 27.85 100.39 22.88 101.25 18.78C106.6 16.5 111.74 13.85 116.57 10.9C116 16.5 119.28 22.35 125.29 26.43C125.23 26.45 125.18 26.47 125.13 26.5ZM126.87 26.1C120.34 22 116.89 15.79 117.99 10.03C121.33 7.91 124.5 5.66 127.45 3.27C126.97 10.21 129.91 16.87 136 22.64C133.12 23.95 130.07 25.1 126.87 26.1Z' fill='%2318181B'/%3E%3C/svg%3E%0A"),url("data:image/svg+xml,%3Csvg width='249' height='150' viewBox='0 0 249 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M248.81 0C236.73 13.56 228.71 30.97 225.75 49.39C212.48 56.82 198.14 54.24 188.42 50.73H188.38C188.28 50.69 188.17 50.67 188.05 50.69C187.79 50.74 187.62 50.96 187.59 51.21C176.96 72.32 150.1 86.84 125 85.01C124.99 85.01 124.98 85.02 124.97 85.02C124.91 85.02 124.84 85.03 124.78 85.05C124.76 85.06 124.74 85.05 124.72 85.06C124.64 85.1 124.58 85.15 124.52 85.21C124.52 85.21 124.513 85.21 124.5 85.21C124.5 85.21 124.49 85.25 124.47 85.27C124.45 85.31 124.42 85.34 124.4 85.38C124.39 85.4 124.4 85.41 124.39 85.43C124.38 85.46 124.38 85.49 124.38 85.52C124.37 85.58 124.37 85.64 124.37 85.69C124.38 85.71 124.37 85.72 124.37 85.74C128.02 101.28 123.05 117.17 115.18 130.11C115.18 130.1 115.18 130.09 115.16 130.08C109.92 125.7 102.38 123.74 94.99 124.82C87.65 125.9 83.86 127.87 79.39 132.96C79.33 133.03 79.29 133.11 79.27 133.19C69.91 130.28 60.08 128.94 50.38 129.42C32.14 130.32 14.04 137.65 0 149.5H1.88C15.56 138.35 32.93 131.49 50.44 130.62C66.97 129.8 83.91 134.32 98.12 143.03C79.57 137.3 58.63 139.72 40.52 149.5H43.11C61.95 140.01 83.6 138.46 102.22 145.73C102.24 145.74 102.25 145.75 102.26 145.76C100.11 146.94 97.97 148.18 95.84 149.5H98.15C99.87 148.46 101.61 147.48 103.34 146.53C104.66 147.48 105.95 148.47 107.21 149.5H109.08C107.6 148.24 106.08 147.05 104.52 145.9C109.97 143 115.46 140.54 121 138.52C121.09 138.57 121.19 138.6 121.29 138.6C121.42 138.6 121.55 138.56 121.66 138.48C121.81 138.36 121.96 138.24 122.1 138.12C128.23 135.95 134.42 134.29 140.65 133.19C140.7 133.2 140.74 133.21 140.79 133.21C140.9 133.21 141.01 133.17 141.11 133.1C149.54 131.64 158.06 131.16 166.67 131.64C165.57 137.55 161.9 145.21 157.13 149.5H158.87C163.4 144.87 166.83 137.47 167.87 131.73C168.95 131.81 170.04 131.88 171.12 131.98C170.18 138.22 167.87 144.24 164.41 149.5H165.83C169.17 144.25 171.39 138.28 172.31 132.12C175.09 132.41 177.87 132.8 180.66 133.29C180.76 133.37 180.88 133.42 181.01 133.42C181.05 133.42 181.1 133.4 181.15 133.39C195.73 136.02 210.53 141.38 225.53 149.5H228.03C215.34 142.44 202.78 137.34 190.38 134.17C194.96 131.6 196.7 128.77 197.05 123.44C201.86 126.3 206.64 129.16 211.39 132.01C221.63 138.15 231.37 143.98 241.07 149.5H243.49C233.59 143.89 223.65 137.95 213.21 131.7C215.25 131.31 217.2 129.92 218.39 127.85C219.52 125.89 219.88 123.68 219.97 121.69C226.77 130.94 234.59 140.18 243.49 149.5H246.42L245.46 146.8C239.03 128.75 231.95 108.87 228.24 89.36C228.28 89.27 228.3 89.18 228.29 89.08C228.28 88.94 228.21 88.83 228.13 88.74C227.02 82.81 226.22 76.91 225.86 71.11C225.42 64.05 225.78 56.98 226.86 50.04C226.94 49.91 226.96 49.75 226.93 49.6C229.77 31.85 237.37 15.05 248.81 1.8V0ZM225.52 50.87C224.63 56.99 224.31 63.22 224.58 69.44C213.75 72.08 202.27 70.34 192.15 64.53C190.94 60.46 189.89 56.35 188.99 52.2C202.52 56.84 215.1 56.38 225.52 50.87ZM196.05 79.73C194.12 88.13 187.28 95.89 179.78 98.17C172.4 100.42 164.49 100.88 156.8 99.55C153.77 97.99 150.74 96.47 147.68 94.99C167.44 94.53 183.98 83.72 191.46 66.36C192.83 70.8 194.39 75.2 196.14 79.56C196.11 79.61 196.07 79.66 196.05 79.73ZM196.86 81.33C198.31 84.81 199.88 88.27 201.58 91.71C201.53 91.71 201.47 91.71 201.42 91.74C201.25 91.81 201.13 91.95 201.08 92.12C199.22 98.41 195.79 102.83 190.9 105.25C183.19 109.07 173.63 107.17 167.36 105.12C164.92 103.79 162.47 102.49 160.02 101.21C166.79 101.92 173.66 101.29 180.13 99.32C187.61 97.04 194.46 89.6 196.86 81.33ZM129.29 86.37C152.99 86.37 177.34 72.67 187.96 53.07C188.81 56.95 189.79 60.78 190.91 64.58C190.91 64.58 190.9 64.59 190.89 64.6C183.65 82.86 166.3 94.06 145.7 93.81C145.59 93.82 145.49 93.86 145.4 93.91C139.75 91.23 134.07 88.69 128.33 86.34C128.65 86.34 128.97 86.37 129.29 86.37ZM80.44 133.59C84.63 128.89 88.24 127.03 95.17 126.02C102.22 124.99 109.41 126.85 114.39 131.01C114.45 131.06 114.51 131.09 114.58 131.11C113.53 132.79 112.43 134.42 111.29 135.99C109.27 133.62 105.72 132.03 101.15 131.51C94.87 130.79 88.38 132.27 84.89 135.19C83.42 134.62 81.94 134.08 80.44 133.59ZM104.06 144.74C104.06 144.74 104.02 144.8 104 144.83C103.81 144.93 103.62 145.02 103.43 145.13C103.34 145.07 103.26 145.01 103.18 144.95C103.11 144.85 103.03 144.76 102.91 144.71C102.87 144.7 102.83 144.68 102.79 144.67C97.62 141.08 92.04 138.08 86.18 135.7C89.51 133.29 95.45 132.07 101.02 132.7C105.35 133.2 108.8 134.75 110.56 136.97C108.47 139.78 106.28 142.39 104.06 144.74ZM121.53 137.06C116.66 138.79 111.83 140.85 107.03 143.25C119.41 129.14 130.18 107.65 125.78 86.6C132.24 89.19 138.63 92.02 144.98 95.04C144.95 95.12 144.94 95.2 144.94 95.29C146.38 110.25 132.31 128.48 121.53 137.06ZM140.55 131.98C135.22 132.92 129.93 134.26 124.68 135.98C135.14 126.69 147.25 109.82 146.17 95.6C149.02 96.97 151.86 98.38 154.7 99.82C154.69 99.87 154.67 99.92 154.68 99.98C156.34 111.84 147.48 123.87 140.55 131.98ZM154.84 130.16C154.76 130.23 154.72 130.32 154.69 130.41C150.56 130.61 146.45 131.04 142.36 131.69C149.12 123.63 157.13 112.18 155.97 100.64C156.13 100.67 156.29 100.69 156.45 100.71C158.99 102.02 161.52 103.34 164.04 104.68C164.03 104.75 164.01 104.82 164.02 104.89C165.65 113.9 162.3 123.11 154.84 130.16ZM181.03 132.14C172.73 130.66 164.5 130.06 156.36 130.34C163.35 123.37 166.6 114.49 165.37 105.7C165.84 105.87 166.35 106.04 166.88 106.22C174.88 110.55 182.8 115.07 190.64 119.67C190.28 126.04 185.3 129.95 181.03 132.14ZM188.66 133.73C186.74 133.27 184.81 132.86 182.89 132.49C186.97 130.13 191.2 126.27 191.79 120.35C193.16 121.15 194.52 121.96 195.89 122.76C195.64 128.56 193.98 131.06 188.66 133.73ZM202.28 124.86C202.12 124.79 201.95 124.81 201.8 124.88C191.97 119.02 182.02 113.18 171.93 107.61C177.91 108.95 185.21 109.41 191.43 106.33C196.46 103.84 200.02 99.41 202.02 93.14C202.14 93.2 202.27 93.27 202.39 93.34C205.69 99.85 209.47 106.31 213.72 112.74C213.65 116.63 211.89 120.46 208.98 123.03C207.24 124.55 204.58 125.83 202.28 124.86ZM217.35 127.26C216.2 129.26 213.75 131.02 211.28 130.55C208.96 129.16 206.63 127.77 204.3 126.37C206.35 126.27 208.34 125.18 209.77 123.93C212.48 121.54 214.26 118.15 214.77 114.58C215.02 114.87 215.28 115.16 215.54 115.45C216.59 116.99 217.68 118.53 218.79 120.07C218.83 123.22 218.39 125.46 217.35 127.26ZM242.2 141.23C242.92 143.24 243.63 145.24 244.33 147.21L245.14 149.49C240.63 144.8 236.4 140.13 232.43 135.47C235.59 137.79 238.81 139.69 242.19 141.23H242.2ZM239.12 132.42C239.95 134.84 240.8 137.25 241.64 139.63C237.19 137.49 232.99 134.69 228.85 131.08C228.8 131.04 228.75 131.01 228.69 130.99C225.85 127.51 223.17 124.03 220.62 120.55C225.74 125.1 231.8 129.02 239.02 132.39C239.05 132.41 239.09 132.41 239.12 132.42ZM231.91 109.77C233.93 116.89 236.22 123.94 238.58 130.84C229.45 126.45 222.21 121.17 216.52 114.75C215.97 113.95 215.43 113.14 214.9 112.33C214.86 112.23 214.81 112.15 214.73 112.08C210.85 106.21 207.37 100.33 204.29 94.39C206.69 95.8 209.35 97.56 212.12 99.4C218.91 103.92 225.94 108.59 231.66 109.78C231.74 109.8 231.83 109.78 231.91 109.77ZM231.56 108.52C226.11 107.26 219.04 102.56 212.78 98.4C209.37 96.14 206.13 93.99 203.3 92.46C201.48 88.85 199.81 85.22 198.27 81.57C204.13 85.05 215.49 90.58 227.09 89.77C228.29 96.01 229.82 102.28 231.56 108.52ZM226.88 88.58C214.61 89.39 202.61 82.91 197.48 79.68C195.66 75.22 194.06 70.72 192.66 66.18C202.7 71.61 213.97 73.2 224.64 70.66C224.65 70.84 224.65 71.02 224.66 71.19C225.02 76.92 225.8 82.73 226.88 88.58Z' fill='%2318181B'/%3E%3C/svg%3E%0A");
    background-position: top left,bottom right;
    z-index: 1
}

.hw-spiderweb-wrapper {
    position: sticky;
    top: 0;
    width: 100%;
    height: 406px;
    z-index: 1
}

.hw-spiderweb {
    width: auto;
    height: 100%
}

.hw-spiderweb .spider {
    animation: swing 4s ease-in-out infinite
}

.hw-spiderweb:nth-child(1) {
    position: absolute;
    top: 0;
    left: -8px;
    max-height: 300px
}

.hw-spiderweb:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    max-height: 360px
}

.hw-spiderweb:nth-child(2) .spider {
    animation-duration: 8s
}

.hw-bg {
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 1920px
}

.hw-bg img {
    object-fit: cover;
    object-position: center bottom;
    width: 100%;
    max-width: 1920px
}

[data-logged-in="true"] [data-template="forum_list"] .hw-bg img,[data-logged-in="true"] [data-template="thread_view"] .hw-bg img,[data-logged-in="true"] [data-template="tlg_thread_view"] .hw-bg img,[data-logged-in="true"] [data-template="thread_view_type_suggestion"] .hw-bg img,[data-logged-in="true"] [data-template="thread_view_type_question"] .hw-bg img,[data-logged-in="true"] [data-template="thread_view_type_poll"] .hw-bg img,[data-logged-in="true"] [data-template="thread_view_type_article"] .hw-bg img {
    height: 500px
}

@keyframes swing {
    0%,100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-3rem)
    }
}

@media (max-width: 900px) {
    .hw-bg img {
        height:375px !important
    }
	.p-navgroup-link--newPosts {
		display: none !important;
	}
	.special-badge.upgrade {
		display: none !important;
	}
	.kz-background > .grid-svg-wrapper > svg {
		display: none !important;
	}
}

@media (max-width: 650px) {
    .hw-bg img {
        height:320px !important
    }

    .hw-spiderweb:nth-child(1) {
        max-height: 200px
    }

    .hw-spiderweb:nth-child(2) {
        max-height: 260px
    }
}

/** Earn XP **/
.earn-xp-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px;
    padding: 1.25rem;
}

.earn-xp-item {
    border-radius: 0.75rem;
    padding: 0.75rem;
    background: #212125;
}

.earn-xp-task {
    display: inline-flex;
    margin-left: 0.25rem;
    vertical-align: bottom;
    color: #FFF;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin: 0;
    margin-bottom: 0.5rem;
}

.earn-xp-amount {
    width: fit-content;
    color: #006fcd;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 0.5rem;
    background: rgba(74, 105, 222, 0.1);
    margin-left: auto;
}

/** Global level **/
.kz-userlevel {
    display: grid;
    gap: 0.5rem;
}

.kz-userlevel-bar {
    background: #39393F;
    height: 6px;
    border-radius: 999px;
    overflow: hidden;
    cursor: pointer;
}

.kz-userlevel-bar-perc {
    background: #006fcd;
    height: 100%;
    transition: width .5s ease;
}

.kz-userlevel-data {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.kz-userlevel-badge {
    color: #006fcd;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    background: rgba(74, 105, 222, 0.1);
}

.kz-userlevel-current-xp {
    color: #006fcd;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 600;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}


.menuTrigger {
    cursor: pointer
}

.menuTrigger:after {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 300;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d7";
    width: 1.2em;
    display: inline-block;
    text-align: center;
    font-weight: 900;
    unicode-bidi: isolate
}

.menuOutsideClicker {
    position: fixed;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.menuOutsideClicker.is-active {
    display: block;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.menu {
    display: none;
    opacity: 0;
    -webkit-transition: all .25s ease, -xf-opacity .25s ease;
    transition: all .25s ease, -xf-opacity .25s ease;
    position: absolute;
    z-index: 200;
    margin: 8px 0 0;
    min-width: 240px;
    max-width: 320px;
    border-radius: 12px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.35)
}

.menu.is-active {
    display: block;
    opacity: 1
}

.menu.is-transitioning {
    display: block
}

.menu.menu--structural {
    margin-top: 0
}

.menu.menu--structural.menu--left {
    border-top-left-radius: 0
}

.menu.menu--structural.menu--right {
    border-top-right-radius: 0
}

.menu.menu--superWide {
    width: 75%;
    max-width: calc(100% - 12px)
}

.menu.menu--veryWide {
    width: 500px;
    max-width: calc(100% - 12px)
}

.menu.menu--wide {
    width: 350px;
    max-width: calc(100% - 12px)
}

.menu.menu--medium {
    width: 300px;
    max-width: calc(100% - 12px)
}

.menu.menu--potentialFixed {
    z-index: 400
}

.menu-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    top: -8px;
    left: 50%;
    margin-left: -8px;
    border: 8px solid transparent;
    border-top-width: 0;
    border-bottom-color: #fff
}

.menu--structural .menu-arrow {
    top: -8px
}

.menu--up .menu-arrow {
    display: none
}

.menu-content {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    font-size: 14px;
    color: #A4A6A8;
    background: #151518;
    border: 1px solid #292a2b;
    border-radius: 12px;
    border-top: 3px solid #fff
}

.menu--potentialFixed .menu-content {
    overflow: auto;
    max-height: 450px;
    max-height: 80vh
}

.menu-content>:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.menu-content>:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.menu--pageJump {
    width: auto;
    min-width: 0
}

.menu-header {
    padding: 8px 20px;
    margin: 0;
    font-weight: 500;
    text-decoration: none;
    font-size: 16px;
    color: #FFFFFF;
    border-bottom: 1px solid #292a2b;
    font-family: 'kingzheader',sans-serif
}

.menu-header:before,.menu-header:after {
    content: " ";
    display: table
}

.menu-header:after {
    clear: both
}

.menu-header a {
    color: inherit;
    text-decoration: none
}

.menu-header a:hover {
    text-decoration: underline
}

.menu-header.menu-header--small {
    font-size: 14px
}

.menu-header.menu-header--sticky {
    position: sticky;
    top: 0
}

.menu-header .menu-desc {
    color: rgba(255,255,255,0.7)
}

.menu-header .menu-desc a {
    color: inherit;
    text-decoration: underline
}

.menu-desc {
    display: block;
    font-size: 13px;
    font-weight: 500
}

.menu-tabHeader {
    padding: 0;
    margin: 0;
    font-weight: 500;
    text-decoration: none;
    font-size: 14px;
    color: #FFFFFF;
    background: #1B1B1E;
    font-size: 0
}

.menu-tabHeader .tabs-tab,.menu-tabHeader .tabs-text,.menu-tabHeader .tabs-extra,.menu-tabHeader .hScroller-action {
    font-size: 14px
}

.menu-tabHeader .tabs-tab {
    padding: 8px 20px 5px;
    border-bottom: 3px solid transparent
}

.menu-tabHeader .tabs-tab:hover {
    color: #FFFFFF
}

.menu-tabHeader .tabs-tab.is-active {
    color: #FFF;
    border-color: #FFF
}

.menu-tabHeader .tabs-text {
    padding: 8px 20px 5px;
    border-bottom: 3px solid transparent
}

.menu-tabHeader .hScroller-action {
    color: #fff
}

.menu-tabHeader .hScroller-action:hover {
    color: #fff
}

.menu-tabHeader .hScroller-action.hScroller-action--start {
    background: #1b1b1e;
    background: linear-gradient(to right, #1b1b1e 66%, rgba(27,27,30,0) 100%)
}

.menu-tabHeader .hScroller-action.hScroller-action--end {
    background: #1b1b1e;
    background: linear-gradient(to right, rgba(27,27,30,0) 0%, #1b1b1e 33%)
}

.menu-scroller {
    overflow: auto;
    max-height: 300px;
    max-height: 60vh;
    -webkit-overflow-scrolling: touch
}

.menu-row+.menu-scroller {
    border-top: 1px solid #292a2b
}

.menu-row {
    margin: 0;
    padding: 8px 20px
}

.menu-row:before,.menu-row:after {
    content: " ";
    display: table
}

.menu-row:after {
    clear: both
}

.menu-row.menu-row--alt {
    color: #A4A6A8;
    background: #151518
}

.menu-row.menu-row--highlighted {
    color: #A4A6A8;
    background: #1b1b1e
}

.menu-row.menu-row--close {
    padding-left: 12px;
    padding-right: 12px
}

.menu-row.menu-row--separated+.menu-row {
    border-top: 1px solid #292a2b
}

.menu-row.menu-row--clickable:hover {
    background: #1b1b1e
}

.menu-row:empty {
    padding: 0
}

.menu-linkRow {
    display: block;
    padding: 8px 20px 8px 17px;
    border-left: 3px solid transparent;
    border: 0;
    color: #A4A6A8;
    text-decoration: none
}

.menu-linkRow.menu-linkRow--alt {
    color: #A4A6A8;
    background: #151518
}

.menu-linkRow.is-selected,.menu-linkRow:hover,.menu-linkRow:focus {
    color: #22c55e;
    text-decoration: none;
    background: #1b1b1e;
    border-left-color: rgba(255,255,255,0.5)
}

.menu-linkRow.is-selected:focus,.menu-linkRow:hover:focus,.menu-linkRow:focus:focus {
    outline: 0
}

.menu-linkRow.is-selected.is-selected,.menu-linkRow:hover.is-selected,.menu-linkRow:focus.is-selected {
    border-left-color: #FFF
}

.menu-linkRow.is-hidden {
    display: none
}

.menu-linkRow i[aria-hidden=true] {
    font-size: 14px;
    display: inline-block;
    width: 23px
}

.menu-linkRow i[aria-hidden=true]~.menu-linkRow-hint {
    padding-left: 23px
}

.menu-linkRow:hover i[aria-hidden=true]:after {
    color: #22c55e
}

.menu-linkRow-hint {
    font-style: inherit;
    font-size: 12px;
    color: #8c8c8c;
    display: block
}

.menu-separator {
    margin: 0 10px;
    padding: 0;
    border: none;
    border-top: 1px solid #292a2b
}

.menu-separator.menu-separator--hard {
    margin: 0
}

.menu-separator+.menu-separator,.menu-separator:last-child {
    display: none
}

.menu-footer {
    padding: 8px 20px;
    font-size: 13px;
    color: #98999a;
    background: #151518
}

.menu-footer:before,.menu-footer:after {
    content: " ";
    display: table
}

.menu-footer:after {
    clear: both
}

.menu-footer.menu-footer--close {
    padding-left: 12px;
    padding-right: 12px
}

.menu-footer:not(.menu-footer--split) .menu-footer-counter {
    float: left
}

.menu-footer:not(.menu-footer--split) .menu-footer-controls {
    float: right
}

.menu-footer.menu-footer--split {
    display: flex;
    align-items: center
}

.menu-footer.menu-footer--split .menu-footer-main,.menu-footer.menu-footer--split .menu-footer-counter {
    flex-grow: 1
}

.menu-footer.menu-footer--split .menu-footer-select:not(:last-child) {
    margin: 0 1em
}

.menu-footer.menu-footer--split .menu-footer-opposite,.menu-footer.menu-footer--split .menu-footer-controls {
    margin-left: auto
}

.menu .block {
    margin: 0
}

.menu .block .block-container {
    color: inherit;
    background: none;
    border: none;
    border-radius: 0
}

.menu .block .block-container>.block-header:first-child {
    display: none
}

.menu .block .block-body {
    border-radius: 0
}



















.signature-section>div:not(.signature-username) {
    flex: 1;
    height: 1px;
    background-color: #292A2B
}



[data-widget-key="forum_overview_new_posts"] .block-minorHeader {
    display: flex;
    align-items: center;
	justify-content: center;
}

.kz-live-posts-badge .live-circle-small {
    animation: live-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.kz-live-posts-badge .live-circle-large {
    animation: live-pulse 2s .4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes live-pulse {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

.kz-live-posts-badge {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-family: 'Inter', sans-serif;
    color: #006fcd;
    font-size: 12px;
    font-weight: 600;
    padding: 0 0.5rem;
    border-radius: 999px;
    background: rgba(74, 105, 222, 0.1);
    margin-left: 0.75rem;
}


.button.button--link:hover, a.button.button--link:hover, .button.button--link:active, a.button.button--link:active, .button.button--link:focus, a.button.button--link:focus {
	background: #27272d;
	border: none;
}

.button.button--link, a.button.button--link {
	border: none;
}

.xfa-nit-node-icon > i:before {
	font-weight: 100;
}

.dp-changecover {
	display: flex;
    justify-content: flex-end;
    position: absolute;
    margin: 2rem;
    width: 1350px;
}

.globalAction {
    display: none !important;
}

[data-template="thread_view"] .js-quickReply .block-container,[data-template="conversation_view"] .js-quickReply .block-container,[data-template="tlg_thread_view"] .js-quickReply .block-container,[data-template="thread_view_type_suggestion"] .js-quickReply .block-container,[data-template="thread_view_type_question"] .js-quickReply .block-container,[data-template="thread_view_type_poll"] .js-quickReply .block-container,[data-template="thread_view_type_article"] .js-quickReply .block-container {
    background: none
}

[data-template="thread_view"] .message--quickReply .message-inner,[data-template="conversation_view"] .message--quickReply .message-inner,[data-template="tlg_thread_view"] .message--quickReply .message-inner,[data-template="thread_view_type_suggestion"] .message--quickReply .message-inner,[data-template="thread_view_type_question"] .message--quickReply .message-inner,[data-template="thread_view_type_poll"] .message--quickReply .message-inner,[data-template="thread_view_type_article"] .message--quickReply .message-inner {
    gap: 1.25rem
}

[data-template="thread_view"] .message--quickReply .message-cell.message-cell--user,[data-template="conversation_view"] .message--quickReply .message-cell.message-cell--user,[data-template="tlg_thread_view"] .message--quickReply .message-cell.message-cell--user,[data-template="thread_view_type_suggestion"] .message--quickReply .message-cell.message-cell--user,[data-template="thread_view_type_question"] .message--quickReply .message-cell.message-cell--user,[data-template="thread_view_type_poll"] .message--quickReply .message-cell.message-cell--user,[data-template="thread_view_type_article"] .message--quickReply .message-cell.message-cell--user {
    padding: 0 !important;
    flex-shrink: 0
}

[data-template="thread_view"] .message--quickReply .message-cell.message-cell--user .avatar,[data-template="conversation_view"] .message--quickReply .message-cell.message-cell--user .avatar,[data-template="tlg_thread_view"] .message--quickReply .message-cell.message-cell--user .avatar,[data-template="thread_view_type_suggestion"] .message--quickReply .message-cell.message-cell--user .avatar,[data-template="thread_view_type_question"] .message--quickReply .message-cell.message-cell--user .avatar,[data-template="thread_view_type_poll"] .message--quickReply .message-cell.message-cell--user .avatar,[data-template="thread_view_type_article"] .message--quickReply .message-cell.message-cell--user .avatar {
    width: 40px;
    height: 40px
}

[data-template="thread_view"] .message--quickReply .message-cell.message-cell--main,[data-template="conversation_view"] .message--quickReply .message-cell.message-cell--main,[data-template="tlg_thread_view"] .message--quickReply .message-cell.message-cell--main,[data-template="thread_view_type_suggestion"] .message--quickReply .message-cell.message-cell--main,[data-template="thread_view_type_question"] .message--quickReply .message-cell.message-cell--main,[data-template="thread_view_type_poll"] .message--quickReply .message-cell.message-cell--main,[data-template="thread_view_type_article"] .message--quickReply .message-cell.message-cell--main {
    padding: 0 !important
}

[data-template="thread_view"] .message.message--quickReply .message-editorWrapper,[data-template="conversation_view"] .message.message--quickReply .message-editorWrapper,[data-template="tlg_thread_view"] .message.message--quickReply .message-editorWrapper,[data-template="thread_view_type_suggestion"] .message.message--quickReply .message-editorWrapper,[data-template="thread_view_type_question"] .message.message--quickReply .message-editorWrapper,[data-template="thread_view_type_poll"] .message.message--quickReply .message-editorWrapper,[data-template="thread_view_type_article"] .message.message--quickReply .message-editorWrapper {
    display: flex;
    gap: 1.25rem
}

[data-template="thread_view"] .message--quickReply .formButtonGroup,[data-template="conversation_view"] .message--quickReply .formButtonGroup,[data-template="tlg_thread_view"] .message--quickReply .formButtonGroup,[data-template="thread_view_type_suggestion"] .message--quickReply .formButtonGroup,[data-template="thread_view_type_question"] .message--quickReply .formButtonGroup,[data-template="thread_view_type_poll"] .message--quickReply .formButtonGroup,[data-template="thread_view_type_article"] .message--quickReply .formButtonGroup {
    flex-direction: column;
    margin: 0
}

[data-template="thread_view"] .fr-box.fr-basic,[data-template="conversation_view"] .fr-box.fr-basic,[data-template="tlg_thread_view"] .fr-box.fr-basic,[data-template="thread_view_type_suggestion"] .fr-box.fr-basic,[data-template="thread_view_type_question"] .fr-box.fr-basic,[data-template="thread_view_type_poll"] .fr-box.fr-basic,[data-template="thread_view_type_article"] .fr-box.fr-basic {
    display: flex;
    flex-direction: column-reverse;
    border-radius: 12px;
    padding: 0 !important;
    background: #000 !important;
    height: fit-content;
    min-width: 90%;
    transition: box-shadow .25s ease
}

[data-template="thread_view"] .fr-box.fr-basic.is-focused,[data-template="conversation_view"] .fr-box.fr-basic.is-focused,[data-template="tlg_thread_view"] .fr-box.fr-basic.is-focused,[data-template="thread_view_type_suggestion"] .fr-box.fr-basic.is-focused,[data-template="thread_view_type_question"] .fr-box.fr-basic.is-focused,[data-template="thread_view_type_poll"] .fr-box.fr-basic.is-focused,[data-template="thread_view_type_article"] .fr-box.fr-basic.is-focused {
    outline: 0;
    border-color: #006fcd;
    box-shadow: 0 0 0 3px rgba(74, 105, 222, 0.25)
}

[data-template="thread_view"] .fr-box,[data-template="conversation_view"] .fr-box,[data-template="tlg_thread_view"] .fr-box,[data-template="thread_view_type_suggestion"] .fr-box,[data-template="thread_view_type_question"] .fr-box,[data-template="thread_view_type_poll"] .fr-box,[data-template="thread_view_type_article"] .fr-box {
    flex: 1;
    padding: 0.5rem !important
}

[data-template="thread_view"] .fr-box .fr-toolbar.fr-top,[data-template="conversation_view"] .fr-box .fr-toolbar.fr-top,[data-template="tlg_thread_view"] .fr-box .fr-toolbar.fr-top,[data-template="thread_view_type_suggestion"] .fr-box .fr-toolbar.fr-top,[data-template="thread_view_type_question"] .fr-box .fr-toolbar.fr-top,[data-template="thread_view_type_poll"] .fr-box .fr-toolbar.fr-top,[data-template="thread_view_type_article"] .fr-box .fr-toolbar.fr-top {
    background: transparent !important
}

[data-template="thread_view"] .fr-box:not(.is-focused):not(.is-preview) .fr-toolbar.fr-top,[data-template="conversation_view"] .fr-box:not(.is-focused):not(.is-preview) .fr-toolbar.fr-top,[data-template="tlg_thread_view"] .fr-box:not(.is-focused):not(.is-preview) .fr-toolbar.fr-top,[data-template="thread_view_type_suggestion"] .fr-box:not(.is-focused):not(.is-preview) .fr-toolbar.fr-top,[data-template="thread_view_type_question"] .fr-box:not(.is-focused):not(.is-preview) .fr-toolbar.fr-top,[data-template="thread_view_type_poll"] .fr-box:not(.is-focused):not(.is-preview) .fr-toolbar.fr-top,[data-template="thread_view_type_article"] .fr-box:not(.is-focused):not(.is-preview) .fr-toolbar.fr-top {
    height: 0;
    overflow: hidden
}

[data-template="thread_view"] .fr-toolbar .fr-more-toolbar,[data-template="conversation_view"] .fr-toolbar .fr-more-toolbar,[data-template="tlg_thread_view"] .fr-toolbar .fr-more-toolbar,[data-template="thread_view_type_suggestion"] .fr-toolbar .fr-more-toolbar,[data-template="thread_view_type_question"] .fr-toolbar .fr-more-toolbar,[data-template="thread_view_type_poll"] .fr-toolbar .fr-more-toolbar,[data-template="thread_view_type_article"] .fr-toolbar .fr-more-toolbar {
    border-radius: 0 0 12px 12px
}

[data-template="thread_view"] .fr-box:not(.is-focused) .fr-element.fr-view,[data-template="conversation_view"] .fr-box:not(.is-focused) .fr-element.fr-view,[data-template="tlg_thread_view"] .fr-box:not(.is-focused) .fr-element.fr-view,[data-template="thread_view_type_suggestion"] .fr-box:not(.is-focused) .fr-element.fr-view,[data-template="thread_view_type_question"] .fr-box:not(.is-focused) .fr-element.fr-view,[data-template="thread_view_type_poll"] .fr-box:not(.is-focused) .fr-element.fr-view,[data-template="thread_view_type_article"] .fr-box:not(.is-focused) .fr-element.fr-view {
    min-height: auto !important
}

[data-template="thread_view"] .fr-box.is-focused .fr-element.fr-view,[data-template="conversation_view"] .fr-box.is-focused .fr-element.fr-view,[data-template="tlg_thread_view"] .fr-box.is-focused .fr-element.fr-view,[data-template="thread_view_type_suggestion"] .fr-box.is-focused .fr-element.fr-view,[data-template="thread_view_type_question"] .fr-box.is-focused .fr-element.fr-view,[data-template="thread_view_type_poll"] .fr-box.is-focused .fr-element.fr-view,[data-template="thread_view_type_article"] .fr-box.is-focused .fr-element.fr-view {
    max-height: 487px
}

[data-template="thread_view"] .fr-box.fr-basic .fr-element,[data-template="conversation_view"] .fr-box.fr-basic .fr-element,[data-template="tlg_thread_view"] .fr-box.fr-basic .fr-element,[data-template="thread_view_type_suggestion"] .fr-box.fr-basic .fr-element,[data-template="thread_view_type_question"] .fr-box.fr-basic .fr-element,[data-template="thread_view_type_poll"] .fr-box.fr-basic .fr-element,[data-template="thread_view_type_article"] .fr-box.fr-basic .fr-element {
    padding: 10px
}

[data-template="thread_view"] .fr-box textarea.input,[data-template="conversation_view"] .fr-box textarea.input,[data-template="tlg_thread_view"] .fr-box textarea.input,[data-template="thread_view_type_suggestion"] .fr-box textarea.input,[data-template="thread_view_type_question"] .fr-box textarea.input,[data-template="thread_view_type_poll"] .fr-box textarea.input,[data-template="thread_view_type_article"] .fr-box textarea.input {
    box-shadow: unset
}

[data-template="thread_view"] .fr-view p,[data-template="conversation_view"] .fr-view p,[data-template="tlg_thread_view"] .fr-view p,[data-template="thread_view_type_suggestion"] .fr-view p,[data-template="thread_view_type_question"] .fr-view p,[data-template="thread_view_type_poll"] .fr-view p,[data-template="thread_view_type_article"] .fr-view p {
    word-break: break-all
}

.fr-btn-grp.rte-tab--preview {
    background: transparent !important
}

.fr-toolbar .fr-btn-grp {
    border-bottom: 0
}





/*-------------------------------------------------------------------------*/
/* Tooltip - Kingz V2
/*-------------------------------------------------------------------------*/


.tooltip--basic .tooltip-content {
    text-align: center;
    font-size: 13px;
    color: #fff;
    background: #242428;
    border-radius: 8px;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 8px;
    padding-left: 10px;
    box-shadow: 0 0 4px rgba(0,0,0,0.17)
}

.tooltip--description .tooltip-content {
    text-align: left
}

.tooltip--preview .tooltip-content {
    color: #A4A6A8;
    background: #151518;
    padding: 8px;
    text-align: left;
    border: 1px solid #292a2b;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.35)
}

.tooltip--bookmark .tooltip-content,.tooltip--member .tooltip-content,.tooltip--share .tooltip-content {
    color: #A4A6A8;
    background: #151518;
    padding: 0;
    text-align: left;
    border: 1px solid #292a2b;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.35)
}

.tooltip--reaction .tooltip-content {
    color: #A4A6A8;
    background: #151518;
    padding: 0;
    text-align: center;
    border: 1px solid #292a2b;
    border-radius: 12px
}

.tooltip-content-inner {
    position: relative
}

.tooltip--basic .tooltip-content-inner {
    max-height: 200px;
    overflow: hidden
}

.tooltip--preview .tooltip-content-inner {
    max-height: 200px;
    overflow: hidden
}

.tooltip--preview .tooltip-content-inner .tooltip-content-cover {
    background: transparent;
    background: linear-gradient(to bottom, rgba(21,21,24,0) 160px, #151518 200px)
}

.tooltip-content-inner .tooltip-content-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border: 0 solid transparent
}

.tooltip--basic.tooltip--top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-bottom-width: 0;
    border-top-color: #242428
}

.tooltip--basic.tooltip--bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top-width: 0;
    border-bottom-color: #242428
}

.tooltip--basic.tooltip--right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left-width: 0;
    border-right-color: #242428
}

.tooltip--basic.tooltip--left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border: 5px solid transparent;
    border-right-width: 0;
    border-left-color: #242428
}

.tooltip--preview.tooltip--top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -11px;
    border: 11px solid transparent;
    border-bottom-width: 0;
    border-top-color: #292a2b
}

.tooltip--preview.tooltip--bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -11px;
    border: 11px solid transparent;
    border-top-width: 0;
    border-bottom-color: #292a2b
}

.tooltip--preview.tooltip--right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -11px;
    border: 11px solid transparent;
    border-left-width: 0;
    border-right-color: #292a2b
}

.tooltip--preview.tooltip--left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -11px;
    border: 11px solid transparent;
    border-right-width: 0;
    border-left-color: #292a2b
}

.tooltip--preview .tooltip-arrow:after {
    position: absolute;
    content: ''
}

.tooltip--preview.tooltip--top .tooltip-arrow:after {
    bottom: 1px;
    left: -10px;
    border: 10px solid transparent;
    border-bottom-width: 0;
    border-top-color: #151518
}

.tooltip--preview.tooltip--bottom .tooltip-arrow:after {
    top: 1px;
    left: -10px;
    border: 10px solid transparent;
    border-top-width: 0;
    border-bottom-color: #151518
}

.tooltip--preview.tooltip--right .tooltip-arrow:after {
    left: 1px;
    bottom: -10px;
    border: 10px solid transparent;
    border-left-width: 0;
    border-right-color: #151518
}

.tooltip--preview.tooltip--left .tooltip-arrow:after {
    right: 1px;
    bottom: -10px;
    border: 10px solid transparent;
    border-right-width: 0;
    border-left-color: #151518
}

.tooltip--member.tooltip--top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -11px;
    border: 11px solid transparent;
    border-bottom-width: 0;
    border-top-color: #292a2b
}

.tooltip--member.tooltip--bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -11px;
    border: 11px solid transparent;
    border-top-width: 0;
    border-bottom-color: #292a2b
}

.tooltip--member.tooltip--right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -11px;
    border: 11px solid transparent;
    border-left-width: 0;
    border-right-color: #292a2b
}

.tooltip--member.tooltip--left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -11px;
    border: 11px solid transparent;
    border-right-width: 0;
    border-left-color: #292a2b
}

.tooltip--member .tooltip-arrow:after {
    position: absolute;
    content: ''
}

.tooltip--member.tooltip--top .tooltip-arrow:after {
    bottom: 1px;
    left: -10px;
    border: 10px solid transparent;
    border-bottom-width: 0;
    border-top-color: #151518
}

.tooltip--member.tooltip--bottom .tooltip-arrow:after {
    top: 1px;
    left: -10px;
    border: 10px solid transparent;
    border-top-width: 0;
    border-bottom-color: #151518
}

.tooltip--member.tooltip--right .tooltip-arrow:after {
    left: 1px;
    bottom: -10px;
    border: 10px solid transparent;
    border-left-width: 0;
    border-right-color: #151518
}

.tooltip--member.tooltip--left .tooltip-arrow:after {
    right: 1px;
    bottom: -10px;
    border: 10px solid transparent;
    border-right-width: 0;
    border-left-color: #151518
}

.tooltip--share.tooltip--top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -11px;
    border: 11px solid transparent;
    border-bottom-width: 0;
    border-top-color: #292a2b
}

.tooltip--share.tooltip--bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -11px;
    border: 11px solid transparent;
    border-top-width: 0;
    border-bottom-color: #292a2b
}

.tooltip--share.tooltip--right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -11px;
    border: 11px solid transparent;
    border-left-width: 0;
    border-right-color: #292a2b
}

.tooltip--share.tooltip--left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -11px;
    border: 11px solid transparent;
    border-right-width: 0;
    border-left-color: #292a2b
}

.tooltip--share .tooltip-arrow:after {
    position: absolute;
    content: ''
}

.tooltip--share.tooltip--top .tooltip-arrow:after {
    bottom: 1px;
    left: -10px;
    border: 10px solid transparent;
    border-bottom-width: 0;
    border-top-color: #151518
}

.tooltip--share.tooltip--bottom .tooltip-arrow:after {
    top: 1px;
    left: -10px;
    border: 10px solid transparent;
    border-top-width: 0;
    border-bottom-color: #151518
}

.tooltip--share.tooltip--right .tooltip-arrow:after {
    left: 1px;
    bottom: -10px;
    border: 10px solid transparent;
    border-left-width: 0;
    border-right-color: #151518
}

.tooltip--share.tooltip--left .tooltip-arrow:after {
    right: 1px;
    bottom: -10px;
    border: 10px solid transparent;
    border-right-width: 0;
    border-left-color: #151518
}

.tooltip--bookmark.tooltip--top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -11px;
    border: 11px solid transparent;
    border-bottom-width: 0;
    border-top-color: #292a2b
}

.tooltip--bookmark.tooltip--bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -11px;
    border: 11px solid transparent;
    border-top-width: 0;
    border-bottom-color: #292a2b
}

.tooltip--bookmark.tooltip--right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -11px;
    border: 11px solid transparent;
    border-left-width: 0;
    border-right-color: #292a2b
}

.tooltip--bookmark.tooltip--left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -11px;
    border: 11px solid transparent;
    border-right-width: 0;
    border-left-color: #292a2b
}

.tooltip--bookmark .tooltip-arrow:after {
    position: absolute;
    content: ''
}

.tooltip--bookmark.tooltip--top .tooltip-arrow:after {
    bottom: 1px;
    left: -10px;
    border: 10px solid transparent;
    border-bottom-width: 0;
    border-top-color: #151518
}

.tooltip--bookmark.tooltip--bottom .tooltip-arrow:after {
    top: 1px;
    left: -10px;
    border: 10px solid transparent;
    border-top-width: 0;
    border-bottom-color: #151518
}

.tooltip--bookmark.tooltip--right .tooltip-arrow:after {
    left: 1px;
    bottom: -10px;
    border: 10px solid transparent;
    border-left-width: 0;
    border-right-color: #151518
}

.tooltip--bookmark.tooltip--left .tooltip-arrow:after {
    right: 1px;
    bottom: -10px;
    border: 10px solid transparent;
    border-right-width: 0;
    border-left-color: #151518
}

.tooltip--member.tooltip--bottom .tooltip-arrow:after {
    border: 10px solid transparent;
    border-top-width: 0;
    border-bottom-color: #1b1b1e
}

.tooltipCover {
    display: none;
    position: absolute;
    opacity: 0;
    z-index: 299;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}


.structItem-cell .structItem-title {
	margin-bottom: 0.5rem;
}




/* Hide Attach Files Button*/
div.formButtonGroup-extra {
  display: none;
}

::selection {
	color: #fff;
	background: #blue;
}

.p-navEl-link[data-nav-id="navSearchIcon"]:after {
	font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f002";
    width: 1.2em;
    display: inline-block;
    text-align: center;
    font-weight: 900;
    unicode-bidi: isolate;
    opacity: .5;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
}

.p-navEl-link[data-nav-id="dropDown1"]:after {
	font-size: 100%;
}
.p-navEl-link[data-nav-id="dropDown1"]:hover {
	color: #fff;
}

.message-userDetails {
	display: flex;
}

.menu--structural.menu--right .menu-content {
    border-top-right-radius: 12px;
}

.dp-postbit_bgheading {
	background: #1f1f23;
    border-radius: 15px;
}

.dp-postbit_wrapper {
	display: flex;
	align-items: center;
	flex-direction: row;
	padding: 1.8rem;
	
}

.dp-postbit_row {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex: 1 1 auto;
}

[data-template="thread_view"] .p-description {
	display: none;
}

[data-template="thread_view_type_poll"] .p-description {
	display: none;
}

.test {
	background: url(https://i.imgur.com/pvjtPl3.gif) no-repeat;
    height: 50px;
    width: 150px;
    text-indent: -10000em;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}

.rep_neutral {
	color: #615b5b !important;
}

.rep_positive {
	color: #006fcd !important;
}

.rep_negative {
	color: #de4a4a !important;
}

.avatar img {
	background: none;
}

.p-navEl-link[data-nav-id="home"] {
	display: none;
}

.is-unread .structItem-title {
	font-weight: 700;
}

.button.is-disabled:hover {
    background: transparent !important;
}

[data-template="account_upgrades"] .p-body-header, {
	display: none !important;
}

[data-template="account_visitor_menu"] .menu .menu-content {
	display: none !important;
}

.dataList-row:hover:not(.dataList-row--noHover):not(.dataList-row--header):not(.is-spHovered) {
	background: rgba(27,27,30,0.5);
}

.block-footer {
	border-top: unset;
	background: #1B1B1E;
}

.dataList-cell.dataList-cell--alt {
	background: #151518;
}

.block-tabHeader {
    padding: 4px;
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    background: #1B1B1E;
    border-bottom: 1px solid #292a2b;
    font-size: 0
}

.dp-userpost-cover[style="background-image: url();"] {
    background-image: none !important;
}


.is-modalOverlayOpen .p-pageWrapper {
    filter: blur(3px);
}

.message .reactionsBar {
	padding: 12px 5px 12px 10px !important;
}

.button.button--primary:not(.button--splitTrigger):hover,a.button.button--primary:not(.button--splitTrigger):hover,.button.button--primary.button--splitTrigger>.button-text:hover,a.button.button--primary.button--splitTrigger>.button-text:hover,.button.button--primary.button--splitTrigger>.button-menu:hover,a.button.button--primary.button--splitTrigger>.button-menu:hover,.button.button--primary:not(.button--splitTrigger):focus,a.button.button--primary:not(.button--splitTrigger):focus,.button.button--primary.button--splitTrigger>.button-text:focus,a.button.button--primary.button--splitTrigger>.button-text:focus,.button.button--primary.button--splitTrigger>.button-menu:focus,a.button.button--primary.button--splitTrigger>.button-menu:focus,.button.button--primary:not(.button--splitTrigger):active,a.button.button--primary:not(.button--splitTrigger):active,.button.button--primary.button--splitTrigger>.button-text:active,a.button.button--primary.button--splitTrigger>.button-text:active,.button.button--primary.button--splitTrigger>.button-menu:active,a.button.button--primary.button--splitTrigger>.button-menu:active {
    background-color: rgba(109,180,228,.25)
}

.node--unread .node-icon i {
    background-color: unset;
}

.dope-account .p-navgroup-link--badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    opacity: unset;
    padding: 0;
}


.menu-linkRow {
    display: block;
    padding: 8px 20px 8px 17px;
    border-left: 3px solid transparent;
	border: 0;
    color: #A4A6A8;
	border-radius: unset;
    text-decoration: none;
}

.menu-content>:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.menu-linkRow.is-selected,.menu-linkRow:hover,.menu-linkRow:focus {
    color: #22c55e;
    text-decoration: none;
    background: #1b1b1e;
    border-left-color: rgba(255,255,255,0.5)
}

.fr-desktop .fr-command:hover:not(.fr-table-cell) {
	background: rgba(255,255,255,0.15);
}
.p-body-content .fr-box.fr-basic .fr-toolbar.fr-top .fr-btn-grp {
	background: none;
}

.p-nav-list>li {
	font-size: 14px;
}

.p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen):hover, .p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen) .p-navEl-link:hover, .p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen) .p-navEl-splitTrigger:hover {
    color: #FFFFFF;
    text-decoration: none;
    background: #151518;
}

.p-navEl-link {
	font-weight: 500;
	font-size: 14px;
}

.p-nav-list .p-navEl.is-selected {
	background: none;
}
.block-container {
	box-shadow: none;
}
.block-tabHeader .tabs-tab:not(.is-readonly):hover {
    border: none;
}

.block-tabHeader .tabs-tab:not(.is-readonly):hover {
    color: #fff;
    background: rgba(255,255,255,0.1);
}

.dp-tab-menu .tabs-tab:not(.is-active) {
    background: transparent !important;
}

.block--messages .message,
.block--messages .block-row {
  border-radius: 11px !important;
}
ul.listInline.listInline--bullet.search-terms {
  display: none;
}

.block-container:not(.block-container--noStripRadius) > :first-child,
.block-topRadiusContent,
.block-container:not(.block-container--noStripRadius)
  > .block-body:first-child
  > .blockLink:first-child {
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
}
.kz-usermenu {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.75rem;
}
.kz-usermenu-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.kz-usermenu-header > div {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.kz-usermenu-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  font-weight: 500;
  border-radius: 0.5rem !important;
}
.kz-usermenu-link:not(:hover) svg {
  color: #a4a6a8;
}
.kz-usermenu-link:hover {
  background: #1b1b1e;
}
.kz-usermenu-link:not(:last-child) {
  margin-bottom: 0.5rem;
}
.kz-usermenu-link.kz-logout:hover {
  color: #db3c3c;
  background: rgba(219, 60, 60, 0.05);
}
.formRow .iconic > i,
.inputGroup .iconic > i,
.inputChoices .iconic > i,
.block-footer .iconic > i,
.dataList-cell .iconic > i,
.message-cell--extra .iconic > i,
.formRow.dataList-cell--fa > a > i,
.inputGroup.dataList-cell--fa > a > i,
.inputChoices.dataList-cell--fa > a > i,
.block-footer.dataList-cell--fa > a > i,
.dataList-cell.dataList-cell--fa > a > i,
.message-cell--extra.dataList-cell--fa > a > i,
.formRow .iconic svg,
.inputGroup .iconic svg,
.inputChoices .iconic svg,
.block-footer .iconic svg,
.dataList-cell .iconic svg,
.message-cell--extra .iconic svg,
.formRow.dataList-cell--fa > a svg,
.inputGroup.dataList-cell--fa > a svg,
.inputChoices.dataList-cell--fa > a svg,
.block-footer.dataList-cell--fa > a svg,
.dataList-cell.dataList-cell--fa > a svg,
.message-cell--extra.dataList-cell--fa > a svg {
  color: #006fcd;
}
.formRow .iconic:hover > i,
.inputGroup .iconic:hover > i,
.inputChoices .iconic:hover > i,
.block-footer .iconic:hover > i,
.dataList-cell .iconic:hover > i,
.message-cell--extra .iconic:hover > i,
.formRow.dataList-cell--fa > a:hover > i,
.inputGroup.dataList-cell--fa > a:hover > i,
.inputChoices.dataList-cell--fa > a:hover > i,
.block-footer.dataList-cell--fa > a:hover > i,
.dataList-cell.dataList-cell--fa > a:hover > i,
.message-cell--extra.dataList-cell--fa > a:hover > i,
.formRow .iconic:hover svg,
.inputGroup .iconic:hover svg,
.inputChoices .iconic:hover svg,
.block-footer .iconic:hover svg,
.dataList-cell .iconic:hover svg,
.message-cell--extra .iconic:hover svg,
.formRow.dataList-cell--fa > a:hover svg,
.inputGroup.dataList-cell--fa > a:hover svg,
.inputChoices.dataList-cell--fa > a:hover svg,
.block-footer.dataList-cell--fa > a:hover svg,
.dataList-cell.dataList-cell--fa > a:hover svg,
.message-cell--extra.dataList-cell--fa > a:hover svg {
  color: #75e69e;
}
.kz-button--small {
  padding: 6px 12px !important;
}
.kz-groups-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 24px;
}
.kz-thread-data {
  vertical-align: middle;
}
.kz-thread-data-item {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 0.5rem;
}
.dp-challenges-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 24px;
}
.dp-challengcard {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  background: #151518;
  padding: 1.25rem;
  border-radius: 0.75rem;
  min-height: 448px;
}
.dp-challeng-illustration {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
}
.dp-challeng-icon-text {
  display: flex;
  gap: 0.5rem;
}
.dp-challengcard-data {
  display: flex;
  gap: 1.5rem;
}
.dp-challengcard-data-item {
  display: grid;
  gap: 0.25rem;
}
.dp-challengcard-data-item > p {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #6b7280;
  font-size: 1rem;
  text-transform: capitalize;
  line-height: 1.25rem;
  margin: 0;
}
.dp-challengcard-data-item > h5 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin: 0;
}
.dp-challengcard-data-item > h5.bits {
  color: #006fcd;
  font-weight: 600;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}
.dp-challengcard-footer {
  display: grid;
  gap: 1.25rem;
  margin-top: auto;
}
.dp-challeng-title {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin: 0;
  margin-bottom: 0.25rem;
}
.dp-challeng-desc {
  color: #a4a6a8;
  font-size: 1rem;
  line-height: 1.25rem;
  margin: 0;
}
.dp-challeng-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.dp-challeng-nodes {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  max-height: 8rem;
  overflow-y: scroll;
}
.dp-profile-widget-signature::-webkit-scrollbar,
.message-signature::-webkit-scrollbar,
.dp-challeng-nodes::-webkit-scrollbar {
  width: 0.3rem;
}
.dp-profile-widget-signature::-webkit-scrollbar-thumb,
.message-signature::-webkit-scrollbar-thumb,
.dp-challeng-nodes::-webkit-scrollbar-thumb {
  background: #39393f;
  border-radius: 0.5rem;
  border: 0;
}
.dp-profile-widget-signature::-webkit-scrollbar-track,
.message-signature::-webkit-scrollbar-track,
.dp-challeng-nodes::-webkit-scrollbar-track {
  background: #1f1f23;
  border-radius: 0.5rem;
}
.dp-challeng-forums {
  display: grid;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background: #111114;
}
.dp-challeng-forums-title {
  display: flex;
  gap: 0.25rem;
  color: #6b7280;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin: 0;
}
.dp-challeng-node-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0 0.5rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
  letter-spacing: 0.01rem;
  background: #1f1f23;
  border-radius: 999px;
}
.awards-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.award-item {
  display: grid;
  gap: 1.25rem;
  padding: 1.25rem;
  border-radius: 0.75rem;
  background: #151518;
  min-height: 8.75rem;
}
.award-header {
  display: flex;
  gap: 1rem;
}
.award-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 0.5rem;
  flex-shrink: 0;
  background: #1d1d21;
  background-size: 64px;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
}
.award-icon img:nth-of-type(1) {
  z-index: 1;
  max-width: 40px;
  max-height: 24px;
}
.award-icon img:nth-of-type(2) {
  position: absolute;
  filter: brightness(80%) saturate(150%) blur(15px);
}
.award-title {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin: 0;
  margin-bottom: 0.25rem;
}
.award-description {
  color: #a4a6a8;
  font-size: 1rem;
  line-height: 1.25rem;
  min-height: 2.5rem;
}
.award-data {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: center;
}
.award-data-item {
  display: grid;
  gap: 0.25rem;
}
.award-data-item > p {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #6b7280;
  font-size: 1rem;
  line-height: 1.25rem;
  margin: 0;
}
.award-data-item > h5 {
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-align: center;
  margin: 0;
}
h5.lucky-award {
  color: #006fcd;
}
.dp-doc-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.doc-item {
  display: flex;
  gap: 0.75rem;
  padding: 1.25rem;
  border-radius: 0.75rem;
  background: #151518;
  min-height: 8.75rem;
  transition: all 0.25s;
}
.doc-item:hover {
  background: #1a1a1d;
  transform: translateY(-0.5rem);
}
.doc-item-title {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75rem;
  margin: 0;
}
.doc-item-description {
  color: #a4a6a8;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  margin: 0;
}
.doc-item-extra {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  padding: 2.75rem 2.5rem;
  border: 1px solid #151518;
  border-radius: 0.75rem;
  min-height: 10rem;
}
.doc-item-extra:hover {
  border-color: #006fcd;
}
.doc-extra-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 0.75rem;
  border: 1px solid rgba(74, 105, 222, 0.25);
  background: radial-gradient(
      120% 120% at 50% 100%,
      rgba(74, 222, 128, 0.2) 0%,
      rgba(0, 0, 0, 0) 100%
    ),
    rgba(74, 222, 128, 0.03);
}
.doc-item-extra-title {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
  margin: 0;
}
.doc-item-extra-description {
  color: #a4a6a8;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
}
.dp-sidenav {
  display: grid;
  gap: 0.75rem;
  padding: 0.75rem;
}
.dp-sidenav-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 0 !important;
  border-top: unset !important;
}
.dp-sidenav-header:before,
.dp-sidenav-header:after {
  display: none;
}
.dp-sidenav .blockLink:last-child {
  margin-bottom: unset !important;
}
.dp-sidenav .blockLink {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem !important;
}
.dp-sidenav .blockLink.is-selected {
  border: unset;
}
.dp-sidenav .blockLink:not(.dp-logout):not(:hover) svg {
  color: #a4a6a8;
}
.dp-sidenav .blockLink > .link-arrow {
  margin-left: auto;
}
.dp-sidenav .blockLink:hover > .link-arrow {
  animation: popin 0.3s forwards;
}
.dp-usersettings {
  display: grid;
  gap: 0.75rem;
  padding: 0.75rem;
}
.dp-usersettings-profile {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.dp-usersettings-profile > div {
  display: grid;
  gap: 0.5rem;
  flex: 1;
}
.dp-usersettings-profile > h3 {
  font-size: 1.25rem;
  margin: 0;
}
.dp-usersettings-lvl-section {
  display: grid;
  gap: 0.5rem;
  width: 70%;
}
.dp-usersettings-lvl-data {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #006fcd;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}
.dp-usersettings-lvl-progress {
  background: #39393f;
  height: 4px;
  border-radius: 999px;
  cursor: pointer;
}
.dp-usersettings-lvl-perc {
  background: #006fcd;
  height: 100%;
  border-radius: 999px;
}
.dp-usersettings-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 0;
  border-top: unset !important;
}
.dp-usersettings-header:before,
.dp-usersettings-header:after {
  display: none;
}
.dp-usersettings .blockLink:last-child {
  margin-bottom: unset !important;
}
.dp-usersettings .blockLink {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem !important;
}
.dp-usersettings .blockLink.is-selected {
  border: unset;
}
.dp-usersettings .blockLink:not(:hover) svg {
  color: #a4a6a8;
}
.dp-usersettings .blockLink > .link-arrow {
  margin-left: auto;
}
.dp-usersettings .blockLink:hover > .link-arrow {
  animation: popin 0.3s forwards;
}
.dp-logout {
  margin-top: 0.75rem;
}
.dp-logout:hover {
  color: #db3c3c;
  background: rgba(219, 60, 60, 0.05);
}
@keyframes popin {
  49% {
    transform: translateX(60%);
  }
  50% {
    opacity: 0;
    transform: translateX(-60%);
  }
  51% {
    opacity: 1;
  }
}
.messageNotice.messageNotice--warning:before {
  color: #dc2626;
  padding-right: 0px;
}
.messageNotice.messageNotice--warning {
  display: inline-block;
  float: right;
  padding: 5px !important;
  border-left: none;
  border-radius: 7px;
  background: rgba(153, 27, 27, 0.45);
}
.message-cell--user .message-name {
  font-size: 1.3rem;
  font-weight: inherit;
  line-height: 1.75rem;
  white-space: nowrap;
}
.fr-view blockquote[data-quote]:before {
  padding: 5px 12px;
  border-top-right-radius: 9px;
  border-top-left-radius: 9px;

}
.fr-view blockquote {
  border-radius: 12px;
  background: #101013;
  border-left: 1px solid #292a2b;
		border-style: none;
}
.bbCodeBlock.bbCodeBlock--quote .bbCodeBlock-content {
  background: #101013;
}
.buttonGroup > .button {
  float: left;
  margin: 0px;
  border-radius: 0.5rem !important;
  margin-right: 3px !important;
}
.buttonGroup
  > .buttonGroup-buttonWrapper:last-child:not(:first-child)
  > .button {
  border-radius: 0.5rem !important;
}
.kC1 {
  width: 16px;
  height: 8px;
  position: relative;
  display: inline-flex;
  vertical-align: initial;
}
.kC2 {
  top: -4px;
  left: -4px;
  width: 14px;
  height: 14px;
  border: 2px solid #22c55e;
  opacity: 0;
  position: absolute;
  animation: 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite normal
    none running kC1;
  border-radius: 50%;
}
.kC3 {
  width: 4px;
  height: 4px;
  position: absolute;
  top: 1px;
  left: 1px;
  background: #22c55e;
  border-radius: 50%;
}
@keyframes kC1 {
  0% {
    opacity: 0;
    transform: scale(0.1, 0.1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1.2, 1.2);
  }
}
.messageNotice {
  color: #006fcd;
  background: rgba(96, 226, 143, 0.25);
}
.message.is-mod-selected,
.block--messages .message.is-mod-selected {
  background: rgba(96, 226, 143, 0.25);
}
.message-cell.message-cell--vote .solutionIcon:hover {
  color: #34d399;
}
.avatar.dp-userpost-avatar img:hover {
  opacity: 0.6;
  transition: ease 0.5s;
}
.message-cell.message-cell--alert {
  background: rgba(74, 222, 128, 0.1);
  color: #006fcd;
}
.messageNotice.messageNotice--ignored {
  background: rgba(222, 74, 74, 0.25);
  color: #fff;
  border-left: none;
}
.messageNotice.messageNotice--ignored:before {
  color: #ff5252;
}
.messageNotice .showIgnoredLink {
  color: #fff !important;
  font-weight: bold;
}
.message .reactionsBar {
  padding: 12px 5px 12px 5px;
  background: #101012;
  border-radius: 0 0 12px 12px !important;
  border: none;
  margin-top: 0;
}
.message-body {
  font-size: 15px;
}
.message--solution .message-cell.message-cell--vote {
  background: rgba(96, 226, 143, 0.25);
}
.message-cell.message-cell--solutionHeader {
  color: #fff;
  font-size: 16px;
  background: rgba(96, 226, 143, 0.25);
  border-left: none;
}
.message-attribution.message-attribution--split {
  font-weight: 600;
}
a.bbCodeBlock-sourceJump {
  font-weight: 500;
}
.bbCodeBlock {
  margin: 1em 0;
  border: none !important;
}
.message-userExtras dl {
  font-weight: 500;
  background: #151518;
  padding: 7px;
  border-radius: 4px;
  margin: 0.065rem 0;
}
.reactionsBar {
  font-size: 13px;
}
ul.message-attribution-main.listInline {
  text-transform: uppercase;
}
.message-cell--user .message-userTitle {
  margin-bottom: 1.25rem;
}
.dp-userpost-cover {
  position: absolute;
  height: 250px;
  width: 100%;
  border-top-left-radius: 12px;
  opacity: 0.5;
  inset: 0;
  -webkit-mask-image: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.54));
  mask-image: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0));
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.avatar.dp-userpost-avatar {
  width: 150px;
  height: 150px;
  border-radius: 0.5rem;
}
.avatar.dp-userpost-avatar img {
  background: transparent;
}
.message-cell--user .userBanner {
  margin: 0 auto;
  margin-top: 1.25rem;
}
.dp-userpost-vouch {
  display: grid;
  align-items: center;
  grid-template-columns: 2fr 0fr 2fr;
  grid-gap: 0.25rem;
  margin-bottom: 1rem;
}
.dp-userpost-vouch > div {
  display: grid;
  justify-content: center;
  gap: 0.25rem;
  text-align: center;
}
.dp-userpost-vouch h4 {
  color: #fff;
  font-size: 1.25rem;
  line-height: 24px;
  font-weight: 500;
  margin: 0;
  padding-top: 12px;
}
.dp-userpost-vouch p {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.dp-userpost-vouch span {
  font-size: 10px;
}
.dp-userpost-vouch-spacer {
  width: 1px;
  height: 50%;
  background: #292a2b;
}
.dp-userpost-vouch-percent-m.dp-vouch-circle {
  display: none;
  margin-left: 1rem;
  order: 4;
}
.dp-userpost-vouch-percent-m span {
  font-size: 10px;
}
.message-userExtras {
  display: grid;
  gap: 0.5rem;
  margin-top: 1.25rem;
}
.message-userExtras dl:after,
.message-userExtras dl:before {
  display: none !important;
}
.message-userExtras dl {
  display: flex;
  justify-content: space-between;
}
.message-userExtras dt,
.message-userExtras dd {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: inherit;
  font-size: 0.875rem;
  line-height: 1.25rem;
  float: unset !important;
}
.message-userExtras dd {
  color: #fff;
}
.message-userExtras dt:after {
  display: none !important;
}
.awardsPostbitContainer {
  margin: 0;
  margin-top: 1.15rem;
}
.awardsPostbitContainer .awardsPostbitList {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(24px, 1fr));
  gap: 8px;
  text-align: center;
}
.dp-userpost-status {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  cursor: pointer;
}
.dp-userpost-status.is-online {
  color: #22c55e;
  background: #22c55e24;
}
.dp-userpost-status.is-offline {
  color: #f05252;
  background: rgba(240, 82, 82, 0.15);
}
.dp-service-badge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 1.1rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  background: rgba(252, 211, 77, 0.15);
  overflow: hidden;
  cursor: pointer;
}
.dp-service-badge:hover .service-badge-svg {
  transform: rotateY(180deg);
  transition: all 0.5s ease;
}
.dp-service-badge:hover .service-badge-svg-bg {
  transform: scale(1.2);
}
.service-badge-svg {
  transform: rotateY(0);
}
.service-badge-svg-bg {
  transition: all 0.25s ease;
}
.dp-service-badge-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 27px;
}
.dp-service-badge-duration {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
.dp-service-badge-icon > svg {
  position: absolute;
}
.dp-service-badge-title {
  color: #fcd34d;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.25px;
  text-transform: uppercase;
}
.month-1,
.month-2,
.month-3 {
  --dp-badge-color: #34d399;
  background: rgba(52, 211, 153, 0.15);
}
.month-1:hover .service-badge-svg,
.month-2:hover .service-badge-svg,
.month-3:hover .service-badge-svg {
  filter: drop-shadow(0 0 0.5rem var(--dp-badge-color));
}
.month-1 .dp-service-badge-title,
.month-2 .dp-service-badge-title,
.month-3 .dp-service-badge-title {
  color: var(--dp-badge-color);
}
.month-1 .service-badge-svg > path,
.month-2 .service-badge-svg > path,
.month-3 .service-badge-svg > path {
  fill: var(--dp-badge-color);
}
.month-1 .service-badge-svg-bg > path,
.month-2 .service-badge-svg-bg > path,
.month-3 .service-badge-svg-bg > path {
  fill: var(--dp-badge-color);
}
.month-4,
.month-5,
.month-6 {
  --dp-badge-color: #38bdf8;
  background: rgba(56, 189, 248, 0.15);
}
.month-4:hover .service-badge-svg,
.month-5:hover .service-badge-svg,
.month-6:hover .service-badge-svg {
  filter: drop-shadow(0 0 0.5rem var(--dp-badge-color));
}
.month-4 .dp-service-badge-title,
.month-5 .dp-service-badge-title,
.month-6 .dp-service-badge-title {
  color: var(--dp-badge-color);
}
.month-4 .service-badge-svg > path,
.month-5 .service-badge-svg > path,
.month-6 .service-badge-svg > path {
  fill: var(--dp-badge-color);
}
.month-4 .service-badge-svg-bg > path,
.month-5 .service-badge-svg-bg > path,
.month-6 .service-badge-svg-bg > path {
  fill: var(--dp-badge-color);
}
.month-7,
.month-8,
.month-9 {
  --dp-badge-color: #6366f1;
  background: rgba(99, 102, 241, 0.15);
}
.month-7:hover .service-badge-svg,
.month-8:hover .service-badge-svg,
.month-9:hover .service-badge-svg {
  filter: drop-shadow(0 0 0.5rem var(--dp-badge-color));
}
.month-7 .dp-service-badge-title,
.month-8 .dp-service-badge-title,
.month-9 .dp-service-badge-title {
  color: var(--dp-badge-color);
}
.month-7 .service-badge-svg > path,
.month-8 .service-badge-svg > path,
.month-9 .service-badge-svg > path {
  fill: var(--dp-badge-color);
}
.month-7 .service-badge-svg-bg > path,
.month-8 .service-badge-svg-bg > path,
.month-9 .service-badge-svg-bg > path {
  fill: var(--dp-badge-color);
}
.month-10,
.month-11,
.month-12 {
  --dp-badge-color: #fbbf24;
  background: rgba(251, 191, 36, 0.15);
}
.month-10:hover .service-badge-svg,
.month-11:hover .service-badge-svg,
.month-12:hover .service-badge-svg {
  filter: drop-shadow(0 0 0.5rem var(--dp-badge-color));
}
.month-10 .dp-service-badge-title,
.month-11 .dp-service-badge-title,
.month-12 .dp-service-badge-title {
  color: var(--dp-badge-color);
}
.month-10 .service-badge-svg > path,
.month-11 .service-badge-svg > path,
.month-12 .service-badge-svg > path {
  fill: var(--dp-badge-color);
}
.month-10 .service-badge-svg-bg > path,
.month-11 .service-badge-svg-bg > path,
.month-12 .service-badge-svg-bg > path {
  fill: var(--dp-badge-color);
}
.year-1,
.year-2 {
  --dp-badge-color: #d946ef;
  background: rgba(217, 70, 239, 0.15);
}
.year-1:hover .service-badge-svg,
.year-2:hover .service-badge-svg {
  filter: drop-shadow(0 0 0.5rem var(--dp-badge-color));
}
.year-1 .dp-service-badge-title,
.year-2 .dp-service-badge-title {
  color: var(--dp-badge-color);
}
.year-1 .service-badge-svg > path,
.year-2 .service-badge-svg > path {
  fill: var(--dp-badge-color);
}
.year-1 .service-badge-svg-bg > path,
.year-2 .service-badge-svg-bg > path {
  fill: var(--dp-badge-color);
}
.message-cell.message-cell--main {
  padding: 1.25rem;
}
.message-attribution {
  border: unset;
}
.block--messages .message + .message {
  margin-top: 2rem;
}
.message.message--post {
  border: unset;
}
.message-cell.message-cell--user {
  background: #101012;
  flex: 0 0 200px;
  border: unset;
  padding: 1.25rem 1.25rem;
}
.message-cell.message-cell--vote {
  align-items: center;
  display: flex;
}
.message-signature {
  display: block !important;
}
.message-signature img {
  max-height: 200px !important;
}
.message-signature {
  border: unset;
  padding: unset;
}
.signature-section {
  display: flex;
  align-items: center;
  margin-top: 1.4rem;
}
.signature-username {
  flex-wrap: wrap;
  margin: 0 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: center;
  opacity: 0.25;
}
.signature-section > div:not(.signature-username) {
  flex: 1;
  height: 1px;
  background-color: #292a2b;
}
.message-actionBar.actionBar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.25rem;
  margin-top: 1.5rem;
}
.message-actionBar.actionBar:before,
.message-actionBar.actionBar:after {
  display: none;
}
.message-actionBar.actionBar > div {
  display: flex;
  gap: 1rem;
  margin: 0 !important;
}
.message-actionBar.actionBar .actionBar-action {
  margin: 0;
}
.message-actionBar.actionBar .actionBar-action--menuTrigger {
  order: 1;
}
.message-actionBar.actionBar > div:last-child .actionBar-action:first-child {
  order: 2;
}
.actionBar-action {
  color: #fff;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 5px 12px;
  background: #39393f;
}
.actionBar-action:hover {
  color: #fff !important;
  background-color: #404047 !important;
}
.actionBar-action.actionBar-action--reply:before {
  display: none;
}
[data-template="thread_view_type_poll"]
  .block-row.block-row--minor.totalVoters {
  padding: 14px 24px;
}
[data-template="thread_view_type_poll"] .inputChoices > .inputChoices-choice {
  padding: 14px 24px;
}
.reactionsBar {
  border: unset;
  border-radius: 0.5rem;
}
.dp-reaction-active,
.actionBar-action--reaction.has-reaction {
  color: #006fcd;
  background: rgba(74, 222, 128, 0.25);
}
.actionBar-action--reaction .reaction-sprite {
  display: none !important;
}
.actionBar-action--reaction {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.actionBar-action--reaction > span {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  height: 0;
  width: 0;
}
.dp-reaction-active > span::before,
.dp-reaction-active > span::after {
  content: "";
  position: absolute;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 999px;
  opacity: 0;
  visibility: visible;
}
.dp-reaction-active:not(.has-reaction) > span::before,
.dp-reaction-active:not(.has-reaction) > span::after {
  animation: expand 0.8s cubic-bezier(0.21, 0.61, 0.35, 1);
}
.dp-reaction-active:not(.has-reaction) > span::before {
  border: 4px solid #006fcd;
}
.dp-reaction-active:not(.has-reaction) > span::after {
  border: 24px solid #006fcd;
  animation-delay: 0.25s;
}
@keyframes expand {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  50% {
    opacity: 0.75;
  }
  100% {
    transform: scale(1);
    border-width: 0;
    opacity: 0;
  }
}
.actionBar-action--reaction {
  position: relative;
}
.actionBar-action--reaction i {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.actionBar-action--reaction i::before {
  content: "\f004" !important;
  width: 1em;
  display: inline-block;
  text-align: center;
  font-family: "Font Awesome 5 Pro";
  font-size: inherit;
  font-style: normal;
  font-weight: 300;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.actionBar-action--reaction.has-reaction i:before {
  font-weight: 900 !important;
}
.dp-reaction-active i:before {
  animation: heart-pulse 1.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  font-weight: 900 !important;
}
.dp-reaction-active::after,
.dp-reaction-active::before {
  position: absolute;
  content: "";
  opacity: 0;
  width: 40px;
  height: 40px;
  bottom: 0;
}
.dp-reaction-active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.0293 33.001L14.9303 27.1432L13.9681 27.6988L13.5596 30.8802L10.09 28.7595L10.1918 32.8247L7.23231 31.5877L6.27005 32.1432L10.2935 36.8899L17.0293 33.001Z' fill='%234ADE80' fill-opacity='0.7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.2741 21.8254L37.4635 15.0739L36.1756 14.7288L33.1295 17.0818L31.9849 12.3382L28.6219 15.874L27.1603 12.3131L25.8724 11.9681L25.2588 19.4097L34.2741 21.8254Z' fill='%234ADE80'/%3E%3Cpath d='M7.80098 13.851C8.0942 13.53 8.44233 13.2753 8.82551 13.1016C9.20868 12.9278 9.61938 12.8384 10.0341 12.8384C10.4489 12.8384 10.8596 12.9278 11.2428 13.1016C11.626 13.2753 11.9741 13.53 12.2673 13.851L12.8758 14.517L13.4843 13.851C14.0766 13.2029 14.8799 12.8387 15.7175 12.8387C16.5551 12.8387 17.3584 13.2029 17.9507 13.851C18.5429 14.4992 18.8757 15.3784 18.8757 16.295C18.8757 17.2117 18.5429 18.0908 17.9507 18.739L17.3421 19.405L13.9832 23.081C13.3884 23.7319 12.3632 23.7319 11.7685 23.081L8.40951 19.405L7.80098 18.739C7.50763 18.4181 7.27493 18.0371 7.11616 17.6178C6.95739 17.1984 6.87567 16.7489 6.87567 16.295C6.87567 15.8411 6.95739 15.3916 7.11616 14.9723C7.27493 14.5529 7.50763 14.1719 7.80098 13.851Z' fill='%234ADE80'/%3E%3Cpath d='M19.0501 22.8455C19.2456 22.6315 19.4777 22.4617 19.7331 22.3459C19.9886 22.23 20.2624 22.1704 20.5389 22.1704C20.8154 22.1704 21.0892 22.23 21.3446 22.3459C21.6001 22.4617 21.8322 22.6315 22.0276 22.8455L22.4333 23.2895L22.839 22.8455C23.2339 22.4134 23.7694 22.1706 24.3278 22.1706C24.8862 22.1706 25.4217 22.4134 25.8166 22.8455C26.2114 23.2776 26.4332 23.8637 26.4332 24.4748C26.4332 25.086 26.2114 25.672 25.8166 26.1042L25.4109 26.5481L23.1716 28.9989C22.7751 29.4328 22.0916 29.4328 21.6951 28.9989L19.4558 26.5481L19.0501 26.1042C18.8545 25.8902 18.6994 25.6362 18.5936 25.3567C18.4877 25.0771 18.4332 24.7775 18.4332 24.4748C18.4332 24.1722 18.4877 23.8726 18.5936 23.593C18.6994 23.3135 18.8545 23.0594 19.0501 22.8455Z' fill='%234ADE80' fill-opacity='0.25'/%3E%3Cpath d='M19.2043 2.95131C19.4487 2.68377 19.7388 2.47154 20.0581 2.32675C20.3774 2.18195 20.7197 2.10742 21.0653 2.10742C21.4109 2.10742 21.7532 2.18195 22.0725 2.32675C22.3918 2.47154 22.6819 2.68377 22.9263 2.95131L23.4334 3.50628L23.9405 2.95131C24.434 2.41116 25.1034 2.1077 25.8014 2.1077C26.4994 2.1077 27.1688 2.41116 27.6624 2.95131C28.1559 3.49146 28.4332 4.22407 28.4332 4.98796C28.4332 5.75185 28.1559 6.48445 27.6624 7.02461L27.1553 7.57958L24.3561 10.643C23.8605 11.1854 23.0062 11.1854 22.5106 10.643L19.7114 7.57958L19.2043 7.02461C18.9599 6.75719 18.7659 6.43969 18.6336 6.09024C18.5013 5.74078 18.4332 5.36622 18.4332 4.98796C18.4332 4.60969 18.5013 4.23513 18.6336 3.88568C18.7659 3.53622 18.9599 3.21872 19.2043 2.95131Z' fill='%234ADE80' fill-opacity='0.4'/%3E%3Cpath d='M22.5128 26.1075C22.8548 25.7329 23.261 25.4358 23.708 25.2331C24.1551 25.0304 24.6342 24.926 25.1181 24.926C25.602 24.926 26.0812 25.0304 26.5282 25.2331C26.9752 25.4358 27.3814 25.7329 27.7235 26.1075L28.4334 26.8844L29.1433 26.1075C29.8343 25.3513 30.7715 24.9264 31.7487 24.9264C32.7259 24.9264 33.6631 25.3513 34.3541 26.1075C35.045 26.8637 35.4332 27.8893 35.4332 28.9588C35.4332 30.0282 35.045 31.0539 34.3541 31.8101L33.6441 32.587L29.7253 36.8758C29.0314 37.6352 27.8354 37.6352 27.1415 36.8758L23.2227 32.587L22.5128 31.8101C22.1705 31.4357 21.899 30.9912 21.7138 30.502C21.5286 30.0127 21.4332 29.4883 21.4332 28.9588C21.4332 28.4292 21.5286 27.9048 21.7138 27.4156C21.899 26.9263 22.1705 26.4818 22.5128 26.1075Z' fill='%234ADE80'/%3E%3C/svg%3E%0A");
  transform: translate(-12px, 20px) scale(0);
  animation: reaction-particles-left 0.3s linear;
}
.dp-reaction-active::after {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.6307 37.1003L21.4412 30.3488L22.7292 30.0037L25.7753 32.3567L26.9199 27.6131L30.2829 31.1489L31.7445 27.588L33.0324 27.243L33.646 34.6846L24.6307 37.1003Z' fill='%234ADE80'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.4292 11.078L22.8345 7.70222L23.4784 7.52968L25.0015 8.70618L25.5738 6.33438L27.2553 8.10227L27.9861 6.32185L28.63 6.14931L28.9369 9.87015L24.4292 11.078Z' fill='%234ADE80' fill-opacity='0.5'/%3E%3Cpath d='M32.199 13.851C31.9058 13.53 31.5577 13.2753 31.1745 13.1016C30.7913 12.9278 30.3806 12.8384 29.9659 12.8384C29.5511 12.8384 29.1404 12.9278 28.7572 13.1016C28.374 13.2753 28.0259 13.53 27.7327 13.851L27.1242 14.517L26.5157 13.851C25.9234 13.2029 25.1201 12.8387 24.2825 12.8387C23.4449 12.8387 22.6416 13.2029 22.0493 13.851C21.4571 14.4992 21.1243 15.3784 21.1243 16.295C21.1243 17.2117 21.4571 18.0908 22.0493 18.739L22.6579 19.405L26.0168 23.081C26.6116 23.7319 27.6368 23.7319 28.2315 23.081L31.5905 19.405L32.199 18.739C32.4924 18.4181 32.7251 18.0371 32.8838 17.6178C33.0426 17.1984 33.1243 16.7489 33.1243 16.295C33.1243 15.8411 33.0426 15.3916 32.8838 14.9723C32.7251 14.5529 32.4924 14.1719 32.199 13.851Z' fill='%234ADE80' fill-opacity='0.8'/%3E%3Cpath d='M17.7957 12.63C17.5513 12.3625 17.2612 12.1503 16.9419 12.0055C16.6226 11.8607 16.2803 11.7861 15.9347 11.7861C15.5891 11.7861 15.2468 11.8607 14.9275 12.0055C14.6082 12.1503 14.3181 12.3625 14.0737 12.63L13.5666 13.185L13.0595 12.63C12.566 12.0899 11.8966 11.7864 11.1986 11.7864C10.5006 11.7864 9.83117 12.0899 9.33761 12.63C8.84405 13.1702 8.56677 13.9028 8.56677 14.6667C8.56677 15.4306 8.84405 16.1632 9.33761 16.7033L9.84471 17.2583L12.6439 20.3217C13.1395 20.8641 13.9938 20.8641 14.4894 20.3217L17.2886 17.2583L17.7957 16.7033C18.0401 16.4359 18.2341 16.1184 18.3664 15.7689C18.4987 15.4195 18.5668 15.0449 18.5668 14.6667C18.5668 14.2884 18.4987 13.9138 18.3664 13.5644C18.2341 13.2149 18.0401 12.8974 17.7957 12.63Z' fill='%234ADE80' fill-opacity='0.25'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.40838 17.1729L7.08756 12.4867L7.85736 12.9312L8.18411 15.4764L10.9598 13.7798L10.8784 17.0319L13.246 16.0423L14.0158 16.4867L10.797 20.2841L5.40838 17.1729Z' fill='%234ADE80'/%3E%3Cpath d='M20.7957 2.95131C20.5513 2.68377 20.2612 2.47154 19.9419 2.32675C19.6226 2.18195 19.2803 2.10742 18.9347 2.10742C18.5891 2.10742 18.2468 2.18195 17.9275 2.32675C17.6082 2.47154 17.3181 2.68377 17.0737 2.95131L16.5666 3.50628L16.0595 2.95131C15.566 2.41116 14.8966 2.1077 14.1986 2.1077C13.5006 2.1077 12.8312 2.41116 12.3376 2.95131C11.8441 3.49146 11.5668 4.22407 11.5668 4.98796C11.5668 5.75185 11.8441 6.48445 12.3376 7.02461L12.8447 7.57958L15.6439 10.643C16.1395 11.1854 16.9938 11.1854 17.4894 10.643L20.2886 7.57958L20.7957 7.02461C21.0401 6.75719 21.2341 6.43969 21.3664 6.09024C21.4987 5.74078 21.5668 5.36622 21.5668 4.98796C21.5668 4.60969 21.4987 4.23513 21.3664 3.88568C21.2341 3.53622 21.0401 3.21872 20.7957 2.95131Z' fill='%234ADE80' fill-opacity='0.9'/%3E%3Cpath d='M17.4872 26.1075C17.1452 25.7329 16.739 25.4358 16.292 25.2331C15.8449 25.0304 15.3658 24.926 14.8819 24.926C14.398 24.926 13.9188 25.0304 13.4718 25.2331C13.0248 25.4358 12.6186 25.7329 12.2765 26.1075L11.5666 26.8844L10.8567 26.1075C10.1657 25.3513 9.2285 24.9264 8.2513 24.9264C7.2741 24.9264 6.33693 25.3513 5.64595 26.1075C4.95496 26.8637 4.56677 27.8893 4.56677 28.9588C4.56677 30.0282 4.95496 31.0539 5.64595 31.8101L6.35589 32.587L10.2747 36.8758C10.9686 37.6352 12.1646 37.6352 12.8585 36.8758L16.7773 32.587L17.4872 31.8101C17.8295 31.4357 18.101 30.9912 18.2862 30.502C18.4714 30.0127 18.5668 29.4883 18.5668 28.9588C18.5668 28.4292 18.4714 27.9048 18.2862 27.4156C18.101 26.9263 17.8295 26.4818 17.4872 26.1075Z' fill='%234ADE80' fill-opacity='0.4'/%3E%3C/svg%3E%0A");
  transform: translate(12px, 20px) scale(0);
  animation: reaction-particles-right 0.3s 0.15s linear;
}
@keyframes reaction-particles-right {
  0% {
    opacity: 1;
    transform: translate(12px, 20px) scale(0);
  }
  50% {
    opacity: 1;
    transform: translate(12px, -12px) scale(0.8);
  }
  100% {
    opacity: 0;
    transform: translate(12px, -32px) scale(1);
  }
}
@keyframes reaction-particles-left {
  0% {
    opacity: 1;
    transform: translate(-12px, 20px) scale(0);
  }
  50% {
    opacity: 1;
    transform: translate(-12px, -12px) scale(0.8);
  }
  100% {
    opacity: 0;
    transform: translate(-12px, -32px) scale(1);
  }
}
@keyframes heart-pulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  15% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
  32% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.dp-threads-type {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-family: "kingzheader", sans-serif;
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
  margin: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  background: #1b1b1e;
}
.structItem {
  border-top: 1px solid #202023;
}

.structItem-cell.structItem-cell--kz-thread-data {
    vertical-align: middle;
    width: 220px !important;
}

.structItemContainer.structItemContainer--threads	 {
	    padding: 0.75rem !important;
}

.structItem-cell.structItem-cell--kz-thread-data .kz-thread-data {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    font-weight: 600;
}

.structItemContainer--threads .structItem.structItem--thread:first-of-type {
    border-top: unset;
}

.structItem-cell.structItem-cell--icon.structItem-cell--iconEnd .structItem-iconContainer {
    padding-top: 4px;
}


.structItem-cell.structItem-cell--icon.structItem-cell--iconEnd {
    padding-left: 3px !important;
    padding-top: 20px !important;
}


.kz-thread-circle-spacer {
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: #39393F;
    margin: 0 0.75rem;
}

.kz-thread-item-list {
    display: flex;
    align-items: center;
}

.kz-thread-item-list > svg {
    margin-right: 0.25rem;
}

.kz-thread-user-avatar {
    display: flex;
    align-items: center;
    margin-right: 0.5rem;
}

.kz-thread-user {
    display: flex;
    align-items: center;
}

.kz-thread-details {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup,
.fr-popup .fr-command.fr-btn.fr-btn-active-popup,
.fr-modal .fr-command.fr-btn.fr-btn-active-popup {
  background: initial;
  color: #fff;
}
.p-nav-smallLogo img {
  padding: 2px;
  max-height: 39.6px;
}

ul.block-body.fr-bb {
  padding-top: 0px !important;
  padding: 15px;
}
.fr-command.fr-btn
  + .fr-dropdown-menu
  .fr-dropdown-wrapper
  .fr-dropdown-content
  ul.fr-dropdown-list
  li
  a.fr-active {
  background: #292a2b;
}
.fr-nd.normaldisplay {
  padding: 0px !important;
  margin-bottom: -1rem;
}
.userUpgradeCoupon-oldPrice {
  font-size: 1.5rem;
}
.structItem-iconContainer .structItem-secondaryIcon {
  border-color: #151518;
}
.overlay {
  background: #151518;
}
.blockStatus {
  color: #006fcd;
  border: 0;
  padding: 1rem 0.75rem;
  background: rgba(0, 44, 188, 0.1);
  background-image: url("data:image/svg+xml,%3Csvg width='659' height='440' viewBox='0 0 659 440' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3169_11861' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='659' height='440'%3E%3Crect x='0.795898' y='0.807739' width='658.204' height='438.633' fill='url(%23paint0_linear_3169_11861)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3169_11861)'%3E%3Crect x='-26.6021' y='-56.876' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='52.3979' y='-56.876' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='131.398' y='-56.876' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='210.398' y='-56.876' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='289.398' y='-56.876' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='368.398' y='-56.876' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='447.398' y='-56.876' width='79' height='79' fill='%234ADE80' fill-opacity='0.25' stroke='%234ADE80'/%3E%3Crect x='526.398' y='-56.876' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='605.398' y='-56.876' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='-26.6021' y='22.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='52.3979' y='22.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='131.398' y='22.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='210.398' y='22.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='289.398' y='22.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='368.398' y='22.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='447.398' y='22.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='526.398' y='22.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='605.398' y='22.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='-26.6021' y='101.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='52.3979' y='101.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='131.398' y='101.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='210.398' y='101.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='289.398' y='101.124' width='79' height='79' fill='%234ADE80' fill-opacity='0.25' stroke='%234ADE80'/%3E%3Crect x='368.398' y='101.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='447.398' y='101.124' width='79' height='79' fill='%234ADE80' fill-opacity='0.25' stroke='%234ADE80'/%3E%3Crect x='526.398' y='101.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='605.398' y='101.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='-26.6021' y='180.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='52.3979' y='180.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='131.398' y='180.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='210.398' y='180.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='289.398' y='180.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='368.398' y='180.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='447.398' y='180.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='526.398' y='180.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='605.398' y='180.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='-26.6021' y='259.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='52.3979' y='259.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='131.398' y='259.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='210.398' y='259.124' width='79' height='79' fill='%234ADE80' fill-opacity='0.25' stroke='%234ADE80'/%3E%3Crect x='289.398' y='259.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='368.398' y='259.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='447.398' y='259.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='526.398' y='259.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='605.398' y='259.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='-26.6021' y='338.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='52.3979' y='338.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='131.398' y='338.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='210.398' y='338.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='289.398' y='338.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='368.398' y='338.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='447.398' y='338.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='526.398' y='338.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='605.398' y='338.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='-26.6021' y='417.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='52.3979' y='417.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='131.398' y='417.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='210.398' y='417.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='289.398' y='417.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='368.398' y='417.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='447.398' y='417.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='526.398' y='417.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='605.398' y='417.124' width='79' height='79' stroke='%234ADE80'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3169_11861' x1='84.592' y1='115.386' x2='684.714' y2='404.029' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234ADE80' stop-opacity='0.2'/%3E%3Cstop offset='0.802083' stop-color='%234ADE80' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 260px;
  background-position: -4px center;
}
.blockStatus-message:before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  width: 24px;
  height: 24px;
  color: #fff;
  border: 1px solid rgba(74, 222, 128, 0.5);
  background: radial-gradient(
      120% 120% at 50% 100%,
      rgba(74, 222, 128, 0.2) 0%,
      rgba(0, 0, 0, 0) 100%
    ),
    rgba(74, 222, 128, 0.03);
  margin-right: 0.5rem;
}
.bbCodeBlock {
  border: none;
  border-radius: 12px;
  background: #101013;
}
p {
  margin: 0;
}
svg {
  fill: transparent;
  flex-shrink: 0;
}
hr {
  border-color: #1b1b1e;
}
.input:focus,
.input.is-focused,
.inputGroup:focus-within,
#XF .fr-box.fr-basic.is-focused,
.codeEditor.CodeMirror.CodeMirror-focused {
  --input-border-heavy: inherit;
  --input-border-light: inherit;
}
.xfdev_shop_item-icon {
  vertical-align: middle;
}
[data-template="thread_view_type_poll"] .pollResult {
  padding: 14px 24px;
}
.pollResult--voted .pollResult-response:before {
  padding-right: 5px;
}
.structItem-title {
  font-weight: 400;
}
.inputTypes-input:checked + .inputTypes-display,
.inputTypes-display:hover {
  color: #fff !important;
  border-color: #292a2b;
  background: #151518 !important;
}
.inputTypes-title {
  font-weight: 600 !important;
}
[data-template="whats_new_posts"] .p-body-header .p-title-value {
  margin-bottom: auto;
}
@media (max-width: 990px) {
  [data-template="account_wrapper"] .formRow > dt {
    width: 60% !important;
  }
  [data-template="member_view"] .avatarWrapper-update {
    display: none;
  }
  [data-template="whats_new_posts"] .p-body-header .p-title-value {
    margin: auto;
    display: block;
    text-align: center;
  }
  .has-js .p-nav-inner {
    padding-left: 1px;
  }
  .node-main {
    padding: 20px !important;
  }
  .dp-front-categories {
    text-align: center;
  }
  .kz-thread-data-item {
    gap: 0.25rem;
  }
  span.kz-thread-data-item.views-di {
    gap: 0.1rem !important;
  }
  .p-breadcrumbs > li:after {
    display: none;
  }
  .offCanvasMenu--nav .offCanvasMenu-content {
    color: #a4a6a8;
  }
  svg.w-6.h-6.vlt-icon {
    height: 23px;
    width: 22px;
  }
  [data-template="xc_claim_username"] .input {
    width: 100% !important;
  }
  span.button-text.vlt-txt {
    display: none;
  }
  .v-card-text-claim {
    padding: 5rem 1.5rem !important;
  }
  .dope-footerWrapper {
    margin: 8px;
  }
  .mobileH {
    display: none !important;
  }
  .node-meta {
    display: none;
  }
  .block--messages .message-inner:first-of-type .message-cell:last-child {
    padding: 1rem;
  }
  .block-container,
  .blockMessage {
    margin: 5px;
    border-radius: 12px;
  }
  .block--typers .js-typesText {
    width: max-content;
  }
  .block--typers.is-active .dots {
    display: inline-flex;
  }
  .offCanvasMenu--nav .offCanvasMenu-header {
    color: #006fcd;
  }
  .p-nav .p-nav-menuTrigger i:after {
    color: #8c8c8c;
    font-size: 18px;
  }
}
.blockMessage.blockMessage--important {
  color: #16a34a;
  background: rgba(74, 222, 128, 0.1);
  border-left: none;
}
.autocomplete-selected {
  background: #292a2b;
}
.autocomplete-suggestions {
  border: 1px solid #151518;
  background: #151518;
  overflow: auto;
}
.blockMessage.blockMessage--success {
  border-left: none;
  display: flex;
  align-items: center;
  padding-left: 1rem;
}
.blockMessage--success.blockMessage--iconic:before {
  display: none;
}
.node-extra-row {
  width: initial;
}
.notice-content {
  display: inline;
  justify-content: space-between;
  align-items: center;
  padding: initial;
}
.notices--block .notice {
  font-size: 15px;
}
.notice-content a.notice-dismiss {
  line-height: 1.65;
  opacity: 0.6;
}
.haxodevs-notice {
  color: #006fcd;
  background-image: url("data:image/svg+xml,%3Csvg width='659' height='440' viewBox='0 0 659 440' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3169_11861' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='659' height='440'%3E%3Crect x='0.795898' y='0.807739' width='658.204' height='438.633' fill='url(%23paint0_linear_3169_11861)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3169_11861)'%3E%3Crect x='-26.6021' y='-56.876' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='52.3979' y='-56.876' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='131.398' y='-56.876' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='210.398' y='-56.876' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='289.398' y='-56.876' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='368.398' y='-56.876' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='447.398' y='-56.876' width='79' height='79' fill='%234ADE80' fill-opacity='0.25' stroke='%234ADE80'/%3E%3Crect x='526.398' y='-56.876' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='605.398' y='-56.876' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='-26.6021' y='22.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='52.3979' y='22.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='131.398' y='22.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='210.398' y='22.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='289.398' y='22.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='368.398' y='22.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='447.398' y='22.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='526.398' y='22.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='605.398' y='22.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='-26.6021' y='101.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='52.3979' y='101.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='131.398' y='101.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='210.398' y='101.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='289.398' y='101.124' width='79' height='79' fill='%234ADE80' fill-opacity='0.25' stroke='%234ADE80'/%3E%3Crect x='368.398' y='101.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='447.398' y='101.124' width='79' height='79' fill='%234ADE80' fill-opacity='0.25' stroke='%234ADE80'/%3E%3Crect x='526.398' y='101.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='605.398' y='101.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='-26.6021' y='180.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='52.3979' y='180.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='131.398' y='180.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='210.398' y='180.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='289.398' y='180.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='368.398' y='180.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='447.398' y='180.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='526.398' y='180.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='605.398' y='180.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='-26.6021' y='259.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='52.3979' y='259.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='131.398' y='259.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='210.398' y='259.124' width='79' height='79' fill='%234ADE80' fill-opacity='0.25' stroke='%234ADE80'/%3E%3Crect x='289.398' y='259.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='368.398' y='259.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='447.398' y='259.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='526.398' y='259.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='605.398' y='259.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='-26.6021' y='338.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='52.3979' y='338.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='131.398' y='338.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='210.398' y='338.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='289.398' y='338.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='368.398' y='338.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='447.398' y='338.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='526.398' y='338.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='605.398' y='338.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='-26.6021' y='417.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='52.3979' y='417.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='131.398' y='417.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='210.398' y='417.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='289.398' y='417.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='368.398' y='417.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='447.398' y='417.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='526.398' y='417.124' width='79' height='79' stroke='%234ADE80'/%3E%3Crect x='605.398' y='417.124' width='79' height='79' stroke='%234ADE80'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3169_11861' x1='84.592' y1='115.386' x2='684.714' y2='404.029' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234ADE80' stop-opacity='0.2'/%3E%3Cstop offset='0.802083' stop-color='%234ADE80' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  border: 0;
  padding: 1rem 0.75rem;
  background: rgba(0, 111, 205, 0.1);
  background-repeat: no-repeat;
  background-size: 260px;
  background-position: -4px center;
  border-radius: 12px;
  margin: 0;
  font-size: 14px;
  text-align: left;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}
.haxodevs-notice:before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    width: 24px;
    height: 24px;
    color: #fff;
    border: 1px solid rgba(0, 111, 205,0.5);
    background: radial-gradient(120% 120% at 50% 100%, rgba(0, 111, 205,0.2) 0%, rgba(0,0,0,0) 100%),rgba(74,222,128,0.03);
    margin-right: 0.5rem
}
.haxodevs-notice:before {
  content: "\f0a1";
  color: #fff !important;
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
  padding: 2px 6px 0px 6px;
}
.haxodevs-notice:before {
  font-family: "Font Awesome 5 Pro";
  font-size: inherit;
  font-style: normal;
  font-weight: 300;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  min-width: 0.8em;
  color: #22c55e;
}
.notice-content {
  font-size: 14px;
}
.contentRow-minor {
  font-size: 13px;
}
.dataList-row.dataList-row--header .dataList-cell {
  background: #666;
}
.dataList-row.dataList-row--subSection .dataList-cell {
  background: #1b1b1e;
}
.flashMessage {
  background: #151518;
  color: #a4a6a8 !important;
  font-size: 15px;
  padding: 10px;
}
.qs-toggle label:after {
  background: #292a2b;
}
.qs-toggle label {
  background: #454546;
}
.rte-tab--preview {
  border: 0 !important;
}
.button-text {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.buttonGroup .button {
  padding: 5px 12px;
}
.p-pageWrapper {
  position: relative;
}

.p-body-inner,
.p-staffBar {
  z-index: 1;
}

.p-footer {
  background-image: url("data:image/svg+xml,%3Csvg width='1160' height='240' viewBox='0 0 1160 240' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2314_10320)'%3E%3Cpath d='M808.898 110.983H923.906L904.104 64.047H795.696L808.898 110.983ZM692.494 110.983H807.859L794.657 64.047H685.893L692.494 110.983ZM580.9 110.983H691.484L684.883 64.047H580.9V110.983ZM469.316 110.983H579.9V64.047H475.917L469.316 110.983ZM352.941 110.983H468.306L474.907 64.047H366.143L352.941 110.983ZM236.894 110.983H351.902L365.104 64.047H256.696L236.894 110.983ZM315.919 238.915L334.206 173.897H210.35L182.461 240L181.539 239.612L209.265 173.897H0V172.898H209.686L235.388 111.982H0V110.983H235.809L255.611 64.047H0V63.049H256.033L275.414 17.112H0V16.113H275.835L282.339 0.697L283.261 1.085L276.92 16.113H378.586L383.119 0L384.081 0.27L379.625 16.113H481.648L483.905 0.066L484.895 0.204L482.658 16.113H579.9V0.135H580.9V16.113H678.142L675.905 0.204L676.895 0.066L679.152 16.113H781.175L776.719 0.27L777.681 0L782.214 16.113H883.88L877.539 1.085L878.461 0.697L884.965 16.113H1160V17.112H885.386L904.767 63.049H1160V64.047H905.189L924.991 110.983H1160V111.982H925.412L951.114 172.898H1160V173.897H951.535L979.261 239.612L978.339 240L950.45 173.897H826.594L844.881 238.915L843.919 239.185L825.555 173.897H701.342L710.495 238.981L709.505 239.12L700.332 173.897H580.9V239.05H579.9V173.897H460.468L451.295 239.12L450.305 238.981L459.458 173.897H335.245L316.881 239.185L315.919 238.915ZM276.499 17.112L257.118 63.049H365.385L378.306 17.112H276.499ZM379.344 17.112L366.423 63.049H475.047L481.508 17.112H379.344ZM482.517 17.112L476.057 63.049H579.9V17.112H482.517ZM580.9 17.112V63.049H684.743L678.283 17.112H580.9ZM679.292 17.112L685.753 63.049H794.377L781.456 17.112H679.292ZM782.494 17.112L795.415 63.049H903.682L884.301 17.112H782.494ZM236.473 111.982L210.772 172.898H334.487L351.621 111.982H236.473ZM352.66 111.982L335.526 172.898H459.598L468.165 111.982H352.66ZM469.175 111.982L460.608 172.898H579.9V111.982H469.175ZM580.9 111.982V172.898H700.192L691.625 111.982H580.9ZM692.635 111.982L701.202 172.898H825.274L808.14 111.982H692.635ZM809.179 111.982L826.313 172.898H950.028L924.327 111.982H809.179Z' fill='url(%23paint0_radial_2314_10320)'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_2314_10320' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(580 254.549) scale(653.08 180)'%3E%3Cstop stop-color='white' stop-opacity='0.16'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/radialGradient%3E%3CclipPath id='clip0_2314_10320'%3E%3Crect width='1160' height='240' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.formRow > dt {
  border-right: 0;
}
.formRow .iconic > i,
.inputGroup .iconic > i,
.inputChoices .iconic > i,
.block-footer .iconic > i,
.dataList-cell .iconic > i,
.message-cell--extra .iconic > i,
.formRow.dataList-cell--fa > a > i,
.inputGroup.dataList-cell--fa > a > i,
.inputChoices.dataList-cell--fa > a > i,
.block-footer.dataList-cell--fa > a > i,
.dataList-cell.dataList-cell--fa > a > i,
.message-cell--extra.dataList-cell--fa > a > i,
.formRow .iconic svg,
.inputGroup .iconic svg,
.inputChoices .iconic svg,
.block-footer .iconic svg,
.dataList-cell .iconic svg,
.message-cell--extra .iconic svg,
.formRow.dataList-cell--fa > a svg,
.inputGroup.dataList-cell--fa > a svg,
.inputChoices.dataList-cell--fa > a svg,
.block-footer.dataList-cell--fa > a svg,
.dataList-cell.dataList-cell--fa > a svg,
.message-cell--extra.dataList-cell--fa > a svg {
  color: ;
  fill: currentColor;
}
.formRow .iconic:hover > i,
.inputGroup .iconic:hover > i,
.inputChoices .iconic:hover > i,
.block-footer .iconic:hover > i,
.dataList-cell .iconic:hover > i,
.message-cell--extra .iconic:hover > i,
.formRow.dataList-cell--fa > a:hover > i,
.inputGroup.dataList-cell--fa > a:hover > i,
.inputChoices.dataList-cell--fa > a:hover > i,
.block-footer.dataList-cell--fa > a:hover > i,
.dataList-cell.dataList-cell--fa > a:hover > i,
.message-cell--extra.dataList-cell--fa > a:hover > i,
.formRow .iconic:hover svg,
.inputGroup .iconic:hover svg,
.inputChoices .iconic:hover svg,
.block-footer .iconic:hover svg,
.dataList-cell .iconic:hover svg,
.message-cell--extra .iconic:hover svg,
.formRow.dataList-cell--fa > a:hover svg,
.inputGroup.dataList-cell--fa > a:hover svg,
.inputChoices.dataList-cell--fa > a:hover svg,
.block-footer.dataList-cell--fa > a:hover svg,
.dataList-cell.dataList-cell--fa > a:hover svg,
.message-cell--extra.dataList-cell--fa > a:hover svg {
  color: ;
  fill: currentColor;
}
.contentRow-figure.menu-av {
  vertical-align: top;
  white-space: nowrap;
  word-wrap: normal;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 8px 0px 0px;
}
.menu-row {
  padding: 8px 17px;
}
.p-nav-list .p-navEl-link.p-navEl-link--menuTrigger:after {
  padding-right: 9px;
  padding-left: 0px;
}
a.button--link.instant-offer-btn.button {
  background: rgba(74, 222, 128, 0.25);
  color: #006fcd;
}
a.node-extra-title {
  font-weight: 600;
}
.node-subNodesFlat .subNodeLink {
  font-weight: 500 !important;
}
.subNodeLink .subNodeLink-icon,
.subNodeLink.subNodeLink--link:before,
.subNodeLink.subNodeLink--category:before {
  display: none;
}
span.krownSVG {
  margin-right: 5px;
}
.block-header a,
.block-minorHeader a,
.dp-widget-title {
  font-weight: 600;
}
.block-header {
  font-weight: 500;
}
.node-title {
  font-weight: 600 !important;
}
.message-lastEdit {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 0.25rem;
  color: #8c8c8c;
}
.message-signature {
  max-height: 300px;
  overflow: auto;
}
.message-signature .bbWrapper .bbImage {
  max-height: 300px;
  overflow-x: auto;
  overflow-y: auto;
}
time.structItem-latestDate.u-dt {
  font-weight: 500;
font-size: 13px;
  color: #8c8c8c;
}
.structItem-cell.structItem-cell--latest {
  vertical-align: middle;
}
.notices.notices--floating {
  width: 380px;
}
[data-template="account_upgrades"] .p-breadcrumbs {
  display: none;
}
.contentRow-minor.contentRow-minor--hideLinks a.username:hover {
  text-decoration: none !important;
}
.pageNav-main {
  display: inline-flex;
  gap: 0.5rem;
}
.pageNav > .pageNav-main .pageNav-page,
.pageNav > .pageNav-jump {
  border-radius: 4px !important;
}
.pageNav > .pageNav-jump.pageNav-jump--prev {
  margin-right: 0.75rem;
}
.pageNav > .pageNav-jump.pageNav-jump--next {
  margin-left: 0.75rem;
}
.pageNavSimple-el.pageNavSimple-el--current {
  color: #fff;
}
.afAwardImg {
  height: 24px;
}
.smilie {
  width: 32px;
  height: auto;
}
.dp-widget-title {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
}
[data-widget-key="forum_overview_new_posts"]
  .contentRow-main.contentRow-main--close {
  padding-left: 1rem;
}
.p-body-header .p-title-value {
  font-family: "kingzheader", sans-serif;
  color: #fff;
  font-size: 1.875rem;
  line-height: 2.25rem;
  margin-bottom: 1.25rem;
}
.p-body-header .p-description {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
}
.block-tabHeader {
  border-bottom: unset;
}
.block-tabHeader .tabs-tab {
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
  border-bottom: none;
  font-weight: 500;
}
.block-tabHeader .tabs-tab.is-active,
.block-tabHeader .tabs > input:checked + .tabs-tab--radio {
  color: #fff;
  background: rgba(74, 105, 222, 0.25);
  border-color: #006fcd;
}
.button--large {
  width: 100%;
}
.menu-linkRow {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.dp-heading-m {
  font-family: "kingzheader", sans-serif;
  color: #fff;
  font-size: 1.875rem;
  font-weight: 400;
  margin: 0;
  margin-bottom: 1.5rem;
}
.dp-heading-s {
  font-family: "kingzheader", sans-serif;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 400;
  margin: 0;
  margin-bottom: 1.5rem;
}
.p-breadcrumbs > li:after {
  margin-right: 0.5em;
}
.alert .unread-indicator-icon {
  color: #006fcd;
  display: none;
}
.node-stats > dl.pairs.pairs--rows {
  width: 100%;
  float: unset;
}
.node-stats > dl.pairs.pairs--rows dd {
  font-family: "kingzheader", sans-serif;
  color: #006fcd;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.node-stats > dl.pairs.pairs--rows dt {
  font-weight: 600;
  text-transform: uppercase;
}
.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.empty-state-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 999px;
  color: #39393f;
  background: rgba(57, 57, 63, 0.2);
  margin-bottom: 1.25rem;
}
.empty-state h4 {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
}
.empty-state p {
  margin: 0;
}
.dp-badge {
  color: #a4a6a8;
  font-size: 0.875rem;
  border-radius: 0.25rem;
  padding: 0 0.5rem;
  margin-left: 0.5rem;
  background: #39393f;
  cursor: pointer;
}
.dp-accent-color {
  color: #006fcd;
}
.dp-separator {
  border-top: 1px solid #292a2b;
}
.dp-narrow-wrapper {
  max-width: 1114px;
  margin: 0 auto;
}
.dp-vouch-circle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dp-vouch-circle span {
  position: absolute;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  pointer-events: none;
}
.p-breadcrumbs {
  margin-top: 8px;
  margin-bottom: 20px;
}
.p-breadcrumbs > li:after {
  font-weight: 300;
}
.p-breadcrumbs > li:last-of-type:not(:first-child) {
  color: #fff;
  font-weight: 600;
}
.dp-front-categories h3 {
  font-family: "kingzheader", sans-serif;
  color: #fff;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 2.25rem;
  margin: 0;
}
.dp-front-categories p {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  margin: 0;
  margin-bottom: 1.5rem;
}
.dp-front-categories-tabs {
  width: fit-content;
  border-radius: 999px;
  border: 1px solid #292a2b;
  backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.75);
}
.dp-front-categories-tabs .tabs-tab {
  display: inline-flex;
  align-items: center;
  column-gap: 0.5rem;
  color: #a4a6a8;
  font-size: 16px;
  border: 0;
}
.dp-front-categories-tabs .tabs-tab:not(.is-active) {
  background: transparent !important;
}
.dp-front-categories-tabs .tabs-tab:not(:last-of-type) {
  margin-right: 0.5rem;
}
.dp-tab-menu-wrapper {
  display: flex;
  margin-bottom: 2rem;
}
.dp-tab-menu {
  width: fit-content;
  border-radius: 999px;
  border: 1px solid #292a2b !important;
  backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.75);
}
span.forum-tab-title {
  font-weight: 500;
}
.dp-tab-menu .tabs-tab {
  display: inline-flex;
  align-items: center;
  column-gap: 0.5rem;
  color: #a4a6a8;
  font-size: 14px;
  border: 0;
}
.dp-tab-menu .tabs-tab:not(.is-active) {
  background: transparent !important;
}
.dp-tab-menu .tabs-tab:not(:last-of-type) {
  margin-right: 0.5rem;
}
.fr-box.fr-basic {
  border-color: #292a2b;
}
.menu {
  transform: translateY(-15px) scale(0.96);
}
.menu.is-active {
  transform: translateY(0px) scale(1);
}
.menu .menu-arrow {
  display: none;
}
.menu .menu-content {
  border-top: 1px solid #292a2b;
}
.menu-tabHeader {
  border-radius: 12px 12px 0 0;
}
.menu-footer {
  border-radius: 0 0 12px 12px;
}
.message--quickReply:not(.message--forceColumns)
  .message-cell.message-cell--user {
}
.p-nav-inner {
  padding-left: 12px;
  padding-right: 12px;
}
.dope-nav {
  backdrop-filter: blur(10px);
  border-bottom: 1px solid #292a2b;
  height: 64px;
  z-index: 999;
}
.dope-nav .p-nav-inner {
  align-items: center;
  height: 100%;
}
.dope-nav .p-nav-opposite {
  display: flex;
  align-items: center;
  margin-right: 0;
}
.dope-nav .p-nav-smallLogo {
  display: inline-block;
}
.dope-nav .p-nav-list .p-navEl {
  position: relative;
  border-radius: 0.5rem;
}
.dope-nav .p-nav-list .p-navEl-link {
  border-radius: 0.5rem;
}
.dope-nav .p-nav-list .p-navEl:before {
  content: "";
  position: absolute;
  bottom: 4px;
  width: 32px;
  height: 3px;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #006fcd;
  border-radius: 999px;
  opacity: 0;
  animation: slide 0.1s;
}
@keyframes slide {
  from {
    transform: translate(-50%, 0) scaleX(0);
  }
  to {
    transform: translate(-50%, 0) scaleX(1);
  }
}
.p-nav a[data-nav-id="upgradeNav"] {
  color: #006fcd;
}
.dope-nav .p-nav-list .p-navEl.is-selected:before {
  opacity: 1;
}
.p-navEl-link.p-navEl-link--menuTrigger:after,
.dope-nav .p-navEl-splitTrigger:after {
  content: "\f078";
  font-weight: 400;
}
.dope-nav .p-nav-list .p-navEl.is-selected .p-navEl-splitTrigger {
  display: unset;
}
.dope-account {
  display: flex;
  align-items: center;
  background: transparent;
}
.dope-account .p-navgroup-link--badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  opacity: unset;
  padding: 0;
}
.dope-account .p-navgroup-link {
  border-radius: 0.5rem;
  border: 0;
  padding: 0;
}
.kz-login-button,
.kz-register-button {
  padding-inline: 1.5rem;
}
.p-navgroup-link--register {
  margin-left: 1rem;
}
.dope-account:not(.p-navgroup--guest)
  .p-navgroup-link:not(.p-navgroup-link--user):hover {
  background: #151518;
}
.dope-account .p-navgroup-link.badgeContainer:after {
  font-size: 12px;
  border-radius: 999px;
  background: #db3c3c;
  right: 0px;
}
.dope-account .p-navgroup-link--user {
  display: flex;
  align-items: center;
  padding: 4px 8px 4px 4px;
  gap: 4px;
  border: 1px solid #006fcd !important;
  border-radius: 999px;
  order: 1;
  margin-left: 0.5rem;
}
.dope-account .p-navgroup-link.p-navgroup-link--user .avatar {
  width: 32px;
  height: 32px;
}
.dope-account .p-navgroup-link--newPosts {
  display: flex;
  align-items: center;
  padding: 0.313rem 0.5rem;
  gap: 0.5rem;
  background: rgba(74, 222, 128, 0.25);
  border-radius: 0.5rem;
  color: #006fcd;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-right: 0.5rem;
}
.alertAccent {
  color: #006fcd;
}
.dp-hero-wrapper {
  position: relative;
  width: 100%;
  max-width: 1440px;
  padding: 0 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto;
}
.dp-hero {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 7.5rem 0;
}
.dp-hero-abstract {
  position: absolute;
  top: 1.25rem;
  left: 7.5rem;
  pointer-events: none;
}
.dp-hero-text h1 {
  font-family: "kingzheader", sans-serif;
  color: #fff;
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 5rem;
  margin: 0;
}
.dp-hero-text p {
  color: #a4a6a8;
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 400;
  margin: 0;
  margin-top: 1.25rem;
}
.dp-hero .button {
  padding: 10px 2rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  margin-top: 2rem;
}
[data-template="forum_list"] .p-body-header {
  display: none;
}
.hero-mascot {
  height: 40px;
}
.dp-hero-two-rows {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.5rem;
  padding-block: 5rem;
}
.dp-hero-hasoverflow-image {
  position: absolute;
  width: 708px;
}
h2.block-header {
  padding: 1.25rem;
}
.block-desc {
  font-family: "Inter", sans-serif;
}
.node-icon {
  padding: 12px 0 12px 1.25rem;
}
.node-icon i {
  font-size: 18px;
}
.node-extra {
  padding: 1.4rem 1.25rem;
}
.node-main {
  padding-left: 1.25rem;
  padding: 15px;
}
.subNodeLink.subNodeLink--unread {
  font-weight: 600;
}
.p-body-sidebar .block-minorHeader {
  padding: 1.25rem;
}
.p-body-sidebar li.block-row {
  padding: 12px 0.85rem;
}
.dp-profile-heading-s {
  font-family: "kingzheader", sans-serif;
  color: #fff;
  font-size: 1.25rem;
  margin: 0;
  margin-bottom: 0.75rem;
}
.dp-profile {
  background: #151518;
  border-radius: 0.75rem;
  margin-bottom: 3rem;
}
.dp-profile-name {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin: 0;
  font-weight: inherit;
}
.dp-profile-banner {
  height: 220px;
  border-radius: 0.75rem 0.75rem 0 0;
  background: #0e0e10 url(/data/main/Frame-8990.png);
}
.dp-profile-header {
  display: flex;
  gap: 2rem;
  padding: 1rem 1.25rem;
}
.dp-profile-avatar {
  position: relative;
}

.dp-profile-avatar:hover .avatarWrapper-update {
  opacity: 1;
}
.dp-profile-avatar .avatar {
  width: 138px;
  height: 138px;
}
.dp-profile-name-and-stats {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.dp-profile-header-stats {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}
.dp-profile-header-stats p {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin: 0;
}
.dp-profile-header-stats span {
  color: #fff;
  font-weight: 600;
  margin: 0 0.25rem;
}
.dp-profile-main {
  padding: 1.25rem;
  border-radius: 0 0 0.75rem 0.75rem;
  background: #1b1b1e;
}
.dp-profile-detials-and-trust {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.dp-profile-details {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.dp-profile-groupbanner {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}
.dp-profile-trust {
  display: flex;
  gap: 1rem;
}
.dp-profile-trust-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  height: 54px;
  min-width: 120px;
  border-radius: 0.5rem;
  padding: 0 0.75rem;
  background: #212125;
}
.dp-profile-trust-number {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.125rem;
  font-weight: 500;
}
.dp-profile-trust-item p {
  margin: 0;
}
.dp-profile-trust-item p:not(.dp-profile-trust-number) {
  color: #a4a6a8;
}

.dp-profile-about p {
  margin: 0;
}

.dp-profile-about {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 1.25rem
}

.dp-profile-about-content {
    display: flex;
    margin: 0 1.25rem;
    gap: 0.5rem
}

.dp-profile-about-content .quote-icon.start {
    display: flex;
    align-items: start;
    transform: translateY(-0.25rem)
}

.dp-profile-about-content .quote-icon.end {
    display: flex;
    align-items: end;
    transform: translateY(.25rem)
}
.dp-profile-actions-and-socials {
  display: flex;
  flex-wrap: wrap;
  padding-top: 1.5rem;
  margin-top: 1.25rem;
  border-top: 1px solid #292a2b;
}
.dp-profile-socials {
  display: flex;
  gap: 1rem;
}
.dp-profile-socials .button span {
  display: inline-flex;
}
.dp-profile-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  gap: 1rem;
  margin-left: auto;
}
.dp-profile-details p {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin: 0;
}
.dp-profile-widgets-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 24px;
}
.dp-profile-widgets-grid > div > div:last-child {
  margin-bottom: 0;
}
.dp-profile-widget {
  background: #151518;
  border-radius: 0.75rem;
  padding: 1.25rem;
  margin-bottom: 1.5rem;
}
.dp-profile-widget-yt {
  margin-bottom: 1.5rem;
}
.dp-profile-widget-yt iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 1.77777778;
  border: 0;
  border-radius: 0.75rem;
}
.dp-profile-widget-signature {
  max-height: 168px;
  overflow: auto;
  text-align: inherit !important;
}
.profile-widget-header {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}
.profile-widget-header > h4 {
  font-family: "kingzheader", sans-serif;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 400;
  margin: 0;
}
.widget-swiper-buttons {
  display: flex;
  gap: 1rem;
  margin-left: auto;
}
.widget-swiper-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #fff;
  background: #39393f;
  border-radius: 0.5rem;
  cursor: pointer;
}
.widget-swiper-button.swiper-button-disabled {
  opacity: 0.5;
}
.widget-buttons-right {
  display: flex;
  justify-content: end;
  margin-top: 1.5rem;
}
.dp-profile-nft-card {
  background: #212125;
  width: 140px !important;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.nft-card-image {
  border-radius: 0.25rem;
  max-width: 100%;
  object-fit: cover;
  aspect-ratio: 1;
}
.nft-card-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin-top: 0.5rem;
  cursor: pointer;
}
.nft-card-tokenid {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 0.25rem;
  font-size: 1rem;
  margin-top: 0.5rem;
}
.dp-widget-item-row {
  display: flex;
}
.dp-widget-item-row:not(:last-of-type) {
  margin-bottom: 1.25rem;
}
.widget-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 999px;
}
.widget-icon.selling {
  background: rgba(52, 211, 153, 0.1);
}
.widget-icon.buying {
  background: rgba(52, 211, 153, 0.1);
}
.widget-icon.normal {
  background: rgba(164, 166, 168, 0.1);
}
.dp-widget-item-content {
  margin-left: 0.75rem;
}
.dp-profile-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  grid-gap: 1.25rem;
  margin-right: 0.5rem;
}
.dp-profile-card-item {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  border-radius: 0.5rem;
  padding: 0.5rem;
  background: #212125;
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  transition: background-size 0.25s ease !important;
  overflow: hidden;
  width: 90px !important;
}
.award-card-item,
.award-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2936 16.1975C8.57238 19.1578 8.25 20.0712 8.25 21.9877C8.25 24.8885 9.607 27.1914 12.2813 28.8286C12.8829 29.1969 13.3726 29.5374 13.3697 29.5852C13.3555 29.8208 12.9215 31.5146 12.8591 31.5783C12.8196 31.6184 12.4225 31.4774 11.9765 31.2646C10.6561 30.6349 9.76013 30.505 6.71876 30.5025L4 30.5003V32.7732C4 35.3566 4.191 36.4246 4.899 37.8021C5.45625 38.8863 6.96026 40.4137 7.99338 40.9443C9.37163 41.6525 9.72438 41.7408 11.5 41.8239L13.1875 41.9027L13.4693 42.7945C13.6242 43.2849 13.7801 43.7784 13.8158 43.8911C13.8706 44.0646 13.7219 44.1068 12.8465 44.1674C12.2777 44.2067 11.4757 44.3597 11.0642 44.5075C10.3054 44.7801 5.63013 47.4352 5.62675 47.5956C5.62575 47.6437 6.089 48.5036 6.65626 49.5066C8.358 52.5161 9.9 53.8449 12.3293 54.3958C14.2243 54.8256 16.1036 54.4834 18.0254 53.3589C18.555 53.0489 19.0331 52.798 19.0879 52.8013C19.1427 52.8048 19.5427 53.1403 19.977 53.547L20.7666 54.2869L20.1405 54.6963C18.979 55.4559 18.0341 56.6536 16.6563 59.1126C15.9516 60.3703 15.375 61.4369 15.375 61.4832C15.375 61.6565 18.9736 63.6848 19.8125 63.9843C20.9793 64.4007 22.6171 64.4917 23.8089 64.2061C25.3007 63.8486 26.426 63.2074 27.4924 62.1069C28.2981 61.2757 28.6565 60.7408 29.9215 58.4823C30.7376 57.0251 31.3562 55.789 31.2964 55.7353C31.2366 55.6815 30.6531 55.4524 30.0001 55.226C26.8339 54.1292 24.4259 52.6113 22.1168 50.2565C18.6862 46.7586 16.7901 42.622 16.3509 37.6779C16.0696 34.5123 16.569 31.4257 17.9037 28.0797C18.7501 25.958 18.8755 25.4441 18.8731 24.1057C18.8689 21.6567 17.9199 19.5984 16.0984 18.0876C15.6001 17.6743 12.9165 16.0163 11.1022 15.0009C11.0554 14.9747 10.6915 15.5131 10.2936 16.1975ZM66.908 16.1678C64.3893 17.6553 64.0984 17.8565 63.275 18.6787C61.9319 20.02 61.2443 21.6373 61.1518 23.6732C61.0798 25.2553 61.2158 25.8929 62.0928 28.0797C64.4144 33.8698 64.2529 39.672 61.621 45.0294C60.6118 47.0836 59.5875 48.515 57.8814 50.2547C55.5902 52.5909 53.2028 54.1044 50.0617 55.2116C49.4426 55.4299 48.8583 55.6574 48.7634 55.7172C48.6285 55.8022 48.9152 56.4045 50.0767 58.4767C51.328 60.709 51.7105 61.2815 52.4999 62.1036C53.557 63.2044 54.6798 63.8441 56.1911 64.2061C57.3303 64.4791 59.0113 64.3968 60.1251 64.0139C60.8181 63.7755 63.7537 62.1751 64.4506 61.6558C64.6592 61.5002 64.5826 61.3232 63.369 59.1573C61.9648 56.6517 61.0273 55.4601 59.8596 54.6963L59.2335 54.2869L60.023 53.547C60.4573 53.1403 60.8572 52.8048 60.9121 52.8013C60.9669 52.798 61.4449 53.0489 61.9747 53.3589C63.8963 54.4834 65.7757 54.8256 67.6707 54.3958C70.0923 53.8467 71.6527 52.5066 73.3129 49.5505C73.8626 48.5715 74.3272 47.7115 74.3453 47.6395C74.3903 47.4592 69.864 44.8368 68.9375 44.5062C68.525 44.3592 67.7222 44.2067 67.1536 44.1674C66.278 44.1068 66.1294 44.0646 66.1842 43.8911C66.2199 43.7784 66.3757 43.2849 66.5307 42.7945L66.8125 41.9027L68.4999 41.8261C70.283 41.7451 70.9263 41.5763 72.2198 40.8501C73.0779 40.3683 74.6211 38.736 75.1011 37.8021C75.8089 36.4246 76 35.3566 76 32.7732V30.5003L73.2813 30.5025C70.2398 30.505 69.3438 30.6349 68.0236 31.2646C67.5774 31.4774 67.1804 31.6184 67.1409 31.5783C67.0786 31.5146 66.6445 29.8209 66.6302 29.5853C66.6273 29.5376 67.089 29.2223 67.6562 28.8846C69.6448 27.7011 71.0477 25.903 71.5648 23.8755C71.8557 22.7353 71.7705 20.5509 71.3935 19.4839C71.1568 18.8148 69.5225 15.7545 69.0957 15.1813C68.9531 14.99 68.7373 15.0873 66.908 16.1678Z' fill='%2326262B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M60.181 21.8759C58.292 22.9915 58.0738 23.1424 57.4562 23.7591C56.4489 24.765 55.9333 25.978 55.8639 27.5049C55.8098 28.6915 55.9119 29.1697 56.5696 30.8098C58.3108 35.1523 58.1897 39.504 56.2158 43.522C55.4589 45.0627 54.6906 46.1362 53.4111 47.441C51.6927 49.1932 49.9021 50.3283 47.5463 51.1587C47.0819 51.3224 46.6437 51.493 46.5726 51.5379C46.4714 51.6017 46.6864 52.0534 47.5575 53.6075C48.496 55.2818 48.7829 55.7111 49.3749 56.3277C50.1678 57.1533 51.0098 57.6331 52.1433 57.9046C52.9977 58.1094 54.2585 58.0477 55.0938 57.7605C55.6136 57.5816 57.8153 56.3814 58.3379 55.9919C58.4944 55.8752 58.4369 55.7424 57.5267 54.118C56.4736 52.2388 55.7705 51.3451 54.8947 50.7722L54.4251 50.4652L55.0173 49.9103C55.343 49.6053 55.6429 49.3536 55.6841 49.351C55.7252 49.3485 56.0837 49.5367 56.481 49.7692C57.9222 50.6126 59.3318 50.8692 60.753 50.5469C62.5692 50.1351 63.7396 49.1299 64.9847 46.9129C65.3969 46.1786 65.7454 45.5336 65.759 45.4796C65.7927 45.3444 62.398 43.3776 61.7031 43.1297C61.3937 43.0194 60.7917 42.905 60.3652 42.8755C59.7085 42.8301 59.597 42.7985 59.6382 42.6683C59.6649 42.5838 59.7818 42.2137 59.8981 41.8459L60.1094 41.177L61.3749 41.1196C62.7122 41.0588 63.1947 40.9322 64.1648 40.3876C64.8085 40.0263 65.9658 38.802 66.3258 38.1016C66.8567 37.0685 67 36.2674 67 34.3299V32.6253L64.961 32.6269C62.6799 32.6288 62.0079 32.7262 61.0177 33.1985C60.6831 33.358 60.3853 33.4638 60.3557 33.4337C60.3089 33.386 59.9834 32.1157 59.9727 31.939C59.9705 31.9032 60.3168 31.6667 60.7422 31.4135C62.2336 30.5258 63.2858 29.1772 63.6736 27.6567C63.8918 26.8015 63.8279 25.1632 63.5451 24.3629C63.3676 23.8611 62.1419 21.5659 61.8218 21.136C61.7148 20.9925 61.553 21.0655 60.181 21.8759Z' fill='%232F2F35'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.819 21.8759C21.708 22.9915 21.9262 23.1424 22.5438 23.7591C23.5511 24.765 24.0667 25.978 24.1361 27.5049C24.1902 28.6915 24.0881 29.1697 23.4304 30.8098C21.6892 35.1523 21.8103 39.504 23.7842 43.522C24.5411 45.0627 25.3094 46.1362 26.5889 47.441C28.3073 49.1932 30.0979 50.3283 32.4537 51.1587C32.9181 51.3224 33.3563 51.493 33.4274 51.5379C33.5286 51.6017 33.3136 52.0534 32.4425 53.6075C31.504 55.2818 31.2171 55.7111 30.6251 56.3277C29.8322 57.1533 28.9902 57.6331 27.8567 57.9046C27.0023 58.1094 25.7415 58.0477 24.9062 57.7605C24.3864 57.5816 22.1847 56.3814 21.6621 55.9919C21.5056 55.8752 21.5631 55.7424 22.4733 54.118C23.5264 52.2388 24.2295 51.3451 25.1053 50.7722L25.5749 50.4652L24.9827 49.9103C24.657 49.6053 24.3571 49.3536 24.3159 49.351C24.2748 49.3485 23.9163 49.5367 23.519 49.7692C22.0778 50.6126 20.6682 50.8692 19.247 50.5469C17.4308 50.1351 16.2604 49.1299 15.0153 46.9129C14.6031 46.1786 14.2546 45.5336 14.241 45.4796C14.2073 45.3444 17.602 43.3776 18.2969 43.1297C18.6063 43.0194 19.2083 42.905 19.6348 42.8755C20.2915 42.8301 20.403 42.7985 20.3618 42.6683C20.3351 42.5838 20.2182 42.2137 20.1019 41.8459L19.8906 41.177L18.6251 41.1196C17.2878 41.0588 16.8053 40.9322 15.8352 40.3876C15.1915 40.0263 14.0342 38.802 13.6742 38.1016C13.1433 37.0685 13 36.2674 13 34.3299V32.6253L15.039 32.6269C17.3201 32.6288 17.9921 32.7262 18.9823 33.1985C19.3169 33.358 19.6147 33.4638 19.6443 33.4337C19.6911 33.386 20.0166 32.1157 20.0273 31.939C20.0295 31.9032 19.6832 31.6667 19.2578 31.4135C17.7664 30.5258 16.7142 29.1772 16.3264 27.6567C16.1082 26.8015 16.1721 25.1632 16.4549 24.3629C16.6324 23.8611 17.8581 21.5659 18.1782 21.136C18.2852 20.9925 18.447 21.0655 19.819 21.8759Z' fill='%232F2F35'/%3E%3C/svg%3E%0A");
}
.inventory-card-item {
  background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M113.117 40.1641V79.8359C113.117 86.3319 109.637 92.3641 104.011 95.6701L69.5594 115.564C63.9334 118.812 56.9734 118.812 51.2894 115.564L16.8374 95.6701C11.2114 92.4221 7.73145 86.3899 7.73145 79.8359V40.1641C7.73145 33.6682 11.2114 27.6359 16.8374 24.3299L51.2894 4.436C56.9154 1.188 63.8754 1.188 69.5594 4.436L104.011 24.3299C109.637 27.6359 113.117 33.6102 113.117 40.1641Z' stroke='%2326262B' stroke-opacity='0.7' stroke-width='1.09434' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M106.758 42.5581V77.4419C106.758 83.1539 103.698 88.4581 98.7507 91.3651L68.4567 108.858C63.5097 111.714 57.3898 111.714 52.3918 108.858L22.0978 91.3651C17.1508 88.5091 14.0908 83.2049 14.0908 77.4419V42.5581C14.0908 36.8461 17.1508 31.5419 22.0978 28.6349L52.3918 11.142C57.3388 8.286 63.4587 8.286 68.4567 11.142L98.7507 28.6349C103.698 31.5419 106.758 36.7951 106.758 42.5581Z' stroke='%232F2F35' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_3036_12082' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='22' y='19' width='76' height='82'%3E%3Cpath d='M97.2479 45.9781V74.0219C97.2479 78.6139 94.7879 82.8781 90.8109 85.2151L66.4569 99.278C62.4799 101.574 57.5599 101.574 53.5419 99.278L29.188 85.2151C25.211 82.9191 22.751 78.6549 22.751 74.0219V45.9781C22.751 41.3861 25.211 37.1219 29.188 34.7849L53.5419 20.722C57.5189 18.426 62.4389 18.426 66.4569 20.722L90.8109 34.7849C94.7879 37.1219 97.2479 41.3451 97.2479 45.9781Z' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3036_12082)'%3E%3Cpath d='M25 100C25 100.552 24.5523 101 24 101C23.4477 101 23 100.552 23 100C23 99.4477 23.4477 99 24 99C24.5523 99 25 99.4477 25 100Z' fill='%232F2F35'/%3E%3Cpath d='M25 96C25 96.5523 24.5523 97 24 97C23.4477 97 23 96.5523 23 96C23 95.4477 23.4477 95 24 95C24.5523 95 25 95.4477 25 96Z' fill='%232F2F35'/%3E%3Cpath d='M25 92C25 92.5523 24.5523 93 24 93C23.4477 93 23 92.5523 23 92C23 91.4477 23.4477 91 24 91C24.5523 91 25 91.4477 25 92Z' fill='%232F2F35'/%3E%3Cpath d='M25 88C25 88.5523 24.5523 89 24 89C23.4477 89 23 88.5523 23 88C23 87.4477 23.4477 87 24 87C24.5523 87 25 87.4477 25 88Z' fill='%232F2F35'/%3E%3Cpath d='M25 84C25 84.5523 24.5523 85 24 85C23.4477 85 23 84.5523 23 84C23 83.4477 23.4477 83 24 83C24.5523 83 25 83.4477 25 84Z' fill='%232F2F35'/%3E%3Cpath d='M25 80C25 80.5523 24.5523 81 24 81C23.4477 81 23 80.5523 23 80C23 79.4477 23.4477 79 24 79C24.5523 79 25 79.4477 25 80Z' fill='%232F2F35'/%3E%3Cpath d='M25 76C25 76.5523 24.5523 77 24 77C23.4477 77 23 76.5523 23 76C23 75.4477 23.4477 75 24 75C24.5523 75 25 75.4477 25 76Z' fill='%232F2F35'/%3E%3Cpath d='M25 72C25 72.5523 24.5523 73 24 73C23.4477 73 23 72.5523 23 72C23 71.4477 23.4477 71 24 71C24.5523 71 25 71.4477 25 72Z' fill='%232F2F35'/%3E%3Cpath d='M25 68C25 68.5523 24.5523 69 24 69C23.4477 69 23 68.5523 23 68C23 67.4477 23.4477 67 24 67C24.5523 67 25 67.4477 25 68Z' fill='%232F2F35'/%3E%3Cpath d='M25 64C25 64.5523 24.5523 65 24 65C23.4477 65 23 64.5523 23 64C23 63.4477 23.4477 63 24 63C24.5523 63 25 63.4477 25 64Z' fill='%232F2F35'/%3E%3Cpath d='M25 60C25 60.5523 24.5523 61 24 61C23.4477 61 23 60.5523 23 60C23 59.4477 23.4477 59 24 59C24.5523 59 25 59.4477 25 60Z' fill='%232F2F35'/%3E%3Cpath d='M25 56C25 56.5523 24.5523 57 24 57C23.4477 57 23 56.5523 23 56C23 55.4477 23.4477 55 24 55C24.5523 55 25 55.4477 25 56Z' fill='%232F2F35'/%3E%3Cpath d='M25 52C25 52.5523 24.5523 53 24 53C23.4477 53 23 52.5523 23 52C23 51.4477 23.4477 51 24 51C24.5523 51 25 51.4477 25 52Z' fill='%232F2F35'/%3E%3Cpath d='M25 48C25 48.5523 24.5523 49 24 49C23.4477 49 23 48.5523 23 48C23 47.4477 23.4477 47 24 47C24.5523 47 25 47.4477 25 48Z' fill='%232F2F35'/%3E%3Cpath d='M25 44C25 44.5523 24.5523 45 24 45C23.4477 45 23 44.5523 23 44C23 43.4477 23.4477 43 24 43C24.5523 43 25 43.4477 25 44Z' fill='%232F2F35'/%3E%3Cpath d='M25 40C25 40.5523 24.5523 41 24 41C23.4477 41 23 40.5523 23 40C23 39.4477 23.4477 39 24 39C24.5523 39 25 39.4477 25 40Z' fill='%232F2F35'/%3E%3Cpath d='M25 36C25 36.5523 24.5523 37 24 37C23.4477 37 23 36.5523 23 36C23 35.4477 23.4477 35 24 35C24.5523 35 25 35.4477 25 36Z' fill='%232F2F35'/%3E%3Cpath d='M25 32C25 32.5523 24.5523 33 24 33C23.4477 33 23 32.5523 23 32C23 31.4477 23.4477 31 24 31C24.5523 31 25 31.4477 25 32Z' fill='%232F2F35'/%3E%3Cpath d='M25 28C25 28.5523 24.5523 29 24 29C23.4477 29 23 28.5523 23 28C23 27.4477 23.4477 27 24 27C24.5523 27 25 27.4477 25 28Z' fill='%232F2F35'/%3E%3Cpath d='M25 24C25 24.5523 24.5523 25 24 25C23.4477 25 23 24.5523 23 24C23 23.4477 23.4477 23 24 23C24.5523 23 25 23.4477 25 24Z' fill='%232F2F35'/%3E%3Cpath d='M25 20C25 20.5523 24.5523 21 24 21C23.4477 21 23 20.5523 23 20C23 19.4477 23.4477 19 24 19C24.5523 19 25 19.4477 25 20Z' fill='%232F2F35'/%3E%3Cpath d='M29 100C29 100.552 28.5523 101 28 101C27.4477 101 27 100.552 27 100C27 99.4477 27.4477 99 28 99C28.5523 99 29 99.4477 29 100Z' fill='%232F2F35'/%3E%3Cpath d='M29 96C29 96.5523 28.5523 97 28 97C27.4477 97 27 96.5523 27 96C27 95.4477 27.4477 95 28 95C28.5523 95 29 95.4477 29 96Z' fill='%232F2F35'/%3E%3Cpath d='M29 92C29 92.5523 28.5523 93 28 93C27.4477 93 27 92.5523 27 92C27 91.4477 27.4477 91 28 91C28.5523 91 29 91.4477 29 92Z' fill='%232F2F35'/%3E%3Cpath d='M29 88C29 88.5523 28.5523 89 28 89C27.4477 89 27 88.5523 27 88C27 87.4477 27.4477 87 28 87C28.5523 87 29 87.4477 29 88Z' fill='%232F2F35'/%3E%3Cpath d='M29 84C29 84.5523 28.5523 85 28 85C27.4477 85 27 84.5523 27 84C27 83.4477 27.4477 83 28 83C28.5523 83 29 83.4477 29 84Z' fill='%232F2F35'/%3E%3Cpath d='M29 80C29 80.5523 28.5523 81 28 81C27.4477 81 27 80.5523 27 80C27 79.4477 27.4477 79 28 79C28.5523 79 29 79.4477 29 80Z' fill='%232F2F35'/%3E%3Cpath d='M29 76C29 76.5523 28.5523 77 28 77C27.4477 77 27 76.5523 27 76C27 75.4477 27.4477 75 28 75C28.5523 75 29 75.4477 29 76Z' fill='%232F2F35'/%3E%3Cpath d='M29 72C29 72.5523 28.5523 73 28 73C27.4477 73 27 72.5523 27 72C27 71.4477 27.4477 71 28 71C28.5523 71 29 71.4477 29 72Z' fill='%232F2F35'/%3E%3Cpath d='M29 68C29 68.5523 28.5523 69 28 69C27.4477 69 27 68.5523 27 68C27 67.4477 27.4477 67 28 67C28.5523 67 29 67.4477 29 68Z' fill='%232F2F35'/%3E%3Cpath d='M29 64C29 64.5523 28.5523 65 28 65C27.4477 65 27 64.5523 27 64C27 63.4477 27.4477 63 28 63C28.5523 63 29 63.4477 29 64Z' fill='%232F2F35'/%3E%3Cpath d='M29 60C29 60.5523 28.5523 61 28 61C27.4477 61 27 60.5523 27 60C27 59.4477 27.4477 59 28 59C28.5523 59 29 59.4477 29 60Z' fill='%232F2F35'/%3E%3Cpath d='M29 56C29 56.5523 28.5523 57 28 57C27.4477 57 27 56.5523 27 56C27 55.4477 27.4477 55 28 55C28.5523 55 29 55.4477 29 56Z' fill='%232F2F35'/%3E%3Cpath d='M29 52C29 52.5523 28.5523 53 28 53C27.4477 53 27 52.5523 27 52C27 51.4477 27.4477 51 28 51C28.5523 51 29 51.4477 29 52Z' fill='%232F2F35'/%3E%3Cpath d='M29 48C29 48.5523 28.5523 49 28 49C27.4477 49 27 48.5523 27 48C27 47.4477 27.4477 47 28 47C28.5523 47 29 47.4477 29 48Z' fill='%232F2F35'/%3E%3Cpath d='M29 44C29 44.5523 28.5523 45 28 45C27.4477 45 27 44.5523 27 44C27 43.4477 27.4477 43 28 43C28.5523 43 29 43.4477 29 44Z' fill='%232F2F35'/%3E%3Cpath d='M29 40C29 40.5523 28.5523 41 28 41C27.4477 41 27 40.5523 27 40C27 39.4477 27.4477 39 28 39C28.5523 39 29 39.4477 29 40Z' fill='%232F2F35'/%3E%3Cpath d='M29 36C29 36.5523 28.5523 37 28 37C27.4477 37 27 36.5523 27 36C27 35.4477 27.4477 35 28 35C28.5523 35 29 35.4477 29 36Z' fill='%232F2F35'/%3E%3Cpath d='M29 32C29 32.5523 28.5523 33 28 33C27.4477 33 27 32.5523 27 32C27 31.4477 27.4477 31 28 31C28.5523 31 29 31.4477 29 32Z' fill='%232F2F35'/%3E%3Cpath d='M29 28C29 28.5523 28.5523 29 28 29C27.4477 29 27 28.5523 27 28C27 27.4477 27.4477 27 28 27C28.5523 27 29 27.4477 29 28Z' fill='%232F2F35'/%3E%3Cpath d='M29 24C29 24.5523 28.5523 25 28 25C27.4477 25 27 24.5523 27 24C27 23.4477 27.4477 23 28 23C28.5523 23 29 23.4477 29 24Z' fill='%232F2F35'/%3E%3Cpath d='M29 20C29 20.5523 28.5523 21 28 21C27.4477 21 27 20.5523 27 20C27 19.4477 27.4477 19 28 19C28.5523 19 29 19.4477 29 20Z' fill='%232F2F35'/%3E%3Cpath d='M33 100C33 100.552 32.5523 101 32 101C31.4477 101 31 100.552 31 100C31 99.4477 31.4477 99 32 99C32.5523 99 33 99.4477 33 100Z' fill='%232F2F35'/%3E%3Cpath d='M33 96C33 96.5523 32.5523 97 32 97C31.4477 97 31 96.5523 31 96C31 95.4477 31.4477 95 32 95C32.5523 95 33 95.4477 33 96Z' fill='%232F2F35'/%3E%3Cpath d='M33 92C33 92.5523 32.5523 93 32 93C31.4477 93 31 92.5523 31 92C31 91.4477 31.4477 91 32 91C32.5523 91 33 91.4477 33 92Z' fill='%232F2F35'/%3E%3Cpath d='M33 88C33 88.5523 32.5523 89 32 89C31.4477 89 31 88.5523 31 88C31 87.4477 31.4477 87 32 87C32.5523 87 33 87.4477 33 88Z' fill='%232F2F35'/%3E%3Cpath d='M33 84C33 84.5523 32.5523 85 32 85C31.4477 85 31 84.5523 31 84C31 83.4477 31.4477 83 32 83C32.5523 83 33 83.4477 33 84Z' fill='%232F2F35'/%3E%3Cpath d='M33 80C33 80.5523 32.5523 81 32 81C31.4477 81 31 80.5523 31 80C31 79.4477 31.4477 79 32 79C32.5523 79 33 79.4477 33 80Z' fill='%232F2F35'/%3E%3Cpath d='M33 76C33 76.5523 32.5523 77 32 77C31.4477 77 31 76.5523 31 76C31 75.4477 31.4477 75 32 75C32.5523 75 33 75.4477 33 76Z' fill='%232F2F35'/%3E%3Cpath d='M33 72C33 72.5523 32.5523 73 32 73C31.4477 73 31 72.5523 31 72C31 71.4477 31.4477 71 32 71C32.5523 71 33 71.4477 33 72Z' fill='%232F2F35'/%3E%3Cpath d='M33 68C33 68.5523 32.5523 69 32 69C31.4477 69 31 68.5523 31 68C31 67.4477 31.4477 67 32 67C32.5523 67 33 67.4477 33 68Z' fill='%232F2F35'/%3E%3Cpath d='M33 64C33 64.5523 32.5523 65 32 65C31.4477 65 31 64.5523 31 64C31 63.4477 31.4477 63 32 63C32.5523 63 33 63.4477 33 64Z' fill='%232F2F35'/%3E%3Cpath d='M33 60C33 60.5523 32.5523 61 32 61C31.4477 61 31 60.5523 31 60C31 59.4477 31.4477 59 32 59C32.5523 59 33 59.4477 33 60Z' fill='%232F2F35'/%3E%3Cpath d='M33 56C33 56.5523 32.5523 57 32 57C31.4477 57 31 56.5523 31 56C31 55.4477 31.4477 55 32 55C32.5523 55 33 55.4477 33 56Z' fill='%232F2F35'/%3E%3Cpath d='M33 52C33 52.5523 32.5523 53 32 53C31.4477 53 31 52.5523 31 52C31 51.4477 31.4477 51 32 51C32.5523 51 33 51.4477 33 52Z' fill='%232F2F35'/%3E%3Cpath d='M33 48C33 48.5523 32.5523 49 32 49C31.4477 49 31 48.5523 31 48C31 47.4477 31.4477 47 32 47C32.5523 47 33 47.4477 33 48Z' fill='%232F2F35'/%3E%3Cpath d='M33 44C33 44.5523 32.5523 45 32 45C31.4477 45 31 44.5523 31 44C31 43.4477 31.4477 43 32 43C32.5523 43 33 43.4477 33 44Z' fill='%232F2F35'/%3E%3Cpath d='M33 40C33 40.5523 32.5523 41 32 41C31.4477 41 31 40.5523 31 40C31 39.4477 31.4477 39 32 39C32.5523 39 33 39.4477 33 40Z' fill='%232F2F35'/%3E%3Cpath d='M33 36C33 36.5523 32.5523 37 32 37C31.4477 37 31 36.5523 31 36C31 35.4477 31.4477 35 32 35C32.5523 35 33 35.4477 33 36Z' fill='%232F2F35'/%3E%3Cpath d='M33 32C33 32.5523 32.5523 33 32 33C31.4477 33 31 32.5523 31 32C31 31.4477 31.4477 31 32 31C32.5523 31 33 31.4477 33 32Z' fill='%232F2F35'/%3E%3Cpath d='M33 28C33 28.5523 32.5523 29 32 29C31.4477 29 31 28.5523 31 28C31 27.4477 31.4477 27 32 27C32.5523 27 33 27.4477 33 28Z' fill='%232F2F35'/%3E%3Cpath d='M33 24C33 24.5523 32.5523 25 32 25C31.4477 25 31 24.5523 31 24C31 23.4477 31.4477 23 32 23C32.5523 23 33 23.4477 33 24Z' fill='%232F2F35'/%3E%3Cpath d='M33 20C33 20.5523 32.5523 21 32 21C31.4477 21 31 20.5523 31 20C31 19.4477 31.4477 19 32 19C32.5523 19 33 19.4477 33 20Z' fill='%232F2F35'/%3E%3Cpath d='M37 100C37 100.552 36.5523 101 36 101C35.4477 101 35 100.552 35 100C35 99.4477 35.4477 99 36 99C36.5523 99 37 99.4477 37 100Z' fill='%232F2F35'/%3E%3Cpath d='M37 96C37 96.5523 36.5523 97 36 97C35.4477 97 35 96.5523 35 96C35 95.4477 35.4477 95 36 95C36.5523 95 37 95.4477 37 96Z' fill='%232F2F35'/%3E%3Cpath d='M37 92C37 92.5523 36.5523 93 36 93C35.4477 93 35 92.5523 35 92C35 91.4477 35.4477 91 36 91C36.5523 91 37 91.4477 37 92Z' fill='%232F2F35'/%3E%3Cpath d='M37 88C37 88.5523 36.5523 89 36 89C35.4477 89 35 88.5523 35 88C35 87.4477 35.4477 87 36 87C36.5523 87 37 87.4477 37 88Z' fill='%232F2F35'/%3E%3Cpath d='M37 84C37 84.5523 36.5523 85 36 85C35.4477 85 35 84.5523 35 84C35 83.4477 35.4477 83 36 83C36.5523 83 37 83.4477 37 84Z' fill='%232F2F35'/%3E%3Cpath d='M37 80C37 80.5523 36.5523 81 36 81C35.4477 81 35 80.5523 35 80C35 79.4477 35.4477 79 36 79C36.5523 79 37 79.4477 37 80Z' fill='%232F2F35'/%3E%3Cpath d='M37 76C37 76.5523 36.5523 77 36 77C35.4477 77 35 76.5523 35 76C35 75.4477 35.4477 75 36 75C36.5523 75 37 75.4477 37 76Z' fill='%232F2F35'/%3E%3Cpath d='M37 72C37 72.5523 36.5523 73 36 73C35.4477 73 35 72.5523 35 72C35 71.4477 35.4477 71 36 71C36.5523 71 37 71.4477 37 72Z' fill='%232F2F35'/%3E%3Cpath d='M37 68C37 68.5523 36.5523 69 36 69C35.4477 69 35 68.5523 35 68C35 67.4477 35.4477 67 36 67C36.5523 67 37 67.4477 37 68Z' fill='%232F2F35'/%3E%3Cpath d='M37 64C37 64.5523 36.5523 65 36 65C35.4477 65 35 64.5523 35 64C35 63.4477 35.4477 63 36 63C36.5523 63 37 63.4477 37 64Z' fill='%232F2F35'/%3E%3Cpath d='M37 60C37 60.5523 36.5523 61 36 61C35.4477 61 35 60.5523 35 60C35 59.4477 35.4477 59 36 59C36.5523 59 37 59.4477 37 60Z' fill='%232F2F35'/%3E%3Cpath d='M37 56C37 56.5523 36.5523 57 36 57C35.4477 57 35 56.5523 35 56C35 55.4477 35.4477 55 36 55C36.5523 55 37 55.4477 37 56Z' fill='%232F2F35'/%3E%3Cpath d='M37 52C37 52.5523 36.5523 53 36 53C35.4477 53 35 52.5523 35 52C35 51.4477 35.4477 51 36 51C36.5523 51 37 51.4477 37 52Z' fill='%232F2F35'/%3E%3Cpath d='M37 48C37 48.5523 36.5523 49 36 49C35.4477 49 35 48.5523 35 48C35 47.4477 35.4477 47 36 47C36.5523 47 37 47.4477 37 48Z' fill='%232F2F35'/%3E%3Cpath d='M37 44C37 44.5523 36.5523 45 36 45C35.4477 45 35 44.5523 35 44C35 43.4477 35.4477 43 36 43C36.5523 43 37 43.4477 37 44Z' fill='%232F2F35'/%3E%3Cpath d='M37 40C37 40.5523 36.5523 41 36 41C35.4477 41 35 40.5523 35 40C35 39.4477 35.4477 39 36 39C36.5523 39 37 39.4477 37 40Z' fill='%232F2F35'/%3E%3Cpath d='M37 36C37 36.5523 36.5523 37 36 37C35.4477 37 35 36.5523 35 36C35 35.4477 35.4477 35 36 35C36.5523 35 37 35.4477 37 36Z' fill='%232F2F35'/%3E%3Cpath d='M37 32C37 32.5523 36.5523 33 36 33C35.4477 33 35 32.5523 35 32C35 31.4477 35.4477 31 36 31C36.5523 31 37 31.4477 37 32Z' fill='%232F2F35'/%3E%3Cpath d='M37 28C37 28.5523 36.5523 29 36 29C35.4477 29 35 28.5523 35 28C35 27.4477 35.4477 27 36 27C36.5523 27 37 27.4477 37 28Z' fill='%232F2F35'/%3E%3Cpath d='M37 24C37 24.5523 36.5523 25 36 25C35.4477 25 35 24.5523 35 24C35 23.4477 35.4477 23 36 23C36.5523 23 37 23.4477 37 24Z' fill='%232F2F35'/%3E%3Cpath d='M37 20C37 20.5523 36.5523 21 36 21C35.4477 21 35 20.5523 35 20C35 19.4477 35.4477 19 36 19C36.5523 19 37 19.4477 37 20Z' fill='%232F2F35'/%3E%3Cpath d='M41 100C41 100.552 40.5523 101 40 101C39.4477 101 39 100.552 39 100C39 99.4477 39.4477 99 40 99C40.5523 99 41 99.4477 41 100Z' fill='%232F2F35'/%3E%3Cpath d='M41 96C41 96.5523 40.5523 97 40 97C39.4477 97 39 96.5523 39 96C39 95.4477 39.4477 95 40 95C40.5523 95 41 95.4477 41 96Z' fill='%232F2F35'/%3E%3Cpath d='M41 92C41 92.5523 40.5523 93 40 93C39.4477 93 39 92.5523 39 92C39 91.4477 39.4477 91 40 91C40.5523 91 41 91.4477 41 92Z' fill='%232F2F35'/%3E%3Cpath d='M41 88C41 88.5523 40.5523 89 40 89C39.4477 89 39 88.5523 39 88C39 87.4477 39.4477 87 40 87C40.5523 87 41 87.4477 41 88Z' fill='%232F2F35'/%3E%3Cpath d='M41 84C41 84.5523 40.5523 85 40 85C39.4477 85 39 84.5523 39 84C39 83.4477 39.4477 83 40 83C40.5523 83 41 83.4477 41 84Z' fill='%232F2F35'/%3E%3Cpath d='M41 80C41 80.5523 40.5523 81 40 81C39.4477 81 39 80.5523 39 80C39 79.4477 39.4477 79 40 79C40.5523 79 41 79.4477 41 80Z' fill='%232F2F35'/%3E%3Cpath d='M41 76C41 76.5523 40.5523 77 40 77C39.4477 77 39 76.5523 39 76C39 75.4477 39.4477 75 40 75C40.5523 75 41 75.4477 41 76Z' fill='%232F2F35'/%3E%3Cpath d='M41 72C41 72.5523 40.5523 73 40 73C39.4477 73 39 72.5523 39 72C39 71.4477 39.4477 71 40 71C40.5523 71 41 71.4477 41 72Z' fill='%232F2F35'/%3E%3Cpath d='M41 68C41 68.5523 40.5523 69 40 69C39.4477 69 39 68.5523 39 68C39 67.4477 39.4477 67 40 67C40.5523 67 41 67.4477 41 68Z' fill='%232F2F35'/%3E%3Cpath d='M41 64C41 64.5523 40.5523 65 40 65C39.4477 65 39 64.5523 39 64C39 63.4477 39.4477 63 40 63C40.5523 63 41 63.4477 41 64Z' fill='%232F2F35'/%3E%3Cpath d='M41 60C41 60.5523 40.5523 61 40 61C39.4477 61 39 60.5523 39 60C39 59.4477 39.4477 59 40 59C40.5523 59 41 59.4477 41 60Z' fill='%232F2F35'/%3E%3Cpath d='M41 56C41 56.5523 40.5523 57 40 57C39.4477 57 39 56.5523 39 56C39 55.4477 39.4477 55 40 55C40.5523 55 41 55.4477 41 56Z' fill='%232F2F35'/%3E%3Cpath d='M41 52C41 52.5523 40.5523 53 40 53C39.4477 53 39 52.5523 39 52C39 51.4477 39.4477 51 40 51C40.5523 51 41 51.4477 41 52Z' fill='%232F2F35'/%3E%3Cpath d='M41 48C41 48.5523 40.5523 49 40 49C39.4477 49 39 48.5523 39 48C39 47.4477 39.4477 47 40 47C40.5523 47 41 47.4477 41 48Z' fill='%232F2F35'/%3E%3Cpath d='M41 44C41 44.5523 40.5523 45 40 45C39.4477 45 39 44.5523 39 44C39 43.4477 39.4477 43 40 43C40.5523 43 41 43.4477 41 44Z' fill='%232F2F35'/%3E%3Cpath d='M41 40C41 40.5523 40.5523 41 40 41C39.4477 41 39 40.5523 39 40C39 39.4477 39.4477 39 40 39C40.5523 39 41 39.4477 41 40Z' fill='%232F2F35'/%3E%3Cpath d='M41 36C41 36.5523 40.5523 37 40 37C39.4477 37 39 36.5523 39 36C39 35.4477 39.4477 35 40 35C40.5523 35 41 35.4477 41 36Z' fill='%232F2F35'/%3E%3Cpath d='M41 32C41 32.5523 40.5523 33 40 33C39.4477 33 39 32.5523 39 32C39 31.4477 39.4477 31 40 31C40.5523 31 41 31.4477 41 32Z' fill='%232F2F35'/%3E%3Cpath d='M41 28C41 28.5523 40.5523 29 40 29C39.4477 29 39 28.5523 39 28C39 27.4477 39.4477 27 40 27C40.5523 27 41 27.4477 41 28Z' fill='%232F2F35'/%3E%3Cpath d='M41 24C41 24.5523 40.5523 25 40 25C39.4477 25 39 24.5523 39 24C39 23.4477 39.4477 23 40 23C40.5523 23 41 23.4477 41 24Z' fill='%232F2F35'/%3E%3Cpath d='M41 20C41 20.5523 40.5523 21 40 21C39.4477 21 39 20.5523 39 20C39 19.4477 39.4477 19 40 19C40.5523 19 41 19.4477 41 20Z' fill='%232F2F35'/%3E%3Cpath d='M45 100C45 100.552 44.5523 101 44 101C43.4477 101 43 100.552 43 100C43 99.4477 43.4477 99 44 99C44.5523 99 45 99.4477 45 100Z' fill='%232F2F35'/%3E%3Cpath d='M45 96C45 96.5523 44.5523 97 44 97C43.4477 97 43 96.5523 43 96C43 95.4477 43.4477 95 44 95C44.5523 95 45 95.4477 45 96Z' fill='%232F2F35'/%3E%3Cpath d='M45 92C45 92.5523 44.5523 93 44 93C43.4477 93 43 92.5523 43 92C43 91.4477 43.4477 91 44 91C44.5523 91 45 91.4477 45 92Z' fill='%232F2F35'/%3E%3Cpath d='M45 88C45 88.5523 44.5523 89 44 89C43.4477 89 43 88.5523 43 88C43 87.4477 43.4477 87 44 87C44.5523 87 45 87.4477 45 88Z' fill='%232F2F35'/%3E%3Cpath d='M45 84C45 84.5523 44.5523 85 44 85C43.4477 85 43 84.5523 43 84C43 83.4477 43.4477 83 44 83C44.5523 83 45 83.4477 45 84Z' fill='%232F2F35'/%3E%3Cpath d='M45 80C45 80.5523 44.5523 81 44 81C43.4477 81 43 80.5523 43 80C43 79.4477 43.4477 79 44 79C44.5523 79 45 79.4477 45 80Z' fill='%232F2F35'/%3E%3Cpath d='M45 76C45 76.5523 44.5523 77 44 77C43.4477 77 43 76.5523 43 76C43 75.4477 43.4477 75 44 75C44.5523 75 45 75.4477 45 76Z' fill='%232F2F35'/%3E%3Cpath d='M45 72C45 72.5523 44.5523 73 44 73C43.4477 73 43 72.5523 43 72C43 71.4477 43.4477 71 44 71C44.5523 71 45 71.4477 45 72Z' fill='%232F2F35'/%3E%3Cpath d='M45 68C45 68.5523 44.5523 69 44 69C43.4477 69 43 68.5523 43 68C43 67.4477 43.4477 67 44 67C44.5523 67 45 67.4477 45 68Z' fill='%232F2F35'/%3E%3Cpath d='M45 64C45 64.5523 44.5523 65 44 65C43.4477 65 43 64.5523 43 64C43 63.4477 43.4477 63 44 63C44.5523 63 45 63.4477 45 64Z' fill='%232F2F35'/%3E%3Cpath d='M45 60C45 60.5523 44.5523 61 44 61C43.4477 61 43 60.5523 43 60C43 59.4477 43.4477 59 44 59C44.5523 59 45 59.4477 45 60Z' fill='%232F2F35'/%3E%3Cpath d='M45 56C45 56.5523 44.5523 57 44 57C43.4477 57 43 56.5523 43 56C43 55.4477 43.4477 55 44 55C44.5523 55 45 55.4477 45 56Z' fill='%232F2F35'/%3E%3Cpath d='M45 52C45 52.5523 44.5523 53 44 53C43.4477 53 43 52.5523 43 52C43 51.4477 43.4477 51 44 51C44.5523 51 45 51.4477 45 52Z' fill='%232F2F35'/%3E%3Cpath d='M45 48C45 48.5523 44.5523 49 44 49C43.4477 49 43 48.5523 43 48C43 47.4477 43.4477 47 44 47C44.5523 47 45 47.4477 45 48Z' fill='%232F2F35'/%3E%3Cpath d='M45 44C45 44.5523 44.5523 45 44 45C43.4477 45 43 44.5523 43 44C43 43.4477 43.4477 43 44 43C44.5523 43 45 43.4477 45 44Z' fill='%232F2F35'/%3E%3Cpath d='M45 40C45 40.5523 44.5523 41 44 41C43.4477 41 43 40.5523 43 40C43 39.4477 43.4477 39 44 39C44.5523 39 45 39.4477 45 40Z' fill='%232F2F35'/%3E%3Cpath d='M45 36C45 36.5523 44.5523 37 44 37C43.4477 37 43 36.5523 43 36C43 35.4477 43.4477 35 44 35C44.5523 35 45 35.4477 45 36Z' fill='%232F2F35'/%3E%3Cpath d='M45 32C45 32.5523 44.5523 33 44 33C43.4477 33 43 32.5523 43 32C43 31.4477 43.4477 31 44 31C44.5523 31 45 31.4477 45 32Z' fill='%232F2F35'/%3E%3Cpath d='M45 28C45 28.5523 44.5523 29 44 29C43.4477 29 43 28.5523 43 28C43 27.4477 43.4477 27 44 27C44.5523 27 45 27.4477 45 28Z' fill='%232F2F35'/%3E%3Cpath d='M45 24C45 24.5523 44.5523 25 44 25C43.4477 25 43 24.5523 43 24C43 23.4477 43.4477 23 44 23C44.5523 23 45 23.4477 45 24Z' fill='%232F2F35'/%3E%3Cpath d='M45 20C45 20.5523 44.5523 21 44 21C43.4477 21 43 20.5523 43 20C43 19.4477 43.4477 19 44 19C44.5523 19 45 19.4477 45 20Z' fill='%232F2F35'/%3E%3Cpath d='M49 100C49 100.552 48.5523 101 48 101C47.4477 101 47 100.552 47 100C47 99.4477 47.4477 99 48 99C48.5523 99 49 99.4477 49 100Z' fill='%232F2F35'/%3E%3Cpath d='M49 96C49 96.5523 48.5523 97 48 97C47.4477 97 47 96.5523 47 96C47 95.4477 47.4477 95 48 95C48.5523 95 49 95.4477 49 96Z' fill='%232F2F35'/%3E%3Cpath d='M49 92C49 92.5523 48.5523 93 48 93C47.4477 93 47 92.5523 47 92C47 91.4477 47.4477 91 48 91C48.5523 91 49 91.4477 49 92Z' fill='%232F2F35'/%3E%3Cpath d='M49 88C49 88.5523 48.5523 89 48 89C47.4477 89 47 88.5523 47 88C47 87.4477 47.4477 87 48 87C48.5523 87 49 87.4477 49 88Z' fill='%232F2F35'/%3E%3Cpath d='M49 84C49 84.5523 48.5523 85 48 85C47.4477 85 47 84.5523 47 84C47 83.4477 47.4477 83 48 83C48.5523 83 49 83.4477 49 84Z' fill='%232F2F35'/%3E%3Cpath d='M49 80C49 80.5523 48.5523 81 48 81C47.4477 81 47 80.5523 47 80C47 79.4477 47.4477 79 48 79C48.5523 79 49 79.4477 49 80Z' fill='%232F2F35'/%3E%3Cpath d='M49 76C49 76.5523 48.5523 77 48 77C47.4477 77 47 76.5523 47 76C47 75.4477 47.4477 75 48 75C48.5523 75 49 75.4477 49 76Z' fill='%232F2F35'/%3E%3Cpath d='M49 72C49 72.5523 48.5523 73 48 73C47.4477 73 47 72.5523 47 72C47 71.4477 47.4477 71 48 71C48.5523 71 49 71.4477 49 72Z' fill='%232F2F35'/%3E%3Cpath d='M49 68C49 68.5523 48.5523 69 48 69C47.4477 69 47 68.5523 47 68C47 67.4477 47.4477 67 48 67C48.5523 67 49 67.4477 49 68Z' fill='%232F2F35'/%3E%3Cpath d='M49 64C49 64.5523 48.5523 65 48 65C47.4477 65 47 64.5523 47 64C47 63.4477 47.4477 63 48 63C48.5523 63 49 63.4477 49 64Z' fill='%232F2F35'/%3E%3Cpath d='M49 60C49 60.5523 48.5523 61 48 61C47.4477 61 47 60.5523 47 60C47 59.4477 47.4477 59 48 59C48.5523 59 49 59.4477 49 60Z' fill='%232F2F35'/%3E%3Cpath d='M49 56C49 56.5523 48.5523 57 48 57C47.4477 57 47 56.5523 47 56C47 55.4477 47.4477 55 48 55C48.5523 55 49 55.4477 49 56Z' fill='%232F2F35'/%3E%3Cpath d='M49 52C49 52.5523 48.5523 53 48 53C47.4477 53 47 52.5523 47 52C47 51.4477 47.4477 51 48 51C48.5523 51 49 51.4477 49 52Z' fill='%232F2F35'/%3E%3Cpath d='M49 48C49 48.5523 48.5523 49 48 49C47.4477 49 47 48.5523 47 48C47 47.4477 47.4477 47 48 47C48.5523 47 49 47.4477 49 48Z' fill='%232F2F35'/%3E%3Cpath d='M49 44C49 44.5523 48.5523 45 48 45C47.4477 45 47 44.5523 47 44C47 43.4477 47.4477 43 48 43C48.5523 43 49 43.4477 49 44Z' fill='%232F2F35'/%3E%3Cpath d='M49 40C49 40.5523 48.5523 41 48 41C47.4477 41 47 40.5523 47 40C47 39.4477 47.4477 39 48 39C48.5523 39 49 39.4477 49 40Z' fill='%232F2F35'/%3E%3Cpath d='M49 36C49 36.5523 48.5523 37 48 37C47.4477 37 47 36.5523 47 36C47 35.4477 47.4477 35 48 35C48.5523 35 49 35.4477 49 36Z' fill='%232F2F35'/%3E%3Cpath d='M49 32C49 32.5523 48.5523 33 48 33C47.4477 33 47 32.5523 47 32C47 31.4477 47.4477 31 48 31C48.5523 31 49 31.4477 49 32Z' fill='%232F2F35'/%3E%3Cpath d='M49 28C49 28.5523 48.5523 29 48 29C47.4477 29 47 28.5523 47 28C47 27.4477 47.4477 27 48 27C48.5523 27 49 27.4477 49 28Z' fill='%232F2F35'/%3E%3Cpath d='M49 24C49 24.5523 48.5523 25 48 25C47.4477 25 47 24.5523 47 24C47 23.4477 47.4477 23 48 23C48.5523 23 49 23.4477 49 24Z' fill='%232F2F35'/%3E%3Cpath d='M49 20C49 20.5523 48.5523 21 48 21C47.4477 21 47 20.5523 47 20C47 19.4477 47.4477 19 48 19C48.5523 19 49 19.4477 49 20Z' fill='%232F2F35'/%3E%3Cpath d='M53 100C53 100.552 52.5523 101 52 101C51.4477 101 51 100.552 51 100C51 99.4477 51.4477 99 52 99C52.5523 99 53 99.4477 53 100Z' fill='%232F2F35'/%3E%3Cpath d='M53 96C53 96.5523 52.5523 97 52 97C51.4477 97 51 96.5523 51 96C51 95.4477 51.4477 95 52 95C52.5523 95 53 95.4477 53 96Z' fill='%232F2F35'/%3E%3Cpath d='M53 92C53 92.5523 52.5523 93 52 93C51.4477 93 51 92.5523 51 92C51 91.4477 51.4477 91 52 91C52.5523 91 53 91.4477 53 92Z' fill='%232F2F35'/%3E%3Cpath d='M53 88C53 88.5523 52.5523 89 52 89C51.4477 89 51 88.5523 51 88C51 87.4477 51.4477 87 52 87C52.5523 87 53 87.4477 53 88Z' fill='%232F2F35'/%3E%3Cpath d='M53 84C53 84.5523 52.5523 85 52 85C51.4477 85 51 84.5523 51 84C51 83.4477 51.4477 83 52 83C52.5523 83 53 83.4477 53 84Z' fill='%232F2F35'/%3E%3Cpath d='M53 80C53 80.5523 52.5523 81 52 81C51.4477 81 51 80.5523 51 80C51 79.4477 51.4477 79 52 79C52.5523 79 53 79.4477 53 80Z' fill='%232F2F35'/%3E%3Cpath d='M53 76C53 76.5523 52.5523 77 52 77C51.4477 77 51 76.5523 51 76C51 75.4477 51.4477 75 52 75C52.5523 75 53 75.4477 53 76Z' fill='%232F2F35'/%3E%3Cpath d='M53 72C53 72.5523 52.5523 73 52 73C51.4477 73 51 72.5523 51 72C51 71.4477 51.4477 71 52 71C52.5523 71 53 71.4477 53 72Z' fill='%232F2F35'/%3E%3Cpath d='M53 68C53 68.5523 52.5523 69 52 69C51.4477 69 51 68.5523 51 68C51 67.4477 51.4477 67 52 67C52.5523 67 53 67.4477 53 68Z' fill='%232F2F35'/%3E%3Cpath d='M53 64C53 64.5523 52.5523 65 52 65C51.4477 65 51 64.5523 51 64C51 63.4477 51.4477 63 52 63C52.5523 63 53 63.4477 53 64Z' fill='%232F2F35'/%3E%3Cpath d='M53 60C53 60.5523 52.5523 61 52 61C51.4477 61 51 60.5523 51 60C51 59.4477 51.4477 59 52 59C52.5523 59 53 59.4477 53 60Z' fill='%232F2F35'/%3E%3Cpath d='M53 56C53 56.5523 52.5523 57 52 57C51.4477 57 51 56.5523 51 56C51 55.4477 51.4477 55 52 55C52.5523 55 53 55.4477 53 56Z' fill='%232F2F35'/%3E%3Cpath d='M53 52C53 52.5523 52.5523 53 52 53C51.4477 53 51 52.5523 51 52C51 51.4477 51.4477 51 52 51C52.5523 51 53 51.4477 53 52Z' fill='%232F2F35'/%3E%3Cpath d='M53 48C53 48.5523 52.5523 49 52 49C51.4477 49 51 48.5523 51 48C51 47.4477 51.4477 47 52 47C52.5523 47 53 47.4477 53 48Z' fill='%232F2F35'/%3E%3Cpath d='M53 44C53 44.5523 52.5523 45 52 45C51.4477 45 51 44.5523 51 44C51 43.4477 51.4477 43 52 43C52.5523 43 53 43.4477 53 44Z' fill='%232F2F35'/%3E%3Cpath d='M53 40C53 40.5523 52.5523 41 52 41C51.4477 41 51 40.5523 51 40C51 39.4477 51.4477 39 52 39C52.5523 39 53 39.4477 53 40Z' fill='%232F2F35'/%3E%3Cpath d='M53 36C53 36.5523 52.5523 37 52 37C51.4477 37 51 36.5523 51 36C51 35.4477 51.4477 35 52 35C52.5523 35 53 35.4477 53 36Z' fill='%232F2F35'/%3E%3Cpath d='M53 32C53 32.5523 52.5523 33 52 33C51.4477 33 51 32.5523 51 32C51 31.4477 51.4477 31 52 31C52.5523 31 53 31.4477 53 32Z' fill='%232F2F35'/%3E%3Cpath d='M53 28C53 28.5523 52.5523 29 52 29C51.4477 29 51 28.5523 51 28C51 27.4477 51.4477 27 52 27C52.5523 27 53 27.4477 53 28Z' fill='%232F2F35'/%3E%3Cpath d='M53 24C53 24.5523 52.5523 25 52 25C51.4477 25 51 24.5523 51 24C51 23.4477 51.4477 23 52 23C52.5523 23 53 23.4477 53 24Z' fill='%232F2F35'/%3E%3Cpath d='M53 20C53 20.5523 52.5523 21 52 21C51.4477 21 51 20.5523 51 20C51 19.4477 51.4477 19 52 19C52.5523 19 53 19.4477 53 20Z' fill='%232F2F35'/%3E%3Cpath d='M57 100C57 100.552 56.5523 101 56 101C55.4477 101 55 100.552 55 100C55 99.4477 55.4477 99 56 99C56.5523 99 57 99.4477 57 100Z' fill='%232F2F35'/%3E%3Cpath d='M57 96C57 96.5523 56.5523 97 56 97C55.4477 97 55 96.5523 55 96C55 95.4477 55.4477 95 56 95C56.5523 95 57 95.4477 57 96Z' fill='%232F2F35'/%3E%3Cpath d='M57 92C57 92.5523 56.5523 93 56 93C55.4477 93 55 92.5523 55 92C55 91.4477 55.4477 91 56 91C56.5523 91 57 91.4477 57 92Z' fill='%232F2F35'/%3E%3Cpath d='M57 88C57 88.5523 56.5523 89 56 89C55.4477 89 55 88.5523 55 88C55 87.4477 55.4477 87 56 87C56.5523 87 57 87.4477 57 88Z' fill='%232F2F35'/%3E%3Cpath d='M57 84C57 84.5523 56.5523 85 56 85C55.4477 85 55 84.5523 55 84C55 83.4477 55.4477 83 56 83C56.5523 83 57 83.4477 57 84Z' fill='%232F2F35'/%3E%3Cpath d='M57 80C57 80.5523 56.5523 81 56 81C55.4477 81 55 80.5523 55 80C55 79.4477 55.4477 79 56 79C56.5523 79 57 79.4477 57 80Z' fill='%232F2F35'/%3E%3Cpath d='M57 76C57 76.5523 56.5523 77 56 77C55.4477 77 55 76.5523 55 76C55 75.4477 55.4477 75 56 75C56.5523 75 57 75.4477 57 76Z' fill='%232F2F35'/%3E%3Cpath d='M57 72C57 72.5523 56.5523 73 56 73C55.4477 73 55 72.5523 55 72C55 71.4477 55.4477 71 56 71C56.5523 71 57 71.4477 57 72Z' fill='%232F2F35'/%3E%3Cpath d='M57 68C57 68.5523 56.5523 69 56 69C55.4477 69 55 68.5523 55 68C55 67.4477 55.4477 67 56 67C56.5523 67 57 67.4477 57 68Z' fill='%232F2F35'/%3E%3Cpath d='M57 64C57 64.5523 56.5523 65 56 65C55.4477 65 55 64.5523 55 64C55 63.4477 55.4477 63 56 63C56.5523 63 57 63.4477 57 64Z' fill='%232F2F35'/%3E%3Cpath d='M57 60C57 60.5523 56.5523 61 56 61C55.4477 61 55 60.5523 55 60C55 59.4477 55.4477 59 56 59C56.5523 59 57 59.4477 57 60Z' fill='%232F2F35'/%3E%3Cpath d='M57 56C57 56.5523 56.5523 57 56 57C55.4477 57 55 56.5523 55 56C55 55.4477 55.4477 55 56 55C56.5523 55 57 55.4477 57 56Z' fill='%232F2F35'/%3E%3Cpath d='M57 52C57 52.5523 56.5523 53 56 53C55.4477 53 55 52.5523 55 52C55 51.4477 55.4477 51 56 51C56.5523 51 57 51.4477 57 52Z' fill='%232F2F35'/%3E%3Cpath d='M57 48C57 48.5523 56.5523 49 56 49C55.4477 49 55 48.5523 55 48C55 47.4477 55.4477 47 56 47C56.5523 47 57 47.4477 57 48Z' fill='%232F2F35'/%3E%3Cpath d='M57 44C57 44.5523 56.5523 45 56 45C55.4477 45 55 44.5523 55 44C55 43.4477 55.4477 43 56 43C56.5523 43 57 43.4477 57 44Z' fill='%232F2F35'/%3E%3Cpath d='M57 40C57 40.5523 56.5523 41 56 41C55.4477 41 55 40.5523 55 40C55 39.4477 55.4477 39 56 39C56.5523 39 57 39.4477 57 40Z' fill='%232F2F35'/%3E%3Cpath d='M57 36C57 36.5523 56.5523 37 56 37C55.4477 37 55 36.5523 55 36C55 35.4477 55.4477 35 56 35C56.5523 35 57 35.4477 57 36Z' fill='%232F2F35'/%3E%3Cpath d='M57 32C57 32.5523 56.5523 33 56 33C55.4477 33 55 32.5523 55 32C55 31.4477 55.4477 31 56 31C56.5523 31 57 31.4477 57 32Z' fill='%232F2F35'/%3E%3Cpath d='M57 28C57 28.5523 56.5523 29 56 29C55.4477 29 55 28.5523 55 28C55 27.4477 55.4477 27 56 27C56.5523 27 57 27.4477 57 28Z' fill='%232F2F35'/%3E%3Cpath d='M57 24C57 24.5523 56.5523 25 56 25C55.4477 25 55 24.5523 55 24C55 23.4477 55.4477 23 56 23C56.5523 23 57 23.4477 57 24Z' fill='%232F2F35'/%3E%3Cpath d='M57 20C57 20.5523 56.5523 21 56 21C55.4477 21 55 20.5523 55 20C55 19.4477 55.4477 19 56 19C56.5523 19 57 19.4477 57 20Z' fill='%232F2F35'/%3E%3Cpath d='M61 100C61 100.552 60.5523 101 60 101C59.4477 101 59 100.552 59 100C59 99.4477 59.4477 99 60 99C60.5523 99 61 99.4477 61 100Z' fill='%232F2F35'/%3E%3Cpath d='M61 96C61 96.5523 60.5523 97 60 97C59.4477 97 59 96.5523 59 96C59 95.4477 59.4477 95 60 95C60.5523 95 61 95.4477 61 96Z' fill='%232F2F35'/%3E%3Cpath d='M61 92C61 92.5523 60.5523 93 60 93C59.4477 93 59 92.5523 59 92C59 91.4477 59.4477 91 60 91C60.5523 91 61 91.4477 61 92Z' fill='%232F2F35'/%3E%3Cpath d='M61 88C61 88.5523 60.5523 89 60 89C59.4477 89 59 88.5523 59 88C59 87.4477 59.4477 87 60 87C60.5523 87 61 87.4477 61 88Z' fill='%232F2F35'/%3E%3Cpath d='M61 84C61 84.5523 60.5523 85 60 85C59.4477 85 59 84.5523 59 84C59 83.4477 59.4477 83 60 83C60.5523 83 61 83.4477 61 84Z' fill='%232F2F35'/%3E%3Cpath d='M61 80C61 80.5523 60.5523 81 60 81C59.4477 81 59 80.5523 59 80C59 79.4477 59.4477 79 60 79C60.5523 79 61 79.4477 61 80Z' fill='%232F2F35'/%3E%3Cpath d='M61 76C61 76.5523 60.5523 77 60 77C59.4477 77 59 76.5523 59 76C59 75.4477 59.4477 75 60 75C60.5523 75 61 75.4477 61 76Z' fill='%232F2F35'/%3E%3Cpath d='M61 72C61 72.5523 60.5523 73 60 73C59.4477 73 59 72.5523 59 72C59 71.4477 59.4477 71 60 71C60.5523 71 61 71.4477 61 72Z' fill='%232F2F35'/%3E%3Cpath d='M61 68C61 68.5523 60.5523 69 60 69C59.4477 69 59 68.5523 59 68C59 67.4477 59.4477 67 60 67C60.5523 67 61 67.4477 61 68Z' fill='%232F2F35'/%3E%3Cpath d='M61 64C61 64.5523 60.5523 65 60 65C59.4477 65 59 64.5523 59 64C59 63.4477 59.4477 63 60 63C60.5523 63 61 63.4477 61 64Z' fill='%232F2F35'/%3E%3Cpath d='M61 60C61 60.5523 60.5523 61 60 61C59.4477 61 59 60.5523 59 60C59 59.4477 59.4477 59 60 59C60.5523 59 61 59.4477 61 60Z' fill='%232F2F35'/%3E%3Cpath d='M61 56C61 56.5523 60.5523 57 60 57C59.4477 57 59 56.5523 59 56C59 55.4477 59.4477 55 60 55C60.5523 55 61 55.4477 61 56Z' fill='%232F2F35'/%3E%3Cpath d='M61 52C61 52.5523 60.5523 53 60 53C59.4477 53 59 52.5523 59 52C59 51.4477 59.4477 51 60 51C60.5523 51 61 51.4477 61 52Z' fill='%232F2F35'/%3E%3Cpath d='M61 48C61 48.5523 60.5523 49 60 49C59.4477 49 59 48.5523 59 48C59 47.4477 59.4477 47 60 47C60.5523 47 61 47.4477 61 48Z' fill='%232F2F35'/%3E%3Cpath d='M61 44C61 44.5523 60.5523 45 60 45C59.4477 45 59 44.5523 59 44C59 43.4477 59.4477 43 60 43C60.5523 43 61 43.4477 61 44Z' fill='%232F2F35'/%3E%3Cpath d='M61 40C61 40.5523 60.5523 41 60 41C59.4477 41 59 40.5523 59 40C59 39.4477 59.4477 39 60 39C60.5523 39 61 39.4477 61 40Z' fill='%232F2F35'/%3E%3Cpath d='M61 36C61 36.5523 60.5523 37 60 37C59.4477 37 59 36.5523 59 36C59 35.4477 59.4477 35 60 35C60.5523 35 61 35.4477 61 36Z' fill='%232F2F35'/%3E%3Cpath d='M61 32C61 32.5523 60.5523 33 60 33C59.4477 33 59 32.5523 59 32C59 31.4477 59.4477 31 60 31C60.5523 31 61 31.4477 61 32Z' fill='%232F2F35'/%3E%3Cpath d='M61 28C61 28.5523 60.5523 29 60 29C59.4477 29 59 28.5523 59 28C59 27.4477 59.4477 27 60 27C60.5523 27 61 27.4477 61 28Z' fill='%232F2F35'/%3E%3Cpath d='M61 24C61 24.5523 60.5523 25 60 25C59.4477 25 59 24.5523 59 24C59 23.4477 59.4477 23 60 23C60.5523 23 61 23.4477 61 24Z' fill='%232F2F35'/%3E%3Cpath d='M61 20C61 20.5523 60.5523 21 60 21C59.4477 21 59 20.5523 59 20C59 19.4477 59.4477 19 60 19C60.5523 19 61 19.4477 61 20Z' fill='%232F2F35'/%3E%3Cpath d='M65 100C65 100.552 64.5523 101 64 101C63.4477 101 63 100.552 63 100C63 99.4477 63.4477 99 64 99C64.5523 99 65 99.4477 65 100Z' fill='%232F2F35'/%3E%3Cpath d='M65 96C65 96.5523 64.5523 97 64 97C63.4477 97 63 96.5523 63 96C63 95.4477 63.4477 95 64 95C64.5523 95 65 95.4477 65 96Z' fill='%232F2F35'/%3E%3Cpath d='M65 92C65 92.5523 64.5523 93 64 93C63.4477 93 63 92.5523 63 92C63 91.4477 63.4477 91 64 91C64.5523 91 65 91.4477 65 92Z' fill='%232F2F35'/%3E%3Cpath d='M65 88C65 88.5523 64.5523 89 64 89C63.4477 89 63 88.5523 63 88C63 87.4477 63.4477 87 64 87C64.5523 87 65 87.4477 65 88Z' fill='%232F2F35'/%3E%3Cpath d='M65 84C65 84.5523 64.5523 85 64 85C63.4477 85 63 84.5523 63 84C63 83.4477 63.4477 83 64 83C64.5523 83 65 83.4477 65 84Z' fill='%232F2F35'/%3E%3Cpath d='M65 80C65 80.5523 64.5523 81 64 81C63.4477 81 63 80.5523 63 80C63 79.4477 63.4477 79 64 79C64.5523 79 65 79.4477 65 80Z' fill='%232F2F35'/%3E%3Cpath d='M65 76C65 76.5523 64.5523 77 64 77C63.4477 77 63 76.5523 63 76C63 75.4477 63.4477 75 64 75C64.5523 75 65 75.4477 65 76Z' fill='%232F2F35'/%3E%3Cpath d='M65 72C65 72.5523 64.5523 73 64 73C63.4477 73 63 72.5523 63 72C63 71.4477 63.4477 71 64 71C64.5523 71 65 71.4477 65 72Z' fill='%232F2F35'/%3E%3Cpath d='M65 68C65 68.5523 64.5523 69 64 69C63.4477 69 63 68.5523 63 68C63 67.4477 63.4477 67 64 67C64.5523 67 65 67.4477 65 68Z' fill='%232F2F35'/%3E%3Cpath d='M65 64C65 64.5523 64.5523 65 64 65C63.4477 65 63 64.5523 63 64C63 63.4477 63.4477 63 64 63C64.5523 63 65 63.4477 65 64Z' fill='%232F2F35'/%3E%3Cpath d='M65 60C65 60.5523 64.5523 61 64 61C63.4477 61 63 60.5523 63 60C63 59.4477 63.4477 59 64 59C64.5523 59 65 59.4477 65 60Z' fill='%232F2F35'/%3E%3Cpath d='M65 56C65 56.5523 64.5523 57 64 57C63.4477 57 63 56.5523 63 56C63 55.4477 63.4477 55 64 55C64.5523 55 65 55.4477 65 56Z' fill='%232F2F35'/%3E%3Cpath d='M65 52C65 52.5523 64.5523 53 64 53C63.4477 53 63 52.5523 63 52C63 51.4477 63.4477 51 64 51C64.5523 51 65 51.4477 65 52Z' fill='%232F2F35'/%3E%3Cpath d='M65 48C65 48.5523 64.5523 49 64 49C63.4477 49 63 48.5523 63 48C63 47.4477 63.4477 47 64 47C64.5523 47 65 47.4477 65 48Z' fill='%232F2F35'/%3E%3Cpath d='M65 44C65 44.5523 64.5523 45 64 45C63.4477 45 63 44.5523 63 44C63 43.4477 63.4477 43 64 43C64.5523 43 65 43.4477 65 44Z' fill='%232F2F35'/%3E%3Cpath d='M65 40C65 40.5523 64.5523 41 64 41C63.4477 41 63 40.5523 63 40C63 39.4477 63.4477 39 64 39C64.5523 39 65 39.4477 65 40Z' fill='%232F2F35'/%3E%3Cpath d='M65 36C65 36.5523 64.5523 37 64 37C63.4477 37 63 36.5523 63 36C63 35.4477 63.4477 35 64 35C64.5523 35 65 35.4477 65 36Z' fill='%232F2F35'/%3E%3Cpath d='M65 32C65 32.5523 64.5523 33 64 33C63.4477 33 63 32.5523 63 32C63 31.4477 63.4477 31 64 31C64.5523 31 65 31.4477 65 32Z' fill='%232F2F35'/%3E%3Cpath d='M65 28C65 28.5523 64.5523 29 64 29C63.4477 29 63 28.5523 63 28C63 27.4477 63.4477 27 64 27C64.5523 27 65 27.4477 65 28Z' fill='%232F2F35'/%3E%3Cpath d='M65 24C65 24.5523 64.5523 25 64 25C63.4477 25 63 24.5523 63 24C63 23.4477 63.4477 23 64 23C64.5523 23 65 23.4477 65 24Z' fill='%232F2F35'/%3E%3Cpath d='M65 20C65 20.5523 64.5523 21 64 21C63.4477 21 63 20.5523 63 20C63 19.4477 63.4477 19 64 19C64.5523 19 65 19.4477 65 20Z' fill='%232F2F35'/%3E%3Cpath d='M69 100C69 100.552 68.5523 101 68 101C67.4477 101 67 100.552 67 100C67 99.4477 67.4477 99 68 99C68.5523 99 69 99.4477 69 100Z' fill='%232F2F35'/%3E%3Cpath d='M69 96C69 96.5523 68.5523 97 68 97C67.4477 97 67 96.5523 67 96C67 95.4477 67.4477 95 68 95C68.5523 95 69 95.4477 69 96Z' fill='%232F2F35'/%3E%3Cpath d='M69 92C69 92.5523 68.5523 93 68 93C67.4477 93 67 92.5523 67 92C67 91.4477 67.4477 91 68 91C68.5523 91 69 91.4477 69 92Z' fill='%232F2F35'/%3E%3Cpath d='M69 88C69 88.5523 68.5523 89 68 89C67.4477 89 67 88.5523 67 88C67 87.4477 67.4477 87 68 87C68.5523 87 69 87.4477 69 88Z' fill='%232F2F35'/%3E%3Cpath d='M69 84C69 84.5523 68.5523 85 68 85C67.4477 85 67 84.5523 67 84C67 83.4477 67.4477 83 68 83C68.5523 83 69 83.4477 69 84Z' fill='%232F2F35'/%3E%3Cpath d='M69 80C69 80.5523 68.5523 81 68 81C67.4477 81 67 80.5523 67 80C67 79.4477 67.4477 79 68 79C68.5523 79 69 79.4477 69 80Z' fill='%232F2F35'/%3E%3Cpath d='M69 76C69 76.5523 68.5523 77 68 77C67.4477 77 67 76.5523 67 76C67 75.4477 67.4477 75 68 75C68.5523 75 69 75.4477 69 76Z' fill='%232F2F35'/%3E%3Cpath d='M69 72C69 72.5523 68.5523 73 68 73C67.4477 73 67 72.5523 67 72C67 71.4477 67.4477 71 68 71C68.5523 71 69 71.4477 69 72Z' fill='%232F2F35'/%3E%3Cpath d='M69 68C69 68.5523 68.5523 69 68 69C67.4477 69 67 68.5523 67 68C67 67.4477 67.4477 67 68 67C68.5523 67 69 67.4477 69 68Z' fill='%232F2F35'/%3E%3Cpath d='M69 64C69 64.5523 68.5523 65 68 65C67.4477 65 67 64.5523 67 64C67 63.4477 67.4477 63 68 63C68.5523 63 69 63.4477 69 64Z' fill='%232F2F35'/%3E%3Cpath d='M69 60C69 60.5523 68.5523 61 68 61C67.4477 61 67 60.5523 67 60C67 59.4477 67.4477 59 68 59C68.5523 59 69 59.4477 69 60Z' fill='%232F2F35'/%3E%3Cpath d='M69 56C69 56.5523 68.5523 57 68 57C67.4477 57 67 56.5523 67 56C67 55.4477 67.4477 55 68 55C68.5523 55 69 55.4477 69 56Z' fill='%232F2F35'/%3E%3Cpath d='M69 52C69 52.5523 68.5523 53 68 53C67.4477 53 67 52.5523 67 52C67 51.4477 67.4477 51 68 51C68.5523 51 69 51.4477 69 52Z' fill='%232F2F35'/%3E%3Cpath d='M69 48C69 48.5523 68.5523 49 68 49C67.4477 49 67 48.5523 67 48C67 47.4477 67.4477 47 68 47C68.5523 47 69 47.4477 69 48Z' fill='%232F2F35'/%3E%3Cpath d='M69 44C69 44.5523 68.5523 45 68 45C67.4477 45 67 44.5523 67 44C67 43.4477 67.4477 43 68 43C68.5523 43 69 43.4477 69 44Z' fill='%232F2F35'/%3E%3Cpath d='M69 40C69 40.5523 68.5523 41 68 41C67.4477 41 67 40.5523 67 40C67 39.4477 67.4477 39 68 39C68.5523 39 69 39.4477 69 40Z' fill='%232F2F35'/%3E%3Cpath d='M69 36C69 36.5523 68.5523 37 68 37C67.4477 37 67 36.5523 67 36C67 35.4477 67.4477 35 68 35C68.5523 35 69 35.4477 69 36Z' fill='%232F2F35'/%3E%3Cpath d='M69 32C69 32.5523 68.5523 33 68 33C67.4477 33 67 32.5523 67 32C67 31.4477 67.4477 31 68 31C68.5523 31 69 31.4477 69 32Z' fill='%232F2F35'/%3E%3Cpath d='M69 28C69 28.5523 68.5523 29 68 29C67.4477 29 67 28.5523 67 28C67 27.4477 67.4477 27 68 27C68.5523 27 69 27.4477 69 28Z' fill='%232F2F35'/%3E%3Cpath d='M69 24C69 24.5523 68.5523 25 68 25C67.4477 25 67 24.5523 67 24C67 23.4477 67.4477 23 68 23C68.5523 23 69 23.4477 69 24Z' fill='%232F2F35'/%3E%3Cpath d='M69 20C69 20.5523 68.5523 21 68 21C67.4477 21 67 20.5523 67 20C67 19.4477 67.4477 19 68 19C68.5523 19 69 19.4477 69 20Z' fill='%232F2F35'/%3E%3Cpath d='M73 100C73 100.552 72.5523 101 72 101C71.4477 101 71 100.552 71 100C71 99.4477 71.4477 99 72 99C72.5523 99 73 99.4477 73 100Z' fill='%232F2F35'/%3E%3Cpath d='M73 96C73 96.5523 72.5523 97 72 97C71.4477 97 71 96.5523 71 96C71 95.4477 71.4477 95 72 95C72.5523 95 73 95.4477 73 96Z' fill='%232F2F35'/%3E%3Cpath d='M73 92C73 92.5523 72.5523 93 72 93C71.4477 93 71 92.5523 71 92C71 91.4477 71.4477 91 72 91C72.5523 91 73 91.4477 73 92Z' fill='%232F2F35'/%3E%3Cpath d='M73 88C73 88.5523 72.5523 89 72 89C71.4477 89 71 88.5523 71 88C71 87.4477 71.4477 87 72 87C72.5523 87 73 87.4477 73 88Z' fill='%232F2F35'/%3E%3Cpath d='M73 84C73 84.5523 72.5523 85 72 85C71.4477 85 71 84.5523 71 84C71 83.4477 71.4477 83 72 83C72.5523 83 73 83.4477 73 84Z' fill='%232F2F35'/%3E%3Cpath d='M73 80C73 80.5523 72.5523 81 72 81C71.4477 81 71 80.5523 71 80C71 79.4477 71.4477 79 72 79C72.5523 79 73 79.4477 73 80Z' fill='%232F2F35'/%3E%3Cpath d='M73 76C73 76.5523 72.5523 77 72 77C71.4477 77 71 76.5523 71 76C71 75.4477 71.4477 75 72 75C72.5523 75 73 75.4477 73 76Z' fill='%232F2F35'/%3E%3Cpath d='M73 72C73 72.5523 72.5523 73 72 73C71.4477 73 71 72.5523 71 72C71 71.4477 71.4477 71 72 71C72.5523 71 73 71.4477 73 72Z' fill='%232F2F35'/%3E%3Cpath d='M73 68C73 68.5523 72.5523 69 72 69C71.4477 69 71 68.5523 71 68C71 67.4477 71.4477 67 72 67C72.5523 67 73 67.4477 73 68Z' fill='%232F2F35'/%3E%3Cpath d='M73 64C73 64.5523 72.5523 65 72 65C71.4477 65 71 64.5523 71 64C71 63.4477 71.4477 63 72 63C72.5523 63 73 63.4477 73 64Z' fill='%232F2F35'/%3E%3Cpath d='M73 60C73 60.5523 72.5523 61 72 61C71.4477 61 71 60.5523 71 60C71 59.4477 71.4477 59 72 59C72.5523 59 73 59.4477 73 60Z' fill='%232F2F35'/%3E%3Cpath d='M73 56C73 56.5523 72.5523 57 72 57C71.4477 57 71 56.5523 71 56C71 55.4477 71.4477 55 72 55C72.5523 55 73 55.4477 73 56Z' fill='%232F2F35'/%3E%3Cpath d='M73 52C73 52.5523 72.5523 53 72 53C71.4477 53 71 52.5523 71 52C71 51.4477 71.4477 51 72 51C72.5523 51 73 51.4477 73 52Z' fill='%232F2F35'/%3E%3Cpath d='M73 48C73 48.5523 72.5523 49 72 49C71.4477 49 71 48.5523 71 48C71 47.4477 71.4477 47 72 47C72.5523 47 73 47.4477 73 48Z' fill='%232F2F35'/%3E%3Cpath d='M73 44C73 44.5523 72.5523 45 72 45C71.4477 45 71 44.5523 71 44C71 43.4477 71.4477 43 72 43C72.5523 43 73 43.4477 73 44Z' fill='%232F2F35'/%3E%3Cpath d='M73 40C73 40.5523 72.5523 41 72 41C71.4477 41 71 40.5523 71 40C71 39.4477 71.4477 39 72 39C72.5523 39 73 39.4477 73 40Z' fill='%232F2F35'/%3E%3Cpath d='M73 36C73 36.5523 72.5523 37 72 37C71.4477 37 71 36.5523 71 36C71 35.4477 71.4477 35 72 35C72.5523 35 73 35.4477 73 36Z' fill='%232F2F35'/%3E%3Cpath d='M73 32C73 32.5523 72.5523 33 72 33C71.4477 33 71 32.5523 71 32C71 31.4477 71.4477 31 72 31C72.5523 31 73 31.4477 73 32Z' fill='%232F2F35'/%3E%3Cpath d='M73 28C73 28.5523 72.5523 29 72 29C71.4477 29 71 28.5523 71 28C71 27.4477 71.4477 27 72 27C72.5523 27 73 27.4477 73 28Z' fill='%232F2F35'/%3E%3Cpath d='M73 24C73 24.5523 72.5523 25 72 25C71.4477 25 71 24.5523 71 24C71 23.4477 71.4477 23 72 23C72.5523 23 73 23.4477 73 24Z' fill='%232F2F35'/%3E%3Cpath d='M73 20C73 20.5523 72.5523 21 72 21C71.4477 21 71 20.5523 71 20C71 19.4477 71.4477 19 72 19C72.5523 19 73 19.4477 73 20Z' fill='%232F2F35'/%3E%3Cpath d='M77 100C77 100.552 76.5523 101 76 101C75.4477 101 75 100.552 75 100C75 99.4477 75.4477 99 76 99C76.5523 99 77 99.4477 77 100Z' fill='%232F2F35'/%3E%3Cpath d='M77 96C77 96.5523 76.5523 97 76 97C75.4477 97 75 96.5523 75 96C75 95.4477 75.4477 95 76 95C76.5523 95 77 95.4477 77 96Z' fill='%232F2F35'/%3E%3Cpath d='M77 92C77 92.5523 76.5523 93 76 93C75.4477 93 75 92.5523 75 92C75 91.4477 75.4477 91 76 91C76.5523 91 77 91.4477 77 92Z' fill='%232F2F35'/%3E%3Cpath d='M77 88C77 88.5523 76.5523 89 76 89C75.4477 89 75 88.5523 75 88C75 87.4477 75.4477 87 76 87C76.5523 87 77 87.4477 77 88Z' fill='%232F2F35'/%3E%3Cpath d='M77 84C77 84.5523 76.5523 85 76 85C75.4477 85 75 84.5523 75 84C75 83.4477 75.4477 83 76 83C76.5523 83 77 83.4477 77 84Z' fill='%232F2F35'/%3E%3Cpath d='M77 80C77 80.5523 76.5523 81 76 81C75.4477 81 75 80.5523 75 80C75 79.4477 75.4477 79 76 79C76.5523 79 77 79.4477 77 80Z' fill='%232F2F35'/%3E%3Cpath d='M77 76C77 76.5523 76.5523 77 76 77C75.4477 77 75 76.5523 75 76C75 75.4477 75.4477 75 76 75C76.5523 75 77 75.4477 77 76Z' fill='%232F2F35'/%3E%3Cpath d='M77 72C77 72.5523 76.5523 73 76 73C75.4477 73 75 72.5523 75 72C75 71.4477 75.4477 71 76 71C76.5523 71 77 71.4477 77 72Z' fill='%232F2F35'/%3E%3Cpath d='M77 68C77 68.5523 76.5523 69 76 69C75.4477 69 75 68.5523 75 68C75 67.4477 75.4477 67 76 67C76.5523 67 77 67.4477 77 68Z' fill='%232F2F35'/%3E%3Cpath d='M77 64C77 64.5523 76.5523 65 76 65C75.4477 65 75 64.5523 75 64C75 63.4477 75.4477 63 76 63C76.5523 63 77 63.4477 77 64Z' fill='%232F2F35'/%3E%3Cpath d='M77 60C77 60.5523 76.5523 61 76 61C75.4477 61 75 60.5523 75 60C75 59.4477 75.4477 59 76 59C76.5523 59 77 59.4477 77 60Z' fill='%232F2F35'/%3E%3Cpath d='M77 56C77 56.5523 76.5523 57 76 57C75.4477 57 75 56.5523 75 56C75 55.4477 75.4477 55 76 55C76.5523 55 77 55.4477 77 56Z' fill='%232F2F35'/%3E%3Cpath d='M77 52C77 52.5523 76.5523 53 76 53C75.4477 53 75 52.5523 75 52C75 51.4477 75.4477 51 76 51C76.5523 51 77 51.4477 77 52Z' fill='%232F2F35'/%3E%3Cpath d='M77 48C77 48.5523 76.5523 49 76 49C75.4477 49 75 48.5523 75 48C75 47.4477 75.4477 47 76 47C76.5523 47 77 47.4477 77 48Z' fill='%232F2F35'/%3E%3Cpath d='M77 44C77 44.5523 76.5523 45 76 45C75.4477 45 75 44.5523 75 44C75 43.4477 75.4477 43 76 43C76.5523 43 77 43.4477 77 44Z' fill='%232F2F35'/%3E%3Cpath d='M77 40C77 40.5523 76.5523 41 76 41C75.4477 41 75 40.5523 75 40C75 39.4477 75.4477 39 76 39C76.5523 39 77 39.4477 77 40Z' fill='%232F2F35'/%3E%3Cpath d='M77 36C77 36.5523 76.5523 37 76 37C75.4477 37 75 36.5523 75 36C75 35.4477 75.4477 35 76 35C76.5523 35 77 35.4477 77 36Z' fill='%232F2F35'/%3E%3Cpath d='M77 32C77 32.5523 76.5523 33 76 33C75.4477 33 75 32.5523 75 32C75 31.4477 75.4477 31 76 31C76.5523 31 77 31.4477 77 32Z' fill='%232F2F35'/%3E%3Cpath d='M77 28C77 28.5523 76.5523 29 76 29C75.4477 29 75 28.5523 75 28C75 27.4477 75.4477 27 76 27C76.5523 27 77 27.4477 77 28Z' fill='%232F2F35'/%3E%3Cpath d='M77 24C77 24.5523 76.5523 25 76 25C75.4477 25 75 24.5523 75 24C75 23.4477 75.4477 23 76 23C76.5523 23 77 23.4477 77 24Z' fill='%232F2F35'/%3E%3Cpath d='M77 20C77 20.5523 76.5523 21 76 21C75.4477 21 75 20.5523 75 20C75 19.4477 75.4477 19 76 19C76.5523 19 77 19.4477 77 20Z' fill='%232F2F35'/%3E%3Cpath d='M81 100C81 100.552 80.5523 101 80 101C79.4477 101 79 100.552 79 100C79 99.4477 79.4477 99 80 99C80.5523 99 81 99.4477 81 100Z' fill='%232F2F35'/%3E%3Cpath d='M81 96C81 96.5523 80.5523 97 80 97C79.4477 97 79 96.5523 79 96C79 95.4477 79.4477 95 80 95C80.5523 95 81 95.4477 81 96Z' fill='%232F2F35'/%3E%3Cpath d='M81 92C81 92.5523 80.5523 93 80 93C79.4477 93 79 92.5523 79 92C79 91.4477 79.4477 91 80 91C80.5523 91 81 91.4477 81 92Z' fill='%232F2F35'/%3E%3Cpath d='M81 88C81 88.5523 80.5523 89 80 89C79.4477 89 79 88.5523 79 88C79 87.4477 79.4477 87 80 87C80.5523 87 81 87.4477 81 88Z' fill='%232F2F35'/%3E%3Cpath d='M81 84C81 84.5523 80.5523 85 80 85C79.4477 85 79 84.5523 79 84C79 83.4477 79.4477 83 80 83C80.5523 83 81 83.4477 81 84Z' fill='%232F2F35'/%3E%3Cpath d='M81 80C81 80.5523 80.5523 81 80 81C79.4477 81 79 80.5523 79 80C79 79.4477 79.4477 79 80 79C80.5523 79 81 79.4477 81 80Z' fill='%232F2F35'/%3E%3Cpath d='M81 76C81 76.5523 80.5523 77 80 77C79.4477 77 79 76.5523 79 76C79 75.4477 79.4477 75 80 75C80.5523 75 81 75.4477 81 76Z' fill='%232F2F35'/%3E%3Cpath d='M81 72C81 72.5523 80.5523 73 80 73C79.4477 73 79 72.5523 79 72C79 71.4477 79.4477 71 80 71C80.5523 71 81 71.4477 81 72Z' fill='%232F2F35'/%3E%3Cpath d='M81 68C81 68.5523 80.5523 69 80 69C79.4477 69 79 68.5523 79 68C79 67.4477 79.4477 67 80 67C80.5523 67 81 67.4477 81 68Z' fill='%232F2F35'/%3E%3Cpath d='M81 64C81 64.5523 80.5523 65 80 65C79.4477 65 79 64.5523 79 64C79 63.4477 79.4477 63 80 63C80.5523 63 81 63.4477 81 64Z' fill='%232F2F35'/%3E%3Cpath d='M81 60C81 60.5523 80.5523 61 80 61C79.4477 61 79 60.5523 79 60C79 59.4477 79.4477 59 80 59C80.5523 59 81 59.4477 81 60Z' fill='%232F2F35'/%3E%3Cpath d='M81 56C81 56.5523 80.5523 57 80 57C79.4477 57 79 56.5523 79 56C79 55.4477 79.4477 55 80 55C80.5523 55 81 55.4477 81 56Z' fill='%232F2F35'/%3E%3Cpath d='M81 52C81 52.5523 80.5523 53 80 53C79.4477 53 79 52.5523 79 52C79 51.4477 79.4477 51 80 51C80.5523 51 81 51.4477 81 52Z' fill='%232F2F35'/%3E%3Cpath d='M81 48C81 48.5523 80.5523 49 80 49C79.4477 49 79 48.5523 79 48C79 47.4477 79.4477 47 80 47C80.5523 47 81 47.4477 81 48Z' fill='%232F2F35'/%3E%3Cpath d='M81 44C81 44.5523 80.5523 45 80 45C79.4477 45 79 44.5523 79 44C79 43.4477 79.4477 43 80 43C80.5523 43 81 43.4477 81 44Z' fill='%232F2F35'/%3E%3Cpath d='M81 40C81 40.5523 80.5523 41 80 41C79.4477 41 79 40.5523 79 40C79 39.4477 79.4477 39 80 39C80.5523 39 81 39.4477 81 40Z' fill='%232F2F35'/%3E%3Cpath d='M81 36C81 36.5523 80.5523 37 80 37C79.4477 37 79 36.5523 79 36C79 35.4477 79.4477 35 80 35C80.5523 35 81 35.4477 81 36Z' fill='%232F2F35'/%3E%3Cpath d='M81 32C81 32.5523 80.5523 33 80 33C79.4477 33 79 32.5523 79 32C79 31.4477 79.4477 31 80 31C80.5523 31 81 31.4477 81 32Z' fill='%232F2F35'/%3E%3Cpath d='M81 28C81 28.5523 80.5523 29 80 29C79.4477 29 79 28.5523 79 28C79 27.4477 79.4477 27 80 27C80.5523 27 81 27.4477 81 28Z' fill='%232F2F35'/%3E%3Cpath d='M81 24C81 24.5523 80.5523 25 80 25C79.4477 25 79 24.5523 79 24C79 23.4477 79.4477 23 80 23C80.5523 23 81 23.4477 81 24Z' fill='%232F2F35'/%3E%3Cpath d='M81 20C81 20.5523 80.5523 21 80 21C79.4477 21 79 20.5523 79 20C79 19.4477 79.4477 19 80 19C80.5523 19 81 19.4477 81 20Z' fill='%232F2F35'/%3E%3Cpath d='M85 100C85 100.552 84.5523 101 84 101C83.4477 101 83 100.552 83 100C83 99.4477 83.4477 99 84 99C84.5523 99 85 99.4477 85 100Z' fill='%232F2F35'/%3E%3Cpath d='M85 96C85 96.5523 84.5523 97 84 97C83.4477 97 83 96.5523 83 96C83 95.4477 83.4477 95 84 95C84.5523 95 85 95.4477 85 96Z' fill='%232F2F35'/%3E%3Cpath d='M85 92C85 92.5523 84.5523 93 84 93C83.4477 93 83 92.5523 83 92C83 91.4477 83.4477 91 84 91C84.5523 91 85 91.4477 85 92Z' fill='%232F2F35'/%3E%3Cpath d='M85 88C85 88.5523 84.5523 89 84 89C83.4477 89 83 88.5523 83 88C83 87.4477 83.4477 87 84 87C84.5523 87 85 87.4477 85 88Z' fill='%232F2F35'/%3E%3Cpath d='M85 84C85 84.5523 84.5523 85 84 85C83.4477 85 83 84.5523 83 84C83 83.4477 83.4477 83 84 83C84.5523 83 85 83.4477 85 84Z' fill='%232F2F35'/%3E%3Cpath d='M85 80C85 80.5523 84.5523 81 84 81C83.4477 81 83 80.5523 83 80C83 79.4477 83.4477 79 84 79C84.5523 79 85 79.4477 85 80Z' fill='%232F2F35'/%3E%3Cpath d='M85 76C85 76.5523 84.5523 77 84 77C83.4477 77 83 76.5523 83 76C83 75.4477 83.4477 75 84 75C84.5523 75 85 75.4477 85 76Z' fill='%232F2F35'/%3E%3Cpath d='M85 72C85 72.5523 84.5523 73 84 73C83.4477 73 83 72.5523 83 72C83 71.4477 83.4477 71 84 71C84.5523 71 85 71.4477 85 72Z' fill='%232F2F35'/%3E%3Cpath d='M85 68C85 68.5523 84.5523 69 84 69C83.4477 69 83 68.5523 83 68C83 67.4477 83.4477 67 84 67C84.5523 67 85 67.4477 85 68Z' fill='%232F2F35'/%3E%3Cpath d='M85 64C85 64.5523 84.5523 65 84 65C83.4477 65 83 64.5523 83 64C83 63.4477 83.4477 63 84 63C84.5523 63 85 63.4477 85 64Z' fill='%232F2F35'/%3E%3Cpath d='M85 60C85 60.5523 84.5523 61 84 61C83.4477 61 83 60.5523 83 60C83 59.4477 83.4477 59 84 59C84.5523 59 85 59.4477 85 60Z' fill='%232F2F35'/%3E%3Cpath d='M85 56C85 56.5523 84.5523 57 84 57C83.4477 57 83 56.5523 83 56C83 55.4477 83.4477 55 84 55C84.5523 55 85 55.4477 85 56Z' fill='%232F2F35'/%3E%3Cpath d='M85 52C85 52.5523 84.5523 53 84 53C83.4477 53 83 52.5523 83 52C83 51.4477 83.4477 51 84 51C84.5523 51 85 51.4477 85 52Z' fill='%232F2F35'/%3E%3Cpath d='M85 48C85 48.5523 84.5523 49 84 49C83.4477 49 83 48.5523 83 48C83 47.4477 83.4477 47 84 47C84.5523 47 85 47.4477 85 48Z' fill='%232F2F35'/%3E%3Cpath d='M85 44C85 44.5523 84.5523 45 84 45C83.4477 45 83 44.5523 83 44C83 43.4477 83.4477 43 84 43C84.5523 43 85 43.4477 85 44Z' fill='%232F2F35'/%3E%3Cpath d='M85 40C85 40.5523 84.5523 41 84 41C83.4477 41 83 40.5523 83 40C83 39.4477 83.4477 39 84 39C84.5523 39 85 39.4477 85 40Z' fill='%232F2F35'/%3E%3Cpath d='M85 36C85 36.5523 84.5523 37 84 37C83.4477 37 83 36.5523 83 36C83 35.4477 83.4477 35 84 35C84.5523 35 85 35.4477 85 36Z' fill='%232F2F35'/%3E%3Cpath d='M85 32C85 32.5523 84.5523 33 84 33C83.4477 33 83 32.5523 83 32C83 31.4477 83.4477 31 84 31C84.5523 31 85 31.4477 85 32Z' fill='%232F2F35'/%3E%3Cpath d='M85 28C85 28.5523 84.5523 29 84 29C83.4477 29 83 28.5523 83 28C83 27.4477 83.4477 27 84 27C84.5523 27 85 27.4477 85 28Z' fill='%232F2F35'/%3E%3Cpath d='M85 24C85 24.5523 84.5523 25 84 25C83.4477 25 83 24.5523 83 24C83 23.4477 83.4477 23 84 23C84.5523 23 85 23.4477 85 24Z' fill='%232F2F35'/%3E%3Cpath d='M85 20C85 20.5523 84.5523 21 84 21C83.4477 21 83 20.5523 83 20C83 19.4477 83.4477 19 84 19C84.5523 19 85 19.4477 85 20Z' fill='%232F2F35'/%3E%3Cpath d='M89 100C89 100.552 88.5523 101 88 101C87.4477 101 87 100.552 87 100C87 99.4477 87.4477 99 88 99C88.5523 99 89 99.4477 89 100Z' fill='%232F2F35'/%3E%3Cpath d='M89 96C89 96.5523 88.5523 97 88 97C87.4477 97 87 96.5523 87 96C87 95.4477 87.4477 95 88 95C88.5523 95 89 95.4477 89 96Z' fill='%232F2F35'/%3E%3Cpath d='M89 92C89 92.5523 88.5523 93 88 93C87.4477 93 87 92.5523 87 92C87 91.4477 87.4477 91 88 91C88.5523 91 89 91.4477 89 92Z' fill='%232F2F35'/%3E%3Cpath d='M89 88C89 88.5523 88.5523 89 88 89C87.4477 89 87 88.5523 87 88C87 87.4477 87.4477 87 88 87C88.5523 87 89 87.4477 89 88Z' fill='%232F2F35'/%3E%3Cpath d='M89 84C89 84.5523 88.5523 85 88 85C87.4477 85 87 84.5523 87 84C87 83.4477 87.4477 83 88 83C88.5523 83 89 83.4477 89 84Z' fill='%232F2F35'/%3E%3Cpath d='M89 80C89 80.5523 88.5523 81 88 81C87.4477 81 87 80.5523 87 80C87 79.4477 87.4477 79 88 79C88.5523 79 89 79.4477 89 80Z' fill='%232F2F35'/%3E%3Cpath d='M89 76C89 76.5523 88.5523 77 88 77C87.4477 77 87 76.5523 87 76C87 75.4477 87.4477 75 88 75C88.5523 75 89 75.4477 89 76Z' fill='%232F2F35'/%3E%3Cpath d='M89 72C89 72.5523 88.5523 73 88 73C87.4477 73 87 72.5523 87 72C87 71.4477 87.4477 71 88 71C88.5523 71 89 71.4477 89 72Z' fill='%232F2F35'/%3E%3Cpath d='M89 68C89 68.5523 88.5523 69 88 69C87.4477 69 87 68.5523 87 68C87 67.4477 87.4477 67 88 67C88.5523 67 89 67.4477 89 68Z' fill='%232F2F35'/%3E%3Cpath d='M89 64C89 64.5523 88.5523 65 88 65C87.4477 65 87 64.5523 87 64C87 63.4477 87.4477 63 88 63C88.5523 63 89 63.4477 89 64Z' fill='%232F2F35'/%3E%3Cpath d='M89 60C89 60.5523 88.5523 61 88 61C87.4477 61 87 60.5523 87 60C87 59.4477 87.4477 59 88 59C88.5523 59 89 59.4477 89 60Z' fill='%232F2F35'/%3E%3Cpath d='M89 56C89 56.5523 88.5523 57 88 57C87.4477 57 87 56.5523 87 56C87 55.4477 87.4477 55 88 55C88.5523 55 89 55.4477 89 56Z' fill='%232F2F35'/%3E%3Cpath d='M89 52C89 52.5523 88.5523 53 88 53C87.4477 53 87 52.5523 87 52C87 51.4477 87.4477 51 88 51C88.5523 51 89 51.4477 89 52Z' fill='%232F2F35'/%3E%3Cpath d='M89 48C89 48.5523 88.5523 49 88 49C87.4477 49 87 48.5523 87 48C87 47.4477 87.4477 47 88 47C88.5523 47 89 47.4477 89 48Z' fill='%232F2F35'/%3E%3Cpath d='M89 44C89 44.5523 88.5523 45 88 45C87.4477 45 87 44.5523 87 44C87 43.4477 87.4477 43 88 43C88.5523 43 89 43.4477 89 44Z' fill='%232F2F35'/%3E%3Cpath d='M89 40C89 40.5523 88.5523 41 88 41C87.4477 41 87 40.5523 87 40C87 39.4477 87.4477 39 88 39C88.5523 39 89 39.4477 89 40Z' fill='%232F2F35'/%3E%3Cpath d='M89 36C89 36.5523 88.5523 37 88 37C87.4477 37 87 36.5523 87 36C87 35.4477 87.4477 35 88 35C88.5523 35 89 35.4477 89 36Z' fill='%232F2F35'/%3E%3Cpath d='M89 32C89 32.5523 88.5523 33 88 33C87.4477 33 87 32.5523 87 32C87 31.4477 87.4477 31 88 31C88.5523 31 89 31.4477 89 32Z' fill='%232F2F35'/%3E%3Cpath d='M89 28C89 28.5523 88.5523 29 88 29C87.4477 29 87 28.5523 87 28C87 27.4477 87.4477 27 88 27C88.5523 27 89 27.4477 89 28Z' fill='%232F2F35'/%3E%3Cpath d='M89 24C89 24.5523 88.5523 25 88 25C87.4477 25 87 24.5523 87 24C87 23.4477 87.4477 23 88 23C88.5523 23 89 23.4477 89 24Z' fill='%232F2F35'/%3E%3Cpath d='M89 20C89 20.5523 88.5523 21 88 21C87.4477 21 87 20.5523 87 20C87 19.4477 87.4477 19 88 19C88.5523 19 89 19.4477 89 20Z' fill='%232F2F35'/%3E%3Cpath d='M93 100C93 100.552 92.5523 101 92 101C91.4477 101 91 100.552 91 100C91 99.4477 91.4477 99 92 99C92.5523 99 93 99.4477 93 100Z' fill='%232F2F35'/%3E%3Cpath d='M93 96C93 96.5523 92.5523 97 92 97C91.4477 97 91 96.5523 91 96C91 95.4477 91.4477 95 92 95C92.5523 95 93 95.4477 93 96Z' fill='%232F2F35'/%3E%3Cpath d='M93 92C93 92.5523 92.5523 93 92 93C91.4477 93 91 92.5523 91 92C91 91.4477 91.4477 91 92 91C92.5523 91 93 91.4477 93 92Z' fill='%232F2F35'/%3E%3Cpath d='M93 88C93 88.5523 92.5523 89 92 89C91.4477 89 91 88.5523 91 88C91 87.4477 91.4477 87 92 87C92.5523 87 93 87.4477 93 88Z' fill='%232F2F35'/%3E%3Cpath d='M93 84C93 84.5523 92.5523 85 92 85C91.4477 85 91 84.5523 91 84C91 83.4477 91.4477 83 92 83C92.5523 83 93 83.4477 93 84Z' fill='%232F2F35'/%3E%3Cpath d='M93 80C93 80.5523 92.5523 81 92 81C91.4477 81 91 80.5523 91 80C91 79.4477 91.4477 79 92 79C92.5523 79 93 79.4477 93 80Z' fill='%232F2F35'/%3E%3Cpath d='M93 76C93 76.5523 92.5523 77 92 77C91.4477 77 91 76.5523 91 76C91 75.4477 91.4477 75 92 75C92.5523 75 93 75.4477 93 76Z' fill='%232F2F35'/%3E%3Cpath d='M93 72C93 72.5523 92.5523 73 92 73C91.4477 73 91 72.5523 91 72C91 71.4477 91.4477 71 92 71C92.5523 71 93 71.4477 93 72Z' fill='%232F2F35'/%3E%3Cpath d='M93 68C93 68.5523 92.5523 69 92 69C91.4477 69 91 68.5523 91 68C91 67.4477 91.4477 67 92 67C92.5523 67 93 67.4477 93 68Z' fill='%232F2F35'/%3E%3Cpath d='M93 64C93 64.5523 92.5523 65 92 65C91.4477 65 91 64.5523 91 64C91 63.4477 91.4477 63 92 63C92.5523 63 93 63.4477 93 64Z' fill='%232F2F35'/%3E%3Cpath d='M93 60C93 60.5523 92.5523 61 92 61C91.4477 61 91 60.5523 91 60C91 59.4477 91.4477 59 92 59C92.5523 59 93 59.4477 93 60Z' fill='%232F2F35'/%3E%3Cpath d='M93 56C93 56.5523 92.5523 57 92 57C91.4477 57 91 56.5523 91 56C91 55.4477 91.4477 55 92 55C92.5523 55 93 55.4477 93 56Z' fill='%232F2F35'/%3E%3Cpath d='M93 52C93 52.5523 92.5523 53 92 53C91.4477 53 91 52.5523 91 52C91 51.4477 91.4477 51 92 51C92.5523 51 93 51.4477 93 52Z' fill='%232F2F35'/%3E%3Cpath d='M93 48C93 48.5523 92.5523 49 92 49C91.4477 49 91 48.5523 91 48C91 47.4477 91.4477 47 92 47C92.5523 47 93 47.4477 93 48Z' fill='%232F2F35'/%3E%3Cpath d='M93 44C93 44.5523 92.5523 45 92 45C91.4477 45 91 44.5523 91 44C91 43.4477 91.4477 43 92 43C92.5523 43 93 43.4477 93 44Z' fill='%232F2F35'/%3E%3Cpath d='M93 40C93 40.5523 92.5523 41 92 41C91.4477 41 91 40.5523 91 40C91 39.4477 91.4477 39 92 39C92.5523 39 93 39.4477 93 40Z' fill='%232F2F35'/%3E%3Cpath d='M93 36C93 36.5523 92.5523 37 92 37C91.4477 37 91 36.5523 91 36C91 35.4477 91.4477 35 92 35C92.5523 35 93 35.4477 93 36Z' fill='%232F2F35'/%3E%3Cpath d='M93 32C93 32.5523 92.5523 33 92 33C91.4477 33 91 32.5523 91 32C91 31.4477 91.4477 31 92 31C92.5523 31 93 31.4477 93 32Z' fill='%232F2F35'/%3E%3Cpath d='M93 28C93 28.5523 92.5523 29 92 29C91.4477 29 91 28.5523 91 28C91 27.4477 91.4477 27 92 27C92.5523 27 93 27.4477 93 28Z' fill='%232F2F35'/%3E%3Cpath d='M93 24C93 24.5523 92.5523 25 92 25C91.4477 25 91 24.5523 91 24C91 23.4477 91.4477 23 92 23C92.5523 23 93 23.4477 93 24Z' fill='%232F2F35'/%3E%3Cpath d='M93 20C93 20.5523 92.5523 21 92 21C91.4477 21 91 20.5523 91 20C91 19.4477 91.4477 19 92 19C92.5523 19 93 19.4477 93 20Z' fill='%232F2F35'/%3E%3Cpath d='M97 100C97 100.552 96.5523 101 96 101C95.4477 101 95 100.552 95 100C95 99.4477 95.4477 99 96 99C96.5523 99 97 99.4477 97 100Z' fill='%232F2F35'/%3E%3Cpath d='M97 96C97 96.5523 96.5523 97 96 97C95.4477 97 95 96.5523 95 96C95 95.4477 95.4477 95 96 95C96.5523 95 97 95.4477 97 96Z' fill='%232F2F35'/%3E%3Cpath d='M97 92C97 92.5523 96.5523 93 96 93C95.4477 93 95 92.5523 95 92C95 91.4477 95.4477 91 96 91C96.5523 91 97 91.4477 97 92Z' fill='%232F2F35'/%3E%3Cpath d='M97 88C97 88.5523 96.5523 89 96 89C95.4477 89 95 88.5523 95 88C95 87.4477 95.4477 87 96 87C96.5523 87 97 87.4477 97 88Z' fill='%232F2F35'/%3E%3Cpath d='M97 84C97 84.5523 96.5523 85 96 85C95.4477 85 95 84.5523 95 84C95 83.4477 95.4477 83 96 83C96.5523 83 97 83.4477 97 84Z' fill='%232F2F35'/%3E%3Cpath d='M97 80C97 80.5523 96.5523 81 96 81C95.4477 81 95 80.5523 95 80C95 79.4477 95.4477 79 96 79C96.5523 79 97 79.4477 97 80Z' fill='%232F2F35'/%3E%3Cpath d='M97 76C97 76.5523 96.5523 77 96 77C95.4477 77 95 76.5523 95 76C95 75.4477 95.4477 75 96 75C96.5523 75 97 75.4477 97 76Z' fill='%232F2F35'/%3E%3Cpath d='M97 72C97 72.5523 96.5523 73 96 73C95.4477 73 95 72.5523 95 72C95 71.4477 95.4477 71 96 71C96.5523 71 97 71.4477 97 72Z' fill='%232F2F35'/%3E%3Cpath d='M97 68C97 68.5523 96.5523 69 96 69C95.4477 69 95 68.5523 95 68C95 67.4477 95.4477 67 96 67C96.5523 67 97 67.4477 97 68Z' fill='%232F2F35'/%3E%3Cpath d='M97 64C97 64.5523 96.5523 65 96 65C95.4477 65 95 64.5523 95 64C95 63.4477 95.4477 63 96 63C96.5523 63 97 63.4477 97 64Z' fill='%232F2F35'/%3E%3Cpath d='M97 60C97 60.5523 96.5523 61 96 61C95.4477 61 95 60.5523 95 60C95 59.4477 95.4477 59 96 59C96.5523 59 97 59.4477 97 60Z' fill='%232F2F35'/%3E%3Cpath d='M97 56C97 56.5523 96.5523 57 96 57C95.4477 57 95 56.5523 95 56C95 55.4477 95.4477 55 96 55C96.5523 55 97 55.4477 97 56Z' fill='%232F2F35'/%3E%3Cpath d='M97 52C97 52.5523 96.5523 53 96 53C95.4477 53 95 52.5523 95 52C95 51.4477 95.4477 51 96 51C96.5523 51 97 51.4477 97 52Z' fill='%232F2F35'/%3E%3Cpath d='M97 48C97 48.5523 96.5523 49 96 49C95.4477 49 95 48.5523 95 48C95 47.4477 95.4477 47 96 47C96.5523 47 97 47.4477 97 48Z' fill='%232F2F35'/%3E%3Cpath d='M97 44C97 44.5523 96.5523 45 96 45C95.4477 45 95 44.5523 95 44C95 43.4477 95.4477 43 96 43C96.5523 43 97 43.4477 97 44Z' fill='%232F2F35'/%3E%3Cpath d='M97 40C97 40.5523 96.5523 41 96 41C95.4477 41 95 40.5523 95 40C95 39.4477 95.4477 39 96 39C96.5523 39 97 39.4477 97 40Z' fill='%232F2F35'/%3E%3Cpath d='M97 36C97 36.5523 96.5523 37 96 37C95.4477 37 95 36.5523 95 36C95 35.4477 95.4477 35 96 35C96.5523 35 97 35.4477 97 36Z' fill='%232F2F35'/%3E%3Cpath d='M97 32C97 32.5523 96.5523 33 96 33C95.4477 33 95 32.5523 95 32C95 31.4477 95.4477 31 96 31C96.5523 31 97 31.4477 97 32Z' fill='%232F2F35'/%3E%3Cpath d='M97 28C97 28.5523 96.5523 29 96 29C95.4477 29 95 28.5523 95 28C95 27.4477 95.4477 27 96 27C96.5523 27 97 27.4477 97 28Z' fill='%232F2F35'/%3E%3Cpath d='M97 24C97 24.5523 96.5523 25 96 25C95.4477 25 95 24.5523 95 24C95 23.4477 95.4477 23 96 23C96.5523 23 97 23.4477 97 24Z' fill='%232F2F35'/%3E%3Cpath d='M97 20C97 20.5523 96.5523 21 96 21C95.4477 21 95 20.5523 95 20C95 19.4477 95.4477 19 96 19C96.5523 19 97 19.4477 97 20Z' fill='%232F2F35'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dp-profile-card-item:hover {
  background-size: 100px;
}
.dp-profile-card-item:hover .dp-profile-card-icon img:nth-of-type(1) {
  transform: rotateY(340deg);
}
.dp-profile-card-item:hover .dp-profile-card-icon {
  transform: translateY(0px);
}
.dp-profile-card-item:hover .dp-profile-card-title {
  opacity: 1;
  transform: translateY(0px);
}
.dp-profile-card-item .dp-profile-card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  position: relative;
  transform: translateY(16px);
  transition: all 0.25s ease;
}
.dp-profile-card-icon img:nth-of-type(2) {
  position: absolute;
  filter: brightness(80%) saturate(150%) blur(15px);
}
.dp-profile-card-icon img:nth-of-type(1) {
  z-index: 1;
  transform: rotateY(0);
  transition: all 0.25s ease;
}
.dp-profile-card-item .dp-profile-card-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
  height: 32px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.25s ease;
}
.dp-badges-widget {
  background: #151518;
  border-radius: 0.75rem;
  padding: 1.25rem;
  margin-bottom: 3rem;
}
.dp-badges-list {
  margin-bottom: 0.5rem;
}
.dp-badges-main {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
}
.dp-badges-progress {
  background: #39393f;
  height: 6px;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  margin-top: 0.5rem;
}
.dp-badges-progress-perc {
  height: 100%;
  background: #006fcd;
}
.dp-badges-list ul {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
	gap: 0.5rem;
}
.dp-badges-data {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dp-badge-item {
  position: relative;
  cursor: pointer;
  transform: translateY(0);
  transition: all 0.25s ease;
}
.dp-badge-item:hover {
  transform: translateY(-0.75rem);
}
.dp-badge-item.not-earned .dp-badge-img img {
  opacity: 0.4;
  filter: grayscale(70%);
}
.dp-badge-item.not-earned:hover .dp-badge-img img {
  opacity: 1;
  filter: grayscale(0);
}
.dp-badge-item.earned .dp-badge-img img {
  width: auto;
  height: 68px;
}
.dp-tooltip-badge {
  display: none;
  position: absolute;
  width: max-content;
  max-width: calc(90vw);
  border-radius: 0.934rem;
  bottom: 100%;
  padding: 1rem;
  color: #fff;
  background: #1d1d21;
}
.dp-tooltip-badge h4 {
  color: #006fcd;
  margin: 0;
}
.dp-badge-item:hover > .dp-tooltip-badge {
  display: block;
}
.dp-badges-xp {
  color: #006fcd;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  background: rgba(74, 222, 128, 0.1);
}
.dp-badges-next-lvl {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.dp-badge-earnxp {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #fde047;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  background: rgba(253, 224, 71, 0.15);
}
.dp-faq-wrapper {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 7.5rem;
}
.dp-faq-item {
  background: #151518;
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.dp-faq-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem;
  cursor: pointer;
}
.dp-faq-item-header h4 {
  margin: 0;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
}
.dp-faq-icon {
  transition: all ease 0.25s;
}
.faq-open .dp-faq-icon {
  transform: rotate(180deg);
}
.dp-faq-hidden-content {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows 0.25s ease;
}
.faq-open .dp-faq-hidden-content {
  grid-template-rows: 1fr;
}
.dp-faq-item-content {
  min-height: 0;
  transition: visibility 0.25s ease;
  visibility: hidden;
}
.dp-faq-item-content .dp-faq-answer {
  padding: 1.25rem;
  padding-top: 0;
}
.dp-faq-list {
  margin: 0.5rem 0;
  padding-left: 1.75rem;
}
.faq-open .dp-faq-item-content {
  visibility: visible;
}
.dp-hero-image {
  display: flex;
  align-items: center;
}
.upgrade-hero-image img:nth-of-type(1) {
  position: absolute;
  top: 141.47px;
  left: 218.47px;
  z-index: 205;
  animation: floating 5s ease-in-out infinite;
}
.upgrade-hero-image img:nth-of-type(2) {
  position: absolute;
  top: 395.08px;
  left: 315.92px;
  z-index: 204;
  animation: floating 7s ease-in-out infinite;
}
.upgrade-hero-image img:nth-of-type(3) {
  position: absolute;
  top: 293px;
  left: 372px;
  z-index: 203;
  animation: floating 4s ease-in-out infinite;
}
.upgrade-hero-image img:nth-of-type(4) {
  position: absolute;
  top: 95px;
  left: 257px;
  z-index: 202;
  animation: floating 6s ease-in-out infinite;
}
.upgrade-hero-image img:nth-of-type(5) {
  position: absolute;
  top: 179px;
  left: 91px;
  z-index: 201;
  animation: floating 4s ease-in-out infinite;
}
.upgrade-hero-image img:nth-of-type(6) {
  z-index: 200;
}
@keyframes floating {
  0% {
    transform: translate(0, 0px);
  }
  50% {
    transform: translate(0, 15px);
  }
  100% {
    transform: translate(0, 0px);
  }
}
.dp-narrow-wrapper {
    max-width: 1114px;
    margin: 0 auto
}
.dp-plans-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1.5rem;
  padding-top: 5rem;
}
.dp-plan {
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
  border-radius: 0.75rem;
  border: 1px solid #292a2b;
  background: #000;
}
.dp-plan-header {
  display: flex;
  justify-content: space-between;
}
.dp-plan-name-and-badge {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dp-plan-name-and-badge h3 {
  font-family: "kingzheader", sans-serif;
  color: #fff;
  font-size: 1.875rem;
  margin: 0;
}
.dp-plan-is-active {
  display: flex;
  color: #006fcd;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  text-transform: uppercase;
  padding: 0.25rem 1rem;
  border-radius: 0.25rem;
  background: rgba(74, 222, 128, 0.25);
  align-self: flex-start;
}
.dp-plan-price-and-renew {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dp-plan-price {
  display: flex;
  color: #fff;
  font-weight: 600;
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.dp-plan-price-symbol {
  color: #006fcd;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.dp-plan-price-renew {
  font-size: 1.125rem;
  line-height: 1.5rem;
  align-self: flex-end;
}
.dp-plan-buttons {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 2rem;
}
.dp-plan-buttons-payment-method {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.5rem;
}
.dp-plan-buttons .button {
  width: 100%;
}
.dp-plan-perks {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0.5rem;
  margin-top: 2rem;
}
.dp-plan-perks ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.dp-plan-perks ul > li {
  display: flex;
  gap: 0.75rem;
  font-size: 14px;
  line-height: 1.25rem;
}
.dp-plan-featured-perks {
  margin-top: 2rem;
  margin-bottom: 2rem;
  min-height: 110px;
}
.dp-plan-featured-perks ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.dp-plan-featured-perks ul > li {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
}
.dp-plan-featured-perks ul > li > div {
  display: flex;
  align-items: center;
}
.dp-plan-featured-perks ul > li > div:first-of-type {
  gap: 0.75rem;
}
.dp-plan-featured-perks ul > li > div:last-of-type {
  gap: 0.5rem;
}
.dp-rep-power-plus {
  color: #34d399;
  border-radius: 0.25rem;
  padding: 0 0.25rem;
  font-weight: 600;
  background: rgba(52, 211, 153, 0.1);
}
.dp-rep-power-minus {
  color: #db3c3c;
  border-radius: 0.25rem;
  padding: 0 0.25rem;
  font-weight: 600;
  background: rgba(219, 60, 60, 0.1);
}
.dp-plan-bits-number {
  color: #006fcd;
  font-weight: 600;
}
.dp-plan-requirements {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  border-radius: 0.5rem;
  margin-top: 2rem;
  color: #006fcd;
  background: rgba(74, 222, 128, 0.05);
}
.dp-plan-requirements p {
  margin: 0;
}
.dp-plan-disclaimer {
  display: flex;
  gap: 0.5rem;
  padding: 1.25rem;
  border-radius: 0.5rem;
  margin-top: 2rem;
  color: #6b7280;
  font-size: 0.75rem;
}
.dp-plan-disclaimer p {
  margin: 0;
}
.label {
  font-size: 100%;
  font-weight: 500 !important;
  margin-right: 0px !important;
  padding: 0px;
  border: 0;
  border-radius: 8px;
}
.closedPrefix {
  color: #6b7280;
  background: rgba(31, 41, 55, 0.25);
  padding: 0 5px;
  border-color: #c0c0c0;
}
.ideaPrefix {
  color: #0891b2;
  background: rgba(21, 94, 117, 0.25);
  padding: 0 5px;
  border-color: #0891b2;
  text-transform: capitalize;
}
.bugPrefix {
  color: #64748b;
  background: rgba(15, 23, 42, 0.45);
  padding: 0 5px;
  border-color: #64748b;
  text-transform: capitalize;
}
.requestPrefix {
  color: #a78bfa;
  background: rgba(91, 33, 182, 0.25);
  padding: 0 5px;
  border-color: #763dcd;
}
.buyingPrefix {
  color: #60a5fa;
  background: rgba(30, 64, 175, 0.25);
  padding: 0 5px;
  border-color: #4169e1;
}
.otherdevPrefix {
  color: #f59e0b;
  background: rgba(146, 64, 14, 0.25);
  padding: 0 5px;
  border-color: #f76300;
}
.giveawayPrefix {
  color: #fde047;
  background: rgba(133, 77, 14, 0.25);
  padding: 0 5px;
  border-color: #ffcb00;
}
.phpPrefix {
  color: #484c89;
  background: rgba(72, 76, 137, 0.35);
  padding: 0 5px;
  border-color: #484c89;
}
.htmlcssPrefix {
  color: #f06529;
  background: rgba(240, 101, 41, 0.35);
  padding: 0 5px;
  border-color: #f06529;
}
.pyPrefix {
  color: #306998;
  background: rgba(48, 105, 152, 0.35);
  padding: 0 5px;
  border-color: #306998;
}
.cplusplusPrefix {
  color: #044f88;
  background: rgba(4, 79, 136, 0.35);
  padding: 0 5px;
  border-color: #044f88;
}
.goPrefix {
  color: #29beb0;
  background: rgba(41, 190, 176, 0.35);
  padding: 0 5px;
  border-color: #29beb0;
}
.jsPrefix {
  color: #f0db4f;
  background: rgba(240, 219, 79, 0.35);
  padding: 0 5px;
  border-color: #f0db4f;
}
.primePrefix {
  color: #f1ac2e;
  background: transparent;
}
.airdropPrefix {
  color: #22d3ee;
  background: rgba(21, 94, 117, 0.25);
  padding: 0 5px;
  border-color: #4dc9dd;
}
.mythicalPrefix {
  font-weight: bold !important;
  background: linear-gradient(270deg, #ba7eff, #b879ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  z-index: 2;
  position: relative;
  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.6899999999999999);
}
.mythicPrefix {
	font-weight: 600;
    color: #9054ed;
    background-image: url(/data/assets/emudevs/effects/purple-sparkle.gif);
    text-shadow: 0px 2px 3px #000;
	text-transform: uppercase;
}

.divinePrefix {
	color: white;
    font-weight: 600;
    text-shadow: 0px 2px 3px #000;
    background-image: url(/data/assets/emudevs/effects/white-sparkle.gif);
	text-transform: uppercase;
}

.sellingPrefix {
  color: #006fcd;
  background: rgba(22, 101, 52, 0.35);
  padding: 0 5px;
  border-color: #4ddd4d;
}
.soldPrefix {
  color: #71717a;
  background: rgba(39, 39, 42, 0.35);
  padding: 0 5px;
  border-color: #808080;
}
.ddPrefix {
  color: #ef4444;
  background: rgba(127, 29, 29, 0.35);
  padding: 0 5px;
  border-color: #ff4949;
  text-transform: capitalize;
}
.hiringPrefix {
  color: #fb923c;
  background: rgba(154, 52, 18, 0.35);
  padding: 0 5px;
  border-color: #e79500;
}
.leakPrefix {
  color: #8b5cf6;
  background: rgba(76, 29, 149, 0.35);
  padding: 0 5px;
  border-color: #9649e3;
}
.adminPrefix {
  color: #ef4444;
  font-weight: 800 !important;
  background: transparent;
  border-color: #ff3737;
  text-transform: uppercase;
  text-shadow: 0px 0px 3px #000;
  border-radius: 2px !important;
}
.staffPrefix {
  color: #3f90f3;
  font-weight: 800 !important;
  background: transparent;
  border-color: #3f90f3;
  text-transform: uppercase;
  text-shadow: 0px 0px 3px #000;
  border-radius: 2px !important;
}
.apprenticePrefix {
  color: #edebeb;
  font-weight: 800 !important;
  background: transparent;
  border-color: #edebeb;
  text-transform: uppercase;
  text-shadow: 0px 0px 3px #000;
  border-radius: 2px !important;
}
.trustedPrefix {
  color: #22ff00;
  font-weight: 800 !important;
  background: transparent;
  border-color: #22ff00;
  text-transform: uppercase;
  text-shadow: 0px 0px 3px #000;
  border-radius: 2px !important;
}
.igPrefix {
  color: #e1306c;
  background: rgba(225, 48, 108, 0.35);
  padding: 0 5px;
  border-color: #e1306c;
}
.mcPrefix {
  color: #13c651;
  background: rgba(19, 198, 81, 0.35);
  padding: 0 5px;
  border-color: #13c651;
}
.twPrefix {
  color: #1d9bf0;
  background: rgba(29, 155, 240, 0.35);
  padding: 0 5px;
  border-color: #1d9bf0;
}
.snapPrefix {
  color: #fffc00;
  background: rgba(255, 252, 0, 0.35);
  padding: 0 5px;
  border-color: #fffc00;
}
.ttPrefix {
  color: #25f4ee;
  background: rgba(37, 244, 238, 0.35);
  padding: 0 5px;
  border-color: #25f4ee;
}
.psPrefix {
  color: #006fcd;
  background: rgba(0, 111, 205, 0.35);
  padding: 0 5px;
  border-color: #006fcd;
}
.xboxPrefix {
  color: #7eb900;
  background: rgba(126, 185, 0, 0.35);
  padding: 0 5px;
  border-color: #7eb900;
}
.fortPrefix {
  color: #be83f9;
  background: rgba(190, 131, 249, 0.35);
  padding: 0 5px;
  border-color: #be83f9;
}
.apexPrefix {
  color: #a81c1b;
  background: rgba(168, 28, 27, 0.35);
  padding: 0 5px;
  border-color: #a81c1b;
}
.gtaPrefix {
  color: #47761e;
  background: rgba(71, 118, 30, 0.35);
  padding: 0 5px;
  border-color: #47761e;
}
.steamPrefix {
  color: #171a21;
  background: rgba(23, 26, 33, 0.35);
  padding: 0 5px;
  border-color: #171a21;
}
.csgoPrefix {
  color: #ffb139;
  background: rgba(255, 177, 57, 0.35);
  padding: 0 5px;
  border-color: #ffb139;
}
.valorantPrefix {
  color: #fa4454;
  background: rgba(250, 68, 84, 0.35);
  padding: 0 5px;
  border-color: #fa4454;
}
.node-title {
  font-size: 1.125rem;
}
.node--unread .node-icon i:before {
  color: #a4a6a8;
}
.node--unread .node-title {
  font-weight: 600;
}
.node-subNodeFlatList > li {
  padding: 3px 0;
}
.node-subNodesFlat {
  display: block !important;
  background: #111114;
  border-radius: 0.5rem;
  padding: 12px 16px;
  font-size: 1.125rem;
  line-height: 1.25rem;
  margin-top: 0.5rem;
}
.node-subNodesFlat .subNodeLink:not(:hover) {
  color: #a4a6a8;
}
.node-subNodeFlatList {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 1rem;
}
.node-subNodeFlatList:before,
.node-subNodeFlatList:after {
  display: none;
}

[data-template="register_form"] .p-body-header,
[data-template="login"] .p-body-header,
[data-template="register_form"] .p-breadcrumbs-container,
[data-template="login"] .p-breadcrumbs-container,
[data-template="register_form"] .dope-headerWrapper,
[data-template="login"] .dope-headerWrapper {
  display: none;
}
.dp-account-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 7.5rem 0;
}
.dp-account-section > div {
  display: flex;
  justify-content: center;
}
.dp-account-form,
.dp-account-about {
  max-width: 382px;
  width: 100%;
}
.dp-account-form .formRow:not(.formRow--limited) {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.1rem;
}
.dp-account-form .formRow > dt {
  border: unset;
  background: unset;
  text-align: unset;
  width: unset;
  padding: 0;
  margin-bottom: 0.5rem;
}
.dp-account-form .formRow > dt .formRow-label:after {
  display: none;
}
.dp-account-form .formRow > dd {
  width: unset;
  padding: 0;
}
.dp-account-form .formRow .formRow-label {
  font-weight: 600;
}
.dp-account-form .formRow .formRow-hint {
  display: unset;
}
.dp-account-return {
  margin: 1.5rem 0;
}
.dp-about-illustration {
  display: flex;
  justify-content: center;
  margin: 2rem 0;
}
.dp-about-whotext {
  color: #a4a6a8;
  font-size: 1rem;
  margin: 0;
}
.dp-about-highlights p {
  display: flex;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
  margin-top: 2rem;
  color: #98999a;
}
.dp-stats-section {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 1.5rem;
  margin: 5rem 0 !important;
}
.dp-stats-section .dp-stats-item:not(.newest-item) {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dp-stats-section .dp-stats-item:not(:last-of-type):after {
  position: absolute;
  content: "";
  right: 0;
  top: 10%;
  height: 80%;
  width: 1px;
  background: #292a2b;
}
.dp-stats-section .dp-stats-item.newest-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.newest-avatar {
  margin-right: 1rem;
}
.dp-stats-section .stats-number {
  font-family: "kingzheader", sans-serif;
  color: #006fcd;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 500;
  text-shadow: 0px 0px 24px rgba(74, 222, 128, 0.25);
}
.dp-stats-section .stats-text {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.dp-section-separator {
  margin: 7.5rem 0;
}
.dp-section-separator-text {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.dp-section-separator-text h2 {
  font-family: "kingzheader", sans-serif;
  color: #fff;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 2.5rem;
  margin: 0;
  margin-bottom: 1.5rem;
}
.dp-section-separator-text p {
  color: #a4a6a8;
  font-size: 1.125rem;
  line-height: 2rem;
  font-weight: 400;
  margin: 0;
}
.dope-footerWrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.5rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.dope-footer-about {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.dope-footer-about p {
  color: #6b7280;
  margin: 0;
}
.dope-footer-socials {
  display: flex;
  gap: 3rem;
  color: #a4a6a8;
}
.dope-footer-socials a {
  color: #a4a6a8;
}
.dope-footer-nav {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1.5rem;
}
.dope-footer-item ul {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.dope-footer-item ul > li:first-of-type {
  font-weight: 500;
	color: #fff;
}
::-webkit-scrollbar {
  width: 0.75rem;
}
::-webkit-scrollbar-track {
  background: #000000;
}
::-webkit-scrollbar-thumb {
  background: #006fcd;
  border-radius: 10px;
  border: 4px solid #000;
}
.ceoGroup {
  text-indent: -10000em;
  background: url("Ka6i3xe.png") no-repeat;
  width: 140px;
  height: 55px;
}
.adminGroup {
  text-indent: -10000em;
  background: url("/data/assets/emudevs/userbars/Admin.png") no-repeat;
  width: 140px;
  height: 55px;
}
.staffGroup {
  text-indent: -10000em;
  background: url("/data/assets/emudevs/userbars/Staff.png") no-repeat;
  width: 140px;
  height: 55px;
}
.contributorGroup {
  text-indent: -10000em;
  background: url("/data/assets/emudevs/userbars/contributor.png") no-repeat;
  background-size: 100%;
  width: 178px;
  height: 48px;
}

.memberGroup {
  text-indent: -10000em;
  background: url("/data/assets/emudevs/userbars/Member.png") no-repeat;
  width: 178px;
  height: 48px;
  background-size: 100%;
}

.seniorGroup {
  text-indent: -10000em;
  background: url("/data/assets/emudevs/userbars/Senior.png") no-repeat;
  width: 178px;
  height: 48px;
	background-size: 100%;
}

.veteranGroup {
  text-indent: -10000em;
  background: url("/data/assets/emudevs/userbars/Veteran.png") no-repeat;
  width: 178px;
  height: 48px;
	background-size: 100%;
}

.legendGroup {
  text-indent: -10000em;
  background: url("/data/assets/emudevs/userbars/Legend.png") no-repeat;
  width: 178px;
  height: 48px;
	background-size: 100%;
}

.trustedGroup {
  text-indent: -10000em;
  background: url("/data/assets/emudevs/userbars/Trusted.png") no-repeat;
  width: 140px;
  height: 55px;
}
.dwcGroup {
  text-indent: -10000em;
  background: url("/data/assets/emudevs/userbars/DWC.png") no-repeat;
  width: 140px;
  height: 55px;
}
.primeGroup {
  text-indent: -10000em;
  background: url("/data/assets/emudevs/userbars/Prime.png") no-repeat;
  width: 140px;
  height: 55px;
}
.divineGroup {
  text-indent: -10000em;
  background: url("/data/assets/emudevs/userbars/Divine.png") no-repeat;
  width: 140px;
  height: 55px;
}
.mythicalGroup {
  text-indent: -10000em;
  background: url("/data/assets/emudevs/userbars/Mythical.png") no-repeat;
  width: 140px;
  height: 55px;
}
.apprenticeGroup {
  text-indent: -10000em;
  background: url("/data/assets/emudevs/userbars/Apprentice.png") no-repeat;
  width: 140px;
  height: 55px;
}
.kysGroup {
  text-indent: -10000em;
  background: url("n9NXvMe.gif") no-repeat;
  width: 140px;
  height: 55px;
}
.username--mythical {
  font-weight: bold !important;
  background: linear-gradient(270deg, #ba7eff, #b879ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 2;
  color: transparent;
  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.6899999999999999);
}
.username--mythical:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(https://i.imgur.com/8UXXHMv.gif);
  z-index: -2;
}
.username--mythical:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  z-index: 1;
}

@media (max-width: 900px) {
  .dp-account-section {
    grid-template-columns: 1fr;
    padding: 2rem 0;
  }
  .dope-headerHero {
    padding: 5rem 0;
  }
  .dope-headerHero h1 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .dp-stats-section {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dp-stats-section .dp-stats-item:after {
    display: none;
  }
  .dp-profile-header {
    flex-direction: column;
  }
  .dp-profile-widgets-grid {
    grid-template-columns: 1fr;
  }
  .dp-profile-name-and-stats {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }
  .dp-profile-actions-and-socials {
    flex-direction: column;
    gap: 1.5rem;
  }
  .dp-profile-actions {
    margin-left: unset;
  }
  .dp-hero-two-rows {
    grid-template-columns: 1fr;
  }
  .dp-hero-two-rows .dp-hero-text {
    text-align: center;
  }
  .dp-hero-two-rows .dp-hero-image {
    display: none;
  }
  .dp-plans-row {
    grid-template-columns: 1fr;
    grid-gap: 2rem;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .dp-plan-buttons {
    flex-direction: column;
  }
  .dp-doc-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .currency-section-grid {
    grid-template-columns: 1fr 1fr;
  }
  .leaderboard-grid,
  .awards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lottery-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .dope-account .p-navgroup-link--newPosts > span {
    display: none;
  }
  svg.wn-m {
    height: 25px;
    width: 25px;
  }
  .kz-groups-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .kz-message-quickreply {
    padding: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 650px) {
  .dope-footerWrapper {
    grid-template-columns: 1fr;
  }
  .dp-profile-actions-and-socials {
    gap: 1.5rem;
  }
  .dp-profile-detials-and-trust {
    flex-direction: column;
    gap: 1.5rem;
  }
  .dp-front-forum-categories {
    width: unset;
  }
  .dp-plans-row {
    grid-template-columns: 1fr;
  }
  .dp-plans-row {
    padding-right: unset;
    padding-left: unset;
  }
  .dp-plan-perks {
    grid-template-columns: 1fr;
    grid-gap: 0.5rem;
  }
  .node-extra {
    display: none;
  }
  .dp-revouch-stats-item {
    column-gap: 0.25rem;
  }
  .dp-revouch-stats-item > div {
    display: flex;
    align-items: center;
    column-gap: 0.25rem;
  }
  .dp-revouch-stats-item .revouch-stats-icon {
    width: 20px;
    height: 20px;
  }
  .dp-revouch-profile > div:last-of-type {
    flex-direction: column;
    align-items: unset;
  }
  .dp-revouch-profile > div:last-of-type > .button {
    margin-left: unset;
    margin-top: 1.25rem;
  }
  .dp-revouch-profile > div:last-of-type .button {
    width: 100%;
  }
  .dp-revouch-block-user-actions {
    flex-direction: column;
  }
  .dp-revouch-block-user-actions .button--primary {
    width: 100%;
  }
  .dp-revouch-block-actions {
    margin-top: 1.25rem;
  }
  .dp-revouch-profile-buttons {
    flex-direction: column;
    margin-left: unset;
    margin-top: 1.25rem;
  }
  .dp-userpost-cover,
  .message-cell--user .userBanner,
  .dp-service-badge .dp-service-badge-title {
    display: none !important;
  }
  .dp-userpost-vouch-percent-m.dp-vouch-circle {
    display: inline-flex;
  }
  .dp-userpost {
    align-items: center;
  }
  .message-avatar-wrapper {
    margin: 0;
    margin-right: 1rem;
  }
  .dp-userpost .message-avatar {
    order: 1;
  }
  .dp-userpost .dp-userpost-header {
    order: 2;
    margin-top: 0;
    margin-right: 1rem;
  }
  .dp-userpost .dp-service-badge {
    margin-top: 0;
    margin-left: auto;
    order: 3;
  }
  .dp-userpost .dp-userlevel-section {
    order: 4;
    margin-top: 0;
    margin-left: auto !important;
    display: none;
  }
  .doc-item-extra {
    gap: 1.5rem;
    padding: 1.5rem 1.25rem;
    min-height: unset;
  }
  .currency-section-grid {
    grid-template-columns: 1fr;
  }
  .leaderboard-grid,
  .awards-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .inventory-item,
  .inventory-item-footer {
    flex-direction: column;
  }
  .inventory-item-preview {
    width: 100%;
  }
  .kz-message-participants-list,
  .kz-message-circle-spacer {
    display: none;
  }
  .dope-account .p-navgroup-link--newPosts {
    display: flex;
    background: transparent;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    border-radius: 0.5rem;
  }
  .structItem-cell.structItem-cell--meta.kz-thread-data {
    display: flex;
    gap: 0.7rem;
  }
  .kz-groups-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .dp-hero-text h1 {
    font-size: 3rem;
    line-height: 3.5rem;
  }
  .dp-hero-text p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .kz-group-members-table-list {
    flex-direction: column;
  }
  .message .message-cell.message-cell--user {
    border-top-left-radius: 11px !important;
    border-top-right-radius: 11px !important;
  }
}
@media (max-width: 480px) {
  .dp-stats-section {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.afAwardLevel {
  display: inline-block;
}
.afAwardLevel--style {
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  height: 26px;
  width: 26px;
  text-align: center;
}
.message-cell.message-cell--user dl.pairs .afAwardLevel--style {
  height: 20px;
  width: 20px;
  font-size: 90%;
}

.dp-vouch-circle {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dp-vouch-circle span {
    position: absolute;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    pointer-events: none;
}

.dp-profile {
    background: #151518;
    border-radius: 0.75rem;
    margin-bottom: 3rem;
}

.dp-profile-name {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin: 0;
    font-weight: inherit;
}

.dp-profile-banner {
    height: 220px;
    border-radius: .75rem .75rem 0 0;
    background: #0e0e10 url(https://v2.synapse-themes.cc/data/main/Frame-8990.png);
}



.dp-profile-avatar {
    position: relative;
}

.dp-profile-avatar:hover .avatarWrapper-update {
    opacity: 1;
}

.dp-profile-avatar .avatar {
    width: 138px;
    height: 138px;
}

.dp-profile-name-and-stats {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
}

.dp-profile-header-stats {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.dp-profile-header-stats p {
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin: 0;
}

.dp-profile-header-stats span {
    color: #fff;
    font-weight: 600;
    margin: 0 .25rem;
}

.dp-profile-main {
    padding: 1.25rem;
    border-radius: 0 0 .75rem .75rem;
    background: #1b1b1e;
}

.dp-profile-detials-and-trust {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.dp-profile-details {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}


.dp-profile-groupbanner .userBanner {
    background-size: cover;
    cursor: pointer;
}

.dp-profile-trust {
    display: flex;
    gap: 1rem;
}

.dp-profile-trust-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    height: 54px;
    min-width: 120px;
    border-radius: 0.5rem;
    padding: 0 .75rem;
    background: #212125;
}

.dp-profile-trust-number {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.125rem;
    font-weight: 500;
}

.dp-profile-trust-item p {
    margin: 0;
}

.dp-profile-trust-item p:not(.dp-profile-trust-number) {
    color: #a4a6a8;
}

.dp-profile-actions-and-socials {
    display: flex;
    flex-wrap: wrap;
    padding-top: 1.5rem;
    margin-top: 1.25rem;
    border-top: 1px solid #292a2b;
}

.dp-profile-socials {
    display: flex;
    gap: 1rem;
}

.dp-profile-socials .button span {
    display: inline-flex;
}

.dp-profile-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: 1rem;
    margin-left: auto;
}

.dp-profile-details p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin: 0;
}

::-webkit-scrollbar {
    width: 0.75rem;
}

::-webkit-scrollbar-track {
    background: #000000;
}

::-webkit-scrollbar-thumb {
    background: #006fcd;
    border-radius: 10px;
    border: 4px solid #000;
}


@media (max-width:900px) {
    .dp-profile-header {
        flex-direction: column;
    }

    .dp-profile-name-and-stats {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
    }

    .dp-profile-actions-and-socials {
        flex-direction: column;
        gap: 1.5rem;
    }

    .dp-profile-actions {
        margin-left: unset;
    }
}

@media (max-width:650px) {
    .dp-profile-actions-and-socials {
        gap: 1.5rem;
    }

    .dp-profile-detials-and-trust {
        flex-direction: column;
        gap: 1.5rem;
    }
}

/*! CSS Used from: Embedded */
.dp-profile-avatar .avatar {
    margin-top: calc(-69px - 1rem);
}

.message-userName {
    position: relative;
    z-index: 1;
}

.showAsDeleted {
	display: none;
}

.block-row--separatedshowAsDeleted {
	display: none;
}

.kz-messages-section {
    position: relative;
    background: #000;
    border-radius: 0.75rem;
    border: 1px solid #292a2b;
    overflow: hidden;
}

/** Chat **/
[data-template="conversation_view"] .p-body-header {
    display: block;
}

[data-template="conversation_view"] .p-body-header .p-description {
    display: none;
}

[data-template="conversation_view"] .message-cell.message-cell--main {
    padding: 0;
}

[data-template="conversation_view"] .block--messages .message {
    background: transparent;
}

.kz-messages-section {
    position: relative;
    background: #000;
    border-radius: 0.75rem;
    border: 1px solid #292a2b;
    overflow: hidden;
}

.kz-message-header {
    position: sticky;
    display: flex;
    gap: 1rem;
    width: 100%;
    top: 0;
    left: 0;
    padding: 1rem 1.25rem;
    border-radius: 12px 12px 0 0;
    background-color: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(12px);
    z-index: 1;
}

.kz-messagess-wrapper {
    position: relative;
    max-height: 500px;
    overflow-y: scroll;
    /* margin-bottom: 1.25rem; */
    /* padding-top: 4rem; */
}

.kz-messagess-wrapper .message-main:first-child {
    /* margin-top: 120px; */
}

.kz-message-participants-wrapper {
    display: flex;
    align-items: center;
}

.kz-message-participants {
    display: flex;
}

.kz-message-participants .participant-item {
    border: 2px solid #000;
    background: #39393f;
    box-sizing: content-box;
    transition: transform .25s ease;
}

.kz-message-participants > *:not(:last-child) {
    margin-right: -12px;
}

.kz-message-participants .participant-item:hover {
    transform: translateY(-4px);
    z-index: 1;
}

.kz-message-total-participants {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #FFF;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    border-radius: 999px;
    background: #151518 !important;
}

.kz-message-data {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    font-size: 1.125rem;
    font-weight: unset;
}

.kz-message-participants-list > span:not(:last-of-type):after {
    content: ', ';
    margin-right: 0.125rem;
}

.kz-message-invite {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #006fcd;
    border-radius: 999px;
    background: #123720 !important;
}

.kz-message-circle-spacer {
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: #39393F;
    margin: 0 0.75rem;
}

.kz-message-last-reply {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 14px;
    line-height: 20px;
}

.kz-message-header-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

.kz-menu-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'kingzheader',sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    margin: 0;
    padding: 0.5rem 1rem;
}

.kz-menu-participant {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
}

.kz-menu-participant > div {
    display: grid;
}

.kz-message-quickreply {
    padding: 1.25rem;
    margin-bottom: 0.75rem;
}

/** Conversation **/
.kz-conversation {
    display: grid;
    gap: 0.5rem;
    margin-bottom: 2rem;
    padding: 0 1.25rem;
}

.kz-conversation-align-right .kz-conversation-main {
    flex-direction: row-reverse;
}

.kz-conversation-align-right .kz-conversation-message-wrapper {
    flex-direction: row-reverse;
}

.kz-conversation-align-right .kz-conversation-data-wrapper {
    justify-content: end;
    display: flex;
}

.kz-conversation-align-right .kz-conversation-data {
    margin-left: 0;
    margin-right: calc(32px + 1rem);
}

.kz-conversation-main {
    display: flex;
    align-items: end;
    gap: 1rem;
}

.kz-conversation-message-wrapper {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.kz-conversation-message {
    color: #FFF;
    max-width: 720px;
    padding: 0.75rem 1rem;
    border-radius: 1.5rem 1.5rem 1.5rem 0.25rem;
    background: #151518;
}

.kz-conversation-message.receiver {
    background: rgba(74, 222, 128, 0.15);
    border-radius: 1.5rem 1.5rem 0.25rem 1.5rem;
}

.kz-conversation-message .js-selectToQuoteEnd {
    height: 0;
    font-size: 0;
    overflow: hidden;
}

.kz-conversation-action-button {
    padding: 6px;
    border-radius: 999px;
    background: transparent;
    transition: opacity .25s ease;
}

.kz-conversation-action-button:not(.is-menuOpen) {
    opacity: 0;
}

.kz-conversation:hover .kz-conversation-action-button {
    opacity: 1;
}

.conversation-status.unread {
    color: #6B7280;
}

.conversation-status.read {
    color: #006fcd;
}

.kz-conversation-data {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 12px;
    margin-left: calc(32px + 1rem);
}

.kz-conversation-data-item {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.kz-conversation-new {
    display: flex;
    font-size: 11px;
    color: #006fcd;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0.01rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    background: rgba(74, 105, 222, 0.25);
}

.kz-background {
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
}

.kz-background .radial-glow {
    position: absolute;
    top: -360px;
    width: 320px;
    height: 320px;
    border-radius: 9999px;
    background: rgba(0,0,255,0.4);
    filter: blur(180px);
}

.kz-horizontal-lines .horizontal-line {
    animation: slide-horizontal 4s linear infinite;
}

.kz-horizontal-lines .horizontal-line:nth-child(2n) {
    animation-duration: 12s;
}

.kz-horizontal-lines .horizontal-line:nth-child(3n) {
    animation-duration: 8s;
}

.kz-vertical-lines .vertical-line {
    animation: slide-vertical 4s linear infinite;
}

.kz-vertical-lines .vertical-line:nth-child(2n) {
    animation-duration: 6s;
}

@keyframes slide-vertical {
	0% {
		opacity: 0;
		transform: translateY(0vh);
	}
	10% {
		opacity: 1;
		transform: translateY(10vh);
	}
	100% {
		opacity: 1;
		transform: translateY(60vh);
	}
}

@keyframes slide-horizontal {
	0% {
		opacity: 0;
		transform: translateX(0%);
	}
	10% {
		opacity: 1;
		transform: translateX(10%);
	}
	100% {
		opacity: 1;
		transform: translateX(100%);
	}
}

.p-body-inner {
    padding-top: 30px;
}

[data-template="conversation_view"] .p-body-header {
	display: block;
}

[data-template="conversation_view"] .p-body-header .p-description {
	display: none;
}

[data-template="conversation_view"] .message-cell.message-cell--main {
	padding: 0;
}

[data-template="conversation_view"] .block--messages .message {
	background: transparent;
}

[data-template="thread_view"] .message--quickReply .message-inner, [data-template="conversation_view"] .message--quickReply .message-inner, [data-template="tlg_thread_view"] .message--quickReply .message-inner {
    gap: 1.25rem;
}

[data-template="thread_view"] .message--quickReply .message-cell.message-cell--user, [data-template="conversation_view"] .message--quickReply .message-cell.message-cell--user, [data-template="tlg_thread_view"] .message--quickReply .message-cell.message-cell--user {
    padding: 0 !important;
    flex-shrink: 0;
}

[data-template="thread_view"] .message--quickReply .message-cell.message-cell--main, [data-template="conversation_view"] .message--quickReply .message-cell.message-cell--main, [data-template="tlg_thread_view"] .message--quickReply .message-cell.message-cell--main {
    padding: 0 !important;
}

[data-template="thread_view"] .message.message--quickReply .message-editorWrapper, [data-template="conversation_view"] .message.message--quickReply .message-editorWrapper, [data-template="tlg_thread_view"] .message.message--quickReply .message-editorWrapper {
    display: flex;
    gap: 1.25rem;
}

[data-template="thread_view"] .fr-box.fr-basic, [data-template="conversation_view"] .fr-box.fr-basic, [data-template="tlg_thread_view"] .fr-box.fr-basic {
    display: flex;
    flex-direction: column-reverse;
    border-radius: 12px;
    padding: 0 !important;
    background: #000 !important;
    height: fit-content;
    min-width: 90%;
    transition: box-shadow .25s ease;
}

[data-template="thread_view"] .fr-box, [data-template="conversation_view"] .fr-box, [data-template="tlg_thread_view"] .fr-box {
    flex: 1;
    padding: 0.5rem !important;
}

[data-template="thread_view"] .fr-box:not(.is-focused):not(.is-preview) .fr-toolbar.fr-top, [data-template="conversation_view"] .fr-box:not(.is-focused):not(.is-preview) .fr-toolbar.fr-top, [data-template="tlg_thread_view"] .fr-box:not(.is-focused):not(.is-preview) .fr-toolbar.fr-top {
    height: 0;
    overflow: hidden;
}

[data-template="thread_view"] .fr-box .fr-toolbar.fr-top, [data-template="conversation_view"] .fr-box .fr-toolbar.fr-top, [data-template="tlg_thread_view"] .fr-box .fr-toolbar.fr-top {
    background: transparent !important;
}

[data-template="thread_view"] .fr-box:not(.is-focused) .fr-element.fr-view, [data-template="conversation_view"] .fr-box:not(.is-focused) .fr-element.fr-view, [data-template="tlg_thread_view"] .fr-box:not(.is-focused) .fr-element.fr-view {
    min-height: auto !important;
}

[data-template="thread_view"] .fr-box.fr-basic .fr-element, [data-template="conversation_view"] .fr-box.fr-basic .fr-element, [data-template="tlg_thread_view"] .fr-box.fr-basic .fr-element {
    padding: 10px;
}

[data-template="thread_view"] .fr-view p, [data-template="conversation_view"] .fr-view p, [data-template="tlg_thread_view"] .fr-view p {
    word-break: break-all;
}

[data-template="thread_view"] .message--quickReply .formButtonGroup, [data-template="conversation_view"] .message--quickReply .formButtonGroup, [data-template="tlg_thread_view"] .message--quickReply .formButtonGroup {
    flex-direction: column;
    margin: 0;
}

.message.message--quickReply .message-cell--user {
    flex: unset;
    padding-right: 0;
    background: transparent;
}

.p-body-content .fr-box.fr-basic .fr-toolbar.fr-top {
    padding: 2px;
}

.menu-header {
	margin: unset;
}

@media (max-width: 650px) {
.dp-topup-amount-purchase {
    flex-direction: column;
    gap: 1rem;
	align-items: flex-start;
	}
	
	.dp-lottery-banner:hover img {
		display: none;
	}
}
.dealDisputePrefix{
	
	color: #ef4444;
    background: rgba(127,29,29,0.35);
    padding: 0 5px;
    border-color: #ff4949;
    text-transform: capitalize;
	border-radius: 8px;
	font-size: 100%;
    font-weight: 500 !important;
    margin-right: 0px !important;
}



@media (max-width: 900px) {
    .dp-account-section {
        grid-template-columns:1fr;
        gap: 5rem;
        padding: 2rem 0
    }

    .dp-stats-section {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .dp-stats-section .dp-stats-item:after {
        display: none
    }

    .dp-profile-header {
        flex-direction: column
    }

    .dp-profile-widgets-grid {
        grid-template-columns: 1fr
    }

    .dp-profile-name-and-stats {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem
    }

    .dp-profile-actions-and-socials {
        flex-direction: column;
        gap: 1.5rem
    }

    .dp-profile-actions {
        margin-left: unset
    }

    .kz-hero.two-column {
        grid-template-columns: 1fr
    }

    .kz-hero.two-column .kz-hero-content {
        text-align: center;
        align-items: center
    }

    .dp-plans-row {
        grid-template-columns: 1fr;
        grid-gap: 2rem;
        padding-right: 4rem;
        padding-left: 4rem
    }

    .dp-plan-buttons {
        flex-direction: column
    }

    .dp-doc-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .currency-section-grid {
        grid-template-columns: 1fr 1fr
    }

    .leaderboard-grid,.awards-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lottery-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .dope-account .p-navgroup-link--newPosts>span {
        display: none
    }

    svg.wn-m {
        height: 25px;
        width: 25px
    }

    .kz-groups-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .kz-message-quickreply {
        margin-bottom: 0
    }

    .dp-hero-text p>br {
        display: none
    }

    .kz-sh-image-wrapper .kz-upgrade-blurb {
        width: 531px;
        height: 394.5px
    }

    .kz-sh-image .profile-image-wrapper {
        width: 225.75px;
        height: 126px;
        margin-bottom: -63px;
        right: -45px
    }

    .kz-sh-image .profile-image-wrapper>.main-bit {
        width: 44.25px;
        height: 44.25px;
        top: 34.5px;
        left: -30px
    }

    .kz-sh-image .topic-image-wrapper {
        width: 306.75px;
        height: 179.25px
    }

    .kz-sh-image .topic-image-wrapper>.topic-buttons {
        width: 127.5px;
        height: 103.5px;
        right: -33px;
        bottom: -12px
    }

    .kz-sh-image .topic-image-wrapper>.topic-buttons .second-bit {
        width: 32.25px;
        height: 31.5px;
        bottom: -4.5px;
        left: -44.25px
    }

    .kz-sh-image .group-image-wrapper {
        width: 315px;
        height: 187.5px
    }

    .kz-sh-image .group-image-wrapper.back-group {
        margin-bottom: -142.5px
    }

    .kz-sh-image .group-image-wrapper.front-group {
        margin-left: 45px
    }

    .kz-sh-image .group-image-wrapper>.group-badge {
        width: 45px;
        height: 45px
    }

    .kz-sh-image .group-image-wrapper.back-group>.group-badge {
        top: 45px;
        left: -22.5px
    }

    .kz-sh-image .group-image-wrapper.front-group>.group-badge {
        right: -22.5px;
        bottom: 45px
    }

    .kz-claim-steps {
        grid-template-columns: 1fr !important
    }
	
	    .has-js .p-nav-opposite .p-navgroup-link {
        border-radius: 9999999px !important;
    }
	.blockLink:hover {
    color: #006fcd !important;
}
	.menu-linkRow.is-selected, .menu-linkRow:hover, .menu-linkRow:focus {
color: #006fcd !important;

}]]></template>
    <template title="extra_footer" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<div class="pre-footer">
	<div class="pre-footer-inner">
		<div class="pre-footer--container">
			<div class="pre-footer--column">
				<xf:if is="property('dt_extra_footer_first_column') == 'option1'">
					<xf:widget key="forum_overview_members_online" />

				<xf:elseif is="property('dt_extra_footer_first_column') == 'option2'" />
					<xf:widget key="forum_overview_forum_statistics" />

				<xf:elseif is="property('dt_extra_footer_first_column') == 'option3'" />
					<xf:widget key="forum_overview_share_page" />

				<xf:elseif is="property('dt_extra_footer_first_column') == 'option4'" />
					<xf:widget key="online_list_online_statistics" />

				<xf:elseif is="property('dt_extra_footer_first_column') == 'option5'" />
					<xf:widget key="forum_overview_new_profile_posts" />

				<xf:elseif is="property('dt_extra_footer_first_column') == 'option6'" />
					<xf:widget key="forum_overview_new_posts" />

				<xf:elseif is="property('dt_extra_footer_first_column') == 'option7'" />
					<xf:widget key="member_wrapper_newest_members" />

				<xf:elseif is="property('dt_extra_footer_first_column') == 'option8'" />
					<div class="pre-footer--content -social">
						<h3>{{ property('dt_extra_footer_social_title') }}</h3>
						<ul class="social__icons">
							<xf:if is="property('dt_extra_footer_facebook')"><li><a href="https://www.facebook.com/{{ property('dt_extra_footer_facebook') }}" target="_blank" class="-facebook"><xf:fa icon="fa-facebook-f" /><i class="fab fa-facebook"></i></a></li></xf:if>
							<xf:if is="property('dt_extra_footer_twitter')"><li><a href="https://twitter.com/{{ property('dt_extra_footer_twitter') }}" target="_blank" class="-twitter"><i class="fab fa-twitter"></i></a></li></xf:if>
							<xf:if is="property('dt_extra_footer_instagram')"><li><a href="https://instagram.com/{{ property('dt_extra_footer_instagram') }}" target="_blank" class="-instagram"><i class="fab fa-instagram"></i></a></li></xf:if>
							<xf:if is="property('dt_extra_footer_youtube')"><li><a href="http://www.youtube.com/c/{{ property('dt_extra_footer_youtube') }}" target="_blank" class="-youtube"><i class="fab fa-youtube"></i></a></li></xf:if>
						</ul>
					</div>

				<xf:elseif is="property('dt_extra_footer_first_column') == 'option9'" />
					<div class="pre-footer--content">
						<h3>{{ property('dt_extra_footer_custom_html_title') }}</h3>
						<div class="pre-footer-html--content">
							{{ property('dt_extra_footer_custom_html') }}
						</div>
					</div>

				<xf:elseif is="property('dt_extra_footer_first_column') == 'option10'" />
					<div class="pre-footer--content -links">
						<h3>{{ property('dt_extra_footer_link_1_title') }}</h3>
						<ul class="pre-footer--links">
							{{ property('dt_extra_footer_link_1') }}
						</ul>
					</div>

				<xf:elseif is="property('dt_extra_footer_first_column') == 'option11'" />
					<div class="pre-footer--content -links">
						<h3>{{ property('dt_extra_footer_link_2_title') }}</h3>
						<ul class="pre-footer--links">
							{{ property('dt_extra_footer_link_2') }}
						</ul>
					</div>
				</xf:if>
			</div>
			<div class="pre-footer--column">
				<xf:if is="property('dt_extra_footer_second_column') == 'option1'">
					<xf:widget key="forum_overview_members_online" />

				<xf:elseif is="property('dt_extra_footer_second_column') == 'option2'" />
					<xf:widget key="forum_overview_forum_statistics" />

				<xf:elseif is="property('dt_extra_footer_second_column') == 'option3'" />
					<xf:widget key="forum_overview_share_page" />

				<xf:elseif is="property('dt_extra_footer_second_column') == 'option4'" />
					<xf:widget key="online_list_online_statistics" />

				<xf:elseif is="property('dt_extra_footer_second_column') == 'option5'" />
					<xf:widget key="forum_overview_new_profile_posts" />

				<xf:elseif is="property('dt_extra_footer_second_column') == 'option6'" />
					<xf:widget key="forum_overview_new_posts" />

				<xf:elseif is="property('dt_extra_footer_second_column') == 'option7'" />
					<xf:widget key="member_wrapper_newest_members" />

				<xf:elseif is="property('dt_extra_footer_second_column') == 'option8'" />
					<div class="pre-footer--content -social">
						<h3>{{ property('dt_extra_footer_social_title') }}</h3>
						<ul class="social__icons">
							<xf:if is="property('dt_extra_footer_facebook')"><li><a href="https://www.facebook.com/{{ property('dt_extra_footer_facebook') }}" target="_blank" class="-facebook"><i class="fab fa-facebook-f"></i></a></li></xf:if>
							<xf:if is="property('dt_extra_footer_twitter')"><li><a href="https://twitter.com/{{ property('dt_extra_footer_twitter') }}" target="_blank" class="-twitter"><i class="fab fa-twitter"></i></a></li></xf:if>
							<xf:if is="property('dt_extra_footer_instagram')"><li><a href="https://instagram.com/{{ property('dt_extra_footer_instagram') }}" target="_blank" class="-instagram"><i class="fab fa-instagram"></i></a></li></xf:if>
							<xf:if is="property('dt_extra_footer_youtube')"><li><a href="http://www.youtube.com/c/{{ property('dt_extra_footer_youtube') }}" target="_blank" class="-youtube"><i class="fab fa-youtube"></i></a></li></xf:if>
						</ul>
					</div>

				<xf:elseif is="property('dt_extra_footer_second_column') == 'option9'" />
					<div class="pre-footer--content">
						<h3>{{ property('dt_extra_footer_custom_html_title') }}</h3>
						<div class="pre-footer-html--content">
							{{ property('dt_extra_footer_custom_html') }}
						</div>
					</div>

				<xf:elseif is="property('dt_extra_footer_second_column') == 'option10'" />
					<div class="pre-footer--content -links">
						<h3>{{ property('dt_extra_footer_link_1_title') }}</h3>
						<ul class="pre-footer--links">
							{{ property('dt_extra_footer_link_1') }}
						</ul>
					</div>

				<xf:elseif is="property('dt_extra_footer_second_column') == 'option11'" />
					<div class="pre-footer--content -links">
						<h3>{{ property('dt_extra_footer_link_2_title') }}</h3>
						<ul class="pre-footer--links">
							{{ property('dt_extra_footer_link_2') }}
						</ul>
					</div>
				</xf:if>
			</div>
			<div class="pre-footer--column">
				<xf:if is="property('dt_extra_footer_third_column') == 'option1'">
					<xf:widget key="forum_overview_members_online" />

				<xf:elseif is="property('dt_extra_footer_third_column') == 'option2'" />
					<xf:widget key="forum_overview_forum_statistics" />

				<xf:elseif is="property('dt_extra_footer_third_column') == 'option3'" />
					<xf:widget key="forum_overview_share_page" />

				<xf:elseif is="property('dt_extra_footer_third_column') == 'option4'" />
					<xf:widget key="online_list_online_statistics" />

				<xf:elseif is="property('dt_extra_footer_third_column') == 'option5'" />
					<xf:widget key="forum_overview_new_profile_posts" />

				<xf:elseif is="property('dt_extra_footer_third_column') == 'option6'" />
					<xf:widget key="forum_overview_new_posts" />

				<xf:elseif is="property('dt_extra_footer_third_column') == 'option7'" />
					<xf:widget key="member_wrapper_newest_members" />

				<xf:elseif is="property('dt_extra_footer_third_column') == 'option8'" />
					<div class="pre-footer--content -social">
						<h3>{{ property('dt_extra_footer_social_title') }}</h3>
						<ul class="social__icons">
							<xf:if is="property('dt_extra_footer_facebook')"><li><a href="https://www.facebook.com/{{ property('dt_extra_footer_facebook') }}" target="_blank" class="-facebook"><i class="fab fa-facebook-f"></i></a></li></xf:if>
							<xf:if is="property('dt_extra_footer_twitter')"><li><a href="https://twitter.com/{{ property('dt_extra_footer_twitter') }}" target="_blank" class="-twitter"><i class="fab fa-twitter"></i></a></li></xf:if>
							<xf:if is="property('dt_extra_footer_instagram')"><li><a href="https://instagram.com/{{ property('dt_extra_footer_instagram') }}" target="_blank" class="-instagram"><i class="fab fa-instagram"></i></a></li></xf:if>
							<xf:if is="property('dt_extra_footer_youtube')"><li><a href="http://www.youtube.com/c/{{ property('dt_extra_footer_youtube') }}" target="_blank" class="-youtube"><i class="fab fa-youtube"></i></a></li></xf:if>
						</ul>
					</div>

				<xf:elseif is="property('dt_extra_footer_third_column') == 'option9'" />
					<div class="pre-footer--content">
						<h3>{{ property('dt_extra_footer_custom_html_title') }}</h3>
						<div class="pre-footer-html--content">
							{{ property('dt_extra_footer_custom_html') }}
						</div>
					</div>

				<xf:elseif is="property('dt_extra_footer_third_column') == 'option10'" />
					<div class="pre-footer--content -links">
						<h3>{{ property('dt_extra_footer_link_1_title') }}</h3>
						<ul class="pre-footer--links">
							{{ property('dt_extra_footer_link_1') }}
						</ul>
					</div>

				<xf:elseif is="property('dt_extra_footer_third_column') == 'option11'" />
					<div class="pre-footer--content -links">
						<h3>{{ property('dt_extra_footer_link_2_title') }}</h3>
						<ul class="pre-footer--links">
							{{ property('dt_extra_footer_link_2') }}
						</ul>
					</div>
				</xf:if>
			</div>
			<div class="pre-footer--column">
				<xf:if is="property('dt_extra_footer_fourth_column') == 'option1'">
					<xf:widget key="forum_overview_members_online" />

				<xf:elseif is="property('dt_extra_footer_fourth_column') == 'option2'" />
					<xf:widget key="forum_overview_forum_statistics" />

				<xf:elseif is="property('dt_extra_footer_fourth_column') == 'option3'" />
					<xf:widget key="forum_overview_share_page" />

				<xf:elseif is="property('dt_extra_footer_fourth_column') == 'option4'" />
					<xf:widget key="online_list_online_statistics" />

				<xf:elseif is="property('dt_extra_footer_fourth_column') == 'option5'" />
					<xf:widget key="forum_overview_new_profile_posts" />

				<xf:elseif is="property('dt_extra_footer_fourth_column') == 'option6'" />
					<xf:widget key="forum_overview_new_posts" />

				<xf:elseif is="property('dt_extra_footer_fourth_column') == 'option7'" />
					<xf:widget key="member_wrapper_newest_members" />

				<xf:elseif is="property('dt_extra_footer_fourth_column') == 'option8'" />
					<div class="pre-footer--content -social">
						<h3>{{ property('dt_extra_footer_social_title') }}</h3>
						<ul class="social__icons">
							<xf:if is="property('dt_extra_footer_facebook')"><li><a href="https://www.facebook.com/{{ property('dt_extra_footer_facebook') }}" target="_blank" class="-facebook"><i class="fab fa-facebook-f"></i></a></li></xf:if>
							<xf:if is="property('dt_extra_footer_twitter')"><li><a href="https://twitter.com/{{ property('dt_extra_footer_twitter') }}" target="_blank" class="-twitter"><i class="fab fa-twitter"></i></a></li></xf:if>
							<xf:if is="property('dt_extra_footer_instagram')"><li><a href="https://instagram.com/{{ property('dt_extra_footer_instagram') }}" target="_blank" class="-instagram"><i class="fab fa-instagram"></i></a></li></xf:if>
							<xf:if is="property('dt_extra_footer_youtube')"><li><a href="http://www.youtube.com/c/{{ property('dt_extra_footer_youtube') }}" target="_blank" class="-youtube"><i class="fab fa-youtube"></i></a></li></xf:if>
						</ul>
					</div>

				<xf:elseif is="property('dt_extra_footer_fourth_column') == 'option9'" />
					<div class="pre-footer--content">
						<h3>{{ property('dt_extra_footer_custom_html_title') }}</h3>
						<div class="pre-footer-html--content">
							{{ property('dt_extra_footer_custom_html') }}
						</div>
					</div>

				<xf:elseif is="property('dt_extra_footer_fourth_column') == 'option10'" />
					<div class="pre-footer--content -links">
						<h3>{{ property('dt_extra_footer_link_1_title') }}</h3>
						<ul class="pre-footer--links">
							{{ property('dt_extra_footer_link_1') }}
						</ul>
					</div>

				<xf:elseif is="property('dt_extra_footer_fourth_column') == 'option11'" />
					<div class="pre-footer--content -links">
						<h3>{{ property('dt_extra_footer_link_2_title') }}</h3>
						<ul class="pre-footer--links">
							{{ property('dt_extra_footer_link_2') }}
						</ul>
					</div>
				</xf:if>
			</div>
		</div>
	</div>
</div>]]></template>
    <template title="forum_post_quick_thread" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<xf:form action="{{ link('forums/post-thread', $forum) }}" draft="{{ link('forums/draft', $forum) }}">

	<div class="js-quickThreadFields" data-xf-init="attachment-manager">

		<xf:if is="$forum.draft_thread.exists()">
			<xf:formrow rowtype="fullWidth noGutter noLabel mergeNext">
				<div class="block-rowMessage block-rowMessage--important block-rowMessage--small">
					<a href="{{ link('forums/post-thread', $forum) }}">{{ phrase('you_have_saved_draft_click_to_load') }}</a>
				</div>
			</xf:formrow>
		</xf:if>

		<xf:macro name="forum_post_thread::type_chooser"
			arg-thread="{$thread}"
			arg-forum="{$forum}"
			arg-creatableThreadTypes="{$creatableThreadTypes}"
			arg-defaultThreadType="{$defaultThreadType}"
			arg-rowType="fullWidth noGutter noBottomPadding noLabel mergeNext" />

		<xf:editorrow name="message" value="{$post.message}" rows="3" rowtype="fullWidth noGutter noLabel mergeNext"
			data-min-height="100"
			data-max-height="300"
			placeholder="{{ phrase('message...') }}"
			label="{{ phrase('message') }}"
			data-preview-url="{{ link('forums/thread-preview', $forum) }}" />

		<xf:macro name="forum_post_thread::type_fields"
			arg-thread="{$thread}"
			arg-forum="{$forum}"
			arg-creatableThreadTypes="{$creatableThreadTypes}"
			arg-defaultThreadType="{$defaultThreadType}"
			arg-subContext="quick"
			arg-formRowSepVariant="formRowSep--noGutter" />

		<xf:macro template="custom_fields_macros" name="custom_fields_edit"
			arg-type="threads"
			arg-set="{$thread.custom_fields}"
			arg-editMode="{{ $thread.getFieldEditMode(true) }}"
			arg-onlyInclude="{$forum.field_cache}"
			arg-rowType="fullWidth noGutter"
			arg-requiredOnly="{{ $inlineMode ? true : false }}" />

		<xf:if is="$canEditTags && $forum.min_tags">
			<hr class="formRowSep" />
			<xf:tokeninputrow name="tags"
				href="{{ link('misc/tag-auto-complete') }}"
				min-length="{$xf.options.tagLength.min}"
				max-length="{$xf.options.tagLength.max}"
				max-tokens="{$xf.options.maxContentTags}"
				rowtype="fullWidth noGutter"
				label="{{ phrase('tags') }}">

				<xf:explain>
					{{ phrase('multiple_tags_may_be_separated_by_commas') }}
					<xf:if is="$forum.min_tags">
						{{ phrase('this_content_must_have_at_least_x_tags', {'min': $forum.min_tags}) }}
					</xf:if>
				</xf:explain>
			</xf:tokeninputrow>
		</xf:if>

		<xf:if is="!$xf.visitor.user_id && !$forum.canCreateThreadPreReg()">
			<xf:textboxrow name="_xfUsername" data-xf-init="guest-username" rowtype="fullWidth noGutter"
				maxlength="{{ max_length($xf.visitor, 'username') }}"
				label="{{ phrase('name') }}" />
		<xf:elseif is="$xf.visitor.user_id" />
			<xf:macro template="helper_thread_options" name="watch_input"
				arg-thread="{$thread}"
				arg-rowType="fullWidth noGutter noLabel"
				arg-visible="{{ false }}" />
		</xf:if>

		<xf:captcharow label="{{ phrase('verification') }}" rowtype="fullWidth noGutter noLabel" context="xf_post_quick_thread" />

		<xf:if is="$attachmentData">
			<xf:macro template="helper_attach_upload" name="uploaded_files_list"
				arg-attachments="{$attachmentData.attachments}" />
		</xf:if>

		<div class="formButtonGroup">
			<div class="formButtonGroup-primary">
				<xf:button type="submit" class="button--primary" icon="write">
					{{ phrase('post_thread') }}
				</xf:button>

				<xf:button type="submit" formnovalidate="formnovalidate" name="more-options" value="1"
					title="{{ phrase('show_full_post_thread_editor') }}"
					data-prevent-ajax="true"
					data-xf-init="tooltip">{{ phrase('more_options...') }}</xf:button>

				<xf:button type="reset" class="button--icon button--icon--cancel button--iconOnly"
					title="{{ phrase('button.cancel') }}"
					data-xf-init="tooltip">
					<span class="u-srOnly">{{ phrase('button.cancel') }}</span>
				</xf:button>
			</div>
			<xf:if contentcheck="true">
				<div class="formButtonGroup-extra">
					<xf:contentcheck>
						<xf:if is="$attachmentData">
							<xf:macro template="helper_attach_upload" name="upload_link_from_data"
								arg-attachmentData="{$attachmentData}" />
						</xf:if>

						<xf:if is="$xf.options.multiQuote">
							<xf:macro template="multi_quote_macros" name="button"
								arg-href="{{ link('threads/multi-quote', $thread) }}"
								arg-messageSelector=".js-post"
								arg-storageKey="multiQuoteThread" />
						</xf:if>
					</xf:contentcheck>
				</div>
			</xf:if>
		</div>
	</div>
</xf:form>]]></template>
    <template title="forum_view" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<xf:title page="{$page}">{$forum.Node.title}</xf:title>
<xf:description>{$forum.Node.description|raw}</xf:description>

<xf:css src="structured_list.less" />
<xf:css>
.xfdev_shop_item-icon {
	display: none;
	}
</xf:css>

<xf:if is="!$forum.isSearchEngineIndexable()">
	<xf:head option="metaNoindex"><meta name="robots" content="noindex" /></xf:head>
</xf:if>

<xf:macro template="metadata_macros" name="canonical_url"
	arg-canonicalUrl="{{ link('canonical:forums', $forum, $canonicalFilters + {'page': $page}) }}" />

<xf:head option="rss_forum"><link rel="alternate" type="application/rss+xml" title="{{ phrase('rss_feed_for_x', {'title': $forum.title})|for_attr }}" href="{{ link('forums/index.rss', $forum) }}" /></xf:head>

<xf:macro template="forum_macros" name="forum_page_options" arg-forum="{$forum}" />
<xf:breadcrumb source="$forum.getBreadcrumbs(false)" />

<xf:pageaction if="$forum.canCreateThread() OR $forum.canCreateThreadPreReg()">
<a href="{{ link('forums/post-thread', $forum) }}" class="button--cta button" rel="nofollow"><span class="button-text">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.0399 3.02001L8.15988 10.9C7.85988 11.2 7.55988 11.79 7.49988 12.22L7.06988 15.23C6.90988 16.32 7.67988 17.08 8.76988 16.93L11.7799 16.5C12.1999 16.44 12.7899 16.14 13.0999 15.84L20.9799 7.96001C22.3399 6.60001 22.9799 5.02001 20.9799 3.02001C18.9799 1.02001 17.3999 1.66001 16.0399 3.02001Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14.9102 4.15002C15.2417 5.32749 15.8701 6.40009 16.7351 7.26507C17.6001 8.13005 18.6727 8.75843 19.8502 9.09002" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
New Thread
</span></a>
</xf:pageaction>

<xf:if is="$pendingApproval">
	<div class="blockMessage blockMessage--important">{{ phrase('content_submitted_displayed_pending_approval') }}</div>
</xf:if>

<xf:extension name="above_node_list"></xf:extension>



<xf:if is="$canInlineMod">
	<xf:js src="xf/inline_mod.js" min="1" />
</xf:if>

<xf:extension name="above_thread_list"></xf:extension>
<xf:ad position="forum_view_above_thread_list" arg-forum="{$forum}" />

<xf:extension name="thread_list_block_classes" value="" />
<div class="block {{ extension_value('thread_list_block_classes') }}" data-xf-init="{{ $canInlineMod ? 'inline-mod' : '' }}" data-type="thread" data-href="{{ link('inline-mod') }}">

	<div class="block-outer"><xf:trim>
		<xf:pagenav page="{$page}" perpage="{$perPage}" total="{$total}"
			link="forums" data="{$forum}" params="{$filters}"
			wrapperclass="block-outer-main" />
	</xf:trim></div>

	<div class="block-container block-container--nodes">

		<xf:extension name="thread_list_header">
			<div class="block-filterBar">
				<xf:if contentcheck="true">
					<div class="block-outer-opposite">
						<div class="buttonGroup">
						<xf:contentcheck>
							<xf:if is="$canInlineMod">
								<xf:macro template="inline_mod_macros" name="button" />
							</xf:if>
							<xf:if is="$xf.visitor.user_id">
								<xf:button href="{{ link('forums/mark-read', $forum, {'date': $xf.time}) }}"
									class="button--link" overlay="true">
									{{ phrase('mark_read') }}
								</xf:button>
							</xf:if>
							<xf:if is="$forum.canWatch()">
								<xf:button href="{{ link('forums/watch', $forum) }}" class="button--link"
									data-xf-click="switch-overlay"
									data-sk-watch="{{ phrase('watch') }}"
									data-sk-unwatch="{{ phrase('unwatch') }}">
									<xf:if is="{$forum.Watch.{$xf.visitor.user_id}}">{{ phrase('unwatch') }}<xf:else />{{ phrase('watch') }}</xf:if>
								</xf:button>
							</xf:if>
						</xf:contentcheck>
						</div>
					</div>
				</xf:if>
				
				<div class="filterBar">
					<xf:if contentcheck="true">
						<ul class="filterBar-filters">
						<xf:contentcheck>
							<xf:extension name="filters">
								<xf:macro name="filters"
									arg-forum="{$forum}"
									arg-filters="{$filters}"
									arg-starterFilter="{$starterFilter}"
									arg-threadTypeFilter="{$threadTypeFilter}" />
							</xf:extension>
						</xf:contentcheck>
						</ul>
					</xf:if>

					<a class="filterBar-menuTrigger" data-xf-click="menu" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true">{{ phrase('filters') }}</a>
					<div class="menu menu--wide" data-menu="menu" aria-hidden="true"
						data-href="{{ link('forums/filters', $forum, $filters) }}"
						data-load-target=".js-filterMenuBody">
						<div class="menu-content">
							<h4 class="menu-header">{{ phrase('show_only:') }}</h4>
							<div class="js-filterMenuBody">
								<div class="menu-row">{{ phrase('loading...') }}</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</xf:extension>

		<xf:set var="$qtPos">{{ ($sortInfo.order == 'last_post_date' && $sortInfo.direction == 'asc') ? 'bottom' : 'top' }}</xf:set>

		<div class="block-body">
			<xf:extension name="thread_list">
				<div class="structItemContainer structItemContainer--threads">
					<xf:macro name="{{ $templateOverrides.quick_thread_macro ?: 'thread_list_macros::quick_thread' }}"
						arg-forum="{$forum}"
						arg-page="{$page}"
						arg-order="{$sortInfo.order}"
						arg-direction="{$sortInfo.direction}"
						arg-prefixes="{$quickThreadPrefixes}"
						args="{$templateOverrides.quick_thread_macro_args}" />
					
					<xf:if is="property('dt_disc_minor_header')">
						<div class="discu-minorHeader">
							<span class="discu-minorHeader--main">{{ phrase('title') }}</span>
							<span class="discu-minorHeader--stats">{{ phrase('replies') }}</span>
							<span class="discu-minorHeader--stats">{{ phrase('views') }}</span>
							<xf:if is="property('dt_reactions_column')">
								<span class="discu-minorHeader--stats">{{ phrase('reactions') }}</span>
							</xf:if>
							<span class="discu-minorHeader--last">{{ phrase('latest') }}</span>
						</div>
					</xf:if>

					<xf:if is="$stickyThreads is not empty OR $threads is not empty">
						<xf:if is="$stickyThreads is not empty">
							<h3 class="dp-threads-type">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.01953 20.9799L9.15953 14.8699" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M11.1797 6.97998L14.0997 9.89998" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M20.7192 8.76994L17.2992 12.3599C17.0692 12.5999 16.8992 12.8999 16.8192 13.2199L15.7492 17.1999C15.3492 18.6799 13.4892 19.1799 12.3892 18.0999L5.82918 11.5699C4.74918 10.4899 5.22917 8.64995 6.69918 8.23995L10.6992 7.11994C10.9992 7.02994 11.2792 6.87994 11.5192 6.66994L15.1992 3.28993C15.6492 2.87993 16.3492 2.89995 16.7792 3.31995L20.6792 7.19994C21.1192 7.62994 21.1292 8.32994 20.7092 8.77994L20.7192 8.76994Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
Sticky Threads
</h3>
							<div class="stickyItemContainer stickyItemContainer-sticky">
								<xf:if is="{{ property('dt_seperate_sticky_threads') }}">
									<h3 class="block-minorHeader block-stickyHeader">
										{{ phrase('sticky') }}
										<xf:if is="{{ property('dt_collaps_sticky_threads') }}">
										<span id="collapse-{$forum.node_id}" 
											  class="collapseTrigger {{ !is_toggled('_dtstthr-' . $forum.node_id) ? ' is-active' : '' }}"
											  title="Toggle Visibilty" 
											  data-xf-click="toggle" 
											  data-xf-init="toggle-storage" 
											  data-storage-type="cookie" 
											  data-target=".structItemContainer-group--sticky" 
											  data-storage-key="_dtstthr-{$forum.node_id}">
										</span>
										</xf:if>
									</h3>
								</xf:if>
								<div class="structItemContainer-group structItemContainer-group--sticky {{ !is_toggled('_dtstthr-' . $forum.node_id) ? ' is-active' : '' }}">
									<xf:foreach loop="$stickyThreads" value="$thread">
										<xf:macro template="thread_list_macros" name="item" arg-thread="{$thread}" arg-forum="{$forum}" />
									</xf:foreach>
								</div>
							</div>
							
							<xf:if is="property('dt_seperate_sticky_threads')">
								<xf:if is="{$stickyThreads}">
									<h3 class="block-minorHeader block-stickyHeader">
										{{ phrase('threads') }}
									</h3>
								</xf:if>
							</xf:if>

							<xf:ad position="forum_view_below_stickies" arg-forum="{$forum}" />
						</xf:if>

						<div class="structItemContainer-group js-threadList">
							<xf:if is="$threads is not empty">
								<h3 class="dp-threads-type">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 8.5H12M7 12H15M7 18V20.3355C7 20.8684 7 21.1348 7.10923 21.2716C7.20422 21.3906 7.34827 21.4599 7.50054 21.4597C7.67563 21.4595 7.88367 21.2931 8.29976 20.9602L10.6852 19.0518C11.1725 18.662 11.4162 18.4671 11.6875 18.3285C11.9282 18.2055 12.1844 18.1156 12.4492 18.0613C12.7477 18 13.0597 18 13.6837 18H16.2C17.8802 18 18.7202 18 19.362 17.673C19.9265 17.3854 20.3854 16.9265 20.673 16.362C21 15.7202 21 14.8802 21 13.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V14C3 14.93 3 15.395 3.10222 15.7765C3.37962 16.8117 4.18827 17.6204 5.22354 17.8978C5.60504 18 6.07003 18 7 18Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
Normal Threads
</h3>
								<xf:foreach loop="$threads" value="$thread">
									<xf:macro name="{{ $templateOverrides.thread_list_macro ?: 'thread_list_macros::item' }}"
										arg-thread="{$thread}"
										arg-forum="{$forum}"
										args="{$templateOverrides.thread_list_macro_args}"  />
								</xf:foreach>
								<xf:if is="$showDateLimitDisabler">
									<xf:macro name="date_limit_disabler" arg-forum="{$forum}" arg-page="{$page}" arg-filters="{$filters}" />
								</xf:if>
							</xf:if>
						</div>
					<xf:elseif is="$filters" />
						<div class="structItemContainer-group js-threadList">
							<div class="structItem js-emptyThreadList">
								<div class="structItem-cell">{{ phrase('there_no_threads_matching_your_filters') }}</div>
							</div>
							<xf:if is="$showDateLimitDisabler">
								<xf:macro name="date_limit_disabler" arg-forum="{$forum}" arg-page="{$page}" arg-filters="{$filters}" />
							</xf:if>
						</div>
					<xf:else />
						<div class="structItemContainer-group js-threadList">
							<xf:if is="$showDateLimitDisabler">
								<div class="structItem js-emptyThreadList">
									<div class="structItem-cell">{{ phrase('there_no_threads_to_display') }}</div>
								</div>
								<xf:macro name="date_limit_disabler" arg-forum="{$forum}" arg-page="{$page}" arg-filters="{$filters}" />
							<xf:else />
								<div class="structItem js-emptyThreadList">
									<div class="structItem-cell">{{ phrase('there_no_threads_in_this_forum') }}</div>
								</div>
							</xf:if>
						</div>
					</xf:if>
				</div>
			</xf:extension>
		</div>
	</div>

	<div class="block-outer block-outer--after">
		<xf:pagenav
			page="{$page}" perpage="{$perPage}" total="{$total}"
			link="forums" data="{$forum}" params="{$filters}"
			wrapperclass="block-outer-main" />
		<xf:showignored wrapperclass="block-outer-opposite" />
		<xf:if is="!$forum.canCreateThread() AND !$forum.canCreateThreadPreReg()">
			<div class="block-outer-opposite">
				<xf:if is="$xf.visitor.user_id">
					<span class="button button--wrap is-disabled">
						{{ phrase('no_permission_to_post') }}
						<!-- this is not interactive so shouldn't be a button element -->
					</span>
				<xf:else />
					<xf:button href="{{ link('login') }}" class="button--link button--wrap" overlay="true">
						{{ phrase('log_in_or_register_to_post') }}
					</xf:button>
				</xf:if>
			</div>
		</xf:if>
	</div>
</div>

<xf:ad position="forum_view_below_thread_list" arg-forum="{$forum}" />
<xf:extension name="below_thread_list"></xf:extension>
<xf:if is="$nodeTree">
	<xf:ad position="forum_view_above_node_list" arg-forum="{$forum}" />
	<div class="block">
		<div class="block-container">
			<div class="block-body">
				<xf:macro template="forum_list" name="node_list"
					arg-children="{$nodeTree}"
					arg-extras="{$nodeExtras}"
					arg-depth="2" />
			</div>
		</div>
	</div>
	<xf:ad position="forum_view_below_node_list" arg-forum="{$forum}" />
</xf:if>
<xf:widgetpos id="forum_view_sidebar" context-forum="{$forum}" position="sidebar" />

<xf:macro name="filters" arg-forum="!" arg-filters="!" arg-starterFilter="{{ null }}" arg-threadTypeFilter="{{ null }}">
	<xf:set var="$dateLimits" value="{{ {
		'-1': phrase('any_time'),
		'7': phrase('x_days', {'days': '7'}),
		'14': phrase('x_days', {'days': '14'}),
		'30': phrase('x_days', {'days': '30'}),
		'60': phrase('x_months', {'months': '2'}),
		'90': phrase('x_months', {'months': '3'}),
		'182': phrase('x_months', {'months': '6'}),
		'365': phrase('1_year')
	} }}" />

	<xf:extension name="start"></xf:extension>

	<xf:extension name="prefix_id">
		<xf:if is="$filters.prefix_id">
			<li><a href="{{ link('forums', $forum, $filters|replace('prefix_id', null)) }}"
				class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
				<span class="filterBar-filterToggle-label">{{ phrase('prefix:') }}</span>
				{{ prefix_title('thread', $filters.prefix_id) }}</a></li>
		</xf:if>
	</xf:extension>

	<xf:extension name="starter_id">
		<xf:if is="$filters.starter_id AND $starterFilter">
			<li><a href="{{ link('forums', $forum, $filters|replace('starter_id', null)) }}"
				class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
				<span class="filterBar-filterToggle-label">{{ phrase('started_by:') }}</span>
				{$starterFilter.username}</a></li>
		</xf:if>
	</xf:extension>

	<xf:extension name="thread_type">
		<xf:if is="$filters.thread_type && $threadTypeFilter">
			<li><a href="{{ link('forums', $forum, $filters|replace('thread_type', null)) }}"
				class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
				<span class="filterBar-filterToggle-label">{{ phrase('thread_type_filter:') }}</span>
				{{ $threadTypeFilter.getTypeTitle() }}</a></li>
		</xf:if>
	</xf:extension>

	<xf:extension name="last_days">
		<xf:if is="$filters.last_days AND {$dateLimits.{$filters.last_days}}">
			<li><a href="{{ link('forums', $forum, $filters|replace('last_days', null)) }}"
				class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
				<span class="filterBar-filterToggle-label">{{ phrase('last_updated:') }}</span>
				{$dateLimits.{$filters.last_days}}</a></li>
		</xf:if>
	</xf:extension>

	<xf:extension name="order">
		<xf:if is="$filters.order">
			<li><a href="{{ link('forums', $forum, $filters|replace({'order': null, 'direction': null})) }}"
				class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('return_to_default_order')|for_attr }}">
				<span class="filterBar-filterToggle-label">{{ phrase('sort_by:') }}</span>
				{{ phrase_dynamic('forum_sort.' . $filters.order) }}
				<xf:fa icon="{{ $filters.direction == 'asc' ? 'fa-angle-up' : 'fa-angle-down' }}" />
				<span class="u-srOnly"><xf:if is="$filters.direction == 'asc'">{{ phrase('ascending') }}<xf:else />{{ phrase('descending') }}</xf:if></span>
			</a></li>
		</xf:if>
	</xf:extension>

	<xf:extension name="end"></xf:extension>
</xf:macro>

<xf:macro name="date_limit_disabler" arg-forum="!" arg-page="!" arg-filters="!">
	<div class="structItem structItem--note">
		<div class="structItem-cell">
			<a href="{{ link('forums', $forum, {'page': $page, 'no_date_limit': 1} + $filters) }}">
				{{ phrase('show_older_items') }}
			</a>
		</div>
	</div>
</xf:macro>]]></template>
    <template title="haxodev_portal.css" type="public" addon_id="" version_id="0" version_string=""><![CDATA[.haxodevs__portal__button {
    width: 100%;
    padding: 5px;
    margin: 0.3rem 0;
    border-radius: 3px;
}

.haxodevs__portal__logo__container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 335px;
    margin: 0 auto;
    position: absolute;
    z-index: 1;
}

.haxodevs__portal__container {
    position: relative;
    background: #000;
    border-radius: 12px;
    padding: 1rem;
}

.haxodevs__portal__bg {
    height: 335px;
    width: 100%;
    border-radius: 6px;
    mask-image: linear-gradient(to bottom, #000, rgba(0,0,0,0));
    background-image: url(/nf-profile-music/nf_SearchCTABoxImg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.haxodevs__portal__bg__container {
    border: 1px solid rgb(38 38 38);
    background: black;
    border-radius: 6px;
    position: absolute;
    display: contents;
}

.haxodevs__portal__bg video {
    object-fit: cover;
    border-radius: 6px !important;
    opacity: 0.5;
}

.haxodevs__portal__headercontainer {
    z-index: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.haxodevs__portal__header {
    -webkit-transform-style: preserve-3d;
    max-width: 1250px;
    width: 100%;
    color: var(--kz-primary-color-hex);
    margin-top: 1em;
}

.haxodevs__portal__header__title {
    margin-bottom: 8px;
    display: flex;
    color: #fff;
    font-size: 28px;
    justify-content: center;
}

.haxodevs__portal__stats {
    display: flex;
    gap: 1em;
    justify-content: center;
}

.haxodevs__portal__stat__row {
    display: flex;
    align-items: center;
    color: #A4A6A8;
}

.haxodevs__portal__stat__row svg {
    margin-right: 0.5rem;
}

.haxodevs__portal__stat {
    color: var(--kz-primary-color-hex);
}

.haxodevs__carousel_item {
    color: var(--kz-primary-color-hex);
    transition: opacity 0.5s ease;
    /* Add transition property */
    margin-left: 0.6rem;
}

.fade {
    opacity: 0;
}

.block-container.quicksearch {
    margin: 0px 0px 10px 0px;
    width: 940px;
}

.haxodevs__portal__popular__searches {
    min-height: 3em;
    display: flex;
    justify-content: center;
    gap: 6px;
}

.haxodevs__portal__list__seperator {
    color: var(--kz-primary-color-hex);
}

.haxodevs__portal__categories {
    max-width: 1250px;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    gap: 10px;
    background: var(--kz-dark-02);
    border: #262626 solid 0px;
}

.haxodevs__portal__categories .category {
    box-shadow: inset 0 0 0 2000px rgba(96,96,96,0.5);
    text-decoration: none;
    border-radius: 5px;
    height: 125px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    transition: 0.3s;
}

.haxodevs__portal__categories .category:hover {
    box-shadow: inset 0 0 0 2000px rgb(52,94,61,.66);
    transition: 0.3s;
    transform: translateY(-3px);
}

.haxodevs__slider__description {
    margin: 0 auto;
    max-width: 1250px;
}

.haxodevs__slider__wrapper {
    position: relative;
    user-select: none;
}

.haxodevs__slider__wrapper.slider_container {
    overflow: hidden;
    cursor: grab;
    white-space: nowrap;
    user-select: none;
}

.haxodevs__portal__slider {
    display: flex;
    gap: 14px;
    padding: 6px 0px;
}

.haxodevs__portal__slider__item, .haxodevs__portall_slider {
    transition: transform .3s ease-in-out;
}

.haxodevs__portal__slider__item {
    flex: none;
    width: 250px;
    border-radius: 3px;
    background-size: cover;
    background-position: center;
    position: relative;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    overflow: hidden;
    background: var(--kz-dark-01);
    ; transition: 0.2s;
}

.haxodevs__slider__item__rank {
    background: #303030;
    border-radius: 3px;
    position: absolute;
    top: 6px;
    left: 6px;
    padding: 0px 4px;
    color: var(--kz-primary-color-hex);
}

.haxodevs__slider__item__img {
    width: 100%;
    height: 150px;
    border-radius: 8px!important;
    padding: 3px;
}

.haxodevs__slider__item__img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.haxodevs__slider__item__content {
    z-index: 1;
    text-align: center;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.haxodevs__slider__item__title {
    font-size: 1rem;
    margin-bottom: 0rem;
    max-width: 30ch;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
    padding: 0px 2px;
}

.haxodevs__slider__item__tagline {
    font-size: 1rem;
    margin-bottom: 10px;
    max-width: 40ch;
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    margin-top: 0rem;
}

.haxodevs__slider__item__dlbtn {
    width: 80%;
    margin-bottom: 4px;
}

.haxodevs__feature__box {
    border: 1px solid rgb(38 38 38);
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    background: var(--kz-dark-01);
}

.haxodevs__flex__boxes {
    display: flex;
    padding-top: 10px;
    gap: 10px;
}

.haxodevs__feature__box__title svg {
    padding-right: 10px;
}

.haxodevs__feature__box__title {
    display: flex;
    padding-bottom: 5px;
    font-weight: 700;
    align-items: center;
}

.haxodevs__get__involved__title {
    display: flex;
    padding-bottom: 5px;
    font-weight: 700;
    align-items: center;
    transition: 0.3s;
}

.haxodevs__get__involved__title svg {
    padding-left: 10px;
}

.haxodevs__feature__box__text {
    font-size: 16px;
    font-weight: 400;
}

@media only screen and (max-width: 767px) {
    .haxodevs__flex__boxes {
        flex-direction: column;
    }

    /* Add more styles as needed */
}

@media only screen and (max-width: 767px) {
    /* Responsive text size using clamp */ .haxodevs__portal__header__title {
        display: block;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    /* Responsive text size using clamp */ .haxodevs__portal__bg__container {
        width: fit-content;
    }

    .input {
        width: 50%;
    }
}

@media only screen and (max-width: 950px) {
    /* Responsive text size using clamp */ .input {
        width: 60% !important;
    }
}

@media only screen and (max-width: 420px) {
    /* Responsive text size using clamp */ .input {
        width: 39% !important;
    }
}

@media only screen and (max-width: 430px) {
    /* Responsive text size using clamp */ .haxodevs__portal__stats {
        flex-direction: column;
        align-items: center;
    }

    .haxodevs__portal__header__title {
        font-size: 20px;
    }

    .input {
        width: 40%;
    }
}]]></template>
    <template title="help_bb_codes.less" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[.bbCodeDemoBlock
{
	.m-clearFix();
	padding: .25em 0;
}

.bbCodeDemoBlock-item
{
	width: 50%;
	margin: 0;
	padding: 0;
	padding-left: 8px;
	float: left;

	&:first-child
	{
		padding-left: 0;
	}

	> dt
	{
		font-size: @xf-fontSizeSmall;
		color: @xf-textColorMuted;
	}

	> dd
	{
		margin: 0;
		background: #1B1B1E;
		border: 1px solid #292a2b;
		padding: @xf-paddingMedium;
		zoom: 1;
	}
}]]></template>
    <template title="help_index" type="public" addon_id="XF" version_id="2021570" version_string="2.2.15"><![CDATA[<xf:title>Haxodevs Help Center — Documents & Support</xf:title>

<xf:macro template="metadata_macros" name="canonical_url" arg-canonicalUrl="{{ link('canonical:help') }}" />



<div class="dp-doc-grid">
<a href="https://cfhaxo.tech/pages/rules-and-guidelines/">
<div class="doc-item">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 5.5H21" stroke="white" stroke-width="1.5" stroke-linecap="round"></path>
<path d="M12 12H21" stroke="white" stroke-width="1.5" stroke-linecap="round"></path>
<path d="M12 18.5H21" stroke="white" stroke-width="1.5" stroke-linecap="round"></path>
<path d="M8 5.5H3M4.04167 8L6.95833 3M6.95833 8L4.04167 3" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8 18.5H3M4.04167 21L6.95833 16M6.95833 21L4.04167 16" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<div>
<h3 class="doc-item-title">
Haxodevs Official Rules
</h3>
<p class="doc-item-description">
The official rules and guidelines governing user behavior on the forum. Important to ensure a respectful and safe community experience.
</p>
</div>
</div>
</a>
<a href="/help/bits/">
<div class="doc-item">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.11133 7.55556L12.0002 2L20.8891 7.55556V16.4444L12.0002 22L3.11133 16.4444V7.55556Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M3.11133 7.55554L6.44466 9.22221" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12 2V5.33333" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M3.11133 16.4445L6.44466 14.7778" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12 22V18.6666" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M20.889 16.4445L17.5557 14.7778" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M17.5557 9.22221L20.889 7.55554" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.44434 9.22226L11.9999 5.33337L17.5554 9.22226V14.963L11.9999 18.6667L6.44434 14.963V9.22226Z" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<div>
<h3 class="doc-item-title">
Bits
</h3>
<p class="doc-item-description">
Learn about Bits, Haxodevs.gg's on-site currency, how to earn them, and how to use them within the platform.
</p>
</div>
</div>
</a>
<a href="/help/advertise/">
<div class="doc-item">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.5 13.5C20.433 13.5 22 11.933 22 10C22 8.067 20.433 6.5 18.5 6.5" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M4 14L5.57465 20.2986C5.61893 20.4757 5.64107 20.5643 5.66727 20.6417C5.92317 21.3972 6.60352 21.9284 7.39852 21.9934C7.4799 22 7.5712 22 7.75379 22C7.98244 22 8.09677 22 8.19308 21.9907C9.145 21.8984 9.89834 21.145 9.99066 20.1931C10 20.0968 10 19.9825 10 19.7538V5.50003M10.25 5.50003H6.5C4.01472 5.50003 2 7.51475 2 10C2 12.4853 4.01472 14.5 6.5 14.5H10.25C12.0164 14.5 14.1772 15.4469 15.8443 16.3557C16.8168 16.8858 17.3031 17.1509 17.6216 17.1119C17.9169 17.0757 18.1402 16.9431 18.3133 16.7011C18.5 16.4402 18.5 15.918 18.5 14.8737V5.12632C18.5 4.08203 18.5 3.55988 18.3133 3.29892C18.1402 3.05694 17.9169 2.92433 17.6216 2.88816C17.3031 2.84916 16.8168 3.11423 15.8443 3.64439C14.1772 4.55315 12.0164 5.50003 10.25 5.50003Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<div>
<h3 class="doc-item-title">
Advertise
</h3>
<p class="doc-item-description">
Details on how to effectively advertise on Haxodevs.gg, and the rules and guidelines to ensure fair and beneficial advertisement practices.
</p>
</div>
</div>
</a>
<a href="/help/vouches/">
<div class="doc-item">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.91998 20.28L6.68998 21.65C6.91998 21.88 7.42998 21.99 7.77998 21.99H9.94998C10.64 21.99 11.38 21.48 11.55 20.79L12.92 16.62C13.21 15.82 12.69 15.13 11.83 15.13H9.53998C9.45445 15.1301 9.36996 15.1113 9.29256 15.0748C9.21516 15.0384 9.14677 14.9854 9.0923 14.9194C9.03782 14.8535 8.99861 14.7763 8.97746 14.6934C8.95631 14.6105 8.95376 14.524 8.96998 14.44L9.25998 12.61C9.36998 12.1 9.02998 11.52 8.51998 11.35C8.05998 11.18 7.48998 11.41 7.25998 11.75L4.91998 15.24" stroke="white" stroke-width="1.5" stroke-miterlimit="10"></path>
<path d="M2 20.28V14.68C2 13.88 2.34 13.59 3.14 13.59H3.71C4.51 13.59 4.85 13.88 4.85 14.68V20.28C4.85 21.08 4.51 21.37 3.71 21.37H3.14C2.34 21.37 2 21.09 2 20.28Z" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M19.08 3.72001L17.31 2.35001C17.08 2.12001 16.57 2.01001 16.22 2.01001H14.05C13.36 2.01001 12.62 2.52001 12.45 3.21001L11.08 7.38001C10.79 8.18001 11.31 8.87001 12.17 8.87001H14.46C14.8 8.87001 15.09 9.16001 15.03 9.56001L14.74 11.39C14.63 11.9 14.97 12.48 15.48 12.65C15.94 12.82 16.51 12.59 16.74 12.25L19.08 8.76001" stroke="white" stroke-width="1.5" stroke-miterlimit="10"></path>
<path d="M22 3.72V9.32001C22 10.12 21.66 10.41 20.86 10.41H20.29C19.49 10.41 19.15 10.12 19.15 9.32001V3.72C19.15 2.92 19.49 2.63 20.29 2.63H20.86C21.66 2.63 22 2.91 22 3.72Z" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<div>
<h3 class="doc-item-title">
Vouches
</h3>
<p class="doc-item-description">
An essential trust-building tool in our marketplace community. Learn how to use vouches responsibly and earn valuable endorsements after successful deals.
</p>
</div>
</div>
</a>
<a href="/help/reputation/">
<div class="doc-item">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.7499 2.44982C11.4399 1.85982 12.5699 1.85982 13.2699 2.44982L14.8499 3.80993C15.1499 4.06993 15.7099 4.2799 16.1099 4.2799H17.8099C18.8699 4.2799 19.7399 5.14983 19.7399 6.20983V7.90991C19.7399 8.29991 19.9499 8.86992 20.2099 9.16992L21.5699 10.7499C22.1599 11.4399 22.1599 12.5699 21.5699 13.2699L20.2099 14.8498C19.9499 15.1498 19.7399 15.7099 19.7399 16.1099V17.8099C19.7399 18.8699 18.8699 19.7399 17.8099 19.7399H16.1099C15.7199 19.7399 15.1499 19.9498 14.8499 20.2098L13.2699 21.5698C12.5799 22.1598 11.4499 22.1598 10.7499 21.5698L9.16989 20.2098C8.86989 19.9498 8.30988 19.7399 7.90988 19.7399H6.17987C5.11987 19.7399 4.24988 18.8699 4.24988 17.8099V16.0998C4.24988 15.7098 4.03989 15.1498 3.78989 14.8498L2.43988 13.2599C1.85988 12.5699 1.85988 11.4499 2.43988 10.7599L3.78989 9.16992C4.03989 8.86992 4.24988 8.30992 4.24988 7.91992V6.20983C4.24988 5.14983 5.11987 4.2799 6.17987 4.2799H7.90988C8.29988 4.2799 8.86989 4.06993 9.16989 3.80993L10.7499 2.44982Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M9.89014 14.82L11.3401 15.94C11.5301 16.13 11.9501 16.22 12.2301 16.22H14.0001C14.5601 16.22 15.1701 15.8 15.3101 15.24L16.4301 11.82C16.6601 11.17 16.2401 10.6 15.5401 10.6H13.6701C13.3901 10.6 13.1601 10.3701 13.2001 10.0401L13.4301 8.54008C13.5201 8.12008 13.2401 7.65005 12.8201 7.51005C12.4501 7.37005 11.9801 7.56 11.7901 7.84L9.87012 10.69" stroke="#006fcd" stroke-width="1.5" stroke-miterlimit="10"></path>
<path d="M7.5 14.8201V10.2401C7.5 9.58011 7.78 9.3501 8.44 9.3501H8.91C9.56 9.3501 9.85001 9.58011 9.85001 10.2401V14.8201C9.85001 15.4701 9.57 15.7101 8.91 15.7101H8.44C7.78 15.7101 7.5 15.4801 7.5 14.8201Z" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<div>
<h3 class="doc-item-title">
Reputation
</h3>
<p class="doc-item-description">
A guide to our reputation system, providing information on how reputation is earned and its importance within the community.
</p>
</div>
</div>
</a>
<a href="/help/levels-and-ranks/">
<div class="doc-item">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.67 14H4C2.9 14 2 14.9 2 16V22H8.67V14Z" stroke="#006fcd" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M15.3302 22H8.66016V12C8.66016 10.9 9.56016 10 10.6602 10H13.3302C13.8606 10 14.3693 10.2107 14.7444 10.5858C15.1194 10.9609 15.3302 11.4696 15.3302 12V22ZM15.3302 22V17H20.0002C21.1002 17 22.0002 17.9 22.0002 19V22H15.3302Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12.5202 2.07006L13.0502 3.13006C13.1202 3.28006 13.3102 3.42006 13.4702 3.44006L14.4302 3.60006C15.0402 3.70006 15.1902 4.15006 14.7502 4.58006L14.0002 5.33006C13.8702 5.46006 13.8002 5.70006 13.8402 5.87006L14.0502 6.79006C14.2202 7.52006 13.8302 7.80006 13.1902 7.42006L12.2902 6.89006C12.1302 6.79006 11.8602 6.79006 11.7002 6.89006L10.8002 7.42006C10.1602 7.80006 9.77023 7.52006 9.94023 6.79006L10.1502 5.87006C10.1673 5.77381 10.1617 5.67491 10.1339 5.58118C10.1062 5.48746 10.057 5.40148 9.99023 5.33006L9.25023 4.59006C8.81023 4.15006 8.95023 3.71006 9.57023 3.61006L10.5302 3.45006C10.6902 3.42006 10.8802 3.28006 10.9502 3.14006L11.4802 2.08006C11.7702 1.50006 12.2302 1.50006 12.5202 2.07006Z" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<div>
<h3 class="doc-item-title">
Levels and Ranks
</h3>
<p class="doc-item-description">
An overview of the Haxodevs.gg leveling and ranking system, illustrating how users can gain experience, level up, and earn exclusive badges.
</p>
</div>
</div>
</a>
<a href="/help/thread-bumping/">
<div class="doc-item">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M9 9.51001L12 6.51001L15 9.51001" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12 6.51001V14.51" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6 16.51C9.89 17.81 14.11 17.81 18 16.51" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<div>
<h3 class="doc-item-title">
Thread Bumping
</h3>
<p class="doc-item-description">
Learn how to manually and automatically bump threads on our forum to increase visibility and engagement, while avoiding spamming and potential penalties.
</p>
</div>
</div>
</a>
<a href="/help/fairness-giveaway/">
<div class="doc-item">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 3.78571C6 2.79949 6.79949 2 7.78571 2H8.14286C10.2731 2 12 3.7269 12 5.85714V7H9.21429C7.43908 7 6 5.56091 6 3.78571Z" stroke="#006fcd" stroke-width="1.5" stroke-linejoin="round"></path>
<path d="M18 3.78571C18 2.79949 17.2005 2 16.2143 2H15.8571C13.7269 2 12 3.7269 12 5.85714V7H14.7857C16.5609 7 18 5.56091 18 3.78571Z" stroke="#006fcd" stroke-width="1.5" stroke-linejoin="round"></path>
<path d="M12 11V22" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M4 11V15C4 18.2998 4 19.9497 5.02513 20.9749C6.05025 22 7.70017 22 11 22H13C16.2998 22 17.9497 22 18.9749 20.9749C20 19.9497 20 18.2998 20 15V11" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M3 9C3 8.25231 3 7.87846 3.20096 7.6C3.33261 7.41758 3.52197 7.26609 3.75 7.16077C4.09808 7 4.56538 7 5.5 7H18.5C19.4346 7 19.9019 7 20.25 7.16077C20.478 7.26609 20.6674 7.41758 20.799 7.6C21 7.87846 21 8.25231 21 9C21 9.74769 21 10.1215 20.799 10.4C20.6674 10.5824 20.478 10.7339 20.25 10.8392C19.9019 11 19.4346 11 18.5 11H5.5C4.56538 11 4.09808 11 3.75 10.8392C3.52197 10.7339 3.33261 10.5824 3.20096 10.4C3 10.1215 3 9.74769 3 9Z" stroke="white" stroke-width="1.5" stroke-linejoin="round"></path>
</svg>
<div>
<h3 class="doc-item-title">
Fairness GIveaway
</h3>
<p class="doc-item-description">
A guide to Haxodevs.gg's Fairness Giveaway program, explaining how to enter, how winners are chosen, and the rules that govern participation.
</p>
</div>
</div>
</a>
<a href="/help/bb-codes/">
<div class="doc-item">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z" stroke="white" stroke-width="1.5"></path>
<path d="M16 16C16.6161 16 17.1155 15.4883 17.1155 14.8571V13.6162C17.1155 13.3131 17.233 13.0224 17.4422 12.8081L17.8366 12.4041C18.0545 12.1809 18.0545 11.8191 17.8366 11.5959L17.4422 11.1919C17.233 10.9776 17.1155 10.6869 17.1155 10.3838V9.14286C17.1155 8.51167 16.6161 8 16 8" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8 16C7.38392 16 6.88448 15.4883 6.88448 14.8571V13.6162C6.88448 13.3131 6.76696 13.0224 6.55776 12.8081L6.16336 12.4041C5.94555 12.1809 5.94555 11.8191 6.16336 11.5959L6.55776 11.1919C6.76696 10.9776 6.88448 10.6869 6.88448 10.3838V9.14286C6.88448 8.51167 7.38392 8 8 8" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M10 12H10.009M13.991 12H14" stroke="#006fcd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<div>
<h3 class="doc-item-title">
BB codes
</h3>
<p class="doc-item-description">
The list of BB codes you can use to spice up the look of your messages. This page shows a list of all BB codes that are available.
</p>
</div>
</div>
</a>
<a href="/help/dmca/">
<div class="doc-item">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 10V8C6 4.69 7 2 12 2C17 2 18 4.69 18 8V10M12 18.5C12.663 18.5 13.2989 18.2366 13.7678 17.7678C14.2366 17.2989 14.5 16.663 14.5 16C14.5 15.337 14.2366 14.7011 13.7678 14.2322C13.2989 13.7634 12.663 13.5 12 13.5C11.337 13.5 10.7011 13.7634 10.2322 14.2322C9.76339 14.7011 9.5 15.337 9.5 16C9.5 16.663 9.76339 17.2989 10.2322 17.7678C10.7011 18.2366 11.337 18.5 12 18.5Z" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M17 22H7C3 22 2 21 2 17V15C2 11 3 10 7 10H17C21 10 22 11 22 15V17C22 21 21 22 17 22Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<div>
<h3 class="doc-item-title">
DMCA
</h3>
<p class="doc-item-description">
This document outlines the Haxodevs platform's policy regarding copyright infringement claims and takedown notices as mandated by the Digital Millennium Copyright Act (DMCA).
</p>
</div>
</div>
</a>
<a href="/help/terms/">
<div class="doc-item">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 22H10.7273C7.46607 22 5.83546 22 4.70307 21.2022C4.37862 20.9736 4.09058 20.7025 3.8477 20.3971C3 19.3313 3 17.7966 3 14.7273V12.1818C3 9.21865 3 7.73706 3.46894 6.55375C4.22281 4.65142 5.81714 3.15088 7.83836 2.44135C9.09563 2 10.6698 2 13.8182 2C15.6173 2 16.5168 2 17.2352 2.2522C18.3902 2.65765 19.3012 3.5151 19.732 4.60214C20 5.27832 20 6.12494 20 7.81818V11" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M3 12C3 10.1591 4.49238 8.66667 6.33333 8.66667C6.99912 8.66667 7.78404 8.78333 8.43137 8.60988C9.00652 8.45576 9.45576 8.00652 9.60988 7.43136C9.78333 6.78404 9.66667 5.99912 9.66667 5.33333C9.66667 3.49238 11.1591 2 13 2" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.4991 13C15.0744 13 14.1506 13.9085 13.0581 14.2397C12.6138 14.3744 12.3917 14.4417 12.3018 14.5366C12.2119 14.6315 12.1856 14.7702 12.133 15.0476C11.5696 18.0157 12.801 20.7598 15.7375 21.8279C16.053 21.9426 16.2108 22 16.5007 22C16.7906 22 16.9484 21.9426 17.2639 21.8279C20.2002 20.7598 21.4304 18.0157 20.8669 15.0476C20.8142 14.7701 20.7879 14.6314 20.698 14.5365C20.6081 14.4416 20.386 14.3743 19.9418 14.2397C18.8488 13.9086 17.9239 13 16.4991 13Z" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<div>
<h3 class="doc-item-title">
Terms of Service
</h3>
<p class="doc-item-description">
You must agree to these terms and rules before using the site.
</p>
</div>
</div>
</a>
<a href="/help/privacy-policy/">
<div class="doc-item">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.9982 2C8.99043 2 7.04018 4.01899 4.73371 4.7549C3.79589 5.05413 3.32697 5.20374 3.1372 5.41465C2.94743 5.62556 2.89186 5.93375 2.78072 6.55013C1.59143 13.146 4.1909 19.244 10.3903 21.6175C11.0564 21.8725 11.3894 22 12.0015 22C12.6135 22 12.9466 21.8725 13.6126 21.6175C19.8116 19.2439 22.4086 13.146 21.219 6.55013C21.1078 5.93364 21.0522 5.6254 20.8624 5.41449C20.6726 5.20358 20.2037 5.05405 19.2659 4.75499C16.9585 4.01915 15.0061 2 11.9982 2Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M9.5 10.375C9.5 10.7892 9.83579 11.125 10.25 11.125C10.6642 11.125 11 10.7892 11 10.375H9.5ZM13 10.375C13 10.7892 13.3358 11.125 13.75 11.125C14.1642 11.125 14.5 10.7892 14.5 10.375H13ZM11.125 11.125H12.875V9.625H11.125V11.125ZM12.875 15.25H11.125V16.75H12.875V15.25ZM11.125 15.25C10.7063 15.25 10.4325 15.2495 10.2222 15.2342C10.0196 15.2193 9.93381 15.1936 9.88454 15.1718L9.27607 16.5428C9.5484 16.6637 9.82724 16.7093 10.1128 16.7302C10.3905 16.7505 10.7283 16.75 11.125 16.75V15.25ZM7.75 13.1875C7.75 13.6147 7.74965 13.9702 7.76817 14.2611C7.78706 14.5577 7.82777 14.839 7.93367 15.113L9.33275 14.5721C9.30544 14.5014 9.27955 14.3921 9.26514 14.1658C9.25035 13.9336 9.25 13.6339 9.25 13.1875H7.75ZM9.88454 15.1718C9.64711 15.0664 9.44273 14.8566 9.33275 14.5721L7.93367 15.113C8.17892 15.7474 8.6559 16.2676 9.27607 16.5428L9.88454 15.1718ZM14.75 13.1875C14.75 13.6339 14.7496 13.9336 14.7349 14.1658C14.7205 14.3921 14.6946 14.5014 14.6672 14.5721L16.0663 15.113C16.1722 14.839 16.2129 14.5577 16.2318 14.2611C16.2504 13.9702 16.25 13.6147 16.25 13.1875H14.75ZM12.875 16.75C13.2717 16.75 13.6095 16.7505 13.8872 16.7302C14.1728 16.7093 14.4516 16.6637 14.7239 16.5428L14.1155 15.1718C14.0662 15.1936 13.9804 15.2193 13.7778 15.2342C13.5675 15.2495 13.2937 15.25 12.875 15.25V16.75ZM14.6672 14.5721C14.5573 14.8566 14.3529 15.0664 14.1155 15.1718L14.7239 16.5428C15.3441 16.2676 15.8211 15.7474 16.0663 15.113L14.6672 14.5721ZM12.875 11.125C13.2937 11.125 13.5675 11.1255 13.7778 11.1408C13.9804 11.1557 14.0662 11.1814 14.1155 11.2032L14.7239 9.8322C14.4516 9.71134 14.1728 9.66571 13.8872 9.64484C13.6095 9.62453 13.2717 9.625 12.875 9.625V11.125ZM16.25 13.1875C16.25 12.7603 16.2504 12.4048 16.2318 12.1139C16.2129 11.8173 16.1722 11.536 16.0663 11.262L14.6672 11.8029C14.6946 11.8736 14.7205 11.9829 14.7349 12.2092C14.7496 12.4414 14.75 12.7411 14.75 13.1875H16.25ZM14.1155 11.2032C14.3529 11.3086 14.5573 11.5184 14.6672 11.8029L16.0663 11.262C15.8211 10.6277 15.3441 10.1074 14.7239 9.8322L14.1155 11.2032ZM11.125 9.625C10.7283 9.625 10.3905 9.62453 10.1128 9.64484C9.82724 9.66571 9.5484 9.71134 9.27607 9.8322L9.88454 11.2032C9.93381 11.1814 10.0196 11.1557 10.2222 11.1408C10.4325 11.1255 10.7063 11.125 11.125 11.125V9.625ZM9.25 13.1875C9.25 12.7411 9.25035 12.4414 9.26514 12.2092C9.27955 11.9829 9.30544 11.8736 9.33275 11.8029L7.93367 11.262C7.82777 11.536 7.78706 11.8173 7.76817 12.1139C7.74965 12.4048 7.75 12.7603 7.75 13.1875H9.25ZM9.27607 9.8322C8.6559 10.1074 8.17892 10.6277 7.93367 11.262L9.33275 11.8029C9.44273 11.5184 9.64711 11.3086 9.88454 11.2032L9.27607 9.8322ZM11 10.375V8.6875H9.5V10.375H11ZM13 8.6875V10.375H14.5V8.6875H13ZM12 7.75C12.5782 7.75 13 8.19521 13 8.6875H14.5C14.5 7.31583 13.3548 6.25 12 6.25V7.75ZM11 8.6875C11 8.19521 11.4218 7.75 12 7.75V6.25C10.6452 6.25 9.5 7.31583 9.5 8.6875H11Z" fill="#006fcd"></path>
</svg>
<div>
<h3 class="doc-item-title">
Privacy policy
</h3>
<p class="doc-item-description">
You must accept this policy before using the site.
</p>
</div>
</div>
</a>
</div>]]></template>
    <template title="help_page" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<xf:title>{$page.title}</xf:title>

<xf:macro template="metadata_macros" name="metadata"
	arg-canonicalUrl="{{ link('canonical:help', $page) }}"
	arg-description="{$page.description}" />

<xf:breadcrumb href="{{ link('help') }}">{{ phrase('help') }}</xf:breadcrumb>



<xf:if is="$page.advanced_mode">
	{$templateHtml|raw}
<xf:else />
	<div class="block">
		<div class="block-container">
			<div class="block-body block-row">
				{$templateHtml|raw}
			</div>
		</div>
	</div>
</xf:if>]]></template>
    <template title="helper_attach_upload" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<xf:macro name="upload_link"
	arg-type="!"
	arg-hash="!"
	arg-context="!"
	arg-constraints="!"
	arg-hiddenName="attachment_hash">

	<xf:js prod="xf/attachment_manager-compiled.js" dev="vendor/flow.js/flow.min.js, xf/attachment_manager.js" />

	<xf:button href="{{ link('attachments/upload', null, {'type': $type, 'context': $context, 'hash': $hash}) }}"
		target="_blank" class="button--primary js-attachmentUpload" icon="attach"
		data-accept=".{$constraints.extensions|join(',.')}"
		data-video-size="{$constraints.video_size}" />
	<xf:hiddenval name="{$hiddenName}">{$hash}</xf:hiddenval>
	<xf:hiddenval name="{$hiddenName}_combined">{{ {'type': $type, 'context': $context, 'hash': $hash}|json }}</xf:hiddenval>
</xf:macro>

<xf:macro name="upload_link_from_data" arg-attachmentData="!" arg-forceHash="" arg-hiddenName="attachment_hash">
	<xf:macro name="upload_link"
		arg-type="{$attachmentData.type}"
		arg-hash="{{ $forceHash ? $forceHash : $attachmentData.hash }}"
		arg-context="{$attachmentData.context}"
		arg-constraints="{$attachmentData.constraints}"
		arg-hiddenName="{$hiddenName}" />
</xf:macro>



<xf:macro name="uploaded_files_list" arg-attachments="{{ [] }}" arg-class="">
	<xf:css src="attachments.less" />
	<div class="attachmentUploads js-attachmentUploads {$class} {{ $attachments is not empty ? 'is-active' : '' }}">
		<div class="hScroller" data-xf-init="h-scroller">
			<div class="hScroller-scroll">
				<ul class="attachUploadList js-attachmentFiles">
				<xf:foreach loop="$attachments" value="$attachment">
					<xf:macro name="uploaded_file" arg-attachment="{$attachment}" />
				</xf:foreach>
				</ul>
			</div>
		</div>

		<div class="attachmentUploads-banner js-attachmentInsertMultiRow u-hidden">
			<xf:button class="button--link js-attachmentSelect" data-toggle="{{ phrase('button.cancel') }}">
				{{ phrase('insert_multiple...') }}
			</xf:button>
			<ul class="attachmentUploads-selectActions js-attachmentSelectActions">
				<li>
					<span class="button button--link selectAll">
						<span class="button-text">
							<xf:checkbox standalone="true">
								<xf:option check-all="< .attachmentUploads" label="{{ phrase('select_all') }}" />
							</xf:checkbox>
						</span>
					</span>
				</li>
				<li class="js-attachmentSelectInsertActions">
					<span class="insert-label">{{ phrase('insert:') }}</span>
					<span class="buttonGroup">
						<xf:button class="button--link js-attachmentSelectAction" data-action="thumbnail">
							{{ phrase('thumbnail') }}
						</xf:button>
						<xf:button class="button--link js-attachmentSelectAction" data-action="full">
							{{ phrase('full_image') }}
						</xf:button>
					</span>
				</li>
				<li>
					<xf:button class="button--link button--iconOnly js-attachmentSelectAction" fa="fa-trash-alt" data-action="delete">
						<span class="u-srOnly">{{ phrase('button.delete') }}</span>
					</xf:button>
				</li>
			</ul>
		</div>

	</div>
	<xf:macro name="uploaded_file_template" />
</xf:macro>



<xf:macro name="uploaded_file" arg-attachment="!" arg-noJsFallback="{{ false }}">
	<li class="js-attachmentFile file" data-attachment-id="{$attachment.attachment_id}">
		<xf:if is="$attachment.has_thumbnail">
			<a class="file-preview js-attachmentView" href="{$attachment.direct_url}" target="_blank">
				<img src="{{ base_url($attachment.thumbnail_url) }}" class="js-attachmentThumb" alt="{$attachment.filename}"
					width="{$attachment.thumbnail_width}" height="{$attachment.thumbnail_height}" loading="lazy" />
			</a>
		<xf:elseif is="$attachment.is_video" />
			<a class="file-preview js-attachmentView" href="{$attachment.direct_url}" target="_blank">
				<video data-xf-init="video-init">
					<source src="{$attachment.direct_url}" />
				</video>
			</a>
		<xf:else />
			<a class="file-preview js-attachmentView" href="{$attachment.direct_url}" target="_blank">
				<span class="file-typeIcon">
					<xf:fa icon="{$attachment.icon}" />
				</span>
			</a>
		</xf:if>

		<div class="file-content">

			<xf:if is="!$noJsFallback">
				<xf:if is="$attachment.has_thumbnail">
					<div class="file-insert js-attachmentInsert">
						<a class="file-insertLink"
							data-xf-click="toggle"
							data-target="< .js-attachmentInsert"
							role="button"
							tabindex="0">
							{{ phrase('insert...') }}
						</a>
						<div class="file-menuOptions">
							<a class="js-attachmentAction" data-action="thumbnail" role="button" tabindex="0"
								data-xf-click="toggle" data-target="< .js-attachmentInsert">{{ phrase('thumbnail') }}</a>
							<a class="js-attachmentAction" data-action="full" role="button" tabindex="0"
								data-xf-click="toggle" data-target="< .js-attachmentInsert">{{ phrase('full_image') }}</a>
						</div>
					</div>
				<xf:elseif is="$attachment.is_video" />
					<div class="file-insert js-attachmentInsert">
						<a class="file-insertLink js-attachmentAction" data-action="full" data-type="video" role="button" tabindex="0">
							{{ phrase('insert') }}
						</a>
					</div>
				<xf:elseif is="$attachment.is_audio" />
					<div class="file-insert js-attachmentInsert">
						<a class="file-insertLink js-attachmentAction" data-action="full" data-type="audio" role="button" tabindex="0">
							{{ phrase('insert') }}
						</a>
					</div>
				</xf:if>

				<div class="file-checkbox">
					<xf:checkbox standalone="true">
						<xf:option value="" />
					</xf:checkbox>
				</div>
			</xf:if>

			<span class="file-delete">
				<xf:if is="$noJsFallback">
					<xf:button type="submit" class="button--small button--link" name="delete" value="{$attachment.attachment_id}">
						<xf:fa icon="fa-trash-alt" />
						<span class="u-srOnly">{{ phrase('button.delete') }}</span>
					</xf:button>
				<xf:else />
					<a class="file-deleteLink js-attachmentAction"
						data-action="delete"
						data-type="{$attachment.type_grouping}"
						role="button"
						tabindex="0">
						<xf:fa icon="fa-trash-alt" />
						<span class="u-srOnly">{{ phrase('button.delete') }}</span>
					</a>
				</xf:if>
			</span>

			<a class="file-info"
				href="{$attachment.direct_url}"
				target="_blank">

				<span class="file-name">{$attachment.filename}</span>

				<div class="file-meta">
					<xf:if is="$attachment.Data.width">{$attachment.Data.width} x {$attachment.Data.height} &middot; </xf:if>
					{$attachment.file_size|file_size}
				</div>
			</a>
		</div>
	</li>
</xf:macro>



<xf:macro name="uploaded_file_template">
	<script type="text/template" class="js-attachmentUploadTemplate">
		<li class="file js-attachmentFile" {{ mustache('#attachment_id', 'data-attachment-id="{{attachment_id}}"') }}>
			<xf:mustache name="#uploading">
				<div class="file-preview">
					<div class="file-progress js-attachmentProgress"></div>
					<span class="file-error js-attachmentError"></span>
				</div>
			</xf:mustache>
			<xf:mustache name="^uploading">
				<xf:mustache name="#thumbnail_url">
					<a class="file-preview js-attachmentView" href="{{ mustache('link') }}" target="_blank">
						<img src="{{ mustache('thumbnail_url') }}" class="js-attachmentThumb" alt="{{ mustache('filename') }}" />
					</a>
				</xf:mustache>
				<xf:mustache name="^thumbnail_url">
					<xf:mustache name="#is_video">
						<a class="file-preview js-attachmentView" href="{{ mustache('link') }}" target="_blank">
							<video data-xf-init="video-init">
								<source src="{{ mustache('link') }}" />
							</video>
						</a>
					</xf:mustache>
					<xf:mustache name="^is_video">
						<a class="file-preview js-attachmentView" href="{{ mustache('link') }}" target="_blank">
							<span class="file-typeIcon">
								<i class="fa--xf fa{{ fa_weight() }} {{ mustache('icon') }}" aria-hidden="true"></i>
							</span>
						</a>
					</xf:mustache>
				</xf:mustache>
			</xf:mustache>

			<div class="file-content">

				<xf:mustache name="#thumbnail_url">
					<div class="file-insert js-attachmentInsert">
						<a class="file-insertLink"
							data-xf-click="toggle"
							data-target="< .js-attachmentInsert"
							role="button"
							tabindex="0">
							{{ phrase('insert...') }}
						</a>
						<div class="file-menuOptions">
							<a class="js-attachmentAction" data-action="thumbnail" role="button" tabindex="0"
								data-xf-click="toggle" data-target="< .js-attachmentInsert">{{ phrase('thumbnail') }}</a>
							<a class="js-attachmentAction" data-action="full" role="button" tabindex="0"
								data-xf-click="toggle" data-target="< .js-attachmentInsert">{{ phrase('full_image') }}</a>
						</div>
					</div>
				</xf:mustache>
				<xf:mustache name="^thumbnail_url">
					<xf:mustache name="#is_video">
						<div class="file-insert js-attachmentInsert">
							<a class="file-insertLink js-attachmentAction" data-action="full" data-type="video" role="button" tabindex="0">
								{{ phrase('insert') }}
							</a>
						</div>
					</xf:mustache>
					<xf:mustache name="#is_audio">
						<div class="file-insert js-attachmentInsert">
							<a class="file-insertLink js-attachmentAction" data-action="full" data-type="audio" role="button" tabindex="0">
								{{ phrase('insert') }}
							</a>
						</div>
					</xf:mustache>
				</xf:mustache>

				<div class="file-checkbox">
					<xf:checkbox standalone="true">
						<xf:option value="" />
					</xf:checkbox>
				</div>

				<span class="file-delete">
					<xf:mustache name="#uploading">
						<a class="file-deleteLink js-attachmentAction"
							data-action="cancel"
							role="button"
							tabindex="0">
							<xf:fa icon="fa-trash-alt" />
							<span class="u-srOnly">{{ phrase('button.cancel') }}</span>
						</a>
					</xf:mustache>
					<xf:mustache name="^uploading">
						<a class="file-deleteLink js-attachmentAction"
							data-action="delete"
							data-type="{{ mustache('type_grouping') }}"
							role="button"
							tabindex="0">
							<xf:fa icon="fa-trash-alt" />
							<span class="u-srOnly">{{ phrase('button.delete') }}</span>
						</a>
					</xf:mustache>
				</span>

				<a class="file-info" href="{{ mustache('link') }}" target="_blank">
					<span class="file-name">{{ mustache('filename') }}</span>

					<div class="file-meta">
						<xf:mustache name="#thumbnail_url">{{ mustache('width') }} x {{ mustache('height') }} &middot; </xf:mustache>
						{{ mustache('file_size_printable') }}
					</div>
				</a>

			</div>
		</li>
	</script>
</xf:macro>




<xf:macro name="upload_block" arg-attachmentData="!" arg-forceHash="" arg-hiddenName="attachment_hash">
	<xf:macro name="uploaded_files_list" arg-attachments="{$attachmentData.attachments}" />

	<xf:macro name="upload_link_from_data"
		arg-attachmentData="{$attachmentData}"
		arg-forceHash="{$forceHash}"
		arg-hiddenName="{$hiddenName}" />
</xf:macro>]]></template>
    <template title="helper_js_global" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<xf:macro name="head" arg-app="!">
	<xf:set var="$cssUrls" value="{{ ['public:normalize.css', 'public:fa.css', 'public:core.less', $app . ':app.less'] }}" />

	<xf:include template="font_awesome_setup" />

	<link rel="stylesheet" href="{{ css_url($cssUrls) }}" />
	
	<xf:if is="property('dt_google_font')">
		<link rel="preconnect" href="https://fonts.gstatic.com">
		<link href="https://fonts.googleapis.com/css2?family={{ property('dt_google_font') }}&display=swap" rel="stylesheet">
	</xf:if>

	<!--XF:CSS-->
	<xf:if is="$xf.fullJs">
		<script src="{{ js_url('xf/preamble.js') }}"></script>
	<xf:else />
		<script src="{{ js_url('xf/preamble.min.js') }}"></script>
	</xf:if>
</xf:macro>

<xf:macro name="body" arg-app="!" arg-jsState="{{ null }}">
	<xf:corejs />
	<!--XF:JS-->
	<xf:js>
    XF.MemberTooltip = XF.Element.newHandler({
    });
    XF.Element.register('member-tooltip', 'XF.MemberTooltip');
</xf:js>
	<script>
		jQuery.extend(true, XF.config, {
			// <!--[XF:js_global:xf_extend_start]-->
			userId: {$xf.visitor.user_id},
			enablePush: {{ $xf.options.enablePush ? 'true' : 'false' }},
			pushAppServerKey: '{$xf.options.pushKeysVAPID.publicKey}',
			url: {
				fullBase: '{{ base_url(null, true)|escape("js") }}',
				basePath: '{{ base_url(null, false)|escape("js") }}',
				css: '{{ css_url(["__SENTINEL__"], false)|escape("js") }}',
				keepAlive: '{{ link_type($app, "login/keep-alive")|escape("js") }}'
			},
			cookie: {
				path: '{{ $xf.cookie.path|escape("js") }}',
				domain: '{{ $xf.cookie.domain|escape("js") }}',
				prefix: '{{ $xf.cookie.prefix|escape("js") }}',
				secure: {{ $xf.cookie.secure ? 'true' : 'false' }},
				consentMode: '{{ $xf.cookieConsent.getMode() }}',
				consented: {{ $xf.cookieConsent.getConsentedGroups()|json|raw }}
			},
			cacheKey: '{{ cache_key()|escape("js") }}',
			csrf: '{{ csrf_token()|escape("js") }}',
			js: {'<!--XF:JS:JSON-->'},
			css: {'<!--XF:CSS:JSON-->'},
			time: {
				now: {$xf.time},
				today: {$xf.timeDetails.today},
				todayDow: {$xf.timeDetails.todayDow},
				tomorrow: {$xf.timeDetails.tomorrow},
				yesterday: {$xf.timeDetails.yesterday},
				week: {$xf.timeDetails.week}
			},
			borderSizeFeature: '{{ property('borderSizeFeature') }}',
			fontAwesomeWeight: '{{ fa_weight() }}',
			enableRtnProtect: {{ $xf.enableRtnProtect ? 'true' : 'false' }},
			<xf:if is="$xf.serviceWorkerPath !== null">
				serviceWorkerPath: '{{ $xf.serviceWorkerPath|escape("js") }}',
			</xf:if>
			enableFormSubmitSticky: {{ property('formSubmitSticky') ? 'true' : 'false' }},
			uploadMaxFilesize: {$xf.uploadMaxFilesize},
			allowedVideoExtensions: {$xf.allowedVideoExtensions|json|raw},
			allowedAudioExtensions: {$xf.allowedAudioExtensions|json|raw},
			shortcodeToEmoji: {{ $xf.options.shortcodeToEmoji ? 'true' : 'false' }},
			visitorCounts: {
				conversations_unread: '{$xf.visitor.conversations_unread|number}',
				alerts_unviewed: '{$xf.visitor.alerts_unviewed|number}',
				total_unread: '{{ ($xf.visitor.conversations_unread + $xf.visitor.alerts_unviewed)|number }}',
				title_count: {{ in_array($xf.options.displayVisitorCount, ['title_count', 'title_and_icon']) ? 'true' : 'false' }},
				icon_indicator: {{ in_array($xf.options.displayVisitorCount, ['icon_indicator', 'title_and_icon']) ? 'true' : 'false' }}
			},
			jsState: {{ $jsState ? $jsState|json|raw : '{}' }},
			publicMetadataLogoUrl: '{{ property('publicMetadataLogoUrl') ? base_url(property('publicMetadataLogoUrl'), true) : '' }}',
			publicPushBadgeUrl: '{{ property('publicPushBadgeUrl') ? base_url(property('publicPushBadgeUrl'), true) : '' }}'
		});

		jQuery.extend(XF.phrases, {
			// <!--[XF:js_global:xf_phrase_start]-->
			date_x_at_time_y: "{{ phrase('date_x_at_time_y')|escape('js') }}",
			day_x_at_time_y:  "{{ phrase('day_x_at_time_y')|escape('js') }}",
			yesterday_at_x:   "{{ phrase('yesterday_at_x')|escape('js') }}",
			x_minutes_ago:    "{{ phrase('x_minutes_ago')|escape('js') }}",
			one_minute_ago:   "{{ phrase('one_minute_ago')|escape('js') }}",
			a_moment_ago:     "{{ phrase('a_moment_ago')|escape('js') }}",
			today_at_x:       "{{ phrase('today_at_x')|escape('js') }}",
			in_a_moment:      "{{ phrase('in_a_moment')|escape('js') }}",
			in_a_minute:      "{{ phrase('in_a_minute')|escape('js') }}",
			in_x_minutes:     "{{ phrase('in_x_minutes')|escape('js') }}",
			later_today_at_x: "{{ phrase('later_today_at_x')|escape('js') }}",
			tomorrow_at_x:    "{{ phrase('tomorrow_at_x')|escape('js') }}",

			day0: "{{ phrase('day_sunday')|escape('js') }}",
			day1: "{{ phrase('day_monday')|escape('js') }}",
			day2: "{{ phrase('day_tuesday')|escape('js') }}",
			day3: "{{ phrase('day_wednesday')|escape('js') }}",
			day4: "{{ phrase('day_thursday')|escape('js') }}",
			day5: "{{ phrase('day_friday')|escape('js') }}",
			day6: "{{ phrase('day_saturday')|escape('js') }}",

			dayShort0: "{{ phrase('day_sunday_short')|escape('js') }}",
			dayShort1: "{{ phrase('day_monday_short')|escape('js') }}",
			dayShort2: "{{ phrase('day_tuesday_short')|escape('js') }}",
			dayShort3: "{{ phrase('day_wednesday_short')|escape('js') }}",
			dayShort4: "{{ phrase('day_thursday_short')|escape('js') }}",
			dayShort5: "{{ phrase('day_friday_short')|escape('js') }}",
			dayShort6: "{{ phrase('day_saturday_short')|escape('js') }}",

			month0: "{{ phrase('month_1')|escape('js') }}",
			month1: "{{ phrase('month_2')|escape('js') }}",
			month2: "{{ phrase('month_3')|escape('js') }}",
			month3: "{{ phrase('month_4')|escape('js') }}",
			month4: "{{ phrase('month_5')|escape('js') }}",
			month5: "{{ phrase('month_6')|escape('js') }}",
			month6: "{{ phrase('month_7')|escape('js') }}",
			month7: "{{ phrase('month_8')|escape('js') }}",
			month8: "{{ phrase('month_9')|escape('js') }}",
			month9: "{{ phrase('month_10')|escape('js') }}",
			month10: "{{ phrase('month_11')|escape('js') }}",
			month11: "{{ phrase('month_12')|escape('js') }}",

			active_user_changed_reload_page: "{{ phrase('active_user_changed_reload_page')|escape('js') }}",
			server_did_not_respond_in_time_try_again: "{{ phrase('server_did_not_respond_in_time_try_again')|escape('js') }}",
			oops_we_ran_into_some_problems: "{{ phrase('oops_we_ran_into_some_problems')|escape('js') }}",
			oops_we_ran_into_some_problems_more_details_console: "{{ phrase('oops_we_ran_into_some_problems_more_details_console')|escape('js') }}",
			file_too_large_to_upload: "{{ phrase('file_too_large_to_upload')|escape('js') }}",
			uploaded_file_is_too_large_for_server_to_process: "{{ phrase('uploaded_file_is_too_large_for_server_to_process')|escape('js') }}",
			files_being_uploaded_are_you_sure: "{{ phrase('files_being_uploaded_are_you_sure')|escape('js') }}",
			attach: "{{ phrase('button.attach')|escape('js') }}",
			rich_text_box: "{{ phrase('rich_text_box')|escape('js') }}",
			close: "{{ phrase('close')|escape('js') }}",
			link_copied_to_clipboard: "{{ phrase('link_copied_to_clipboard')|escape('js') }}",
			text_copied_to_clipboard: "{{ phrase('text_copied_to_clipboard')|escape('js') }}",
			loading: "{{ phrase('loading...')|escape('js') }}",
			you_have_exceeded_maximum_number_of_selectable_items: "{{ phrase('you_have_exceeded_maximum_number_of_selectable_items')|escape('js') }}",

			processing: "{{ phrase('processing')|escape('js') }}",
			'processing...': "{{ phrase('processing...')|escape('js') }}",

			showing_x_of_y_items: "{{ phrase('showing_x_of_y_items')|escape('js') }}",
			showing_all_items: "{{ phrase('showing_all_items')|escape('js') }}",
			no_items_to_display: "{{ phrase('no_items_to_display')|escape('js') }}",

			number_button_up: "{{ phrase('number_button_up')|escape('js') }}",
			number_button_down: "{{ phrase('number_button_down')|escape('js') }}",

			push_enable_notification_title: "{{ phrase('push_enable_notification_title', {'boardTitle': $xf.options.boardTitle})|escape('js') }}",
			push_enable_notification_body: "{{ phrase('push_enable_notification_body')|escape('js') }}"
		});
	</script>

	<form style="display:none" hidden="hidden">
		<input type="text" name="_xfClientLoadTime" value="" id="_xfClientLoadTime" title="_xfClientLoadTime" tabindex="-1" />
	</form>

	<xf:if is="$xf.visitor.canSearch() && $xf.request.getFullRequestUri() === link('full:index')">
		<script type="application/ld+json">
		{
			"@context": "https://schema.org",
			"@type": "WebSite",
			"url": "{{ link('canonical:index')|escape('js') }}",
			"potentialAction": {
				"@type": "SearchAction",
				"target": "{{ link('canonical:search/search')|escape('js') . ($xf.options.useFriendlyUrls ? '?' : '&') . 'keywords={search_keywords}' }}",
				"query-input": "required name=search_keywords"
			}
		}
		</script>
	</xf:if>
	
	<xf:if is="property('dt_collapsible_sidebar_block') && !property('dt_disable_sidebar')">
		<script>
			var sidebarRowCollapse = '<span class="block-control fas fa-chevron-up"></span>';
			$('.p-body-sidebar .block-container .block-minorHeader').append(sidebarRowCollapse);
			$('.block-control').click(function () {
				if ($(this).parents('.block-container').children('.block-body').hasClass('active')){
					$(this).parents('.block-container').children('.block-body').removeClass('active').slideDown('400');
					$(this).removeClass('fa-chevron-down').addClass('fa-chevron-up');
				}else {
					$(this).parents('.block-container').children('.block-body').addClass('active').slideUp('400');
					$(this).addClass('fa-chevron-down').removeClass('fa-chevron-up');
				}
			});
		</script>
	</xf:if>
</xf:macro>]]></template>
    <template title="index_memberbox" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:set var="$feedback.user" value="{{ $xf.app.em.getRepository('XenCentral\Feedback:User')->getTrader($xf.visitor.user_id) }}" />
<xf:css src="memberbox.css" />
<xf:if is="$xf.visitor.user_id">
   <div class="kz-mp">
      <xf:profilebanner user="$xf.visitor" size="l" class="kz-mp-banner" toggle="memberHeader--withBanner"></xf:profilebanner>
      <div class="kz-mp-header">
         <xf:avatar user="{$xf.visitor}" size="s" />
         <div class="kz-mp-header-content">
			 <div class="d-flex">
				 <xf:username user="{$xf.visitor}" rich="true" defaultname="{$fallbackName}" itemprop="name" />
			 </div>
            <a href="/bits">
               <div class="kz-mp-bits-balance" data-xf-init="tooltip" title="Bits Balance" id="js-XFUniqueId30">
                  <img src="https://cdn.discordapp.com/attachments/1169414112074281021/1169763424725643365/download_1.png?ex=65569615&is=65442115&hm=66c3d1b7ecbd3e45d8b31b325c4a801e06f23b1237d11f36fc27eeeb87a9973d&" width="20" height="20" alt="Bits">
                  <xf:set var="$viewableCurrencies" value="{{ $xf.app.em.getRepository('DBTech\Shop:Currency').getViewableCurrencies() }}" />
                  <xf:foreach loop="$viewableCurrencies" value="$currency" if="$currency.postbit">
                     {$currency.prefix}{{ $currency.getValueFromUser($user) }}{$currency.suffix}
                  </xf:foreach>
               </div>
            </a>
         </div>
      </div>
      <div class="kz-mp-main">
         <div class="kz-mp-stats">
            <div class="kz-mp-stats-item">
               <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M18.4698 16.83L18.8598 19.9899C18.9598 20.8199 18.0698 21.3999 17.3598 20.9699L13.1698 18.4799C12.7098 18.4799 12.2599 18.45 11.8199 18.39C12.5599 17.52 12.9998 16.4199 12.9998 15.2299C12.9998 12.3899 10.5398 10.09 7.49985 10.09C6.33985 10.09 5.26985 10.4199 4.37985 10.9999C4.34985 10.7499 4.33984 10.4999 4.33984 10.2399C4.33984 5.68993 8.28985 1.99994 13.1698 1.99994C18.0498 1.99994 21.9998 5.68993 21.9998 10.2399C21.9998 12.9399 20.6098 15.33 18.4698 16.83Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M13 15.2299C13 16.4199 12.56 17.52 11.82 18.39C10.83 19.59 9.26 20.3599 7.5 20.3599L4.89 21.9099C4.45 22.1799 3.89 21.8099 3.95 21.2999L4.2 19.33C2.86 18.4 2 16.9099 2 15.2299C2 13.4699 2.94 11.9199 4.38 10.9999C5.27 10.4199 6.34 10.09 7.5 10.09C10.54 10.09 13 12.3899 13 15.2299Z" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
               </svg>
               <div>
                  <p>
                     Posts
                  </p>
                  <h5>
                     {$xf.visitor.message_count|number}
                  </h5>
               </div>
            </div>
            <div class="kz-mp-stats-item">
               <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M7.47998 18.35L10.58 20.75C10.98 21.15 11.88 21.35 12.48 21.35H16.28C17.48 21.35 18.78 20.45 19.08 19.25L21.48 11.95C21.98 10.55 21.08 9.35003 19.58 9.35003H15.58C14.98 9.35003 14.48 8.85003 14.58 8.15003L15.08 4.95003C15.28 4.05003 14.68 3.05003 13.78 2.75003C12.98 2.45003 11.98 2.85003 11.58 3.45003L7.47998 9.55003" stroke="white" stroke-width="1.5" stroke-miterlimit="10"></path>
                  <path d="M2.38 18.35V8.55002C2.38 7.15002 2.98 6.65002 4.38 6.65002H5.38C6.78 6.65002 7.38 7.15002 7.38 8.55002V18.35C7.38 19.75 6.78 20.25 5.38 20.25H4.38C2.98 20.25 2.38 19.75 2.38 18.35Z" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
               </svg>
               <div>
                  <p>
                     Likes
                  </p>
                  <h5>
                     {$xf.visitor.reaction_score|number}
                  </h5>
               </div>
            </div>
            <div class="kz-mp-stats-item">
               <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.7499 2.44982C11.4399 1.85982 12.5699 1.85982 13.2699 2.44982L14.8499 3.80993C15.1499 4.06993 15.7099 4.2799 16.1099 4.2799H17.8099C18.8699 4.2799 19.7399 5.14983 19.7399 6.20983V7.90991C19.7399 8.29991 19.9499 8.86992 20.2099 9.16992L21.5699 10.7499C22.1599 11.4399 22.1599 12.5699 21.5699 13.2699L20.2099 14.8498C19.9499 15.1498 19.7399 15.7099 19.7399 16.1099V17.8099C19.7399 18.8699 18.8699 19.7399 17.8099 19.7399H16.1099C15.7199 19.7399 15.1499 19.9498 14.8499 20.2098L13.2699 21.5698C12.5799 22.1598 11.4499 22.1598 10.7499 21.5698L9.16989 20.2098C8.86989 19.9498 8.30988 19.7399 7.90988 19.7399H6.17987C5.11987 19.7399 4.24988 18.8699 4.24988 17.8099V16.0998C4.24988 15.7098 4.03989 15.1498 3.78989 14.8498L2.43988 13.2599C1.85988 12.5699 1.85988 11.4499 2.43988 10.7599L3.78989 9.16992C4.03989 8.86992 4.24988 8.30992 4.24988 7.91992V6.20983C4.24988 5.14983 5.11987 4.2799 6.17987 4.2799H7.90988C8.29988 4.2799 8.86989 4.06993 9.16989 3.80993L10.7499 2.44982Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M9.89014 14.82L11.3401 15.94C11.5301 16.13 11.9501 16.22 12.2301 16.22H14.0001C14.5601 16.22 15.1701 15.8 15.3101 15.24L16.4301 11.82C16.6601 11.17 16.2401 10.6 15.5401 10.6H13.6701C13.3901 10.6 13.1601 10.3701 13.2001 10.0401L13.4301 8.54008C13.5201 8.12008 13.2401 7.65005 12.8201 7.51005C12.4501 7.37005 11.9801 7.56 11.7901 7.84L9.87012 10.69" stroke="#006fcd" stroke-width="1.5" stroke-miterlimit="10"></path>
                  <path d="M7.5 14.8201V10.2401C7.5 9.58011 7.78 9.3501 8.44 9.3501H8.91C9.56 9.3501 9.85001 9.58011 9.85001 10.2401V14.8201C9.85001 15.4701 9.57 15.7101 8.91 15.7101H8.44C7.78 15.7101 7.5 15.4801 7.5 14.8201Z" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
               </svg>
               <div>
                  <p>
                     Reputation
                  </p>
                  <h5>
                     <a href="{{ link('members/ratings', $xf.visitor) }}">
                     {$xf.visitor.xfa_rs_total|number}
                     </a>
                  </h5>
               </div>
            </div>
            <div class="kz-mp-stats-item">
               <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M4.91998 20.28L6.68998 21.65C6.91998 21.88 7.42998 21.99 7.77998 21.99H9.94998C10.64 21.99 11.38 21.48 11.55 20.79L12.92 16.62C13.21 15.82 12.69 15.13 11.83 15.13H9.53998C9.45445 15.1301 9.36996 15.1113 9.29256 15.0748C9.21516 15.0384 9.14677 14.9854 9.0923 14.9194C9.03782 14.8535 8.99861 14.7763 8.97746 14.6934C8.95631 14.6105 8.95376 14.524 8.96998 14.44L9.25998 12.61C9.36998 12.1 9.02998 11.52 8.51998 11.35C8.05998 11.18 7.48998 11.41 7.25998 11.75L4.91998 15.24" stroke="white" stroke-width="1.5" stroke-miterlimit="10"></path>
                  <path d="M2 20.28V14.68C2 13.88 2.34 13.59 3.14 13.59H3.71C4.51 13.59 4.85 13.88 4.85 14.68V20.28C4.85 21.08 4.51 21.37 3.71 21.37H3.14C2.34 21.37 2 21.09 2 20.28Z" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M19.08 3.72001L17.31 2.35001C17.08 2.12001 16.57 2.01001 16.22 2.01001H14.05C13.36 2.01001 12.62 2.52001 12.45 3.21001L11.08 7.38001C10.79 8.18001 11.31 8.87001 12.17 8.87001H14.46C14.8 8.87001 15.09 9.16001 15.03 9.56001L14.74 11.39C14.63 11.9 14.97 12.48 15.48 12.65C15.94 12.82 16.51 12.59 16.74 12.25L19.08 8.76001" stroke="white" stroke-width="1.5" stroke-miterlimit="10"></path>
                  <path d="M22 3.72V9.32001C22 10.12 21.66 10.41 20.86 10.41H20.29C19.49 10.41 19.15 10.12 19.15 9.32001V3.72C19.15 2.92 19.49 2.63 20.29 2.63H20.86C21.66 2.63 22 2.91 22 3.72Z" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
               </svg>
               <div>
                  <p>
                     Vouches
                  </p>
                  <h5>
                     <a href="{{ link ( 'feedback', $xf.visitor) }}">
                     {$feedback.user.fb_positivetotal}
                     </a>
                  </h5>
               </div>
            </div>
         </div> 
	   </div>
</xf:if>
 </div>]]></template>
    <template title="jace_userlatestactivity" type="public" addon_id="" version_id="20000200" version_string="2.2.0"><![CDATA[<xf:if is="$latestPostsActivity">
    <div class="dp-profile-widget">
        <div class="profile-widget-header">
            <h4>
                Latest Activity
            </h4>
        </div>
        <div class="dp-profile-widget-inner">
			<xf:if is="$latestPostsActivity">
				<xf:foreach loop="$latestPostsActivity" value="$latestPostsUser" i="$i">
					<div class="dp-widget-item-row">
						<div class="dp-widget-icon-row">
							<div class="widget-icon normal">
								<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
									<path d="M6.09881 19.5C4.7987 19.3721 3.82475 18.9816 3.17157 18.3284C2 17.1569 2 15.2712 2 11.5V11C2 7.22876 2 5.34315 3.17157 4.17157C4.34315 3 6.22876 3 10 3H11.5M6.5 18C6.29454 19.0019 5.37769 21.1665 6.31569 21.8651C6.806 22.2218 7.58729 21.8408 9.14987 21.0789C10.2465 20.5441 11.3562 19.9309 12.5546 19.655C12.9931 19.5551 13.4395 19.5125 14 19.5C17.7712 19.5 19.6569 19.5 20.8284 18.3284C21.947 17.2098 21.9976 15.4403 21.9999 12" stroke="#A4A6A8" stroke-width="1.5" stroke-linecap="round"></path>
									<path d="M8 14H14M8 9H11" stroke="#A4A6A8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
									<path d="M14.6129 5.6647L18.112 1.17326C18.3857 0.821985 18.8986 1.04062 18.8986 1.50854V4.98497C18.8986 5.26525 19.0998 5.4925 19.3479 5.4925H21.0498C21.4365 5.4925 21.6426 6.00745 21.3871 6.3353L17.888 10.8268C17.6144 11.178 17.1014 10.9594 17.1014 10.4915V7.01505C17.1014 6.73475 16.9002 6.5075 16.6521 6.5075H14.9502C14.5636 6.5075 14.3575 5.99255 14.6129 5.6647Z" stroke="#A4A6A8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
								</svg>
							</div>
						</div>
						<div class="dp-widget-item-content">
							<a href="{{ link('threads', $latestPostsUser) }}">
								{{$latestPostsUser.Thread.title}}
							</a>
							<br>
							<xf:date time="{$latestPostsUser.Thread.last_post_date}" />
						</div>
					</div>
				</xf:foreach>
			</xf:if>
        </div>
    </div>
</xf:if>]]></template>
    <template title="kingz_stats" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<div class="dp-stats-section">
   <div class="dp-stats-item">
      <div class="stats-number">{{ $xf.app.forumStatistics.users|number }}</div>
      <div class="stats-text">Members</div>
   </div>
   <div class="dp-stats-item">
      <div class="stats-number">{{ $xf.app.forumStatistics.threads|number }}</div>
      <div class="stats-text">Threads</div>
   </div>
   <div class="dp-stats-item">
      <div class="stats-number">{{ $xf.app.forumStatistics.messages|number }}</div>
      <div class="stats-text">Posts</div>
   </div>
   <div class="dp-stats-item newest-item">
      <div class="newest-avatar">
        <xf:avatar user="{$xf.app.forumStatistics.latestUser}" size="s"  itemprop="image" />
      </div>
      <div>
         <xf:username user="{$xf.app.forumStatistics.latestUser}" /><br>
         <div class="stats-text">
            Newest Member
         </div>
      </div>
   </div>
</div>]]></template>
    <template title="login" type="public" addon_id="XF" version_id="2021570" version_string="2.2.15"><![CDATA[<xf:js src="xf/login_signup.js" min="1" />
<xf:css>
   .dp-hero {
   display: none;
   }
   .kz-login-upgrade {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 2rem;
   }
   .kz-login-header {
   text-align: center;
   }
   .kz-login-header h2 {
   font-family: 'kingzheader',sans-serif;
   color: #FFF;
   font-size: 1.875rem;
   font-weight: 600;
   margin: 0;
   }
   .kz-login-header p {
   color: #a4a6a8;
   font-size: 1rem;
   margin: 0;
   margin-top: 1.5rem;
   }
   .kz-login-perks {
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
   }
   .kz-login-perk {
   display: flex;
   gap: 1rem;
   }
   .kz-login-perk-icon {
   width: 32px;
   height: 32px;
   border-radius: 0.5rem;
   }
   .kz-login-perk h4 {
   color: #FFF;
   font-size: 1.125rem;
   font-weight: 500;
   line-height: 1.5rem;
   margin: 0;
   }
   .kz-login-perk p {
   color: #A4A6A8;
   font-size: 1rem;
   line-height: 1.25rem;
   }
	.kz-hero-wrapper {
	display: none;
	}
</xf:css>
<xf:title>{{ phrase('log_in') }}</xf:title>
<xf:head option="robots">
   <meta name="robots" content="noindex" />
</xf:head>

<xf:if is="$xf.session.preRegActionKey">
   <div class="blockMessage blockMessage--highlight">
      {{ phrase('pre_reg_action_notice_login') }}<br />
      <br />
      {{ phrase('dont_have_account_question') }}
      <xf:button class="button--link"
         href="{{ link('register', null, {'_xfRedirect': $redirect}) }}"
         data-xf-click="overlay"
         >{{ phrase('register') }}</xf:button>
   </div>
</xf:if>
<xf:if contentcheck="true">
   <div class="blockMessage blockMessage--error blockMessage--iconic">
      <xf:contentcheck>{$error}</xf:contentcheck>
   </div>
</xf:if>


<div class="dp-account-section">
   <div>
      <xf:form action="{{ link('login/login') }}" class="dp-account-form">
         <h3 class="dp-heading-m">
            Login
         </h3>
         <dl class="formRow formRow--input">
            <dd>
               <xf:textboxrow name="login" value="{$login}" autofocus="autofocus" autocomplete="username"
               label="{{ phrase('your_name_or_email_address') }}" />
            </dd>
         </dl>
         <dl class="formRow formRow--input">
            <xf:passwordboxrow name="password" autocomplete="current-password"
               label="{{ phrase('password') }}">
               <xf:html>
                  <a href="{{ link('lost-password') }}" style="display: block;margin-top:10px;" data-xf-click="overlay">{{ phrase('forgot_your_password') }}</a>
               </xf:html>
            </xf:passwordboxrow>
         </dl>
         <dl class="formRow">
            <xf:checkboxrow>
               <xf:option name="remember" selected="true">{{ phrase('stay_logged_in') }}</xf:option>
            </xf:checkboxrow>  
         </dl>
         <xf:hiddenval name="_xfRedirect">{$redirect}</xf:hiddenval>
         <button type="submit" class="button--primary button button--large">
         Login
         </button>
         <div class="dp-account-return">
            Don't have an account? <a href="/register/">Register now</a>
         </div>
      </xf:form>
   </div>
   <div>
      <div class="dp-account-about kz-login-upgrade">
         <img src="/assets/img/upgrade.png" width="72" heigh="72" loading="lazy" alt="Upgrade ">
         <div class="kz-login-header">
            <h2>
               <span class="dp-accent-color">Upgrade</span> and <span class="dp-accent-color">Level Up</span> Your Experience!
            </h2>
            <p>
               Once you log in, head to the upgrade section to get details on plans and perks.
            </p>
         </div>
         <div class="kz-login-perks">
            <div class="kz-login-perk">
               <div class="kz-login-perk-icon doc-extra-icon">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M22 11.5667C22 16.8499 17.5222 21.1334 12 21.1334C11.3507 21.1343 10.7032 21.0742 10.0654 20.9545C9.60633 20.8682 9.37678 20.8251 9.21653 20.8496C9.05627 20.8741 8.82918 20.9949 8.37499 21.2364C7.09014 21.9197 5.59195 22.161 4.15111 21.893C4.69874 21.2194 5.07275 20.4112 5.23778 19.5448C5.33778 19.0148 5.09 18.5 4.71889 18.1231C3.03333 16.4115 2 14.1051 2 11.5667C2 6.28357 6.47778 2 12 2C17.5222 2 22 6.28357 22 11.5667Z" fill="#006fcd" fill-opacity="0.25"></path>
                     <path d="M22 11.5667C22 16.8499 17.5222 21.1334 12 21.1334C11.3507 21.1343 10.7032 21.0742 10.0654 20.9545C9.60633 20.8682 9.37678 20.8251 9.21653 20.8496C9.05627 20.8741 8.82918 20.9949 8.37499 21.2364C7.09014 21.9197 5.59195 22.161 4.15111 21.893C4.69874 21.2194 5.07275 20.4112 5.23778 19.5448C5.33778 19.0148 5.09 18.5 4.71889 18.1231C3.03333 16.4115 2 14.1051 2 11.5667C2 6.28357 6.47778 2 12 2C12.6849 2 13.3538 2.0659 14 2.19142" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M20.6657 5.14116L17.3579 8.449L18.4185 9.50966L21.7264 6.20182L20.6657 5.14116ZM15.5509 6.64205L18.8587 3.33421L17.7981 2.27355L14.4902 5.58138L15.5509 6.64205ZM15.1908 9.1223C15.0154 9.15981 14.8752 9.18973 14.7547 9.21212C14.6332 9.23472 14.5535 9.2454 14.4995 9.24884C14.444 9.25237 14.4478 9.24579 14.4824 9.25471C14.5295 9.26685 14.5935 9.29719 14.6481 9.35178L13.5875 10.4124C13.9112 10.7362 14.3157 10.7636 14.5947 10.7458C14.8602 10.7289 15.1838 10.6577 15.5044 10.5891L15.1908 9.1223ZM13.4108 8.49546C13.3422 8.8161 13.271 9.13973 13.2541 9.40523C13.2363 9.68419 13.2637 10.0887 13.5875 10.4124L14.6481 9.35178C14.7027 9.40637 14.733 9.47039 14.7452 9.51747C14.7541 9.55207 14.7475 9.55591 14.7511 9.50044C14.7545 9.44641 14.7652 9.36674 14.7878 9.24519C14.8102 9.12473 14.8401 8.98455 14.8776 8.80911L13.4108 8.49546ZM20.6657 3.33421C21.0332 3.7017 21.1083 3.78597 21.1466 3.85229L22.4457 3.10229C22.2838 2.82184 22.0256 2.57275 21.7264 2.27355L20.6657 3.33421ZM21.7264 6.20182C22.0256 5.90261 22.2838 5.65353 22.4457 5.37307L21.1466 4.62307C21.1083 4.6894 21.0332 4.77367 20.6657 5.14116L21.7264 6.20182ZM21.1466 3.85229C21.2843 4.09077 21.2843 4.38459 21.1466 4.62307L22.4457 5.37307C22.8513 4.67049 22.8513 3.80488 22.4457 3.10229L21.1466 3.85229ZM21.7264 2.27355C21.4271 1.97434 21.1781 1.71615 20.8976 1.55423L20.1476 2.85326C20.2139 2.89156 20.2982 2.96671 20.6657 3.33421L21.7264 2.27355ZM18.8587 3.33421C19.2262 2.96672 19.3105 2.89156 19.3768 2.85326L18.6268 1.55423C18.3464 1.71615 18.0973 1.97434 17.7981 2.27355L18.8587 3.33421ZM20.8976 1.55423C20.195 1.14859 19.3294 1.14859 18.6268 1.55423L19.3768 2.85326C19.6153 2.71557 19.9091 2.71557 20.1476 2.85326L20.8976 1.55423ZM17.3579 8.449C17.1623 8.64453 16.8951 8.77096 16.5154 8.8679C16.3252 8.91646 16.1223 8.954 15.8962 8.99307C15.6789 9.03061 15.4302 9.07112 15.1908 9.1223L15.5044 10.5891C15.7062 10.546 15.913 10.5124 16.1516 10.4712C16.3813 10.4315 16.6345 10.3856 16.8865 10.3213C17.3913 10.1924 17.9532 9.97497 18.4185 9.50966L17.3579 8.449ZM14.8776 8.80911C14.9288 8.56974 14.9693 8.32097 15.0068 8.1037C15.0459 7.87757 15.0834 7.67468 15.132 7.48447C15.2289 7.10477 15.3554 6.83758 15.5509 6.64205L14.4902 5.58138C14.0249 6.0467 13.8075 6.60863 13.6786 7.11341C13.6143 7.36544 13.5684 7.61864 13.5287 7.84832C13.4875 8.08687 13.4539 8.29366 13.4108 8.49546L14.8776 8.80911Z" fill="#006fcd"></path>
                     <path d="M11.9955 12H12.0045M8 12H8.00897" stroke="#006fcd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
               </div>
               <div>
                  <h4>
                     Thread Moderation
                  </h4>
                  <p>
                     Bump, Close and Delete own threads.
                  </p>
               </div>
            </div>
            <div class="kz-login-perk">
               <div class="kz-login-perk-icon doc-extra-icon">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M3 12C7.5 12 12 7.5 12 3C12 7.5 16.5 12 21 12C16.5 12 12 16.5 12 21C12 16.5 7.5 12 3 12Z" stroke="white" stroke-width="1.5" stroke-linejoin="round"></path>
                     <path d="M2 19.5C2.83333 19.5 4.5 17.8333 4.5 17C4.5 17.8333 6.16667 19.5 7 19.5C6.16667 19.5 4.5 21.1667 4.5 22C4.5 21.1667 2.83333 19.5 2 19.5Z" fill="#006fcd" fill-opacity="0.25" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M16 5C17 5 19 3 19 2C19 3 21 5 22 5C21 5 19 7 19 8C19 7 17 5 16 5Z" fill="#006fcd" fill-opacity="0.25" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
               </div>
               <div>
                  <h4>
                     Profile Customization
                  </h4>
                  <p>
                     Personalize your profile with custom cover images for both your profile and postbit.
                  </p>
               </div>
            </div>
            <div class="kz-login-perk">
               <div class="kz-login-perk-icon doc-extra-icon">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M3.11133 7.55556L12.0002 2L20.8891 7.55556V16.4444L12.0002 22L3.11133 16.4444V7.55556Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M3.11133 7.55554L6.44466 9.22221" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M12 2V5.33333" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M3.11133 16.4445L6.44466 14.7778" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M12 22V18.6666" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M20.889 16.4445L17.5557 14.7778" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M17.5557 9.22221L20.889 7.55554" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M6.44434 9.22226L11.9999 5.33337L17.5554 9.22226V14.963L11.9999 18.6667L6.44434 14.963V9.22226Z" fill="#006fcd" fill-opacity="0.25" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
               </div>
               <div>
                  <h4>
                     Free Bits
                  </h4>
                  <p>
                     Get up to $18 worth of Free Bits.
                  </p>
               </div>
            </div>
            <div class="kz-login-perk">
               <div class="kz-login-perk-icon doc-extra-icon">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M11.9982 2C8.99043 2 7.04018 4.01899 4.73371 4.7549C3.79589 5.05413 3.32697 5.20374 3.1372 5.41465C2.94743 5.62556 2.89186 5.93375 2.78072 6.55013C1.59143 13.146 4.1909 19.244 10.3903 21.6175C11.0564 21.8725 11.3894 22 12.0015 22C12.6135 22 12.9466 21.8725 13.6126 21.6175C19.8116 19.2439 22.4086 13.146 21.219 6.55013C21.1078 5.93364 21.0522 5.6254 20.8624 5.41449C20.6726 5.20358 20.2037 5.05405 19.2659 4.75499C16.9585 4.01915 15.0061 2 11.9982 2Z" fill="#006fcd" fill-opacity="0.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                     <path d="M9 13C9 13 10 13 11 15C11 15 14.1765 10 17 9" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
               </div>
               <div>
                  <h4>
                     Lifetime Upgrade
                  </h4>
                  <p>
                     Enjoying all the perks for a lifetime. No more fees, only endless enjoyment!
                  </p>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>]]></template>
    <template title="member_notable" type="public" addon_id="XF" version_id="2021570" version_string="2.2.15"><![CDATA[<xf:title>{{ $active ? $active.title : phrase('notable_members') }}</xf:title>
<xf:breadcrumb href="/">Members</xf:breadcrumb>

<xf:macro template="metadata_macros" name="canonical_url" arg-canonicalUrl="{{ link('canonical:members') }}" />

<xf:css src="member.less" />

<xf:if is="$userNotFound">
	<div class="blockMessage blockMessage--error blockMessage--iconic">{{ phrase('specified_member_cannot_be_found_enter_entire_name') }}</div>
</xf:if>

<xf:if is="$memberStats is empty">
	<div class="blockMessage">{{ phrase('no_notable_members_can_currently_be_shown') }}</div>
<xf:else />
	<section class="block">
		<div class="block-container">
			<xf:if is="$active">
				<ol class="block-body">
					<xf:foreach loop="{$resultsData.{$active.member_stat_key}}" key="$userId" value="$data">
						<li class="block-row block-row--separated">
							<xf:macro template="member_list_macros" name="item"
								arg-user="{$data.user}"
								arg-extraData="{$data.value}"
								arg-extraDataBig="{{ true }}" />
						</li>
					<xf:else />
						<li class="block-row">{{ phrase('no_users_match_specified_criteria') }}</li>
					</xf:foreach>
				</ol>
			<xf:else />
				<div class="block-body">
					<ol class="memberOverviewBlocks">
						<xf:foreach loop="$memberStats" key="$key" value="$memberStat">
							<xf:macro name="overview_block"
								arg-memberStat="{$memberStat}"
								arg-results="{$resultsData.{$key}}" />
						</xf:foreach>
					</ol>
				</div>
			</xf:if>
		</div>
	</section>
</xf:if>

<xf:macro name="overview_block"
	arg-memberStat="!"
	arg-results="!"
	arg-showTitle="{{ true }}"
	arg-showFooter="{{ true }}">

	<xf:if contentcheck="true">
		<li class="memberOverviewBlock">
			<xf:if is="$showTitle">
				<h3 class="block-textHeader">
					<a href="{{ link('members', null, {'key': $memberStat.member_stat_key}) }}"
						class="memberOverViewBlock-title">{$memberStat.title}</a>
				</h3>
			</xf:if>
			<ol class="memberOverviewBlock-list">
				<xf:contentcheck>
					<xf:foreach loop="$results" key="$userId" value="$data">
						<li>
							<xf:macro name="overview_row" arg-data="{$data}" />
						</li>
					</xf:foreach>
				</xf:contentcheck>
			</ol>
			<xf:if is="$showFooter">
				<div class="memberOverviewBlock-seeMore">
					<a href="{{ link('members', null, {'key': $memberStat.member_stat_key}) }}">{{ phrase('see_more...') }}</a>
				</div>
			</xf:if>
		</li>
	</xf:if>
</xf:macro>

<xf:macro name="overview_row" arg-data="!">
	<div class="contentRow contentRow--alignMiddle">
		<div class="contentRow-figure">
			<xf:avatar user="$data.user" size="xs" />
		</div>
		<div class="contentRow-main">
			<xf:if is="$data.value">
				<div class="contentRow-extra contentRow-extra--large">{$data.value}</div>
			</xf:if>
			<h3 class="contentRow-title"><xf:username user="$data.user" rich="true" /></h3>
		</div>
	</div>
</xf:macro>]]></template>
    <template title="member_view" type="public" addon_id="XF" version_id="2021570" version_string="2.2.15"><![CDATA[<xf:title page="{$page}">{$user.username}</xf:title>
<xf:h1 hidden="true" />

<xf:css>
		.xfdevDwcHeader{
			background: orangered !important;
			font-weight: bolder;
			text-align: center;
		}
		
		.xfdevDwcBody{
			padding: 10px;
    		text-align: center;
		}
	</xf:css>

<xf:if is="!$user.isSearchEngineIndexable()">
	<xf:head option="metaNoindex">
		<meta name="robots" content="noindex" />
	</xf:head>
</xf:if>

<xf:macro template="metadata_macros" name="metadata" arg-shareUrl="{{ link('canonical:members', $user) }}"
	arg-canonicalUrl="{{ link('canonical:members', $user, {'page': $page}) }}"
	arg-imageUrl="{$user.getAvatarUrl('o', null, true)}" />

<xf:page option="ldJsonHtml">
	<script type="application/ld+json">
      {{ $user.getLdStructuredData()|json(true)|raw }}
   </script>
</xf:page>


<xf:breadcrumb href="#">Profile of {$user.username}</xf:breadcrumb>
<xf:set var="$feedback.user"
	value="{{ $xf.app.em.getRepository('XenCentral\Feedback:User')->getTrader($user.user_id) }}" />

<xf:css>
	.dp-profile-card-icon img:nth-of-type(2) {
	position: absolute;
	filter: brightness(80%) saturate(150%) blur(15px);
	}

</xf:css>
<xf:include template="xc_show_user_ban_banner" />
<xf:include template="xc_deal_dispute_on_scammer" />
<xf:if is="$user.isDwc && $xf.visitor.canSeeDwc()">
	<div class="block">
	<div class="block-container">
		<div class="block-header xfdevDwcHeader">
			<i class="fas fa-exclamation-triangle"></i> {{ phrase('xfdev_deal_with_caution') }}
		</div>
		<div class="block-body xfdevDwcBody">
			{{ phrase('user_is_marked_as_deal_with_caution_for_x_reason',{'reason':$user.dwcReason}) }}
		</div>
	</div>
</div>
</xf:if>
<div class="dp-profile-section">
	<div class="dp-profile">
		<xf:if is="$user.user_id == $xf.visitor.user_id && $xf.visitor.canUploadProfileBanner()">
		</xf:if>
		<xf:profilebanner user="$user" size="l" class="dp-profile-banner" toggle="memberHeader--withBanner">
		</xf:profilebanner>
		<div class="dp-profile-header">
			<div class="dp-profile-avatar">
				<xf:avatar user="{$user}" size="l" href="{{ $user.getAvatarUrl('o') ?: '' }}" />
				<xf:if is="$user.user_id == $xf.visitor.user_id && $xf.visitor.canUploadAvatar()">
					<a class="avatarWrapper-update" href="{{ link('account/avatar') }}" data-xf-click="overlay"><span>{{
							phrase('edit') }}</span></a>
				</xf:if>
			</div>
			<div class="dp-profile-name-and-stats">
				<div class="dp-profile-name-and-usertitle">
					<h2 class="dp-profile-name">
						<xf:username user="{$user}" rich="true" href="" />
					</h2>
					<xf:userblurb user="$user" tag="div" class="memberHeader-blurb" />
				</div>
				<div class="dp-profile-header-stats">
					<p>
						<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M8 13.5H16M8 8.5H12" stroke="#006fcd" stroke-width="2" stroke-linecap="round"
								stroke-linejoin="round"></path>
							<path
								d="M6.09881 19C4.7987 18.8721 3.82475 18.4816 3.17157 17.8284C2 16.6569 2 14.7712 2 11V10.5C2 6.72876 2 4.84315 3.17157 3.67157C4.34315 2.5 6.22876 2.5 10 2.5H14C17.7712 2.5 19.6569 2.5 20.8284 3.67157C22 4.84315 22 6.72876 22 10.5V11C22 14.7712 22 16.6569 20.8284 17.8284C19.6569 19 17.7712 19 14 19C13.4395 19.0125 12.9931 19.0551 12.5546 19.155C11.3562 19.4309 10.2465 20.0441 9.14987 20.5789C7.58729 21.3408 6.806 21.7218 6.31569 21.3651C5.37769 20.6665 6.29454 18.5019 6.5 17.5"
								stroke="#006fcd" stroke-width="2" stroke-linecap="round"></path>
						</svg>
						<span>
							<a href="{{ link('search:search/member') }}?user_id={{ $user.user_id }}&type=thread">
								{$user.eaetc_thread_count|number}
							</a>
						</span>
						Threads
					</p>
					<p>
						<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path
								d="M18.4698 16.83L18.8598 19.99C18.9598 20.82 18.0698 21.4 17.3598 20.97L13.1698 18.48C12.7098 18.48 12.2599 18.45 11.8199 18.39C12.5599 17.52 12.9998 16.42 12.9998 15.23C12.9998 12.39 10.5398 10.09 7.49985 10.09C6.33985 10.09 5.26985 10.42 4.37985 11C4.34985 10.75 4.33984 10.5 4.33984 10.24C4.33984 5.68999 8.28985 2 13.1698 2C18.0498 2 21.9998 5.68999 21.9998 10.24C21.9998 12.94 20.6098 15.33 18.4698 16.83Z"
								stroke="#006fcd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
							<path
								d="M13 15.23C13 16.42 12.56 17.52 11.82 18.39C10.83 19.59 9.26 20.36 7.5 20.36L4.89 21.91C4.45 22.18 3.89 21.81 3.95 21.3L4.2 19.33C2.86 18.4 2 16.91 2 15.23C2 13.47 2.94 11.92 4.38 11C5.27 10.42 6.34 10.09 7.5 10.09C10.54 10.09 13 12.39 13 15.23Z"
								stroke="#006fcd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
						</svg>
						<span>
							<a href="{{ link('search:search/member') }}?user_id={{ $user.user_id }}">
								{$user.message_count|number}
							</a>
						</span>
						Posts
					</p>
					<p>
						<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path
								d="M7.47998 18.35L10.58 20.75C10.98 21.15 11.88 21.35 12.48 21.35H16.28C17.48 21.35 18.78 20.45 19.08 19.25L21.48 11.95C21.98 10.55 21.08 9.34997 19.58 9.34997H15.58C14.98 9.34997 14.48 8.84997 14.58 8.14997L15.08 4.94997C15.28 4.04997 14.68 3.04997 13.78 2.74997C12.98 2.44997 11.98 2.84997 11.58 3.44997L7.47998 9.54997"
								stroke="#006fcd" stroke-width="2" stroke-miterlimit="10"></path>
							<path
								d="M2.37988 18.35V8.55002C2.37988 7.15002 2.97988 6.65002 4.37988 6.65002H5.37988C6.77988 6.65002 7.37988 7.15002 7.37988 8.55002V18.35C7.37988 19.75 6.77988 20.25 5.37988 20.25H4.37988C2.97988 20.25 2.37988 19.75 2.37988 18.35Z"
								stroke="#006fcd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
						</svg>
						<span>
							{$user.reaction_score|number}
						</span>
						Likes
					</p>
					<p>
						<img src="https://cdn.discordapp.com/attachments/1169414112074281021/1169763424725643365/download_1.png?ex=65569615&is=65442115&hm=66c3d1wv8YQUAAAd5SURBVHgBpVdvbBxXEZ95u+e7c2z3nMTOH4fk7NAmESkNqhCtBIqDAKkSQlTiQ0UFOEIgwQdsgQQCpJ4tJKKKSokRXxCVEiQ+EIEoAglopeJYFDVQ1UlLSZRKqe9aiCvbte9s393uvj/TeW/31ufGiZv02c9v7d2b+c1vfjOzRrjLdar5TBE0nB3I95XrkZz4Vv5EGe5iCbiL9UTtt6ORVJc0meOGaMTzzKWfN/4yttmzRDR6O1sId7C+t3B22Pf9kodi2EOPfBB4YNtuCI2Mt47KSugTP8w/Wm4D8AwiPvqBAIzNni2obXLcRzHKjsEXHriT98HuAQp0hBED4BMCI0kZOVkzzYkzvSerDGCKAZy4le0tUzDy1unhRr7BdOtRRQbsF1PPW7szDRTIRssREWqisQx5M99ZfPprfG/4dvZvCeCx2VPFx//31BQJmFJGF51TY4BBkN32eo8oQK/KWxbZL/9ATOHwHuS/nXNBzJ0u3srPpin44uxPx3yBJU94BT+hmq+JU4C+8KlT5OBBfxDzXhYkKOj283AdFuCIGIABsR0y4MGg37+Z6Qu8q/ZksJM3Afj8bGmYSSwJYJExOezM5pu8xLEFsD/TT5/sOIRX4Qa8Yt60YdMR2INHxYfgGr4NVWoQixF5O2FO7vw6jNyYTIQazZKJPv3HwYlyy6dvfwzPlgqdBsYN4agl02bXQkPSiIZdcKK0UXi88wHY6XXjn+TLsAoBZ5u/+cn/0JtQEYv0Ge8o1kU3vsa/x5mg+GSQvG2WipJw9pHr42eaKzRx4WMTVaeBnIJjWptRw7mFWEfIOUaXdxZdF+bg8a7jHF0dfh9chGVdJ6kUaSlRKQVaa1hSq/C74EVYilbgc95HYRtmHTuvRzfAuXfbXrILo8fyXeaBlAEVcDSC/Srg8hLgZTwSnsfONXwidx8eyw7C38LLtKBrmGqHNiiJybD2gf6pr+KrsgJfyH0cyrSADRO6R6SUUA8btnqIY0IjcD0FNgqIKULNRiAEFELAV/d8FjijcH71BQhIxj4oJtU6w1RD9qBUU0uwSuei5/Hh3CFo6hDmqvMUSDbKJLAbx4LwRBuAgIn2yOUzKUyXiowR8Hz9lVaciS4cCmrzislVnL4YEu7wu23JQi1ag3q9bm9gy7BdQoqNDHBhxwFhi14C7mmgtKLkwxi3m+Sp2A+2R25Fud3rwsHcXmKxOqfKsI1IJratgRiIZXgDAO5wbZTGS2oLQK/LOWk1BDcRT3nM4L3ZAez1ukCwoLgMLXBQnFQl1TqtEGPmqn4PA0ZjKq+YbB4uErRULepo/MBXYKLymxSKxdXh+bQv04d9mXuccTsP7Gl7hz25TiwD0IbZHUa1A7BVsE4sJnAhsgwkAt3m5eDh7iOQ4xm4pgOegwL6O3qpz+9BjhiaKnQacm55UgonJ8TIswBU6tqRydhvqoIWyZQowIotZAXbe7bVDnXscp8YzO6C+agGOS/rxnHAz7Ar7pZO4OAco0jiFxR4EUolyaWLUv1gS60JA8rVVCLqlIdARfCTD5+ETxWOpro4fd+33fly7XWcrPzBislGG7vjyO2HPUgAMEuBz0GEspWxVOKWwY0MtKRP60Jscu1+/8ovYUemBz7SfQCePPxN+PG1p6HSnIcGRx47QevQfVno9m/cylgD9hTYzESkbRpN7LwlYJOM8lQDJi6Ltiog4s6F+7N9MBe8Q1dqFXfvtVoZGirk6SicE4hpJ/u79cCTM01Fb0c31JorKEO5zA/2ukJMGhjrZCMDMcCYHx3G6v/zxefowXvvh+KOXVhpzMP04mVYaC67dm27YotqsX46BjI8RflVjZq1NfzVzF/tFCzYuvc7fGqlXxjZzoClJAIdcUdUOq3valjDv7/0AhzcNwgHhw7CxNVz1IgCKzFHuKMf151bYN0dnbQ3sx3/MXMR35ivUNw5uffzXFFBhMLNGYEmkZrjoeOh/VUZBjmS+iE7ie22M4N7KfGAxKWlJbgxN0e92R68p6cHVqIGl6gE6d7/eGQpjfZVbXtHD5iVCJ/79wVarC5ZOtEOWJd5Y9wQsh2XpDmDnjgfPFsONnS+wg+OFSV6U3xZbPVchhCPkEQ9uwZ2w+6hfVAXIdQtdfxEzs/CDu4Hb12vwMLiQqIgSEdEKn3kNyIPx9d+9OJ0y+emr2T57x4b4xsl/lShbeTEYJj6TD5L/UN7IdPf6cpar4b09hv/R9tyXbPGtHtTLDxc5gxN1Ev/mnyvr1u+lufGDheFzpT43XOkVRXJPG4NJ+jcXWC03GyqdYw7CEJSaNTWTy7oSJ4Mnrxc3szPlv8X5L5xeIQbbIntFjcbRN7OfAtf6pPillMm8E4Gp16avp19D7ZYambxctf9A7+OTJRjcbJIzbpINQsrn+HGbmLPVnB2A01mQ/ry2lMz17ayf0f/msFjh4sZ1FMcYhGSZPh7uwBaXRRxmhvBePCzS9Pv1+SdAUhW5ktDY8aYJzjnvd6+Luu5yi1gPDz96uSd2toyBZstc2X5Ih0qnAdlCl5PtiqkfCT8xX+fhbtY7wJFsgN+AOz2gwAAAABJRU5ErkJggg=="
							width="20" height="20" alt="Bits">
						<span>
							<a href="/bits" data-xf-click="overlay" class="fauxBlockLink-blockLink u-concealed">
								<xf:set var="$viewableCurrencies"
									value="{{ $xf.app.em.getRepository('DBTech\Shop:Currency').getViewableCurrencies() }}" />
								<xf:foreach loop="$viewableCurrencies" value="$currency" if="$currency.postbit">
									{$currency.prefix}{{ $currency.getValueFromUser($user) }}{$currency.suffix}
								</xf:foreach>
							</a>
						</span>
						Bits
					</p>
					<p>
						<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M9.49999 3L6.49999 21M17.5 3L14.5 21M20.5 8H3.5M19.5 16H2.5" stroke="#006fcd"
								stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
						</svg>
						<span>
							{{ $user.user_id }}
						</span>
						UID
					</p>
				</div>
			</div>
		</div>
		<div class="dp-profile-main">
			<div class="dp-profile-detials-and-trust">
				<div class="dp-profile-details">
					<div class="dp-profile-groupbanner">
						<xf:userbanners user="$user" />
					</div>
					<p>
						<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M18 2V4M6 2V4" stroke="#006fcd" stroke-width="2" stroke-linecap="round"
								stroke-linejoin="round"></path>
							<path
								d="M11.05 22C7.01949 22 5.00424 22 3.75212 20.6464C2.5 19.2927 2.5 17.1141 2.5 12.7568V12.2432C2.5 7.88594 2.5 5.70728 3.75212 4.35364C5.00424 3 7.01949 3 11.05 3H12.95C16.9805 3 18.9958 3 20.2479 4.35364C21.4765 5.68186 21.4996 7.80438 21.5 12"
								stroke="#006fcd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
							<path d="M3 8H21" stroke="#006fcd" stroke-width="2" stroke-linecap="round"
								stroke-linejoin="round"></path>
							<path d="M13 18H21M17 14V22" stroke="#006fcd" stroke-width="2" stroke-linecap="round"
								stroke-linejoin="round"></path>
						</svg>
						Joined in {{ date($user.register_date, 'M, Y') }}
					</p>
					<p>
						<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path
								d="M22.7 13.5L20.7005 11.5L18.7 13.5M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C15.3019 3 18.1885 4.77814 19.7545 7.42909M12 7V12L15 14"
								stroke="#006fcd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
						</svg>
						<xf:if is="$user.activity_visible == '0'">
							Last seen: Invisible
							<xf:else />
							Last seen
							<xf:useractivity user="$user" class="pairs--plainLabel" />
						</xf:if>
					</p>
				</div>
				<div class="dp-profile-trust">
					<a href="{{ link('members/ratings/', $user) }}">
						<div class="dp-profile-trust-item">
							<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
								xmlns="http://www.w3.org/2000/svg">
								<path
									d="M10.7499 2.44982C11.4399 1.85982 12.5699 1.85982 13.2699 2.44982L14.8499 3.80993C15.1499 4.06993 15.7099 4.2799 16.1099 4.2799H17.8099C18.8699 4.2799 19.7399 5.14983 19.7399 6.20983V7.90991C19.7399 8.29991 19.9499 8.86992 20.2099 9.16992L21.5699 10.7499C22.1599 11.4399 22.1599 12.5699 21.5699 13.2699L20.2099 14.8498C19.9499 15.1498 19.7399 15.7099 19.7399 16.1099V17.8099C19.7399 18.8699 18.8699 19.7399 17.8099 19.7399H16.1099C15.7199 19.7399 15.1499 19.9498 14.8499 20.2098L13.2699 21.5698C12.5799 22.1598 11.4499 22.1598 10.7499 21.5698L9.16989 20.2098C8.86989 19.9498 8.30988 19.7399 7.90988 19.7399H6.17987C5.11987 19.7399 4.24988 18.8699 4.24988 17.8099V16.0998C4.24988 15.7098 4.03989 15.1498 3.78989 14.8498L2.43988 13.2599C1.85988 12.5699 1.85988 11.4499 2.43988 10.7599L3.78989 9.16992C4.03989 8.86992 4.24988 8.30992 4.24988 7.91992V6.20983C4.24988 5.14983 5.11987 4.2799 6.17987 4.2799H7.90988C8.29988 4.2799 8.86989 4.06993 9.16989 3.80993L10.7499 2.44982Z"
									stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
								</path>
								<path
									d="M9.89014 14.82L11.3401 15.94C11.5301 16.13 11.9501 16.22 12.2301 16.22H14.0001C14.5601 16.22 15.1701 15.8 15.3101 15.24L16.4301 11.82C16.6601 11.17 16.2401 10.6 15.5401 10.6H13.6701C13.3901 10.6 13.1601 10.3701 13.2001 10.0401L13.4301 8.54008C13.5201 8.12008 13.2401 7.65005 12.8201 7.51005C12.4501 7.37005 11.9801 7.56 11.7901 7.84L9.87012 10.69"
									stroke="#006fcd" stroke-width="1.5" stroke-miterlimit="10"></path>
								<path
									d="M7.5 14.8201V10.2401C7.5 9.58011 7.78 9.3501 8.44 9.3501H8.91C9.56 9.3501 9.85001 9.58011 9.85001 10.2401V14.8201C9.85001 15.4701 9.57 15.7101 8.91 15.7101H8.44C7.78 15.7101 7.5 15.4801 7.5 14.8201Z"
									stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
								</path>
							</svg>
							<div>
								<p class="dp-profile-trust-number">
									{$user.xfa_rs_total|number}
								</p>
								<p>Reputation</p>
							</div>
						</div>
					</a>
					<a href="{{ link ( 'feedback', $user) }}">
						<div class="dp-profile-trust-item">
							<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
								xmlns="http://www.w3.org/2000/svg">
								<path
									d="M4.92004 20.28L6.69005 21.65C6.92005 21.88 7.43004 21.99 7.78004 21.99H9.95004C10.64 21.99 11.38 21.48 11.55 20.79L12.92 16.62C13.21 15.82 12.69 15.13 11.83 15.13H9.54005C9.20005 15.13 8.91005 14.8399 8.97005 14.4399L9.26005 12.61C9.37005 12.1 9.03004 11.52 8.52004 11.35C8.06004 11.18 7.49005 11.41 7.26005 11.75L4.92004 15.24"
									stroke="#006fcd" stroke-width="1.5" stroke-miterlimit="10"></path>
								<path
									d="M2 20.28V14.6801C2 13.8801 2.34 13.59 3.14 13.59H3.71C4.51 13.59 4.85 13.8801 4.85 14.6801V20.28C4.85 21.08 4.51 21.37 3.71 21.37H3.14C2.34 21.37 2 21.09 2 20.28Z"
									stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
								</path>
								<path
									d="M19.0799 3.71997L17.3099 2.34998C17.0799 2.11998 16.5699 2.01001 16.2199 2.01001H14.0499C13.3599 2.01001 12.6199 2.51996 12.4499 3.20996L11.0799 7.38C10.7899 8.18 11.3099 8.87 12.1699 8.87H14.4599C14.7999 8.87 15.0899 9.16006 15.0299 9.56006L14.7399 11.39C14.6299 11.9 14.9699 12.48 15.4799 12.65C15.9399 12.82 16.5099 12.59 16.7399 12.25L19.0799 8.76001"
									stroke="#006fcd" stroke-width="1.5" stroke-miterlimit="10"></path>
								<path
									d="M21.9999 3.71997V9.31995C21.9999 10.1199 21.6599 10.41 20.8599 10.41H20.2899C19.4899 10.41 19.1499 10.1199 19.1499 9.31995V3.71997C19.1499 2.91997 19.4899 2.63 20.2899 2.63H20.8599C21.6599 2.63 21.9999 2.90997 21.9999 3.71997Z"
									stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
								</path>
							</svg>
							<div>
								<p class="dp-profile-trust-number">
									{{ $feedback.user.fb_negative + $feedback.user.fb_neutral +
									$feedback.user.fb_positive }}
								</p>
								<p>Vouches</p>
							</div>
							<div class="dp-vouch-circle">
								<xf:if is="$feedback.user.fb_percent == 0">
									<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"
										data-xf-init="tooltip"
										title="The high vouch percentage of {$user.username} indicates superior trustworthiness and dependability."
										id="js-XFUniqueId4">
										<circle cx="20" cy="20" r="18" fill="none" stroke="rgb(57, 57, 63)"
											stroke-width="2"></circle>
										<circle cx="20" cy="20" r="18" fill="none" stroke="#A4A6A8" stroke-width="2"
											pathLength="100" stroke-dasharray="{$feedback.user.fb_percent} 100"
											stroke-linecap="round"></circle>
									</svg>
									<xf:elseif is="$feedback.user.fb_percent >= 1 && $feedback.user.fb_percent <= 59" />
									<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"
										data-xf-init="tooltip"
										title="The high vouch percentage of {$user.username} indicates superior trustworthiness and dependability."
										id="js-XFUniqueId4">
										<circle cx="20" cy="20" r="18" fill="none" stroke="rgba(219, 60, 60, 0.25)"
											stroke-width="2"></circle>
										<circle cx="20" cy="20" r="18" fill="none" stroke="#DB3C3C" stroke-width="2"
											pathLength="100" stroke-dasharray="{$feedback.user.fb_percent} 100"
											stroke-linecap="round"></circle>
									</svg>
									<xf:elseif
										is="$feedback.user.fb_percent >= 60 && $feedback.user.fb_percent <= 79" />
									<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"
										data-xf-init="tooltip"
										title="The high vouch percentage of {$user.username} indicates superior trustworthiness and dependability."
										id="js-XFUniqueId4">
										<circle cx="20" cy="20" r="18" fill="none" stroke="rgb(250, 189, 61, 0.25)"
											stroke-width="2"></circle>
										<circle cx="20" cy="20" r="18" fill="none" stroke="#fccb62" stroke-width="2"
											pathLength="100" stroke-dasharray="{$feedback.user.fb_percent} 100"
											stroke-linecap="round"></circle>
									</svg>
									<xf:elseif
										is="$feedback.user.fb_percent >= 80 && $feedback.user.fb_percent <= 89" />
									<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"
										data-xf-init="tooltip"
										title="The high vouch percentage of {$user.username} indicates superior trustworthiness and dependability."
										id="js-XFUniqueId4">
										<circle cx="20" cy="20" r="18" fill="none" stroke="rgb(250, 144, 70, 0.25)"
											stroke-width="2"></circle>
										<circle cx="20" cy="20" r="18" fill="none" stroke="#fca96f" stroke-width="2"
											pathLength="100" stroke-dasharray="{$feedback.user.fb_percent} 100"
											stroke-linecap="round"></circle>
									</svg>
									<xf:elseif
										is="$feedback.user.fb_percent >= 90 && {$feedback.user.fb_percent} <= 98" />
									<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"
										data-xf-init="tooltip"
										title="{$user.username} positive vouch percentage reflects well on their trustworthiness and reliability."
										id="js-XFUniqueId4">
										<circle cx="20" cy="20" r="18" fill="none" stroke="rgba(56, 189, 248, 0.25)"
											stroke-width="2"></circle>
										<circle cx="20" cy="20" r="18" fill="none" stroke="#38BDF8" stroke-width="2"
											pathLength="100" stroke-dasharray="{$feedback.user.fb_percent} 100"
											stroke-linecap="round"></circle>
									</svg>
									<xf:else />

									<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"
										data-xf-init="tooltip"
										title="The high vouch percentage of {$user.username} indicates superior trustworthiness and dependability."
										id="js-XFUniqueId63">
										<circle cx="20" cy="20" r="18" fill="none" stroke="rgba(52, 211, 153, 0.25)"
											stroke-width="2"></circle>
										<circle cx="20" cy="20" r="18" fill="none" stroke="#34D399" stroke-width="2"
											pathLength="100" stroke-dasharray="{$feedback.user.fb_percent} 100"
											stroke-linecap="round"></circle>
									</svg>
								</xf:if>
								<span>{$feedback.user.fb_percent}%</span>
							</div>
						</div>
					</a>
				</div>
			</div>
			<xf:if is="$user.Profile.about_">
				<div class="dp-profile-about">
					<h2 class="dp-profile-heading-s">
						Bio
					</h2>
					<div class="dp-profile-about-content">
						<div class="quote-icon start">
							<svg width="16" height="16" viewBox="0 0 20 20" fill="none"
								xmlns="http://www.w3.org/2000/svg">
								<path fill-rule="evenodd" clip-rule="evenodd"
									d="M15.0462 9.37502H15.0434H14.9567H14.9539C14.2064 9.37502 13.583 9.37502 13.088 9.4416C12.9687 9.45764 12.852 9.47807 12.7385 9.50455C12.9856 7.10291 14.7269 5.08398 17.123 4.33725C17.5624 4.20034 17.8075 3.73317 17.6706 3.29375C17.5337 2.85433 17.0665 2.60917 16.6271 2.74608C13.4097 3.74875 11.0417 6.63859 11.0417 10.0939V13.5417C11.0417 13.5447 11.0417 13.5476 11.0417 13.5506C11.0421 14.2226 11.0469 14.7886 11.1083 15.2454C11.1786 15.7686 11.3334 16.2409 11.7129 16.6205C12.0925 17 12.5648 17.1548 13.088 17.2251C13.5836 17.2917 14.2079 17.2917 14.9565 17.2917H14.9567H15.0434H15.0436C15.7922 17.2917 16.4165 17.2917 16.9121 17.2251C17.4353 17.1548 17.9076 17 18.2872 16.6205C18.6667 16.2409 18.8214 15.7686 18.8918 15.2454C18.9584 14.7498 18.9584 14.1255 18.9584 13.3769V13.3767V13.29V13.2898C18.9584 12.5412 18.9584 11.9169 18.8918 11.4213C18.8214 10.8981 18.6667 10.4258 18.2872 10.0463C17.9076 9.66669 17.4353 9.51194 16.9121 9.4416C16.4171 9.37502 15.7937 9.37502 15.0462 9.37502Z"
									fill="#4C4C54"></path>
								<path fill-rule="evenodd" clip-rule="evenodd"
									d="M5.04618 9.37502H5.04337H4.95671H4.9539C4.2064 9.37502 3.583 9.37502 3.08796 9.4416C2.96868 9.45764 2.85204 9.47806 2.73854 9.50454C2.98559 7.10291 4.72695 5.08398 7.12295 4.33725C7.56237 4.20034 7.80754 3.73317 7.67062 3.29375C7.5337 2.85433 7.06645 2.60917 6.62712 2.74608C3.4097 3.74875 1.0417 6.63859 1.0417 10.0939V13.5417C1.0417 13.5442 1.04172 13.5467 1.04174 13.5493C1.0421 14.2218 1.04681 14.7884 1.10829 15.2454C1.17862 15.7686 1.33337 16.2409 1.71296 16.6205C2.09246 17 2.56479 17.1548 3.08796 17.2251C3.58359 17.2917 4.20786 17.2917 4.95654 17.2917H4.95671H5.04337H5.04354C5.79222 17.2917 6.41649 17.2917 6.91212 17.2251C7.43529 17.1548 7.90762 17 8.28712 16.6205C8.66671 16.2409 8.82146 15.7686 8.89179 15.2454C8.95837 14.7504 8.95837 14.127 8.95837 13.3795V13.3767V13.29V13.2872C8.95837 12.5397 8.95837 11.9163 8.89179 11.4213C8.82146 10.8981 8.66671 10.4258 8.28712 10.0463C7.90762 9.66669 7.43529 9.51194 6.91212 9.4416C6.41708 9.37502 5.79368 9.37502 5.04618 9.37502Z"
									fill="#4C4C54"></path>
							</svg>
						</div>
						<p>
							{$user.Profile.about_}
						</p>
						<div class="quote-icon end">
							<svg width="16" height="16" viewBox="0 0 20 20" fill="none"
								xmlns="http://www.w3.org/2000/svg">
								<path fill-rule="evenodd" clip-rule="evenodd"
									d="M4.9538 10.625H4.9566H5.04332H5.04612C5.79359 10.625 6.417 10.625 6.91203 10.5584C7.03132 10.5424 7.14796 10.5219 7.26147 10.4955C7.01443 12.8971 5.27309 14.916 2.87703 15.6627C2.43764 15.7997 2.19245 16.2668 2.32938 16.7062C2.46632 17.1457 2.93352 17.3908 3.37292 17.2539C6.59034 16.2512 8.95831 13.3614 8.95831 9.90608V6.45831C8.95831 6.45534 8.95829 6.45238 8.95826 6.44942C8.9579 5.77742 8.95315 5.21135 8.89171 4.75458C8.82138 4.23141 8.66663 3.75908 8.28708 3.37952C7.90752 2.99996 7.43519 2.84524 6.91203 2.77491C6.41641 2.70827 5.79209 2.70829 5.04342 2.70831H5.04328H4.9566H4.95646C4.20781 2.70829 3.5835 2.70827 3.08789 2.77491C2.56473 2.84524 2.0924 2.99996 1.71284 3.37952C1.33328 3.75908 1.17855 4.23141 1.10822 4.75458C1.04158 5.25019 1.0416 5.87451 1.04163 6.62317V6.62331V6.71V6.71014C1.0416 7.4588 1.04158 8.08309 1.10822 8.57873C1.17855 9.1019 1.33328 9.57423 1.71284 9.95373C2.09239 10.3333 2.56473 10.4881 3.08789 10.5584C3.58292 10.625 4.20632 10.625 4.9538 10.625Z"
									fill="#4C4C54"></path>
								<path fill-rule="evenodd" clip-rule="evenodd"
									d="M14.9538 10.625H14.9566H15.0433H15.0461C15.7936 10.625 16.417 10.625 16.912 10.5584C17.0313 10.5424 17.148 10.5219 17.2615 10.4955C17.0144 12.8971 15.2731 14.916 12.877 15.6627C12.4376 15.7997 12.1925 16.2668 12.3294 16.7062C12.4663 17.1457 12.9335 17.3908 13.3729 17.2539C16.5903 16.2512 18.9583 13.3614 18.9583 9.90608V6.45831C18.9583 6.45578 18.9583 6.45325 18.9583 6.45072C18.9579 5.77815 18.9532 5.21164 18.8917 4.75458C18.8214 4.23141 18.6666 3.75908 18.287 3.37952C17.9075 2.99996 17.4352 2.84524 16.912 2.77491C16.4164 2.70827 15.7921 2.70829 15.0434 2.70831H15.0433H14.9566H14.9565C14.2078 2.70829 13.5835 2.70827 13.0879 2.77491C12.5647 2.84524 12.0924 2.99996 11.7129 3.37952C11.3333 3.75908 11.1785 4.23141 11.1082 4.75458C11.0416 5.2496 11.0416 5.87303 11.0416 6.62051V6.62331V6.71V6.7128C11.0416 7.46028 11.0416 8.08368 11.1082 8.57873C11.1785 9.1019 11.3333 9.57423 11.7129 9.95373C12.0924 10.3333 12.5647 10.4881 13.0879 10.5584C13.5829 10.625 14.2063 10.625 14.9538 10.625Z"
									fill="#4C4C54"></path>
							</svg>
						</div>
					</div>
				</div>
				<xf:else />
			</xf:if>
			<div class="dp-profile-actions-and-socials">
				<div class="dp-profile-socials">
					<xf:if is="{$user.Profile.custom_fields.discordinfo}">
						<button type="button" class="button" data-xf-init="tooltip copy-to-clipboard"
							data-copy-text="{$user.Profile.custom_fields.discord}"
							title="{$user.Profile.custom_fields.discordinfo}">
							<span class="button-text">
								<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
									xmlns="http://www.w3.org/2000/svg">
									<path
										d="M16.9308 3.46302C15.6561 2.87812 14.2892 2.44719 12.8599 2.20038C12.8339 2.19561 12.8079 2.20752 12.7945 2.23133C12.6187 2.544 12.4239 2.95192 12.2876 3.27254C10.7503 3.0424 9.22099 3.0424 7.71527 3.27254C7.57887 2.94479 7.37707 2.544 7.20048 2.23133C7.18707 2.20831 7.16107 2.19641 7.13504 2.20038C5.70659 2.4464 4.33963 2.87733 3.06411 3.46302C3.05307 3.46778 3.04361 3.47572 3.03732 3.48603C0.444493 7.35967 -0.265792 11.1381 0.0826501 14.8697C0.0842267 14.8879 0.0944749 14.9054 0.108665 14.9165C1.81934 16.1728 3.47642 16.9354 5.10273 17.441C5.12876 17.4489 5.15634 17.4394 5.1729 17.4179C5.55761 16.8926 5.90054 16.3387 6.19456 15.7561C6.21192 15.722 6.19535 15.6815 6.15989 15.668C5.61594 15.4617 5.098 15.2101 4.59977 14.9244C4.56037 14.9014 4.55721 14.845 4.59347 14.8181C4.69831 14.7395 4.80318 14.6578 4.9033 14.5752C4.92141 14.5601 4.94665 14.557 4.96794 14.5665C8.24107 16.0609 11.7846 16.0609 15.0191 14.5665C15.0404 14.5562 15.0657 14.5594 15.0846 14.5744C15.1847 14.657 15.2895 14.7395 15.3952 14.8181C15.4314 14.845 15.4291 14.9014 15.3897 14.9244C14.8914 15.2157 14.3735 15.4617 13.8288 15.6672C13.7933 15.6807 13.7775 15.722 13.7949 15.7561C14.0952 16.3378 14.4381 16.8918 14.8157 17.4172C14.8315 17.4394 14.8599 17.4489 14.8859 17.441C16.5201 16.9354 18.1772 16.1728 19.8879 14.9165C19.9028 14.9054 19.9123 14.8887 19.9139 14.8705C20.3309 10.5563 19.2154 6.80891 16.9568 3.48682C16.9513 3.47572 16.9419 3.46778 16.9308 3.46302ZM6.68335 12.5975C5.69792 12.5975 4.88594 11.6928 4.88594 10.5818C4.88594 9.47068 5.68217 8.56598 6.68335 8.56598C7.69239 8.56598 8.49651 9.47862 8.48073 10.5818C8.48073 11.6928 7.68451 12.5975 6.68335 12.5975ZM13.329 12.5975C12.3435 12.5975 11.5316 11.6928 11.5316 10.5818C11.5316 9.47068 12.3278 8.56598 13.329 8.56598C14.338 8.56598 15.1421 9.47862 15.1264 10.5818C15.1264 11.6928 14.338 12.5975 13.329 12.5975Z"
										fill="white"></path>
								</svg>
							</span>
						</button>
					</xf:if>
					<xf:if is="{$user.Profile.custom_fields.discordid}">
						<button type="button" class="button" data-xf-init="tooltip copy-to-clipboard"
							data-copy-text="{$user.Profile.custom_fields.discordid}"
							title="{$user.Profile.custom_fields.discordid}">
							<span class="button-text">
								<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
									xmlns="http://www.w3.org/2000/svg">
									<path
										d="M17.11 3.65C16.99 3.46 16.82 3.33 16.66 3.25C15.44 2.68 14.12 2.26 12.75 2.02C12.69 2.01 12.63 2 12.57 2C12.18 2 11.82 2.21 11.64 2.55C11.58 2.66 11.52 2.78 11.45 2.9C10.96 2.85 10.48 2.82 10 2.82C9.52 2.82 9.04 2.85 8.55 2.9C8.48 2.78 8.42 2.66 8.36 2.55C8.18 2.21 7.82 2 7.43 2C7.37 2 7.31 2.01 7.25 2.02C5.88 2.26 4.56 2.68 3.34 3.25C3.18 3.33 3.01 3.46 2.89 3.65C1.05 6.42 0 9.52 0 13.01C0 13.58 0.02 14.15 0.08 14.73C0.11 15.03 0.26 15.3 0.5 15.48C2.14 16.71 3.73 17.46 5.3 17.95H5.31C5.75 18.09 6.22 17.92 6.48 17.55C6.81 17.08 7.11 16.59 7.38 16.08C8.24 16.28 9.12 16.39 10 16.39C10.88 16.39 11.76 16.28 12.62 16.08C12.89 16.59 13.19 17.08 13.52 17.55C13.78 17.92 14.25 18.09 14.69 17.95H14.7C16.27 17.46 17.86 16.71 19.5 15.48C19.74 15.3 19.89 15.03 19.92 14.73C19.98 14.15 20 13.58 20 13.01C20 9.52 18.95 6.42 17.11 3.65ZM18.92 14.64C18.92 14.64 18.91 14.67 18.9 14.68C17.36 15.83 15.87 16.53 14.4 17C14.37 17 14.35 17 14.33 16.98C14.17 16.75 14.02 16.51 13.87 16.27C13.79 16.14 13.72 16.01 13.65 15.88C13.65 15.88 13.6467 15.8767 13.64 15.87C13.64 15.87 13.61 15.82 13.6 15.8C13.54 15.69 13.48 15.57 13.42 15.45C13.4 15.42 13.41 15.38 13.45 15.37C13.62 15.3 13.79 15.23 13.96 15.15C13.98 15.14 14 15.14 14.02 15.13C14.25 15.02 14.48 14.9 14.71 14.77C14.71 14.77 14.71 14.77 14.71 14.76H14.72C14.72 14.76 14.8 14.71 14.84 14.69C14.88 14.67 14.88 14.61 14.85 14.59C14.81 14.56 14.77 14.53 14.73 14.5C14.67 14.45 14.62 14.41 14.57 14.36C14.55 14.35 14.53 14.35 14.51 14.36C14.3 14.46 14.08 14.55 13.87 14.63C13.66 14.72 13.45 14.79 13.24 14.86C12.98 14.95 12.72 15.02 12.45 15.09C11.64 15.29 10.82 15.39 9.99 15.39C9.16 15.39 8.34 15.29 7.53 15.09C7.26 15.02 7 14.95 6.74 14.86C6.53 14.79 6.32 14.72 6.11 14.63C5.9 14.55 5.68 14.46 5.47 14.36C5.45 14.35 5.43 14.35 5.41 14.36C5.36 14.41 5.31 14.45 5.25 14.5C5.21 14.53 5.17 14.56 5.13 14.59C5.1 14.61 5.1 14.67 5.14 14.69C5.18 14.71 5.22 14.74 5.26 14.76H5.27V14.77C5.5 14.9 5.73 15.02 5.96 15.13C5.98 15.14 6 15.14 6.02 15.15C6.19 15.23 6.36 15.3 6.53 15.37C6.57 15.38 6.58 15.42 6.56 15.45C6.5 15.57 6.44 15.69 6.38 15.8C6.37 15.82 6.35 15.85 6.34 15.87C6.34 15.87 6.33667 15.8733 6.33 15.88C6.26 16.01 6.19 16.14 6.11 16.27C5.96 16.51 5.81 16.75 5.65 16.98C5.63 17 5.61 17 5.58 17C4.11 16.53 2.62 15.83 1.08 14.68C1.08 14.67 1.06 14.65 1.06 14.64C0.68 10.67 1.69 7.23 3.72 4.18C3.72 4.17 3.73 4.16 3.74 4.16C4.89 3.62 6.12 3.23 7.41 3C7.43 3 7.45 3.01 7.46 3.03C7.62 3.32 7.8 3.69 7.92 3.99C8.61 3.88 9.29 3.82 9.98 3.82C10.67 3.82 11.35 3.88 12.04 3.99C12.16 3.69 12.34 3.32 12.5 3.03C12.51 3.01 12.53 3 12.55 3C13.84 3.23 15.07 3.62 16.22 4.16C16.23 4.16 16.24 4.17 16.24 4.18C18.27 7.23 19.28 10.67 18.9 14.64H18.92Z"
										fill="white"></path>
									<path d="M9 5L7.5 14M13 5L11.5 14M14.5 7.5H6M14 11.5H5.5" stroke="#006fcd"
										stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
								</svg>
							</span>
						</button>
					</xf:if>
					<xf:if is="{$user.Profile.custom_fields.twitter}">
						<button type="button" class="button" data-xf-init="tooltip copy-to-clipboard"
							data-copy-text="{$user.Profile.custom_fields.twitter}"
							title="{$user.Profile.custom_fields.twitter}">
							<span class="button-text">
								<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
									<path fill="white"
										d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z" />
								</svg>
							</span>
						</button>
					</xf:if>
					<xf:if is="{$user.Profile.custom_fields.telegram}">
						<a href="https://t.me/{$user.Profile.custom_fields.telegram}" class="button" target="_blank"
							data-xf-init="tooltip" title="{$user.Profile.custom_fields.telegram}">
							<span class="button-text">
								<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
									xmlns="http://www.w3.org/2000/svg">
									<path fill-rule="evenodd" clip-rule="evenodd"
										d="M20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10ZM10.3584 7.38244C9.38571 7.787 7.44178 8.62433 4.52658 9.89443C4.05319 10.0827 3.80521 10.2668 3.78264 10.4469C3.74449 10.7512 4.12559 10.8711 4.64456 11.0343C4.71515 11.0565 4.78829 11.0795 4.86328 11.1038C5.37386 11.2698 6.06069 11.464 6.41774 11.4717C6.74162 11.4787 7.10311 11.3452 7.5022 11.0711C10.226 9.2325 11.632 8.30317 11.7203 8.28314C11.7825 8.269 11.8688 8.25123 11.9273 8.3032C11.9858 8.35518 11.98 8.4536 11.9738 8.48C11.9361 8.64095 10.4401 10.0317 9.66593 10.7515C9.42459 10.9759 9.25339 11.135 9.2184 11.1714C9.14 11.2528 9.06011 11.3298 8.98332 11.4038C8.50897 11.8611 8.15326 12.204 9.00301 12.764C9.41137 13.0331 9.73814 13.2556 10.0641 13.4776C10.4201 13.7201 10.7752 13.9619 11.2347 14.2631C11.3517 14.3398 11.4635 14.4195 11.5724 14.4971C11.9867 14.7925 12.359 15.0578 12.8188 15.0155C13.086 14.9909 13.3621 14.7397 13.5022 13.9903C13.8335 12.2193 14.4847 8.38205 14.6352 6.80081C14.6484 6.66228 14.6318 6.48498 14.6185 6.40715C14.6051 6.32931 14.5773 6.21842 14.4761 6.13633C14.3563 6.03911 14.1714 6.01861 14.0886 6.02007C13.7125 6.0267 13.1355 6.22735 10.3584 7.38244Z"
										fill="white"></path>
								</svg>
							</span>
						</a>
					</xf:if>
				</div>

				<div class="dp-profile-actions">
					<!-- -->
					<xf:if is="{{ !$user.hasPermission('generalPermissions', 'xfdevHideTrustScan') }}">
						<a href="{{ link('members/scan', $user) }}" class="button--primary button"><span
								class="button-text">
								<svg width="20" height="20" viewBox="0 0 24 24" fill="none"
									xmlns="http://www.w3.org/2000/svg">
									<path
										d="M3.41752 3.41752C2.43723 4.39781 2.10954 5.77585 2 7.98608V16.0139C2.10954 18.2242 2.43723 19.6022 3.41752 20.5825C4.39781 21.5628 5.77584 21.8905 7.98607 22H16.0139C18.2242 21.8905 19.6022 21.5628 20.5825 20.5825C21.5628 19.6022 21.8905 18.2242 22 16.0139V7.98608C21.8905 5.77585 21.5628 4.39781 20.5825 3.41752C19.6022 2.43723 18.2242 2.10954 16.0139 2H7.98607C5.77584 2.10954 4.39781 2.43723 3.41752 3.41752Z"
										fill="currentColor" fill-opacity="0.1"></path>
									<path
										d="M9.1891 14.089C8.4555 14.5945 6.53203 15.6265 7.70349 16.9181C8.27576 17.5489 8.91323 18.0001 9.71443 18.0001H14.287C15.0882 18.0001 15.7256 17.5489 16.2979 16.9181C17.4694 15.6265 15.5459 14.5945 14.8123 14.089C13.092 12.9038 10.9094 12.9038 9.1891 14.089Z"
										stroke="currentColor" stroke-width="1.5"></path>
									<path
										d="M14.3327 8.4C14.3327 9.72548 13.288 10.8 11.9993 10.8C10.7107 10.8 9.66602 9.72548 9.66602 8.4C9.66602 7.07452 10.7107 6 11.9993 6C13.288 6 14.3327 7.07452 14.3327 8.4Z"
										stroke="white" stroke-width="1.5"></path>
									<path
										d="M2 7.98608C2.10954 5.77584 2.43723 4.39781 3.41752 3.41752C4.39781 2.43723 5.77584 2.10954 7.98607 2M22 7.98608C21.8905 5.77584 21.5628 4.39781 20.5825 3.41752C19.6022 2.43723 18.2242 2.10954 16.0139 2M16.0139 22C18.2242 21.8905 19.6022 21.5628 20.5825 20.5825C21.5628 19.6022 21.8905 18.2242 22 16.0139M7.98607 22C5.77584 21.8905 4.39781 21.5628 3.41752 20.5825C2.43723 19.6022 2.10954 18.2242 2 16.0139"
										stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
										stroke-linejoin="round"></path>
								</svg>
								Scan
							</span></a>
					</xf:if>
					<xf:if is="($xf.visitor.canViewFeedbackXcfs() && $xf.visitor.canGiveFeedbackXcfs() &&  ($xf.visitor.user_id != $user.user_id)) &&
		 ($user.canViewFeedbackXcfs() && $user.canReceiveFeedbackXcfs())">
						<a href="{{ link ( 'feedback/add-feedback', $user) }}" class="button" data-xf-click="overlay">
							<span class="button-text">
								<svg width="20" height="20" viewBox="0 0 24 24" fill="none"
									xmlns="http://www.w3.org/2000/svg">
									<path
										d="M4.91992 20.28L6.68992 21.65C6.91992 21.88 7.42992 21.99 7.77992 21.99H9.94992C10.6399 21.99 11.3799 21.48 11.5499 20.79L12.9199 16.62C13.2099 15.82 12.6899 15.13 11.8299 15.13H9.53992C9.45439 15.13 9.36989 15.1112 9.2925 15.0748C9.2151 15.0384 9.14671 14.9853 9.09224 14.9193C9.03776 14.8534 8.99855 14.7762 8.9774 14.6933C8.95625 14.6105 8.9537 14.5239 8.96992 14.44L9.25992 12.61C9.36992 12.1 9.02992 11.52 8.51992 11.35C8.05992 11.18 7.48992 11.41 7.25992 11.75L4.91992 15.24"
										stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"></path>
									<path
										d="M2 20.28V14.68C2 13.88 2.34 13.59 3.14 13.59H3.71C4.51 13.59 4.85 13.88 4.85 14.68V20.28C4.85 21.08 4.51 21.37 3.71 21.37H3.14C2.34 21.37 2 21.09 2 20.28Z"
										stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
										stroke-linejoin="round"></path>
									<path
										d="M19.0808 3.72001L17.3108 2.35001C17.0808 2.12001 16.5708 2.01001 16.2208 2.01001H14.0508C13.3608 2.01001 12.6208 2.52001 12.4508 3.21001L11.0808 7.38001C10.7908 8.18001 11.3108 8.87001 12.1708 8.87001H14.4608C14.8008 8.87001 15.0908 9.16001 15.0308 9.56001L14.7408 11.39C14.6308 11.9 14.9708 12.48 15.4808 12.65C15.9408 12.82 16.5108 12.59 16.7408 12.25L19.0808 8.76001"
										stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"></path>
									<path
										d="M22.0004 3.72V9.32C22.0004 10.12 21.6604 10.41 20.8604 10.41H20.2904C19.4904 10.41 19.1504 10.12 19.1504 9.32V3.72C19.1504 2.92 19.4904 2.63 20.2904 2.63H20.8604C21.6604 2.63 22.0004 2.91 22.0004 3.72Z"
										stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
										stroke-linejoin="round"></path>
								</svg>
								Add Vouch
							</span>
						</a>
					</xf:if>
					<xf:if is="$xf.visitor.canStartConversationWith($user)">
						<a href="{{ link('conversations/add', null, {'to': $user.username}) }}" class="button"><span
								class="button-text">
								<svg width="20" height="20" viewBox="0 0 24 24" fill="none"
									xmlns="http://www.w3.org/2000/svg">
									<path
										d="M8.5 19H8C4 19 2 18 2 13V8C2 4 4 2 8 2H16C20 2 22 4 22 8V13C22 17 20 19 16 19H15.5C15.19 19 14.89 19.15 14.7 19.4L13.2 21.4C12.54 22.28 11.46 22.28 10.8 21.4L9.3 19.4C9.14 19.18 8.77 19 8.5 19Z"
										stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"
										stroke-linecap="round" stroke-linejoin="round"></path>
									<path d="M7 8H17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
										stroke-linejoin="round"></path>
									<path d="M7 13H13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
										stroke-linejoin="round"></path>
								</svg>
								Message
							</span></a>
					</xf:if>
					<xf:if is="$xf.visitor.canRateRS() && $user.user_id != $xf.visitor.user_id">
						<a href="{{ link('members/ratings/give', $user) }}" class="button" data-xf-click="overlay">
							<span class="button-text">
								<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
									<path d="M10.7509 2.44995C11.4409 1.85995 12.5709 1.85995 13.2709 2.44995L14.8509 3.80995C15.1509 4.06995 15.7109 4.27995 16.1109 4.27995H17.8109C18.8709 4.27995 19.7409 5.14995 19.7409 6.20995V7.90995C19.7409 8.29995 19.9509 8.86995 20.2109 9.16995L21.5709 10.7499C22.1609 11.4399 22.1609 12.5699 21.5709 13.2699L20.2109 14.8499C19.9509 15.1499 19.7409 15.7099 19.7409 16.1099V17.8099C19.7409 18.8699 18.8709 19.7399 17.8109 19.7399H16.1109C15.7209 19.7399 15.1509 19.9499 14.8509 20.2099L13.2709 21.5699C12.5809 22.1599 11.4509 22.1599 10.7509 21.5699L9.17086 20.2099C8.87086 19.9499 8.31086 19.7399 7.91086 19.7399H6.18086C5.12086 19.7399 4.25086 18.8699 4.25086 17.8099V16.0999C4.25086 15.7099 4.04086 15.1499 3.79086 14.8499L2.44086 13.2599C1.86086 12.5699 1.86086 11.4499 2.44086 10.7599L3.79086 9.16995C4.04086 8.86995 4.25086 8.30995 4.25086 7.91995V6.20995C4.25086 5.14995 5.12086 4.27995 6.18086 4.27995H7.91086C8.30086 4.27995 8.87086 4.06995 9.17086 3.80995L10.7509 2.44995Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
									<path d="M9.88914 14.82L11.3391 15.94C11.5291 16.13 11.9491 16.22 12.2291 16.22H13.9991C14.5591 16.22 15.1691 15.8 15.3091 15.24L16.4291 11.82C16.6591 11.17 16.2391 10.6 15.5391 10.6H13.6691C13.3891 10.6 13.1591 10.37 13.1991 10.04L13.4291 8.54004C13.5191 8.12004 13.2391 7.65004 12.8191 7.51004C12.4491 7.37004 11.9791 7.56004 11.7891 7.84004L9.86914 10.69" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"></path>
									<path d="M7.5 14.82V10.24C7.5 9.57997 7.78 9.34998 8.44 9.34998H8.91C9.56 9.34998 9.85 9.57997 9.85 10.24V14.82C9.85 15.47 9.57 15.71 8.91 15.71H8.44C7.78 15.71 7.5 15.48 7.5 14.82Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
								</svg>
								Add Rep
							</span>
						</a>
					</xf:if>
					<div class="buttonGroup-buttonWrapper">
						<xf:if is="$xf.visitor.is_admin OR $xf.visitor.is_moderator">
							<xf:if contentcheck="true">
								<button type="button" class="button" data-xf-click="menu" aria-expanded="false"
									aria-haspopup="true">
									<span class="button-text">
										<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
											viewBox="0 0 15 15">
											<path fill="white"
												d="M7.748.066a.5.5 0 0 0-.496 0l-7 4A.5.5 0 0 0 0 4.5v.72a10.15 10.15 0 0 0 7.363 9.76a.5.5 0 0 0 .274 0A10.152 10.152 0 0 0 15 5.22V4.5a.5.5 0 0 0-.252-.434l-7-4Z" />
										</svg>
									</span>
								</button>
								<div class="menu" data-menu="menu" aria-hidden="true">
									<div class="menu-content">
										<xf:contentcheck>
											<xf:macro template="member_macros" name="moderator_menu_actions"
												arg-user="{$user}" arg-context="profile" />
										</xf:contentcheck>
									</div>
								</div>
							</xf:if>
						</xf:if>
						<button type="button" class="button" data-xf-click="menu" aria-expanded="false"
							aria-haspopup="true">
							<span class="button-text">
								<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
									xmlns="http://www.w3.org/2000/svg">
									<path
										d="M10 11C10.5523 11 11 10.5523 11 10C11 9.44772 10.5523 9 10 9C9.44772 9 9 9.44772 9 10C9 10.5523 9.44772 11 10 11Z"
										stroke="currentcolor" stroke-width="2" stroke-linecap="round"
										stroke-linejoin="round"></path>
									<path
										d="M10 4C10.5523 4 11 3.55228 11 3C11 2.44772 10.5523 2 10 2C9.44772 2 9 2.44772 9 3C9 3.55228 9.44772 4 10 4Z"
										stroke="currentcolor" stroke-width="2" stroke-linecap="round"
										stroke-linejoin="round"></path>
									<path
										d="M10 18C10.5523 18 11 17.5523 11 17C11 16.4477 10.5523 16 10 16C9.44772 16 9 16.4477 9 17C9 17.5523 9.44772 18 10 18Z"
										stroke="currentcolor" stroke-width="2" stroke-linecap="round"
										stroke-linejoin="round"></path>
								</svg>
							</span>
						</button>
						<div class="menu" data-menu="menu" aria-hidden="true">
							<div class="menu-content" style="padding: 0;">
								<xf:if is="$user.user_id == $xf.visitor.user_id && $xf.visitor.canUploadProfileBanner()">
								<a href="{{ link('account/banner') }}" data-xf-click="overlay" class="menu-linkRow">
									<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 48 48">
										<g fill="none">
											<path fill="#a4a6a8"
												d="M44 24a2 2 0 1 0-4 0h4ZM24 8a2 2 0 1 0 0-4v4Zm15 32H9v4h30v-4ZM8 39V9H4v30h4Zm32-15v15h4V24h-4ZM9 8h15V4H9v4Zm0 32a1 1 0 0 1-1-1H4a5 5 0 0 0 5 5v-4Zm30 4a5 5 0 0 0 5-5h-4a1 1 0 0 1-1 1v4ZM8 9a1 1 0 0 1 1-1V4a5 5 0 0 0-5 5h4Z" />
											<path stroke="#a4a6a8" stroke-linecap="round" stroke-linejoin="round"
												stroke-width="4"
												d="m6 35l10.693-9.802a2 2 0 0 1 2.653-.044L32 36m-4-5l4.773-4.773a2 2 0 0 1 2.615-.186L42 31M30 12h12m-6-6v12" />
										</g>
									</svg> Edit Profile Cover
								</a>
								</xf:if>
								<xf:if is="$user.user_id == $xf.visitor.user_id">
								<a href="{{ link('account/account-details') }}" class="menu-linkRow">
									<svg width="20" height="20" viewBox="0 0 24 24" fill="none"
										xmlns="http://www.w3.org/2000/svg">
										<path
											d="M15.5 12C15.5 13.933 13.933 15.5 12 15.5C10.067 15.5 8.5 13.933 8.5 12C8.5 10.067 10.067 8.5 12 8.5C13.933 8.5 15.5 10.067 15.5 12Z"
											stroke="currentColor" stroke-width="1.5"></path>
										<path
											d="M21.011 14.0964C21.5329 13.9557 21.7939 13.8853 21.8969 13.7507C22 13.6162 22 13.3997 22 12.9668V11.0331C22 10.6002 22 10.3837 21.8969 10.2492C21.7938 10.1146 21.5329 10.0442 21.011 9.90352C19.0606 9.37753 17.8399 7.33845 18.3433 5.40081C18.4817 4.86793 18.5509 4.6015 18.4848 4.44523C18.4187 4.28896 18.2291 4.18128 17.8497 3.9659L16.125 2.98667C15.7528 2.77533 15.5667 2.66966 15.3997 2.69216C15.2326 2.71466 15.0442 2.90267 14.6672 3.27867C13.208 4.73442 10.7936 4.73436 9.33434 3.27858C8.95743 2.90257 8.76898 2.71457 8.60193 2.69206C8.43489 2.66956 8.24877 2.77523 7.87653 2.98657L6.15184 3.96581C5.77253 4.18117 5.58287 4.28885 5.51678 4.44509C5.45068 4.60134 5.51987 4.86781 5.65825 5.40074C6.16137 7.33844 4.93972 9.37757 2.98902 9.90354C2.46712 10.0442 2.20617 10.1146 2.10308 10.2491C2 10.3837 2 10.6002 2 11.0331V12.9668C2 13.3997 2 13.6162 2.10308 13.7507C2.20615 13.8853 2.46711 13.9557 2.98902 14.0964C4.9394 14.6224 6.16008 16.6615 5.65672 18.5991C5.51829 19.132 5.44907 19.3984 5.51516 19.5547C5.58126 19.711 5.77092 19.8187 6.15025 20.034L7.87495 21.0133C8.24721 21.2246 8.43334 21.3303 8.6004 21.3078C8.76746 21.2853 8.95588 21.0972 9.33271 20.7212C10.7927 19.2643 13.2088 19.2642 14.6689 20.7211C15.0457 21.0972 15.2341 21.2852 15.4012 21.3077C15.5682 21.3302 15.7544 21.2245 16.1266 21.0132L17.8513 20.0339C18.2307 19.8186 18.4204 19.7109 18.4864 19.5546C18.5525 19.3983 18.4833 19.1319 18.3448 18.599C17.8412 16.6615 19.0609 14.6225 21.011 14.0964Z"
											stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
									</svg>
									Settings
								</a>
								</xf:if>
								<a class="menu-linkRow" data-xf-init="copy-to-clipboard"
									data-copy-text="{{ link('members', $xf.user) }}">
									<svg width="20" height="20" viewBox="0 0 24 24" fill="none"
										xmlns="http://www.w3.org/2000/svg">
										<path
											d="M14.5563 13.2183C13.514 14.2606 11.8241 14.2606 10.7817 13.2183C9.73943 12.1759 9.73943 10.486 10.7817 9.44364L13.1409 7.0845C14.1357 6.08961 15.7206 6.04433 16.7692 6.94866M16.4437 3.78175C17.486 2.73942 19.1759 2.73942 20.2183 3.78175C21.2606 4.82408 21.2606 6.51403 20.2183 7.55636L17.8591 9.9155C16.8643 10.9104 15.2794 10.9557 14.2308 10.0513"
											stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
										<path
											d="M21 13C21 16.7712 21 18.6569 19.8284 19.8284C18.6569 21 16.7712 21 13 21H11C7.22876 21 5.34315 21 4.17157 19.8284C3 18.6569 3 16.7712 3 13V11C3 7.22876 3 5.34315 4.17157 4.17157C5.34315 3 7.22876 3 11 3"
											stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
									</svg>
									Copy Profile URL
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="dp-badges-widget">
		<div class="dp-badges-list">
			<xf:include template="xc_member_view_badages" />
		</div>
		<div class="overlay-container earn-xp-overlay">
			<div class="overlay">
				<div class="overlay-title">
					Earn XP
				</div>
				<div class="overlay-content">
					<div class="earn-xp-grid">
						<div class="earn-xp-item">
							<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
								xmlns="http://www.w3.org/2000/svg">
								<path
									d="M12.5 2.01175C12.3344 2.00395 12.1677 2 12 2C6.47778 2 2 6.28357 2 11.5667C2 14.1051 3.03333 16.4115 4.71889 18.1231C5.09 18.5 5.33778 19.0148 5.23778 19.5448C5.07275 20.4112 4.69874 21.2194 4.15111 21.893C5.59195 22.161 7.09014 21.9197 8.37499 21.2364C8.82918 20.9949 9.05627 20.8741 9.21653 20.8496C9.37678 20.8251 9.60633 20.8682 10.0654 20.9545C10.7032 21.0742 11.3507 21.1343 12 21.1334C17.5222 21.1334 22 16.8499 22 11.5667C22 11.3765 21.9942 11.1875 21.9827 11"
									stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
								</path>
								<path d="M15 5.5H22M18.5 2V9" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round"
									stroke-linejoin="round"></path>
								<path d="M11.9955 12H12.0045M15.991 12H16M8 12H8.00897" stroke="white" stroke-width="2"
									stroke-linecap="round" stroke-linejoin="round"></path>
							</svg>
							<h3 class="earn-xp-task">
								Create a thread
							</h3>
							<div class="earn-xp-amount">
								25 XP
							</div>
						</div>
						<div class="earn-xp-item">
							<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
								xmlns="http://www.w3.org/2000/svg">
								<path
									d="M22 11.5667C22 16.8499 17.5222 21.1334 12 21.1334C11.3507 21.1343 10.7032 21.0742 10.0654 20.9545C9.60633 20.8682 9.37678 20.8251 9.21653 20.8496C9.05627 20.8741 8.82918 20.9948 8.37499 21.2364C7.09014 21.9197 5.59195 22.161 4.15111 21.893C4.69874 21.2194 5.07275 20.4112 5.23778 19.5448C5.33778 19.0148 5.09 18.5 4.71889 18.1231C3.03333 16.4115 2 14.1051 2 11.5667C2 6.28357 6.47778 2 12 2C17.5222 2 22 6.28357 22 11.5667Z"
									stroke="white" stroke-width="1.5" stroke-linejoin="round"></path>
								<path d="M11.9955 12H12.0045M15.991 12H16M8 12H8.00897" stroke="#006fcd"
									stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
							</svg>
							<h3 class="earn-xp-task">
								Post a reply
							</h3>
							<div class="earn-xp-amount">
								5 XP
							</div>
						</div>
						<div class="earn-xp-item">
							<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
								xmlns="http://www.w3.org/2000/svg">
								<path
									d="M12 2C6.47778 2 2 6.28357 2 11.5667C2 14.1051 3.03333 16.4115 4.71889 18.1231C5.09 18.5 5.33778 19.0148 5.23778 19.5448C5.07275 20.4112 4.69874 21.2194 4.15111 21.893C5.59195 22.161 7.09014 21.9197 8.37499 21.2364C8.82918 20.9949 9.05627 20.8741 9.21653 20.8496C9.37678 20.8251 9.60633 20.8682 10.0654 20.9545C10.7032 21.0742 11.3507 21.1343 12 21.1334C17.5222 21.1334 22 16.8499 22 11.5667C22 10.6776 21.8732 9.81683 21.6359 9"
									stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
								</path>
								<path d="M11.9955 12H12.0045M15.991 12H16M8 12H8.00897" stroke="white" stroke-width="2"
									stroke-linecap="round" stroke-linejoin="round"></path>
								<path
									d="M17.5183 2.43325L18.0462 3.49786C18.1182 3.64606 18.3102 3.78821 18.4722 3.81543L19.4291 3.97573C20.041 4.07856 20.185 4.52618 19.7441 4.96775L19.0001 5.71781C18.8741 5.84484 18.8052 6.08982 18.8441 6.26524L19.0571 7.1937C19.2251 7.9287 18.8382 8.213 18.1932 7.8289L17.2963 7.2936C17.1343 7.1968 16.8674 7.1968 16.7024 7.2936L15.8055 7.8289C15.1636 8.213 14.7736 7.9257 14.9416 7.1937L15.1546 6.26524C15.1936 6.08982 15.1246 5.84484 14.9986 5.71781L14.2547 4.96775C13.8167 4.52618 13.9577 4.07856 14.5696 3.97573L15.5265 3.81543C15.6855 3.78821 15.8775 3.64606 15.9495 3.49786L16.4774 2.43325C16.7654 1.85558 17.2333 1.85558 17.5183 2.43325Z"
									stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
								</path>
							</svg>
							<h3 class="earn-xp-task">
								Popular thread (Bonus)
							</h3>
							<div class="earn-xp-amount">
								500 XP
							</div>
						</div>
						<div class="earn-xp-item">
							<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
								xmlns="http://www.w3.org/2000/svg">
								<path
									d="M7.48047 18.35L10.5805 20.75C10.9805 21.15 11.8805 21.35 12.4805 21.35H16.2805C17.4805 21.35 18.7805 20.45 19.0805 19.25L21.4805 11.95C21.9805 10.55 21.0805 9.34997 19.5805 9.34997H15.5805C14.9805 9.34997 14.4805 8.84997 14.5805 8.14997L15.0805 4.94997C15.2805 4.04997 14.6805 3.04997 13.7805 2.74997C12.9805 2.44997 11.9805 2.84997 11.5805 3.44997L7.48047 9.54997"
									stroke="white" stroke-width="1.5" stroke-miterlimit="10"></path>
								<path
									d="M2.37988 18.35V8.55002C2.37988 7.15002 2.97988 6.65002 4.37988 6.65002H5.37988C6.77988 6.65002 7.37988 7.15002 7.37988 8.55002V18.35C7.37988 19.75 6.77988 20.25 5.37988 20.25H4.37988C2.97988 20.25 2.37988 19.75 2.37988 18.35Z"
									stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
								</path>
							</svg>
							<h3 class="earn-xp-task">
								Receive a positive vouch
							</h3>
							<div class="earn-xp-amount">
								150 XP
							</div>
						</div>
						<div class="earn-xp-item">
							<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
								xmlns="http://www.w3.org/2000/svg">
								<path
									d="M10.7499 2.44982C11.4399 1.85982 12.5699 1.85982 13.2699 2.44982L14.8499 3.80993C15.1499 4.06993 15.7099 4.2799 16.1099 4.2799H17.8099C18.8699 4.2799 19.7399 5.14983 19.7399 6.20983V7.90991C19.7399 8.29991 19.9499 8.86992 20.2099 9.16992L21.5699 10.7499C22.1599 11.4399 22.1599 12.5699 21.5699 13.2699L20.2099 14.8498C19.9499 15.1498 19.7399 15.7099 19.7399 16.1099V17.8099C19.7399 18.8699 18.8699 19.7399 17.8099 19.7399H16.1099C15.7199 19.7399 15.1499 19.9498 14.8499 20.2098L13.2699 21.5698C12.5799 22.1598 11.4499 22.1598 10.7499 21.5698L9.16989 20.2098C8.86989 19.9498 8.30988 19.7399 7.90988 19.7399H6.17987C5.11987 19.7399 4.24988 18.8699 4.24988 17.8099V16.0998C4.24988 15.7098 4.03989 15.1498 3.78989 14.8498L2.43988 13.2599C1.85988 12.5699 1.85988 11.4499 2.43988 10.7599L3.78989 9.16992C4.03989 8.86992 4.24988 8.30992 4.24988 7.91992V6.20983C4.24988 5.14983 5.11987 4.2799 6.17987 4.2799H7.90988C8.29988 4.2799 8.86989 4.06993 9.16989 3.80993L10.7499 2.44982Z"
									stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
								</path>
								<path
									d="M9.89014 14.82L11.3401 15.94C11.5301 16.13 11.9501 16.22 12.2301 16.22H14.0001C14.5601 16.22 15.1701 15.8 15.3101 15.24L16.4301 11.82C16.6601 11.17 16.2401 10.6 15.5401 10.6H13.6701C13.3901 10.6 13.1601 10.3701 13.2001 10.0401L13.4301 8.54008C13.5201 8.12008 13.2401 7.65005 12.8201 7.51005C12.4501 7.37005 11.9801 7.56 11.7901 7.84L9.87012 10.69"
									stroke="#006fcd" stroke-width="1.5" stroke-miterlimit="10"></path>
								<path
									d="M7.5 14.8201V10.2401C7.5 9.58011 7.78 9.3501 8.44 9.3501H8.91C9.56 9.3501 9.85001 9.58011 9.85001 10.2401V14.8201C9.85001 15.4701 9.57 15.7101 8.91 15.7101H8.44C7.78 15.7101 7.5 15.4801 7.5 14.8201Z"
									stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
								</path>
							</svg>
							<h3 class="earn-xp-task">
								Receive a positive reputation
							</h3>
							<div class="earn-xp-amount">
								50 XP
							</div>
						</div>
						<div class="earn-xp-item">
							<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
								xmlns="http://www.w3.org/2000/svg">
								<path
									d="M11.5 2C6.21 2.24942 2 6.43482 2 11.5606C2 14.1004 3.03333 16.4082 4.71889 18.1208C5.09 18.4979 5.33778 19.0131 5.23778 19.5433C5.07275 20.4103 4.69874 21.2189 4.15111 21.8929C5.59195 22.1611 7.09014 21.9196 8.37499 21.2359C8.82918 20.9943 9.05627 20.8734 9.21653 20.8489C9.37678 20.8244 9.60633 20.8676 10.0654 20.9538C10.7032 21.0737 11.3507 21.1337 12 21.1329C17.5222 21.1329 22 16.8468 22 11.5606C22 11.3702 21.9942 11.1812 21.9827 10.9935"
									stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
								</path>
								<path
									d="M15.015 2.38661C16.0876 1.74692 17.0238 2.00471 17.5863 2.41534C17.8169 2.58371 17.9322 2.66789 18 2.66789C18.0678 2.66789 18.1831 2.58371 18.4137 2.41534C18.9762 2.00471 19.9124 1.74692 20.985 2.38661C22.3928 3.22614 22.7113 5.99577 19.4642 8.33241C18.8457 8.77747 18.5365 9 18 9C17.4635 9 17.1543 8.77747 16.5358 8.33241C13.2887 5.99577 13.6072 3.22614 15.015 2.38661Z"
									stroke="#006fcd" stroke-width="1.5" stroke-linecap="round"></path>
								<path d="M11.9955 12H12.0045M15.991 12H16M8 12H8.00897" stroke="white" stroke-width="2"
									stroke-linecap="round" stroke-linejoin="round"></path>
							</svg>
							<h3 class="earn-xp-task">
								Receive a like on your post
							</h3>
							<div class="earn-xp-amount">
								50 XP
							</div>
						</div>
						<div class="earn-xp-item">
							<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
								xmlns="http://www.w3.org/2000/svg">
								<path
									d="M8.90001 7.55999C9.21001 3.95999 11.06 2.48999 15.11 2.48999H15.24C19.71 2.48999 21.5 4.27999 21.5 8.74999V15.27C21.5 19.74 19.71 21.53 15.24 21.53H15.11C11.09 21.53 9.24001 20.08 8.91001 16.54"
									stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
								</path>
								<path
									d="M13 12H3M13 12C13 11.2998 11.0057 9.99153 10.5 9.5M13 12C13 12.7002 11.0057 14.0085 10.5 14.5"
									stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
								</path>
							</svg>
							<h3 class="earn-xp-task">
								Daily visit
							</h3>
							<div class="earn-xp-amount">
								25 XP
							</div>
						</div>
						<div class="earn-xp-item">
							<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
								xmlns="http://www.w3.org/2000/svg">
								<path
									d="M12 2C6.47778 2 2 6.28357 2 11.5667C2 14.1051 3.03333 16.4115 4.71889 18.1231C5.09 18.5 5.33778 19.0148 5.23778 19.5448C5.07275 20.4112 4.69874 21.2194 4.15111 21.893C5.59195 22.161 7.09014 21.9197 8.37499 21.2364C8.82918 20.9949 9.05627 20.8741 9.21653 20.8496C9.37678 20.8251 9.60633 20.8682 10.0654 20.9545C10.7032 21.0742 11.3507 21.1343 12 21.1334C17.5222 21.1334 22 16.8499 22 11.5667C22 10.6776 21.8732 9.81683 21.6359 9"
									stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
								</path>
								<path d="M14 6C14 6 15 6 16 8C16 8 19.1765 3 22 2" stroke="#006fcd" stroke-width="1.5"
									stroke-linecap="round" stroke-linejoin="round"></path>
								<path d="M11.9955 12H12.0045M15.991 12H16M8 12H8.00897" stroke="white" stroke-width="2"
									stroke-linecap="round" stroke-linejoin="round"></path>
							</svg>
							<h3 class="earn-xp-task">
								Post marked as "Solved"
							</h3>
							<div class="earn-xp-amount">
								150 XP
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="dp-profile-widgets-grid">
		<div style="min-width: 100%;">
			<xf:if is="$user.af_as_award_total|number == 0">
				<div class="dp-profile-widget">
					<div class="profile-widget-header">
						<h4>
							Awards
						</h4>
					</div>
					<div class="dp-profile-widget-inner">
						<div class="empty-state">
							<div class="empty-state-vector">
								<svg width="120" height="120" viewBox="0 0 120 120" fill="none"
									xmlns="http://www.w3.org/2000/svg">
									<path
										d="M16 41C16 36.5817 19.5817 33 24 33H28V87H24C19.5817 87 16 83.4183 16 79V41Z"
										fill="#19191D"></path>
									<path
										d="M104 41C104 36.5817 100.418 33 96 33H92V87H96C100.418 87 104 83.4183 104 79V41Z"
										fill="#19191D"></path>
									<path
										d="M84 26H36C31.5817 26 28 29.5817 28 34V86C28 90.4183 31.5817 94 36 94H84C88.4183 94 92 90.4183 92 86V34C92 29.5817 88.4183 26 84 26Z"
										fill="#212125"></path>
									<path
										d="M74.5 83H45.5C44.6716 83 44 82.3284 44 81.5C44 80.6716 44.6716 80 45.5 80H74.5C75.3284 80 76 80.6716 76 81.5C76 82.3284 75.3284 83 74.5 83Z"
										fill="#525358"></path>
									<path
										d="M70.5 90H49.5C48.6716 90 48 89.3284 48 88.5C48 87.6716 48.6716 87 49.5 87H70.5C71.3284 87 72 87.6716 72 88.5C72 89.3284 71.3284 90 70.5 90Z"
										fill="#525358"></path>
									<path
										d="M61.5 35.0207L76.5526 43.7113C77.4808 44.2472 78.0526 45.2376 78.0526 46.3094V63.6906C78.0526 64.7624 77.4808 65.7528 76.5526 66.2887L61.5 74.9793C60.5718 75.5152 59.4282 75.5152 58.5 74.9793L43.4474 66.2887C42.5192 65.7528 41.9474 64.7624 41.9474 63.6906V46.3094C41.9474 45.2376 42.5192 44.2472 43.4474 43.7113L58.5 35.0207C59.4282 34.4848 60.5718 34.4848 61.5 35.0207Z"
										stroke="#19191D" stroke-width="2"></path>
									<path
										d="M61.1623 49.7413L62.2056 51.3704C62.3704 51.6266 62.7364 51.8829 63.011 51.9561L64.878 52.432C66.0311 52.7249 66.3423 53.7133 65.5919 54.6285L64.3655 56.1111C64.1824 56.349 64.036 56.77 64.0543 57.0629L64.1641 58.9848C64.2374 60.1746 63.3954 60.7786 62.2971 60.3393L60.5034 59.6254C60.2288 59.5156 59.7712 59.5156 59.4966 59.6254L57.7029 60.3393C56.6046 60.7786 55.7626 60.1563 55.8359 58.9848L55.9457 57.0629C55.964 56.77 55.8175 56.3307 55.6345 56.1111L54.4081 54.6285C53.6577 53.7133 53.9689 52.7249 55.122 52.432L56.989 51.9561C57.2819 51.8829 57.6479 51.6083 57.7944 51.3704L58.8377 49.7413C59.4966 48.7529 60.5217 48.7529 61.1623 49.7413Z"
										fill="#006fcd" fill-opacity="0.1" stroke="#006fcd" stroke-width="1.5"
										stroke-linecap="round" stroke-linejoin="round"></path>
									<path fill-rule="evenodd" clip-rule="evenodd"
										d="M46.7972 45.5322C46.0322 46.8479 45.8889 47.2539 45.8889 48.1056C45.8889 49.3949 46.492 50.4184 47.6806 51.146C47.9479 51.3097 48.1656 51.4611 48.1643 51.4823C48.158 51.587 47.9651 52.3398 47.9374 52.3681C47.9198 52.386 47.7433 52.3233 47.5451 52.2287C46.9583 51.9488 46.5601 51.8911 45.2083 51.89L44 51.889V52.8992C44 54.0474 44.0849 54.5221 44.3996 55.1343C44.6472 55.6161 45.3157 56.295 45.7748 56.5308C46.3874 56.8456 46.5442 56.8848 47.3333 56.9217L48.0833 56.9567L48.2086 57.3531C48.2774 57.5711 48.3467 57.7904 48.3626 57.8405C48.3869 57.9176 48.3208 57.9364 47.9318 57.9633C47.679 57.9807 47.3226 58.0488 47.1397 58.1144C46.8024 58.2356 44.7245 59.4156 44.723 59.4869C44.7226 59.5083 44.9284 59.8905 45.1806 60.3363C45.9369 61.6738 46.6222 62.2644 47.7019 62.5093C48.5441 62.7002 49.3794 62.5482 50.2335 62.0484C50.4689 61.9106 50.6814 61.7991 50.7057 61.8006C50.7301 61.8021 50.9079 61.9513 51.1009 62.132L51.4518 62.4608L51.1736 62.6428C50.6573 62.9804 50.2374 63.5127 49.625 64.6056C49.3118 65.1646 49.0556 65.6386 49.0556 65.6592C49.0556 65.7362 50.6549 66.6377 51.0278 66.7708C51.5463 66.9559 52.2742 66.9963 52.804 66.8694C53.467 66.7105 53.9671 66.4255 54.4411 65.9364C54.7991 65.567 54.9584 65.3292 55.5207 64.3255C55.8834 63.6778 56.1583 63.1285 56.1317 63.1046C56.1051 63.0807 55.8458 62.9788 55.5556 62.8782C54.1484 62.3908 53.0782 61.7161 52.0519 60.6696C50.5272 59.1149 49.6845 57.2765 49.4893 55.0791C49.3643 53.6721 49.5862 52.3003 50.1794 50.8132C50.5556 49.8702 50.6113 49.6418 50.6103 49.047C50.6084 47.9585 50.1866 47.0437 49.3771 46.3723C49.1556 46.1886 47.9629 45.4517 47.1566 45.0004C47.1357 44.9887 46.974 45.228 46.7972 45.5322ZM71.9591 45.519C70.8397 46.1801 70.7104 46.2695 70.3444 46.635C69.7475 47.2311 69.4419 47.9499 69.4008 48.8548C69.3688 49.5579 69.4293 49.8413 69.819 50.8132C70.8508 53.3866 70.7791 55.9653 69.6093 58.3464C69.1608 59.2594 68.7055 59.8955 67.9473 60.6687C66.929 61.707 65.8679 62.3797 64.4719 62.8718C64.1967 62.9688 63.937 63.0699 63.8949 63.0965C63.8349 63.1343 63.9623 63.402 64.4785 64.323C65.0347 65.3151 65.2047 65.5696 65.5555 65.935C66.0253 66.4242 66.5243 66.7085 67.196 66.8694C67.7023 66.9907 68.4495 66.9542 68.9445 66.784C69.2525 66.678 70.5572 65.9667 70.8669 65.7359C70.9596 65.6668 70.9256 65.5881 70.3862 64.6254C69.7621 63.5119 69.3455 62.9823 68.8265 62.6428L68.5482 62.4608L68.8991 62.132C69.0921 61.9513 69.2699 61.8021 69.2943 61.8006C69.3186 61.7991 69.5311 61.9106 69.7665 62.0484C70.6206 62.5482 71.4559 62.7002 72.2981 62.5093C73.3743 62.2652 74.0679 61.6696 74.8057 60.3558C75.05 59.9207 75.2565 59.5384 75.2646 59.5064C75.2846 59.4263 73.2729 58.2608 72.8611 58.1139C72.6778 58.0485 72.321 57.9807 72.0682 57.9633C71.6791 57.9364 71.6131 57.9176 71.6374 57.8405C71.6533 57.7904 71.7225 57.5711 71.7914 57.3531L71.9167 56.9567L72.6666 56.9227C73.4591 56.8867 73.745 56.8117 74.3199 56.489C74.7013 56.2748 75.3871 55.5493 75.6005 55.1343C75.9151 54.5221 76 54.0474 76 52.8992V51.889L74.7917 51.89C73.4399 51.8911 73.0417 51.9488 72.4549 52.2287C72.2566 52.3233 72.0802 52.386 72.0626 52.3681C72.0349 52.3398 71.842 51.5871 71.8357 51.4824C71.8344 51.4611 72.0396 51.321 72.2917 51.1709C73.1755 50.6449 73.799 49.8458 74.0288 48.9447C74.1581 48.4379 74.1202 47.4671 73.9527 46.9928C73.8475 46.6955 73.1211 45.3353 72.9314 45.0806C72.868 44.9955 72.7721 45.0388 71.9591 45.519Z"
										fill="#525358"></path>
								</svg>
							</div>
							<h4>
								No Awards
							</h4>
							<p>
								{$user.username} has no awards
							</p>
						</div>
					</div>
				</div>
				<xf:else />
				<div class="dp-profile-widget">
					<div class="profile-widget-header">
						<h4>
							Awards
						</h4>
						<a href="{{ link('award-system/user/awards', null, {'user': $user.user_id}) }}"
							class="dp-badge">
							{$user.af_as_award_total|number}
						</a>
						<div class="widget-swiper-buttons">
							<div class="widget-swiper-button swiper-prev swiper-button-disabled" tabindex="-1"
								role="button" aria-label="Previous slide"
								aria-controls="swiper-wrapper-af52210e971c4976c" aria-disabled="true">
								<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
									xmlns="http://www.w3.org/2000/svg">
									<path d="M15 18L9 12L15 6" stroke="currentColor" stroke-width="1.5"
										stroke-linecap="round" stroke-linejoin="round"></path>
								</svg>
							</div>
							<div class="widget-swiper-button swiper-next" tabindex="0" role="button"
								aria-label="Next slide" aria-controls="swiper-wrapper-af52210e971c4976c"
								aria-disabled="false">
								<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
									xmlns="http://www.w3.org/2000/svg">
									<path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5"
										stroke-linecap="round" stroke-linejoin="round"></path>
								</svg>
							</div>
						</div>
					</div>
					<div class="dp-profile-widget-inner">
						<div class="swiper">
							<div class="swiper-wrapper">
								<xf:set var="$userAwardRepo"
									value="{$xf.app.em.getRepository('AddonFlare\AwardSystem:UserAward')}" />
								<xf:foreach
									loop="$userAwardRepo.getSlicedCollection($user.AwardSystemUserAwards, 0, $user.max_featured_awards)"
									value="$userAward">
									<div class="dp-profile-card-item title-description-apply-{{$userAward.user_award_id}} award-card-item swiper-slide"
										data-xf-init="tooltip" title="">
										<div class="dp-profile-card-icon">
											{{ award_image($userAward.Award) }}
										</div>
										<h4 class="dp-profile-card-title award-title-{{$userAward.award_id}}"></h4>
									</div>

									<script>
										// Given HTML content stored in the variable
										var userAward = '{{ award_image($userAward.Award) }}';

										// Create a temporary HTML element to parse the content
										var tempElement = document.createElement('div');
										tempElement.innerHTML = userAward;

										// Extract the "title" attribute
										var title = tempElement.querySelector('img').getAttribute('title');
										var description = tempElement.querySelector('img').getAttribute('title-description-awards');

										// Find the target HTML element by class name
										var profileCardItemElement = document.querySelector('.title-description-apply-{{$userAward.user_award_id}}');
										var profileTitleElement = document.querySelector('.award-title-{{$userAward.award_id}}');

										// Apply the extracted title to the target element
										profileTitleElement.textContent = title;
										profileCardItemElement.setAttribute('title', description);
									</script>

								</xf:foreach>
							</div>
							<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
						</div>
					</div>
				</div>
			</xf:if>
			<xf:set var="$userView"
				value="{{ $xf.app.em.getRepository('DBTech\Shop:Purchase').getValidAndDisplayedPurchasesForUser($user) }}" />
			<xf:if is="$userView is not empty">
				<div class="dp-profile-widget">
					<div class="profile-widget-header">
						<h4>
							Inventory
						</h4>
						<div class="widget-swiper-buttons">
							<div class="widget-swiper-button swiper-prev swiper-button-disabled swiper-button-lock"
								tabindex="-1" role="button" aria-label="Previous slide"
								aria-controls="swiper-wrapper-d8d37ab52ca0cb23" aria-disabled="true">
								<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
									xmlns="http://www.w3.org/2000/svg">
									<path d="M15 18L9 12L15 6" stroke="currentColor" stroke-width="1.5"
										stroke-linecap="round" stroke-linejoin="round"></path>
								</svg>
							</div>
							<div class="widget-swiper-button swiper-next swiper-button-disabled swiper-button-lock"
								tabindex="-1" role="button" aria-label="Next slide"
								aria-controls="swiper-wrapper-d8d37ab52ca0cb23" aria-disabled="true">
								<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
									xmlns="http://www.w3.org/2000/svg">
									<path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5"
										stroke-linecap="round" stroke-linejoin="round"></path>
								</svg>
							</div>
						</div>
					</div>
					<div class="swiper swiper-initialized swiper-horizontal swiper-backface-hidden">
						<div class="swiper-wrapper">
							<xf:foreach loop="$user->dbtech_shop_purchase" key="$key" value="$purchase" i="$i">
								<div class="dp-profile-card-item inventory-card-item swiper-slide">
									<div class="dp-profile-card-icon">
										<img src="" alt="" id="imageAwardsIcon-{$purchase.item_id}" width="40px"
											height="40px" />
										<img src="" alt="" id="imageAwardsIconSecond-{$purchase.item_id}" width="40px"
											height="40px" />
										<div class="hide" id="grabShopIcon-{$purchase.item_id}" style="display: none;">
											{{ dbtech_shop_item_icon($purchase.Item, 'xxs') }}
										</div>
										<script>
											// Get the src attribute value from the div with id "grabShopIcon"
											var grabShopIcon = document.getElementById('grabShopIcon-{$purchase.item_id}');

											// Get the first image element with the ID imageAwardsIcon
											var targetImgElement = document.getElementById('imageAwardsIcon-{$purchase.item_id}');
											var targetImgSecondElement = document.getElementById('imageAwardsIconSecond-{$purchase.item_id}');

											// Check if the grabShopIcon div exists
											if (grabShopIcon) {
												// Find the first image element within the grabShopIcon div
												var imgElement = grabShopIcon.querySelector('img');

												// Get the src attribute value from the image element
												var imgSrc = imgElement.getAttribute('src');

												// Set the src attribute with the grabbed URL
												targetImgSecondElement.setAttribute('src', imgSrc);
												targetImgElement.setAttribute('src', imgSrc);
											}
										</script>
									</div>
									<h4 class="dp-profile-card-title">
										{$purchase.Item.title} {$title_extra}
									</h4>
								</div>
							</xf:foreach>
						</div>
						<div class="widget-buttons-right">
							<a href="/bits/inventory/" class="button">
								<span class="button-text">
									<svg width="20" height="20" viewBox="0 0 24 24" fill="none"
										xmlns="http://www.w3.org/2000/svg">
										<path
											d="M3 7H5L6 8H18L19 7H21M3 7V5.78078C3 5.32191 3.3123 4.92193 3.75746 4.81063L4.6114 4.59715C6.19781 4.20055 7.82688 4 9.46211 4H14.5379C16.1731 4 17.8022 4.20055 19.3886 4.59715L20.2425 4.81063C20.6877 4.92193 21 5.32191 21 5.78078V7M3 7V17C3 17.6403 3.25435 18.2544 3.70711 18.7071L4.46967 19.4697C4.80924 19.8092 5.26978 20 5.75 20H18.25C18.7302 20 19.1908 19.8092 19.5303 19.4697L20.2929 18.7071C20.7456 18.2544 21 17.6403 21 17V7"
											stroke="currentColor" stroke-width="1.5"></path>
										<path d="M12 15.2716L13.1141 17H15L13.0729 14L12 15.2716Z" fill="currentColor">
										</path>
										<path
											d=""
											fill="currentColor"></path>
									</svg>
									View Inventory
								</span>
							</a>
						</div>
						<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
					</div>
				</div>
				<xf:else />
				<div class="dp-profile-widget">
					<div class="profile-widget-header">
						<h4>
							Inventory
						</h4>
					</div>
					<div class="empty-state">
						<div class="empty-state-vector">
							<svg width="120" height="120" viewBox="0 0 120 120" fill="none"
								xmlns="http://www.w3.org/2000/svg">
								<path d="M16 41C16 36.5817 19.5817 33 24 33H28V87H24C19.5817 87 16 83.4183 16 79V41Z"
									fill="#19191D"></path>
								<path
									d="M104 41C104 36.5817 100.418 33 96 33H92V87H96C100.418 87 104 83.4183 104 79V41Z"
									fill="#19191D"></path>
								<path
									d="M84 26H36C31.5817 26 28 29.5817 28 34V86C28 90.4183 31.5817 94 36 94H84C88.4183 94 92 90.4183 92 86V34C92 29.5817 88.4183 26 84 26Z"
									fill="#212125"></path>
								<path
									d="M74.5 83H45.5C44.6716 83 44 82.3284 44 81.5C44 80.6716 44.6716 80 45.5 80H74.5C75.3284 80 76 80.6716 76 81.5C76 82.3284 75.3284 83 74.5 83Z"
									fill="#525358"></path>
								<path
									d="M70.5 90H49.5C48.6716 90 48 89.3284 48 88.5C48 87.6716 48.6716 87 49.5 87H70.5C71.3284 87 72 87.6716 72 88.5C72 89.3284 71.3284 90 70.5 90Z"
									fill="#525358"></path>
								<path
									d="M61.5 35.0207L76.5526 43.7113C77.4808 44.2472 78.0526 45.2376 78.0526 46.3094V63.6906C78.0526 64.7624 77.4808 65.7528 76.5526 66.2887L61.5 74.9793C60.5718 75.5152 59.4282 75.5152 58.5 74.9793L43.4474 66.2887C42.5192 65.7528 41.9474 64.7624 41.9474 63.6906V46.3094C41.9474 45.2376 42.5192 44.2472 43.4474 43.7113L58.5 35.0207C59.4282 34.4848 60.5718 34.4848 61.5 35.0207Z"
									stroke="#19191D" stroke-width="2"></path>
								<path fill-rule="evenodd" clip-rule="evenodd"
									d="M51 50H53L54 51H66L67 50H69V52V54.556V56.5209V60V60C69 60.6403 68.7456 61.2544 68.2929 61.7071L67.5303 62.4697C67.1908 62.8092 66.7302 63 66.25 63V63H64.75H64H56H55.25H53.75V63C53.2698 63 52.8092 62.8092 52.4697 62.4697L51.7071 61.7071C51.2544 61.2544 51 60.6403 51 60V60V56.5209V54.556V52V50Z"
									stroke="#6B6D75" stroke-width="1.5"></path>
								<path
									d="M51 50H53L54 51H66L67 50H69V48.7808C69 48.3219 68.6877 47.9219 68.2425 47.8106L67.3886 47.5971C65.8022 47.2005 64.1731 47 62.5379 47H57.4621C55.8269 47 54.1978 47.2005 52.6114 47.5971L51.7575 47.8106C51.3123 47.9219 51 48.3219 51 48.7808V50Z"
									fill="#006fcd" fill-opacity="0.1" stroke="#006fcd" stroke-width="1.5"></path>
								<path d="M60 58.2716L61.1141 60H63L61.0729 57L60 58.2716Z" fill="#006fcd"></path>
								<path
									
									fill="#006fcd"></path>
							</svg>
						</div>
						<h4>
							No Items
						</h4>
						<p>
							{$user.username} has no items
						</p>
					</div>
				</div>
			</xf:if>
			<xf:if is="$user.Profile.signature">
				<div class="dp-profile-widget">
					<div class="profile-widget-header">
						<h4>
							Signature
						</h4>
					</div>
					<div class="dp-profile-widget-inner dp-profile-widget-signature">
						<xf:if contentcheck="true">
							<xf:contentcheck>
								{{ bb_code($user.Profile.signature, 'user:signature', $user) }}
							</xf:contentcheck>
						</xf:if>
					</div>
				</div>
			</xf:if>
		</div>
		<xf:include template="xc_userprofilethreads" />
		<xf:include template="jace_userlatestactivity" />
	</div>
</div>
</div>
<xf:widgetpos id="member_view_sidebar" context-user="{$user}" position="sidebar" />]]></template>
    <template title="memberbox.css" type="public" addon_id="" version_id="0" version_string=""><![CDATA[.kz-mp {
    background: #151518;
    border-radius: 0.75rem;
	margin-bottom: 24px;
}

.kz-mp-banner {
    height: 64px;
    width: 100%;
    border-radius: 0.75rem 0.75rem 0 0;
    background: #0e0e10 url(/data/main/Frame-8990.png);
}

.kz-mp-header {
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem;
}

.kz-mp-header .avatar {
    margin-top: -28px;
    flex-shrink: 0;
	border-radius: 50%;
    border: 2px solid #151518;
    box-sizing: content-box;
    background: #151518;
}

.kz-mp-header .username {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kz-mp-header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex: 1;
}

.kz-mp-main {
    display: grid;
    gap: 1.5rem;
    padding: 0.75rem;
}

.kz-mp-bits-balance {
    display: flex;
    align-items: center;
    column-gap: 0.25rem;
    color: #006fcd;
    font-size: 1rem;
    font-weight: 600;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    line-height: 1.5rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.5rem;
    background: rgba(74, 105, 222, 0.1);
    flex-shrink: 0;
}

.kz-mp-wallet {
    display: grid;
    grid-template-columns: 1fr auto;
    border-radius: 8px;
    background: #212125;
}

.kz-mp-wallet .button {
    height: 100%;
    border-radius: 0 8px 8px 0;
}

.kz-mp-wallet-balance {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0 0.75rem;
    color: #FFF;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    background: transparent;
}

.kz-mp-wallet-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
}

.kz-mp-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.75rem;
}

.kz-mp-stats-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.kz-mp-stats-item > div {
    display: flex;
    flex-direction: column-reverse;
}

.kz-mp-stats-item p {
    font-size: 1rem;
    line-height: 1.25rem;
}

.kz-mp-stats-item h5 {
    color: #FFF;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin: 0;
}

/** Global level **/
.kz-userlevel {
    display: grid;
    gap: 0.5rem;
}

.kz-userlevel-bar {
    background: #39393F;
    height: 6px;
    border-radius: 999px;
    overflow: hidden;
    cursor: pointer;
}

.kz-userlevel-bar-perc {
    background: #006fcd;
    height: 100%;
    transition: width .5s ease;
}

.kz-userlevel-data {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.kz-userlevel-badge {
    color: #006fcd;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    background: rgba(74, 105, 222, 0.1);
}

.kz-userlevel-current-xp {
    color: #006fcd;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 600;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}vvv]]></template>
    <template title="message.less" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[@_message-actionColumnWidth: 40px;
@_messageSimple-userColumnWidth: 70px;

.message
{
	&.message--bordered
	{
		border-top: @xf-borderSize solid @xf-borderColor;
	}
}

.message,
.block--messages .message
{
	&.is-mod-selected
	{
		background: @xf-inlineModHighlightColor;

		.message-cell--user,
		.message-cell--vote
		{
			background: @xf-inlineModHighlightColor;
		}

		.message-userArrow:after
		{
			border-right-color: @xf-inlineModHighlightColor;
		}
	}
}

.message-inner
{
	display: flex;

	& + .message-inner
	{
		border-top: @xf-borderSize solid @xf-borderColor;
	}
}

.message-cell
{
	display: block;
	vertical-align: top;
	padding: @xf-messagePadding;

	.message--quickReply &
	{
		//padding-bottom: 35px; // for the submit row

		> .formRow:last-child
		{
			> dd
			{
				padding-bottom: 0;
			}
		}
	}

	&.message-cell--closer
	{
		padding: @xf-messagePaddingSmall;

		&.message-cell--user
		{
			.m-fixedWidthFlex((@xf-messageUserBlockWidth) + 2 * (@xf-messagePaddingSmall));

			.message--simple &
			{
				.m-fixedWidthFlex(@_messageSimple-userColumnWidth + 2 * (@xf-messagePaddingSmall));

			}
		}

		&.message-cell--action
		{
			.m-fixedWidthFlex((@_message-actionColumnWidth) + 2 * (@xf-messagePaddingSmall));
		}
	}

	&.message-cell--user,
	&.message-cell--action
	{
		position: relative;
		.xf-messageUserBlock(no-border);
		border-right: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
		min-width: 0;
	}

	&.message-cell--vote
	{
		position: relative;
		.xf-messageUserBlock(no-border);
		border-left: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
		border-right: 0;
		padding-top: 0;
		padding-bottom: 0;

		.message--solution &
		{
			background: @xf-successBg;
		}

		.solutionIcon
		{
			margin-top: @xf-paddingMedium;
		}
	}

	&.message-cell--user
	{
		.m-fixedWidthFlex((@xf-messageUserBlockWidth) + 2 * (@xf-messagePadding));

		.message--simple &
		{
			.m-fixedWidthFlex(@_messageSimple-userColumnWidth + 2 * @xf-messagePaddingSmall);
		}
	}

	&.message-cell--action
	{
		.m-fixedWidthFlex((@_message-actionColumnWidth) + 2 * (@xf-messagePadding));
	}

	&.message-cell--main
	{
		flex: 1 1 auto;
		width: 100%;
		min-width: 0;

		&.is-editing
		{
			padding: 0;
		}

		// should really only happen when editing
		.block
		{
			margin: 0;
		}

		.block-container
		{
			margin: 0;
			border: none;
		}
	}

	&.message-cell--alert
	{
		font-size: @xf-fontSizeSmall;
		flex: 1 1 auto;
		width: 100%;
		min-width: 0;
		.xf-contentAccentBase();

		a
		{
			.xf-contentAccentLink();
		}
	}

	&.message-cell--extra
	{
		.m-fixedWidthFlex(180 + 2 * (@xf-messagePadding));
		border-left: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
		background: @xf-contentAltBg;

		.formRow-explain
		{
			margin: @xf-paddingMedium 0 0;
			.xf-formExplain();
			.m-textColoredLinks();
			font-size: 80%;
		}
	}

	&.message-cell--header,
	&.message-cell--solutionHeader
	{
		flex: 1 1 auto;
		width: 100%;
		min-width: 0;
		padding: @xf-blockPaddingV @xf-blockPaddingH;
		margin: 0;
	}

	&.message-cell--header
	{
		font-weight: @xf-fontWeightNormal;
		text-decoration: none;
		.xf-blockHeader();
		border-bottom: none;

		.m-hiddenLinks();
	}

	&.message-cell--solutionHeader
	{
		color: @xf-successColor;
		font-size: @xf-fontSizeLarge;
		background: @xf-successBg;
		border-left: @xf-borderSizeFeature solid @xf-successFeatureColor;
	}
}

.message-main
{
	height: 100%;
	display: flex;
	flex-direction: column;
}

.message-content
{
	flex: 1 1 auto;

	// IE11 flex bug
	min-height: 1px;
}

.message-footer
{
	margin-top: auto;
}

.message-expandWrapper
{
	position: relative;
	overflow: hidden;
	.m-transition(-xf-height, height);

	.message-expandContent
	{
		max-height: 250px;
		overflow: hidden;
	}
	.message-expandContent--small
	{
		max-height: 160px;
	}

	&.is-expandable
	{
		.message-expandLink
		{
			display: block;
		}
	}

	&.is-expanded
	{
		.message-expandContent
		{
			max-height: none;
		}

		.message-expandLink
		{
			display: none;
		}
	}
}

.message-column
{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.message-expandLink
{
	display: none;
	position: absolute;
	top: 60%;
	bottom: 0;
	left: 0;
	right: 0;
	cursor: pointer;
	z-index: @zIndex-1;

	.m-gradient(
		fade(@xf-contentBase--background-color, 0%),
		xf-default(@xf-contentBase--background-color, transparent),
		transparent,
		0%,
		70%
	);

	&:empty
	{
		cursor: auto;

		.m-gradient(
			fade(@xf-contentBase--background-color, 0%),
			xf-default(@xf-contentBase--background-color, transparent),
			transparent,
			0%,
			100%
		);
	}

	a
	{
		position: absolute;
		bottom: @xf-messagePadding;
		left: 0;
		right: 0;
		text-align: center;
		font-size: @xf-fontSizeSmall;
		color: @xf-textColorAttention;
		text-decoration: none;
	}
}

@media (max-width: @xf-messageSingleColumnWidth)
{
	.message:not(.message--forceColumns)
	{
		.message-inner
		{
			display: block;
		}

		.message-cell
		{
			display: block;
			.m-clearFix();

			&.message-cell--user
			{
				width: auto;
				border-right: none;
				border-bottom: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
			}

			&.message-cell--vote
			{
				width: auto;
				border-left: none;
				border-top: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;

				.solutionIcon
				{
					margin-top: 0;
				}
			}

			&.message-cell--main
			{
				padding-left: @xf-messagePadding;
			}

			&.message-cell--extra
			{
				width: auto;
				border-left: none;
				border-top: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
			}
		}

		.message-column
		{
			flex-direction: row;
			justify-content: space-evenly;
		}
	}

	.message--simple:not(.message--forceColumns),
	.message--quickReply:not(.message--forceColumns)
	{
		.message-cell.message-cell--user
		{
			display: none;
		}
	}
}

// ######################## USER COLUMN #########################

.message-userArrow
{
	display: none;
	position: absolute;
	top: (@xf-messagePadding) * 2;
	right: -1px;

	.m-triangleLeft(xf-default(@xf-messageUserBlock--border-color, transparent), @xf-messagePadding);

	&:after
	{
		position: absolute;
		top: -(@xf-messagePadding - 1px);
		right: -@xf-messagePadding;
		content: "";

		.m-triangleLeft(@xf-contentBg, @xf-messagePadding - 1px);
	}
}

.message-avatar
{
	text-align: center;

	.avatar
	{
		vertical-align: bottom;
	}
}

.message-avatar-wrapper
{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: .5em;

	.message-avatar-online<xf:if is="property('dt_offline_indicator')">,
	.message-avatar-offline
	</xf:if>
	{
		position: absolute;
		bottom: 12px;
		right: -6px;
		width: 13px;
		height: 13px;
		background: #80d3ab;
		border: @xf-messageUserBlock--background-color solid 3px;
		border-radius: 50%;
	}
	
	<xf:if is="property('dt_offline_indicator')">
	.message-avatar-offline {
		background: #f27777;
	}
	</xf:if>
}

.message-name
{
	font-weight: @xf-fontWeightHeavy;
	font-size: inherit;
	text-align: center;
	margin: 0;
}

.message-userTitle
{
	font-size: @xf-fontSizeSmaller;
	font-weight: normal;
	text-align: center;
	margin: 0;
}

.message-userBanner.userBanner
{
	display: block;
	border-radius: @xf-borderRadiusLarge;
	margin-top: 3px;
}

.message-userExtras
{
	margin-top: @xf-paddingMedium;
	font-size: @xf-fontSizeSmaller;
}

.message--deleted
{
	.message-userDetails
	{
		display: none;
	}

	.message-avatar .avatar
	{
		.m-avatarSize(@avatar-s);
	}
}

@media (max-width: @xf-messageSingleColumnWidth)
{
	.message:not(.message--forceColumns)
	{
		.message-userArrow
		{
			top: auto;
			right: auto;
			bottom: -1px;
			left: ((@avatar-s) / 2);

			border: none;
			.m-triangleUp(xf-default(@xf-messageUserBlock--border-color, transparent), @xf-messagePadding);

			&:after
			{
				top: auto;
				right: auto;
				left: -(@xf-messagePadding - 1px);
				bottom: -@xf-messagePadding;

				border: none;
				.m-triangleUp(@xf-contentBg, @xf-messagePadding - 1px);
			}
		}

		&.is-mod-selected
		{
			.message-userArrow:after
			{
				border-color: transparent;
				border-bottom-color: @xf-inlineModHighlightColor;
			}
		}

		.message-user
		{
			display: flex;
		}

		.message-avatar
		{
			margin-bottom: 0;

			.avatar
			{
				.m-avatarSize(@avatar-s);
			}
		}

		.message-userDetails
		{
			flex: 1;
			min-width: 0;
			padding-left: @xf-messagePadding;
		}
		
		.message-userName
		{
			justify-content: flex-start;
		}

		.message-name
		{
			text-align: left;
		}

		.message-userTitle,
		.message-userBanner.userBanner
		{
			display: inline-block;
			text-align: left;
			margin: 0;
		}

		.message-userExtras
		{
			display: none;
		}

		.message--deleted
		{
			.message-userDetails
			{
				display: block;
			}
		}
	}
}

// ####################### MAIN COLUMN ####################

.message-content
{
	position: relative;

	.js-selectToQuoteEnd
	{
		height: 0;
		font-size: 0;
		overflow: hidden;
	}

	.message--multiQuoteList &
	{
		min-height: 80px;
		max-height: 120px;
		overflow: hidden;

		.message-body
		{
			pointer-events: none;
		}
	}
}

.message-attribution
{
	color: @xf-textColorMuted;
	font-size: @xf-fontSizeSmaller;
	font-weight: 500;
	padding-bottom: @xf-paddingMedium;
	border-bottom: 2px dashed @xf-borderColor;
	.m-clearFix();

	&.message-attribution--plain
	{
		border-bottom: none;
		font-size: inherit;
		padding-bottom: 0;
	}

	&.message-attribution--split
	{
		display: flex;
		align-items: flex-end;
		flex-wrap: wrap;

		.message-attribution-opposite
		{
			margin-left: auto;
		}
	}
}

.message-attribution-main
{
	float: left;
}

.message-attribution-opposite
{
	float: right;

	&.message-attribution-opposite--list
	{
		display: flex;
		.m-listPlain();

		> li
		{
			margin-left: 14px;

			&:first-child
			{
				margin-left: 0;
			}
		}
	}

	a
	{
		color: inherit;

		&:hover
		{
			text-decoration: none;
			color: @xf-linkHoverColor;
		}
	}
}

.message-attribution-gadget
{
	display: inline-block;
	margin: -3px -7px;
	padding: 3px 7px;
}

.message-attribution-source
{
	font-size: @xf-fontSizeSmaller;
	margin-bottom: @xf-paddingSmall;
}

.message-attribution-user
{
	font-weight: @xf-fontWeightHeavy;

	.avatar
	{
		display: none;
	}

	.attribution
	{
		display: inline;
		font-size: inherit;
		font-weight: inherit;
		margin: 0;
	}
}

.message-newIndicator,
a.message-newIndicator
{
	.xf-messageNewIndicator();
	white-space: nowrap;
}

a.message-newIndicator:hover
{
	color: @xf-messageNewIndicator--color;
}

.message-minorHighlight
{
	font-size: @xf-fontSizeSmall;
	color: @xf-textColorFeature;
}

.message-fields
{
	margin: @xf-messagePadding 0;

	.message--simple &
	{
		margin-top: @xf-messagePaddingSmall;
		margin-bottom: @xf-messagePaddingSmall;
	}

	&:last-child
	{
		margin-bottom: 0;
	}
}

.message-body
{
	margin: @xf-messagePadding 0;
	font-family: @xf-fontFamilyBody;
	.m-clearFix();

	.message--simple &
	{
		margin-top: @xf-messagePaddingSmall;
		margin-bottom: @xf-messagePaddingSmall;
	}

	&:last-child
	{
		margin-bottom: 0;
	}

	.message-title
	{
		// basically replicates .structItem-title
		font-size: @xf-fontSizeLarge;
		font-weight: @xf-fontWeightNormal;
		margin: 0 0 @xf-messagePadding 0;
		padding: 0;
	}
}

.message-attachments
{
	margin: .5em 0;
}

	.message-attachments-list
	{
		.m-listPlain();
	}

.message-lastEdit
{
	margin-top: .5em;
	color: @xf-textColorMuted;
	font-size: @xf-fontSizeSmallest;
	text-align: right;
}

.message-signature
{
	margin-top: @xf-messagePadding;
	.xf-messageSignature();
}

.message-actionBar .actionBar-set
{
	margin-top: @xf-messagePadding;
	font-size: @xf-fontSizeSmall;

	.message--simple &
	{
		margin-top: @xf-messagePaddingSmall;
	}
}

.message .likesBar
{
	margin-top: @xf-messagePadding;
	padding: @xf-messagePaddingSmall;
}

.message .reactionsBar
{
	margin-top: @xf-messagePadding;
	padding: @xf-messagePaddingSmall;
}

.message-historyTarget
{
	margin-top: @xf-messagePadding;
}

.message-gradient
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 60px;

	.m-gradient(fade(@xf-contentBg, 0%), @xf-contentBg, @xf-contentBg, 0%, 90%);
}

.message-responses
{
	margin-top: @xf-messagePaddingSmall;
	font-size: @xf-fontSizeSmall;

	.editorPlaceholder
	{
		.input
		{
			font-size: inherit;
		}
	}
}

.message-responseRow
{
	margin-top: -@xf-minorBlockContent--border-width;
	.xf-minorBlockContent();
	padding: @xf-messagePaddingSmall;

	// note that border radiuses are very difficult to do here due to a lot of dynamic showing/hiding

	&.message-responseRow--likes,
	&.message-responseRow--reactions
	{
		.m-transitionFadeDown();
	}
}

@media (max-width: @xf-messageSingleColumnWidth)
{
	.message:not(.message--forceColumns)
	{
		.message-attribution-user .avatar
		{
			display: inline-flex;
			.m-avatarSize((@xf-fontSizeNormal) * (@xf-lineHeightDefault));
		}

		.message-content
		{
			// this is 1px to workaround an IE11 issue - see #139187
			min-height: 1px;
		}
	}
}

@media (max-width: @xf-responsiveNarrow)
{
	.message-signature
	{
		display: none;
	}
}

// MESSAGE MENU

.message-menuGroup
{
	display: inline-block;
}

.message-menuTrigger
{
	display: inline-block;

	&:after
	{
		.m-menuGadget(); // 1em
		text-align: right;
	}

	&:hover:after
	{
		color: black;
	}
}

.message-menu-section
{
	&--editDelete
	{
		.menu-linkRow
		{
			font-weight: @xf-fontWeightHeavy;
			font-size: @xf-fontSizeNormal;
		}
	}
}

.message-menu-link
{
	&--delete i:after
	{
		.m-faContent(@fa-var-trash-alt);
	}
	&--edit i:after
	{
		.m-faContent(@fa-var-edit);
	}
	&--report i:after
	{
		.m-faContent(@fa-var-frown);
	}
	&--warn i:after
	{
		.m-faContent(@fa-var-exclamation-triangle);
	}
	&--spam i:after
	{
		.m-faContent(@fa-var-ban);
	}
	&--ip i:after
	{
		.m-faContent(@fa-var-sitemap);
	}
	&--history i:after
	{
		.m-faContent(@fa-var-history);
	}
	&--follow i:after
	{
		.m-faContent(@fa-var-user-plus);
	}
	&--ignore i:after
	{
		.m-faContent(@fa-var-user-times);
	}
	&--share i:after
	{
		.m-faContent(@fa-var-share-alt);
	}
}

// ############################# CUSTOM FOR MESSAGE VARIANTS ##############

.message-articleUserInfo
{
	.xf-messageUserBlock(no-border);
	border-top: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;

	&:last-child
	{
		.m-borderBottomRadius(@block-borderRadius-inner);
	}

	.contentRow-figure
	{
		width: @xf-messageUserBlockWidth;
		text-align: center;
	}

	.contentRow-main
	{
		padding-left: 2 * (@xf-messagePadding);
		text-align: left;
	}

	@media (max-width: @xf-messageSingleColumnWidth)
	{
		.contentRow-figure
		{
			width: auto;
		}

		.contentRow-main
		{
			padding-left: @xf-paddingLarge;
		}
	}
}

.message-articleWrittenBy
{
	color: @xf-textColorMuted;
	font-size: @xf-fontSizeSmall;
}

.message-articleUserName
{
	font-weight: @xf-fontWeightHeavy;
	font-size: @xf-fontSizeLarger;
 	margin: 0;
	display: inline;
}

.message-articleUserBlurb,
.message-articleUserBlurb div
{
	font-size: @xf-fontSizeSmall;
	display: inline;
}

.message-articleUserAbout
{
	font-size: @xf-fontSizeSmall;
	margin: .5em 0;
}

.message-articleUserBanners .userBanner
{
	margin-bottom: 3px;
}

.message-articleUserStats
{
	font-size: @xf-fontSizeSmall;
	color: @xf-textColorMuted;
}

@media (max-width: @xf-responsiveNarrow)
{
	.message-articleUserStats
	{
		display: none;
	}
}

// ############################# COMMENTS ###############

.comment
{
}

.comment-inner
{
	display: table;
	table-layout: fixed;
	width: 100%;
}

.comment-avatar
{
	display: table-cell;
	width: 24px;
	vertical-align: top;

	.avatar,
	img
	{
		vertical-align: bottom;
	}
}

.comment-main
{
	display: table-cell;
	padding-left: @xf-messagePadding;
	vertical-align: top;
}

.comment-contentWrapper
{
	margin-bottom: @xf-messagePaddingSmall;
}

.comment-user
{
	font-weight: @xf-fontWeightHeavy;
}

.comment-body
{
	display: inline;
}

.comment-note
{
	color: @xf-textColorMuted;
	font-size: @xf-fontSizeSmallest;
}

.comment-input
{
	display: block;
	height: 2.34em;
	margin-bottom: @xf-messagePaddingSmall;
}

.comment-actionBar .actionBar-set
{
	margin-top: @xf-messagePaddingSmall;
	color: @xf-textColorMuted;
}

.comment-likes,
.comment-reactions
{
	.m-transitionFadeDown();

	margin-top: @xf-messagePaddingSmall;
	font-size: @xf-fontSizeSmaller;
}

// ################################## MESSAGE QUICK REPLY ADDITIONS #############

.formSubmitRow.formSubmitRow--messageQr
{
	.formSubmitRow-controls
	{
		text-align: center;
		padding-left: 0;
		padding-right: 0;
		margin-left: @xf-messagePadding;
		margin-right: @xf-messagePadding;

		@media (max-width: @xf-formResponsive)
		{
			text-align: right;
		}
	}
}

// ################################## MESSAGE NOTICES #############################

.messageNotice
{
	margin: @xf-messagePaddingSmall 0;
	padding: @xf-messagePaddingSmall @xf-messagePadding;
	.xf-contentAccentBase();
	font-size: @xf-fontSizeSmaller;
	border-left: @xf-borderSizeMinorFeature solid @xf-textColorAttention;
	border-radius: @xf-blockBorderRadius;

	&.messageNotice--nested
	{
		border-left-width: @xf-borderSize;
	}

	&:not(.messageNotice--highlighted)
	{
		a,
		a:hover
		{
			.xf-contentAccentLink();
			font-weight: 700;
		}
	}

	&:before
	{
		display: inline-block;
		.m-faBase();
		padding-right: .2em;
		font-size: 125%;
		color: @xf-textColorAttention;
	}

	&.messageNotice--highlighted
	{
		background: #2e2e2e;
		border-left-color: #ff3437;

		&:before
		{
			color: @xf-contentHighlightBase--color;
		}
	}

	&.messageNotice--deleted:before { .m-faContent(@fa-var-trash-alt); } // , .88em
	&.messageNotice--moderated:before { .m-faContent(@fa-var-shield); } // , 1em
	&.messageNotice--warning:before { .m-faContent(@fa-var-exclamation-triangle); } // , 1em
	&.messageNotice--ignored:before { .m-faContent(@fa-var-microphone-slash); } // , 1.25em
}

// ##################### MESSAGE VARIANTS/RESPONSIVE ##################

@media (min-width: @xf-responsiveEdgeSpacerRemoval)
{
	.block:not(.block--messages)
	{
		@{block-noStripSel} > .block-body:first-child > .message:first-child,
		.block-topRadiusContent.message,
		.block-topRadiusContent > .message:first-child
		{
			.message-inner:first-of-type .message-cell
			{
				&:first-child { border-top-left-radius: @block-borderRadius-inner; }
				&:last-child { border-top-right-radius: @block-borderRadius-inner; }
			}
		}

		@{block-noStripSel} > .block-body:last-child > .message:last-child,
		.block-bottomRadiusContent.message,
		.block-bottomRadiusContent > .message:last-child
		{
			.message-inner:last-of-type .message-cell
			{
				&:first-child { border-bottom-left-radius: @block-borderRadius-inner; }
				&:last-child { border-bottom-right-radius: @block-borderRadius-inner; }
			}
		}
	}
}

.block--messages
{
	.block-container
	{
		background: none;
		border: none;
		box-shadow: none;
	}

	.message,
	.block-row
	{
		.xf-contentBase();
		border-radius: @xf-blockBorderRadius;
		box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);

		+ .message,
		+ .block-row
		{
			margin-top: @xf-paddingLargest;
		}
	}

	.block-filterBar
	{
		.xf-blockBorder();
		border-radius: @xf-blockBorderRadius;
		margin-bottom: @xf-blockPaddingV;
	}

	.message-spacer
	{
		+ .message,
		+ .block-row
		{
			margin-top: @xf-blockPaddingV;
		}
	}

	.message-inner .message-cell
	{
		border-radius: 0;
	}

	.message-inner:first-of-type .message-cell
	{
		&:first-child { border-top-left-radius: @block-borderRadius-inner; }
		&:last-child { border-top-right-radius: @block-borderRadius-inner; }
	}

	.message-inner:last-of-type .message-cell
	{
		&:first-child { border-bottom-left-radius: @block-borderRadius-inner; }
		&:last-child { border-bottom-right-radius: @block-borderRadius-inner; }
	}

	@media (max-width: @xf-messageSingleColumnWidth)
	{
		.message-inner
		{
			.message-cell
			{
				border-radius: 0;
			}

			&:first-of-type .message-cell:first-child
			{
				border-top-left-radius: @block-borderRadius-inner;
				border-top-right-radius: @block-borderRadius-inner;
			}

			&:last-of-type .message-cell:last-child
			{
				border-bottom-left-radius: @block-borderRadius-inner;
				border-bottom-right-radius: @block-borderRadius-inner;
			}
		}

		.message--simple .message-cell--user + .message-cell
		{
			border-radius: 0;
			border-top-left-radius: @block-borderRadius-inner;
			border-top-right-radius: @block-borderRadius-inner;
		}
	}

	@media (max-width: @xf-responsiveEdgeSpacerRemoval)
	{
		.message .message-inner .message-cell
		{
			border-radius: 0;

			&:first-child,
			&:last-child
			{
				border-radius: 0;
			}
		}

		.message--simple .message-cell--user + .message-cell
		{
			border-radius: 0;
		}
	}
}

.message--article
{
	&.is-moderated
	{
		background: @xf-contentHighlightBg;
	}

	&.is-deleted
	{
		opacity: .65;
	}
}

// article preview view for thread list
.message--articlePreview
{
	display: flex;
	flex-direction: column;
	min-width: 0;
	margin-bottom: @xf-paddingLarge;

	&:last-child
	{
		margin-bottom: 0;
	}

	.articlePreview-main
	{
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
	}

	.articlePreview-image
	{
		flex: 0 0 auto;
		align-self: center;
		width: 100%;
		max-width: 750px;
		background: center / cover @xf-contentAltBg no-repeat;
		text-decoration: none;

		&:after
		{
			content: '';
			display: block;
			padding-bottom: 75%;
		}

		& + .articlePreview-text
		{
			.bbImageWrapper,
			.bbImage
			{
				display: none;
			}
		}
	}

	.articlePreview-text
	{
		flex: 1 1 auto;
		display: flex;
		min-width: 0;
		flex-direction: column;
		padding: @xf-messagePadding;

		.bbWrapper
		{
			.m-fadeOutLines(8, @xf-contentBg);
		}
	}

	.articlePreview-title
	{
		margin: 0;
		font-size: @xf-fontSizeLarge;
	}

	.articlePreview-content
	{
		flex: 1 1 auto;
	}

	.articlePreview-links
	{
		text-align: right;
		padding-top: @xf-blockPaddingV;
	}

	.articlePreview-statuses
	{
		float: left;
		display: flex;
		list-style: none;
		margin: 0;
		padding: 0;

		> li
		{
			margin-right: 8px;
		}

		.message-newIndicator
		{
			font-size: @xf-fontSizeSmall;
		}
	}

	.articlePreview-footer
	{
		padding: 0 @xf-blockPaddingH;
	}

	.articlePreview-meta
	{
		display: flex;
		align-items: center;

		border-top: solid 1px @xf-borderColor;
		padding: @xf-blockPaddingV 0;

		color: @xf-textColorMuted;
		font-size: @xf-fontSizeSmall;

		> li
		{
			margin-right: @xf-blockPaddingH;

			&:last-child
			{
				margin-right: 0;
			}
		}
	}

	.articlePreview-replies
	{
		white-space: nowrap;
	}

	.articlePreview-by,
	.articlePreview-repliesLabel
	{
		display: none;
	}
}

.block--articles.block--messages.block--expanded
{
	.article-title
	{
		// from .p-title-value
		margin: 0 0 5px;
		font-size: @xf-fontSizeLargest;
		font-weight: @xf-fontWeightNormal;
	}

	.message-snippet-link
	{
		margin-top: .5em;
		text-align: center;
	}

	.message + .message
	{
		margin-top: @xf-paddingLargest;
	}
}

// expanded article grid behavior
@supports (display: grid)
{
	@media (min-width: @xf-responsiveMedium)
	{
		.block--previews .block-body
		{
			display: grid;
			gap: @xf-paddingLarge;
			grid-template-rows: auto;
			grid-template-columns: repeat(2, 1fr);
			grid-template-areas: "a a";

			> .message:first-of-type:last-of-type
			{
				grid-area: a;
			}

			> .message--articlePreview
			{
				margin-bottom: 0;

				// first five
				&:nth-of-type(-n+5)
				{
					.articlePreview-title
					{
						font-size: @xf-fontSizeLarger;
					}

					.articlePreview-image
					{
						max-width: none;

						&:after
						{
							padding-bottom: 60%;
						}
					}

					.articlePreview-meta
					{
						.articlePreview-by
						{
							display: block;
						}
					}
				}

				// first
				&:first-of-type
				{
					grid-area: a;

					.articlePreview-title
					{
						font-size: @xf-fontSizeLargest;
					}

					.articlePreview-meta
					{
						border-top: none;
					}

					.articlePreview-main
					{
						flex-direction: row-reverse;
					}

					.articlePreview-image
					{
						width: 50%;
					}
				}
			}
		}
	}

	// max width multi-columns
	.m-maxPreviewColumns()
	{
		.block--previews .block-body
		{
			grid-template-columns: repeat(4, 1fr);
			grid-template-areas:
				"a a a a"
				"b_1 b_1 b_2 b_2"
				"b_3 b_3 b_4 b_4";

			> .message:first-of-type:last-of-type
			{
				grid-area: a;
			}

			> .message--articlePreview
			{
				&:nth-of-type(1) { grid-area: a; }
				&:nth-of-type(2) { grid-area: b_1; }
				&:nth-of-type(3) { grid-area: b_2; }
				&:nth-of-type(4) { grid-area: b_3; }
				&:nth-of-type(5) { grid-area: b_4; }
			}
		}
	}

	.p-body-main:not(.p-body-main--withSidebar)
	{
		@media (min-width: @xf-responsiveWide)
		{
			.m-maxPreviewColumns();
		}
	}

	.p-body-main--withSidebar
	{
		@media (min-width: (@xf-responsiveWide + @xf-sidebarWidth))
		{
			.m-maxPreviewColumns();
		}
	}
}]]></template>
    <template title="message_macros" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<xf:macro name="user_info" arg-user="!" arg-fallbackName="">
<xf:set var="$monthsOld">{{ number(($xf.time - $user.register_date) / (60 * 60 * 24 * 30)) }}</xf:set>
<xf:set var="$yearsOld">{{ number(($xf.time - $user.register_date) / (60 * 60 * 24 * 30 * 12)) }}</xf:set>

    <section itemscope itemtype="https://schema.org/Person" class="message-user dp-userpost">
        <div class="dp-userpost-cover"
            style="background-image: url({$user.Profile.custom_fields.postbitbackgroundurl});"></div>
        <div class="message-userName">
            <h4 class="message-name">
                <xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" />
            </h4>
            <xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />
        </div>
        <div
            class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : '' }}">
            <div class="message-avatar-wrapper">
				 <xf:if is="$user.Profile.custom_fields.avatar_removal == 1">
					 <img itemprop="image" src="/styles/OGU-Replica/avatars/transparent.png">
					 <xf:else />
                <xf:avatar user="$user" size="l" defaultname="{$fallbackName}" itemprop="image"
                    class="dp-userpost-avatar" />
					 </xf:if>
                <xf:if is="{$__globals.thread.user_id} == {$user.user_id} && (property('dt_thread_owner') != 'none')">
                    <xf:if is="property('dt_thread_owner') == 'icon'">
                        <div class="message-avatar-owner" data-xf-init="tooltip"
                            title="{{ phrase('thread') }} {{ phrase('author') }}">
                            <i class="fas fa-pen-alt"></i>
                        </div>
                    </xf:if>
                </xf:if>
            </div>
        </div>
        <div class="message-userDetails">
            <xf:userbanners user="$user" style="-webkit-filter: saturate({$user.Profile.custom_fields.saturation}%) hue-rotate({$user.Profile.custom_fields.userbarhue}deg);"
                itemprop="jobTitle" />
        </div>
        <xf:if is="$user.user_id">
            <xf:set var="$feedback.user"
                value="{{ $xf.app.em.getRepository('XenCentral\Feedback:User')->getTrader($user.user_id) }}" />
            <xf:set var="$extras" value="{{ property('messageUserElements') }}" />
            <xf:if contentcheck="true">
                <div class="message-userExtras">
                    <div class="dp-userpost-vouch" style="margin-bottom: 0;">
                        <div>
                            <h4>
                                <a href="{{ link ( 'feedback', $user) }}">
                                    {{ $feedback.user.fb_negative + $feedback.user.fb_neutral + $feedback.user.fb_positive }}
                                </a>
                            </h4>
                            <p>Vouches</p>
                        </div>
                        <div class="dp-userpost-vouch-spacer"></div>
                        <div>
                            <div class="dp-vouch-circle">
                                <xf:if is="$feedback.user.fb_percent == 0">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36"
                                        data-xf-init="tooltip"
                                        title="The high vouch percentage of {$user.username} indicates superior trustworthiness and dependability."
                                        id="js-XFUniqueId4">
                                        <circle cx="18" cy="18" r="17" fill="none" stroke="rgb(57, 57, 63)"
                                            stroke-width="2"></circle>
                                        <circle cx="18" cy="18" r="17" fill="none" stroke="#A4A6A8" stroke-width="2"
                                            pathLength="100" stroke-dasharray="{$feedback.user.fb_percent} 100"
                                            stroke-linecap="round"></circle>
                                    </svg>
                                    <xf:elseif is="$feedback.user.fb_percent >= 1 && $feedback.user.fb_percent <= 59" />
                                    <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36"
                                        data-xf-init="tooltip"
                                        title="The high vouch percentage of {$user.username} indicates superior trustworthiness and dependability."
                                        id="js-XFUniqueId4">
                                        <circle cx="18" cy="18" r="17" fill="none" stroke="rgba(219, 60, 60, 0.25)"
                                            stroke-width="2"></circle>
                                        <circle cx="18" cy="18" r="17" fill="none" stroke="#DB3C3C" stroke-width="2"
                                            pathLength="100" stroke-dasharray="{$feedback.user.fb_percent} 100"
                                            stroke-linecap="round"></circle>
                                    </svg>
                                    <xf:elseif
                                        is="$feedback.user.fb_percent >= 60 && $feedback.user.fb_percent <= 79" />
                                    <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36"
                                        data-xf-init="tooltip"
                                        title="The high vouch percentage of {$user.username} indicates superior trustworthiness and dependability."
                                        id="js-XFUniqueId4">
                                        <circle cx="18" cy="18" r="17" fill="none" stroke="rgb(250, 189, 61, 0.25)"
                                            stroke-width="2"></circle>
                                        <circle cx="18" cy="18" r="17" fill="none" stroke="#fccb62" stroke-width="2"
                                            pathLength="100" stroke-dasharray="{$feedback.user.fb_percent} 100"
                                            stroke-linecap="round"></circle>
                                    </svg>
                                    <xf:elseif
                                        is="$feedback.user.fb_percent >= 80 && $feedback.user.fb_percent <= 89" />
                                    <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36"
                                        data-xf-init="tooltip"
                                        title="The high vouch percentage of {$user.username} indicates superior trustworthiness and dependability."
                                        id="js-XFUniqueId4">
                                        <circle cx="18" cy="18" r="17" fill="none" stroke="rgb(250, 144, 70, 0.25)"
                                            stroke-width="2"></circle>
                                        <circle cx="18" cy="18" r="17" fill="none" stroke="#fca96f" stroke-width="2"
                                            pathLength="100" stroke-dasharray="{$feedback.user.fb_percent} 100"
                                            stroke-linecap="round"></circle>
                                    </svg>
                                    <xf:elseif
                                        is="$feedback.user.fb_percent >= 90 && {$feedback.user.fb_percent} <= 98" />
                                    <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36"
                                        data-xf-init="tooltip"
                                        title="{$user.username} positive vouch percentage reflects well on their trustworthiness and reliability."
                                        id="js-XFUniqueId4">
                                        <circle cx="18" cy="18" r="17" fill="none" stroke="rgba(56, 189, 248, 0.25)"
                                            stroke-width="2"></circle>
                                        <circle cx="18" cy="18" r="17" fill="none" stroke="#38BDF8" stroke-width="2"
                                            pathLength="100" stroke-dasharray="{$feedback.user.fb_percent} 100"
                                            stroke-linecap="round"></circle>
                                    </svg>
                                    <xf:else />

                                    <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36"
                                        data-xf-init="tooltip"
                                        title="The high vouch percentage of {$user.username} indicates superior trustworthiness and dependability."
                                        id="js-XFUniqueId63">
                                        <circle cx="18" cy="18" r="17" fill="none" stroke="rgba(52, 211, 153, 0.25)"
                                            stroke-width="2"></circle>
                                        <circle cx="18" cy="18" r="17" fill="none" stroke="#34D399" stroke-width="2"
                                            pathLength="100" stroke-dasharray="{$feedback.user.fb_percent} 100"
                                            stroke-linecap="round"></circle>
                                    </svg>
                                </xf:if>
                                <span>{$feedback.user.fb_percent}%</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="message-userExtras">
                    <dl class="pairs pairs--justified">
                        <dt>
                            <svg width="18" height="18" viewBox="0 0 24 24" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M13 21.9506C12.6711 21.9833 12.3375 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 12.3375 21.9833 12.6711 21.9506 13"
                                    stroke="white" stroke-width="1.5" stroke-linecap="round"></path>
                                <path
                                    d="M7.5 17C8.90247 15.5311 11.0212 14.9041 13 15.1941M14.4951 9.5C14.4951 10.8807 13.3742 12 11.9915 12C10.6089 12 9.48797 10.8807 9.48797 9.5C9.48797 8.11929 10.6089 7 11.9915 7C13.3742 7 14.4951 8.11929 14.4951 9.5Z"
                                    stroke="#006fcd" stroke-width="1.5" stroke-linecap="round"></path>
                                <path
                                    d="M18.5 22C20.433 22 22 20.433 22 18.5C22 16.567 20.433 15 18.5 15C16.567 15 15 16.567 15 18.5C15 20.433 16.567 22 18.5 22Z"
                                    fill="#006fcd" fill-opacity="0.25" stroke="#006fcd" stroke-width="1.5"
                                    stroke-linecap="round" stroke-linejoin="round"></path>
                            </svg>
                            Status
                        </dt>
                        <dd>
                            <xf:if is="$user.isOnline()">
                                <div class="dp-userpost-status is-online" tabindex="0" data-xf-init="tooltip"
                                    data-trigger="auto" title="Online">
                                    Online
                                </div>
                                <xf:elseif is="$user.activity_visible == '0'" />
                                <div class="dp-userpost-status is-invisible" tabindex="0" data-xf-init="tooltip"
                                    data-trigger="auto" title="Invisible">
                                    Invisible
                                </div>
                                <xf:else />
                                <div class="dp-userpost-status is-offline" tabindex="0" data-xf-init="tooltip"
                                    data-trigger="auto" title="Offline">
                                    Offline
                                </div>
                            </xf:if>
                        </dd>
                    </dl>
                    <xf:contentcheck>
                        <xf:if is="$extras.message_count">
                            <dl class="pairs pairs--justified">
                                <dt>
                                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M18.4698 16.83L18.8598 19.99C18.9598 20.82 18.0698 21.4 17.3598 20.97L13.1698 18.48C12.7098 18.48 12.2599 18.45 11.8199 18.39C12.5599 17.52 12.9998 16.42 12.9998 15.23C12.9998 12.39 10.5398 10.09 7.49985 10.09C6.33985 10.09 5.26985 10.42 4.37985 11C4.34985 10.75 4.33984 10.5 4.33984 10.24C4.33984 5.68999 8.28985 2 13.1698 2C18.0498 2 21.9998 5.68999 21.9998 10.24C21.9998 12.94 20.6098 15.33 18.4698 16.83Z"
                                            stroke="white" stroke-width="1.5" stroke-linecap="round"
                                            stroke-linejoin="round"></path>
                                        <path
                                            d="M13 15.23C13 16.42 12.56 17.52 11.82 18.39C10.83 19.59 9.26 20.36 7.5 20.36L4.89 21.91C4.45 22.18 3.89 21.81 3.95 21.3L4.2 19.33C2.86 18.4 2 16.91 2 15.23C2 13.47 2.94 11.92 4.38 11C5.27 10.42 6.34 10.09 7.5 10.09C10.54 10.09 13 12.39 13 15.23Z"
                                            fill="#006fcd" fill-opacity="0.25" stroke="#006fcd" stroke-width="1.5"
                                            stroke-linecap="round" stroke-linejoin="round"></path>
                                    </svg>
                                    Posts
                                </dt>
                                <dd>{$user.message_count|number}</dd>
                            </dl>
                        </xf:if>
                        <dl class="pairs pairs--justified">
                            <dt>
                                <svg width="18" height="18" viewBox="0 0 24 24" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M7.47998 18.35L10.58 20.75C10.98 21.15 11.88 21.35 12.48 21.35H16.28C17.48 21.35 18.78 20.45 19.08 19.25L21.48 11.95C21.98 10.55 21.08 9.34997 19.58 9.34997H15.58C14.98 9.34997 14.48 8.84997 14.58 8.14997L15.08 4.94997C15.28 4.04997 14.68 3.04997 13.78 2.74997C12.98 2.44997 11.98 2.84997 11.58 3.44997L7.47998 9.54997"
                                        stroke="white" stroke-width="1.5" stroke-miterlimit="10"></path>
                                    <path
                                        d="M2.37988 18.3479V8.54795C2.37988 7.14795 2.97988 6.64795 4.37988 6.64795H5.37988C6.77988 6.64795 7.37988 7.14795 7.37988 8.54795V18.3479C7.37988 19.7479 6.77988 20.2479 5.37988 20.2479H4.37988C2.97988 20.2479 2.37988 19.7479 2.37988 18.3479Z"
                                        fill="#006fcd" fill-opacity="0.25" stroke="#006fcd" stroke-width="1.5"
                                        stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>
                                Likes
                            </dt>
                            <dd>{$user.reaction_score|number}</dd>
                        </dl>
                        <dl class="pairs pairs--justified">
                            <dt>
                                <svg width="18" height="18" viewBox="0 0 24 24" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M10.7499 2.44995C11.4399 1.85995 12.5699 1.85995 13.2699 2.44995L14.8499 3.81005C15.1499 4.07005 15.7099 4.28002 16.1099 4.28002H17.8099C18.8699 4.28002 19.7399 5.14996 19.7399 6.20996V7.91003C19.7399 8.30003 19.9499 8.87004 20.2099 9.17004L21.5699 10.75C22.1599 11.44 22.1599 12.57 21.5699 13.27L20.2099 14.85C19.9499 15.15 19.7399 15.71 19.7399 16.11V17.8101C19.7399 18.8701 18.8699 19.74 17.8099 19.74H16.1099C15.7199 19.74 15.1499 19.95 14.8499 20.21L13.2699 21.5699C12.5799 22.1599 11.4499 22.1599 10.7499 21.5699L9.16989 20.21C8.86989 19.95 8.30988 19.74 7.90988 19.74H6.17987C5.11987 19.74 4.24988 18.8701 4.24988 17.8101V16.1C4.24988 15.71 4.03989 15.15 3.78989 14.85L2.43988 13.26C1.85988 12.57 1.85988 11.45 2.43988 10.76L3.78989 9.17004C4.03989 8.87004 4.24988 8.31004 4.24988 7.92004V6.20996C4.24988 5.14996 5.11987 4.28002 6.17987 4.28002H7.90988C8.29988 4.28002 8.86989 4.07005 9.16989 3.81005L10.7499 2.44995Z"
                                        stroke="white" stroke-width="1.5" stroke-linecap="round"
                                        stroke-linejoin="round"></path>
                                    <path
                                        d="M9.89014 14.82L11.3401 15.94C11.5301 16.13 11.9501 16.22 12.2301 16.22H14.0001C14.5601 16.22 15.1701 15.8 15.3101 15.24L16.4301 11.82C16.6601 11.17 16.2401 10.6 15.5401 10.6H13.6701C13.3901 10.6 13.1601 10.3701 13.2001 10.0401L13.4301 8.54008C13.5201 8.12008 13.2401 7.65005 12.8201 7.51005C12.4501 7.37005 11.9801 7.56 11.7901 7.84L9.87012 10.69"
                                        fill="#006fcd" fill-opacity="0.25"></path>
                                    <path
                                        d="M9.89014 14.82L11.3401 15.94C11.5301 16.13 11.9501 16.22 12.2301 16.22H14.0001C14.5601 16.22 15.1701 15.8 15.3101 15.24L16.4301 11.82C16.6601 11.17 16.2401 10.6 15.5401 10.6H13.6701C13.3901 10.6 13.1601 10.3701 13.2001 10.0401L13.4301 8.54008C13.5201 8.12008 13.2401 7.65005 12.8201 7.51005C12.4501 7.37005 11.9801 7.56 11.7901 7.84L9.87012 10.69"
                                        stroke="#006fcd" stroke-width="1.5" stroke-miterlimit="10"></path>
                                    <path
                                        d="M7.5 14.8199V10.24C7.5 9.57999 7.78 9.34998 8.44 9.34998H8.91C9.56 9.34998 9.85001 9.57999 9.85001 10.24V14.8199C9.85001 15.4699 9.57 15.71 8.91 15.71H8.44C7.78 15.71 7.5 15.4799 7.5 14.8199Z"
                                        fill="#006fcd" fill-opacity="0.25" stroke="#006fcd" stroke-width="1.5"
                                        stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>
                                Rep
                            </dt>
                            <dd>
                                <a href="{{ link('members/ratings/', $user) }}">
                                    <xf:if is="$user.xfa_rs_total|number == 0">
                                        <span class="rep_neutral">{$user.xfa_rs_total|number}</span>
                                        <xf:elseif is="$user.xfa_rs_total|number > 0" />
                                        <span class="rep_positive">{$user.xfa_rs_total|number}</span>
                                        <xf:elseif is="$user.xfa_rs_total|number < 0" />
                                        <span class="rep_negative">{$user.xfa_rs_total|number}</span>
                                    </xf:if>
                                </a>
                            </dd>
                        </dl>
                        <dl class="pairs pairs--justified">
                            <dt>
                                <svg width="18" height="18" viewBox="0 0 36 36" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path d="M2 10L18 0V6L8 13L2 10Z" fill="url(#paint0_linear_414_571)"></path>
                                    <path d="M2 26L18 36V30L7.99737 23.3374L2 26Z" fill="url(#paint1_linear_414_571)">
                                    </path>
                                    <path d="M34 10L18 0V6L28 13L34 10Z" fill="url(#paint2_linear_414_571)"></path>
                                    <path d="M34 26L18 36V30L28.0039 23.332L34 26Z" fill="url(#paint3_linear_414_571)">
                                    </path>
                                    <path d="M28 13L34 10V26L28 23.3242V13Z" fill="url(#paint4_linear_414_571)"></path>
                                    <path d="M8 13L2 10V26L8 23.3276V13Z" fill="url(#paint5_linear_414_571)"></path>
                                    <path
                                        d="M8.4 23.1193V13.2083L18 6.48826L27.6 13.2083V23.1193L18 29.5193L8.4 23.1193Z"
                                        fill="url(#paint6_linear_414_571)" stroke="url(#paint7_linear_414_571)"
                                        stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"></path>
                                    <path d="M28 13.0001V23.3333L18 30L8 23.3333L28 13.0001Z"
                                        fill="url(#paint8_linear_414_571)"></path>
                                    <path
                                        d="M8.4 23.1193V13.2083L18 6.48826L27.6 13.2083V23.1193L18 29.5193L8.4 23.1193Z"
                                        stroke="url(#paint9_linear_414_571)" stroke-width="0.8" stroke-linecap="round"
                                        stroke-linejoin="round"></path>
                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                        d="M27.0023 7.87273C27.028 11.0275 27.269 13.5 27.5625 13.5C27.856 13.5 28.097 11.0275 28.1227 7.87273C31.2775 7.84699 33.75 7.60599 33.75 7.3125C33.75 7.01901 31.2775 6.77801 28.1227 6.75227C28.097 3.59753 27.856 1.125 27.5625 1.125C27.269 1.125 27.028 3.59753 27.0023 6.75227C23.8475 6.77801 21.375 7.01901 21.375 7.3125C21.375 7.60599 23.8475 7.84699 27.0023 7.87273Z"
                                        fill="white"></path>
                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                        d="M12.1651 21.5849C12.2369 23.3897 12.5554 24.75 12.9374 24.75C13.3195 24.75 13.638 23.3897 13.7098 21.5849C15.5146 21.5131 16.875 21.1946 16.875 20.8126C16.875 20.4305 15.5146 20.112 13.7098 20.0402C13.638 18.2354 13.3195 16.875 12.9374 16.875C12.5554 16.875 12.2369 18.2354 12.1651 20.0402C10.3603 20.112 9 20.4305 9 20.8126C9 21.1946 10.3603 21.5131 12.1651 21.5849Z"
                                        fill="white"></path>
                                    <defs>
                                        <linearGradient id="paint0_linear_414_571" x1="4" y1="7" x2="20.0523"
                                            y2="-6.75562" gradientUnits="userSpaceOnUse">
                                            <stop stop-color="#006fcd"></stop>
                                            <stop offset="1" stop-color="#006fcd"></stop>
                                        </linearGradient>
                                        <linearGradient id="paint1_linear_414_571" x1="10" y1="36" x2="10" y2="23.3374"
                                            gradientUnits="userSpaceOnUse">
                                            <stop stop-color="#02491C"></stop>
                                            <stop offset="1" stop-color="#1176d5"></stop>
                                        </linearGradient>
                                        <linearGradient id="paint2_linear_414_571" x1="32" y1="7" x2="18" y2="7"
                                            gradientUnits="userSpaceOnUse">
                                            <stop stop-color="#006fcd"></stop>
                                            <stop offset="1" stop-color="#006fcd"></stop>
                                        </linearGradient>
                                        <linearGradient id="paint3_linear_414_571" x1="26" y1="36" x2="26" y2="23.332"
                                            gradientUnits="userSpaceOnUse">
                                            <stop stop-color="#066A2B"></stop>
                                            <stop offset="1" stop-color="#1176d5"></stop>
                                        </linearGradient>
                                        <linearGradient id="paint4_linear_414_571" x1="31" y1="10" x2="31" y2="26"
                                            gradientUnits="userSpaceOnUse">
                                            <stop stop-color="#006fcd"></stop>
                                            <stop offset="0.20444" stop-color="#3ECE73"></stop>
                                            <stop offset="1" stop-color="#1176d5"></stop>
                                        </linearGradient>
                                        <linearGradient id="paint5_linear_414_571" x1="5" y1="10" x2="5" y2="26"
                                            gradientUnits="userSpaceOnUse">
                                            <stop stop-color="#006fcd"></stop>
                                            <stop offset="0.20444" stop-color="#3ECE73"></stop>
                                            <stop offset="1" stop-color="#1176d5"></stop>
                                        </linearGradient>
                                        <linearGradient id="paint6_linear_414_571" x1="18" y1="6" x2="18" y2="30"
                                            gradientUnits="userSpaceOnUse">
                                            <stop stop-color="#6EF9A1"></stop>
                                            <stop offset="1" stop-color="#1CAA50"></stop>
                                        </linearGradient>
                                        <linearGradient id="paint7_linear_414_571" x1="18" y1="6" x2="18" y2="30"
                                            gradientUnits="userSpaceOnUse">
                                            <stop stop-color="#D1F3DE"></stop>
                                            <stop offset="1" stop-color="#D1F3DE" stop-opacity="0"></stop>
                                        </linearGradient>
                                        <linearGradient id="paint8_linear_414_571" x1="24.1875" y1="12.9375"
                                            x2="19.6875" y2="27.5625" gradientUnits="userSpaceOnUse">
                                            <stop stop-color="white" stop-opacity="0.45"></stop>
                                            <stop offset="1" stop-color="white" stop-opacity="0"></stop>
                                        </linearGradient>
                                        <linearGradient id="paint9_linear_414_571" x1="18" y1="6" x2="18" y2="30"
                                            gradientUnits="userSpaceOnUse">
                                            <stop stop-color="#D1F3DE"></stop>
                                            <stop offset="1" stop-color="#D1F3DE" stop-opacity="0"></stop>
                                        </linearGradient>
                                    </defs>
                                </svg>
                                Bits
                            </dt>
                            <dd>
                                <a href="/bits">
                                    <xf:set var="$viewableCurrencies"
                                        value="{{ $xf.app.em.getRepository('DBTech\Shop:Currency').getViewableCurrencies() }}" />
                                    <xf:foreach loop="$viewableCurrencies" value="$currency" if="$currency.postbit">
                                        {$currency.prefix}{{ $currency.getValueFromUser($user) }}{$currency.suffix}
                                    </xf:foreach>
                                </a>
                            </dd>
                        </dl>
                        <xf:if is="$extras.solutions AND $user.question_solution_count">
                            <dl class="pairs pairs--justified">
                                <dt>{{ phrase('solutions') }}</dt>
                                <dd>{$user.question_solution_count|number}</dd>
                            </dl>
                        </xf:if>
                        <xf:if is="$extras.reaction_score">
                            <dl class="pairs pairs--justified">
                                <dt>{{ phrase('reaction_score') }}</dt>
                                <dd>{$user.reaction_score|number}</dd>
                            </dl>
                        </xf:if>
                        <xf:if is="$extras.trophy_points && $xf.options.enableTrophies">
                            <dl class="pairs pairs--justified">
                                <dt>{{ phrase('points') }}</dt>
                                <dd>{$user.trophy_points|number}</dd>
                            </dl>
                        </xf:if>
                        <xf:if is="$extras.age && $user.Profile.age">
                            <dl class="pairs pairs--justified">
                                <dt>{{ phrase('age') }}</dt>
                                <dd>{$user.Profile.age}</dd>
                            </dl>
                        </xf:if>
                        <xf:if is="$extras.location && $user.Profile.location">
                            <dl class="pairs pairs--justified">
                                <dt>{{ phrase('location') }}</dt>
                                <dd>
                                    <xf:if is="$xf.options.geoLocationUrl">
                                        <a href="{{ link('misc/location-info', '', {'location': $user.Profile.location}) }}"
                                            rel="nofollow noreferrer" target="_blank"
                                            class="u-concealed">{$user.Profile.location}</a>
                                        <xf:else />
                                        {$user.Profile.location}
                                    </xf:if>
                                </dd>
                            </dl>
                        </xf:if>
                        <xf:if is="$extras.website && $user.Profile.website">
                            <dl class="pairs pairs--justified">
                                <dt>{{ phrase('website') }}</dt>
                                <dd><a href="{$user.Profile.website}" rel="nofollow"
                                        target="_blank">{$user.Profile.website|url('host', phrase('visit_site'))}</a>
                                </dd>
                            </dl>
                        </xf:if>
                        <xf:if is="$extras.custom_fields">
                            <xf:macro template="custom_fields_macros" name="custom_fields_values" arg-type="users"
                                arg-group="personal" arg-set="{$user.Profile.custom_fields}"
                                arg-additionalFilters="{{ ['message'] }}" arg-valueClass="pairs pairs--justified" />
                            <xf:if is="$user.canViewIdentities()">
                                <xf:macro template="custom_fields_macros" name="custom_fields_view" arg-type="users"
                                    arg-group="contact" arg-set="{$user.Profile.custom_fields}"
                                    arg-additionalFilters="{{ ['message'] }}" arg-valueClass="pairs pairs--justified" />
                            </xf:if>
                        </xf:if>
                    </xf:contentcheck>
                    <xf:include template="af_as_message_postbit">
                        <xf:set var="$postbitPosition" value="manual" />
                    </xf:include>
                    <xf:if is="$monthsOld < '12'">
                        <div class="dp-service-badge month-{$monthsOld}" data-xf-init="tooltip"
                            title="{$monthsOld} Months of Service" id="js-XFUniqueId18">
                            <div class="dp-service-badge-icon">
                                <p class="dp-service-badge-duration">
                                    {$monthsOld}
                                </p>
                                <svg class="service-badge-svg" width="27" height="19" viewBox="0 0 27 19" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                        d="M2.36011 0.449047C1.71464 1.55916 1.59375 1.90171 1.59375 2.62038C1.59375 3.70818 2.10263 4.57176 3.10547 5.18572C3.33108 5.32384 3.51473 5.45154 3.51366 5.46946C3.50831 5.5578 3.34557 6.19297 3.32217 6.21685C3.30736 6.2319 3.15843 6.17901 2.99119 6.09923C2.49605 5.86308 2.16005 5.81439 1.01953 5.81344L0 5.81263V6.66494C0 7.63371 0.0716249 8.03424 0.337125 8.55079C0.546094 8.95735 1.1101 9.53013 1.49752 9.72912C2.01436 9.9947 2.14664 10.0278 2.8125 10.0589L3.44531 10.0885L3.55097 10.4229C3.60909 10.6068 3.66755 10.7919 3.68091 10.8341C3.70149 10.8992 3.6457 10.9151 3.31744 10.9378C3.10415 10.9525 2.80341 11.0099 2.64909 11.0653C2.36451 11.1675 0.611297 12.1632 0.610031 12.2233C0.609656 12.2414 0.783374 12.5639 0.996096 12.94C1.63425 14.0685 2.2125 14.5668 3.12347 14.7734C3.8341 14.9346 4.53886 14.8063 5.25952 14.3846C5.45813 14.2683 5.63742 14.1743 5.65795 14.1755C5.67853 14.1768 5.82853 14.3026 5.99137 14.4551L6.28749 14.7326L6.05269 14.8861C5.61712 15.1709 5.2628 15.6201 4.7461 16.5422C4.48186 17.0139 4.26562 17.4139 4.26562 17.4312C4.26562 17.4962 5.61511 18.2568 5.92969 18.3691C6.36722 18.5253 6.98139 18.5594 7.42834 18.4523C7.98775 18.3182 8.40974 18.0778 8.80965 17.6651C9.11177 17.3534 9.24617 17.1528 9.72055 16.3059C10.0266 15.7594 10.2586 15.2959 10.2361 15.2757C10.2137 15.2556 9.9949 15.1696 9.75003 15.0848C8.56272 14.6735 7.6597 14.1043 6.79378 13.2212C5.50734 11.9095 4.7963 10.3583 4.63158 8.50423C4.52611 7.31712 4.71337 6.15962 5.2139 4.9049C5.53129 4.10925 5.57831 3.91653 5.57742 3.41464C5.57583 2.49627 5.21995 1.72441 4.53689 1.15784C4.35005 1.00286 3.34369 0.381113 2.66334 0.000345058C2.64577 -0.00949631 2.50931 0.192401 2.36011 0.449047ZM23.5905 0.437918C22.646 0.99574 22.5369 1.07118 22.2281 1.37952C21.7245 1.8825 21.4666 2.48901 21.4319 3.25245C21.4049 3.84572 21.4559 4.08483 21.7848 4.9049C22.6554 7.07616 22.5948 9.252 21.6079 11.261C21.2294 12.0313 20.8453 12.5681 20.2055 13.2205C19.3463 14.0966 18.4511 14.6641 17.2731 15.0793C17.041 15.1612 16.8219 15.2465 16.7863 15.2689C16.7357 15.3008 16.8432 15.5267 17.2788 16.3037C17.748 17.1409 17.8915 17.3556 18.1875 17.6639C18.5839 18.0767 19.0049 18.3165 19.5717 18.4523C19.9989 18.5547 20.6292 18.5238 21.0469 18.3802C21.3068 18.2908 22.4076 17.6907 22.669 17.4959C22.7472 17.4376 22.7185 17.3712 22.2634 16.559C21.7368 15.6194 21.3852 15.1725 20.9473 14.8861L20.7125 14.7326L21.0086 14.4551C21.1715 14.3026 21.3215 14.1768 21.342 14.1755C21.3626 14.1743 21.5419 14.2683 21.7405 14.3846C22.4611 14.8063 23.1659 14.9346 23.8765 14.7734C24.7846 14.5675 25.3698 14.065 25.9923 12.9564C26.1985 12.5893 26.3727 12.2668 26.3795 12.2398C26.3964 12.1722 24.699 11.1888 24.3516 11.0648C24.1969 11.0097 23.8958 10.9525 23.6826 10.9378C23.3543 10.9151 23.2985 10.8992 23.3191 10.8341C23.3325 10.7919 23.3909 10.6068 23.449 10.4229L23.5547 10.0885L24.1875 10.0598C24.8561 10.0294 25.0973 9.9661 25.5824 9.69381C25.9042 9.51312 26.4829 8.90098 26.6629 8.55079C26.9283 8.03424 27 7.63371 27 6.66494V5.81263L25.9805 5.81344C24.8399 5.81439 24.5039 5.86308 24.0088 6.09923C23.8415 6.17901 23.6927 6.2319 23.6779 6.21685C23.6545 6.19297 23.4917 5.55784 23.4863 5.4695C23.4852 5.45159 23.6584 5.33335 23.8711 5.20674C24.6168 4.76291 25.1429 4.08861 25.3368 3.32832C25.4459 2.90073 25.4139 2.08158 25.2725 1.68146C25.1838 1.43054 24.5709 0.282935 24.4109 0.0679949C24.3574 -0.00376374 24.2765 0.0327368 23.5905 0.437918Z"
                                        fill="#FCD34D"></path>
                                </svg>
                                <svg class="service-badge-svg-bg" width="40" height="28" viewBox="0 0 40 28" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                        d="M3.49646 0.665255C2.54021 2.30986 2.36111 2.81734 2.36111 3.88205C2.36111 5.4936 3.115 6.77298 4.6007 7.68255C4.93493 7.88717 5.20701 8.07635 5.20541 8.1029C5.1975 8.23377 4.95639 9.17477 4.92173 9.21015C4.89979 9.23245 4.67916 9.15409 4.43139 9.0359C3.69785 8.68604 3.20007 8.61391 1.51042 8.6125L0 8.6113V9.87398C0 11.3092 0.106111 11.9026 0.499445 12.6678C0.809028 13.2701 1.64459 14.1187 2.21854 14.4135C2.98424 14.807 3.18021 14.856 4.16666 14.9021L5.10416 14.9459L5.2607 15.4414C5.3468 15.7138 5.43341 15.988 5.4532 16.0506C5.48368 16.147 5.40104 16.1705 4.91472 16.2041C4.59875 16.2259 4.15319 16.311 3.92458 16.393C3.50298 16.5445 0.905625 18.0196 0.90375 18.1086C0.903194 18.1354 1.16055 18.6131 1.4757 19.1703C2.42111 20.8423 3.27778 21.5805 4.62736 21.8866C5.68014 22.1253 6.72424 21.9352 7.79188 21.3105C8.08612 21.1383 8.35174 20.9989 8.38215 21.0007C8.41264 21.0027 8.63486 21.1891 8.87611 21.415L9.31479 21.826L8.96695 22.0535C8.32167 22.4755 7.79673 23.1409 7.03125 24.507C6.63979 25.2057 6.31944 25.7983 6.31944 25.824C6.31944 25.9203 8.31868 27.0471 8.78472 27.2135C9.43292 27.4448 10.3428 27.4954 11.005 27.3367C11.8337 27.1381 12.4589 26.7819 13.0513 26.1705C13.4989 25.7087 13.698 25.4116 14.4008 24.1568C14.8542 23.3473 15.1979 22.6606 15.1646 22.6307C15.1314 22.6008 14.8073 22.4735 14.4445 22.3478C12.6855 21.7385 11.3477 20.8952 10.0649 19.5869C8.15902 17.6437 7.10563 15.3456 6.86159 12.5989C6.70535 10.8402 6.98278 9.12536 7.7243 7.26652C8.19451 6.08778 8.26417 5.80226 8.26285 5.05873C8.26049 3.69817 7.73326 2.55468 6.72132 1.71532C6.44452 1.48571 4.95361 0.564612 3.94569 0.000511196C3.91965 -0.0140686 3.7175 0.285039 3.49646 0.665255ZM34.9489 0.648767C33.5496 1.47517 33.388 1.58693 32.9305 2.04373C32.1844 2.78889 31.8024 3.68742 31.751 4.81845C31.711 5.69736 31.7866 6.05161 32.2738 7.26652C33.5635 10.4832 33.4738 13.7067 32.0117 16.683C31.451 17.8242 30.8819 18.6194 29.9341 19.5859C28.6612 20.8838 27.3349 21.7246 25.5898 22.3398C25.2459 22.4611 24.9213 22.5874 24.8686 22.6206C24.7936 22.6679 24.9529 23.0025 25.5982 24.1537C26.2933 25.3939 26.5059 25.712 26.9444 26.1687C27.5317 26.7802 28.1554 27.1356 28.995 27.3367C29.6279 27.4884 30.5618 27.4427 31.1806 27.23C31.5656 27.0975 33.1965 26.2084 33.5836 25.9199C33.6996 25.8334 33.657 25.7351 32.9828 24.5318C32.2027 23.1399 31.6818 22.4778 31.0331 22.0535L30.6853 21.826L31.1239 21.415C31.3652 21.1891 31.5874 21.0027 31.6178 21.0007C31.6483 20.9989 31.9139 21.1383 32.2082 21.3105C33.2757 21.9352 34.3198 22.1253 35.3726 21.8866C36.7179 21.5815 37.5849 20.837 38.5072 19.1947C38.8125 18.6508 39.0707 18.1731 39.0807 18.133C39.1057 18.0329 36.5911 16.576 36.0764 16.3923C35.8472 16.3107 35.4012 16.2259 35.0853 16.2041C34.5989 16.1705 34.5163 16.147 34.5468 16.0506C34.5666 15.988 34.6532 15.7138 34.7393 15.4414L34.8958 14.9459L35.8333 14.9034C36.8239 14.8584 37.1813 14.7646 37.8999 14.3612C38.3766 14.0935 39.2339 13.1866 39.5006 12.6678C39.8938 11.9026 40 11.3092 40 9.87398V8.6113L38.4896 8.6125C36.7999 8.61391 36.3021 8.68604 35.5687 9.0359C35.3208 9.15409 35.1002 9.23245 35.0783 9.21015C35.0437 9.17477 34.8025 8.23383 34.7946 8.10297C34.7929 8.07642 35.0494 7.90126 35.3646 7.71369C36.4693 7.05616 37.2487 6.0572 37.536 4.93084C37.6976 4.29738 37.6503 3.08381 37.4408 2.49105C37.3094 2.11932 36.4014 0.419164 36.1643 0.100733C36.085 -0.0055759 35.9652 0.048499 34.9489 0.648767Z"
                                        fill="#FCD34D" opacity="0.25"></path>
                                </svg>
                            </div>
                            <p class="dp-service-badge-title">
                                Months of Service
                            </p>
                        </div>
                        <xf:else />
                        <div class="dp-service-badge year-{$yearsOld}" data-xf-init="tooltip"
                            title="{$yearsOld} Years of Service" id="js-XFUniqueId18">
                            <div class="dp-service-badge-icon">
                                <p class="dp-service-badge-duration">
                                    {$yearsOld}
                                </p>
                                <svg class="service-badge-svg" width="27" height="19" viewBox="0 0 27 19" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                        d="M2.36011 0.449047C1.71464 1.55916 1.59375 1.90171 1.59375 2.62038C1.59375 3.70818 2.10263 4.57176 3.10547 5.18572C3.33108 5.32384 3.51473 5.45154 3.51366 5.46946C3.50831 5.5578 3.34557 6.19297 3.32217 6.21685C3.30736 6.2319 3.15843 6.17901 2.99119 6.09923C2.49605 5.86308 2.16005 5.81439 1.01953 5.81344L0 5.81263V6.66494C0 7.63371 0.0716249 8.03424 0.337125 8.55079C0.546094 8.95735 1.1101 9.53013 1.49752 9.72912C2.01436 9.9947 2.14664 10.0278 2.8125 10.0589L3.44531 10.0885L3.55097 10.4229C3.60909 10.6068 3.66755 10.7919 3.68091 10.8341C3.70149 10.8992 3.6457 10.9151 3.31744 10.9378C3.10415 10.9525 2.80341 11.0099 2.64909 11.0653C2.36451 11.1675 0.611297 12.1632 0.610031 12.2233C0.609656 12.2414 0.783374 12.5639 0.996096 12.94C1.63425 14.0685 2.2125 14.5668 3.12347 14.7734C3.8341 14.9346 4.53886 14.8063 5.25952 14.3846C5.45813 14.2683 5.63742 14.1743 5.65795 14.1755C5.67853 14.1768 5.82853 14.3026 5.99137 14.4551L6.28749 14.7326L6.05269 14.8861C5.61712 15.1709 5.2628 15.6201 4.7461 16.5422C4.48186 17.0139 4.26562 17.4139 4.26562 17.4312C4.26562 17.4962 5.61511 18.2568 5.92969 18.3691C6.36722 18.5253 6.98139 18.5594 7.42834 18.4523C7.98775 18.3182 8.40974 18.0778 8.80965 17.6651C9.11177 17.3534 9.24617 17.1528 9.72055 16.3059C10.0266 15.7594 10.2586 15.2959 10.2361 15.2757C10.2137 15.2556 9.9949 15.1696 9.75003 15.0848C8.56272 14.6735 7.6597 14.1043 6.79378 13.2212C5.50734 11.9095 4.7963 10.3583 4.63158 8.50423C4.52611 7.31712 4.71337 6.15962 5.2139 4.9049C5.53129 4.10925 5.57831 3.91653 5.57742 3.41464C5.57583 2.49627 5.21995 1.72441 4.53689 1.15784C4.35005 1.00286 3.34369 0.381113 2.66334 0.000345058C2.64577 -0.00949631 2.50931 0.192401 2.36011 0.449047ZM23.5905 0.437918C22.646 0.99574 22.5369 1.07118 22.2281 1.37952C21.7245 1.8825 21.4666 2.48901 21.4319 3.25245C21.4049 3.84572 21.4559 4.08483 21.7848 4.9049C22.6554 7.07616 22.5948 9.252 21.6079 11.261C21.2294 12.0313 20.8453 12.5681 20.2055 13.2205C19.3463 14.0966 18.4511 14.6641 17.2731 15.0793C17.041 15.1612 16.8219 15.2465 16.7863 15.2689C16.7357 15.3008 16.8432 15.5267 17.2788 16.3037C17.748 17.1409 17.8915 17.3556 18.1875 17.6639C18.5839 18.0767 19.0049 18.3165 19.5717 18.4523C19.9989 18.5547 20.6292 18.5238 21.0469 18.3802C21.3068 18.2908 22.4076 17.6907 22.669 17.4959C22.7472 17.4376 22.7185 17.3712 22.2634 16.559C21.7368 15.6194 21.3852 15.1725 20.9473 14.8861L20.7125 14.7326L21.0086 14.4551C21.1715 14.3026 21.3215 14.1768 21.342 14.1755C21.3626 14.1743 21.5419 14.2683 21.7405 14.3846C22.4611 14.8063 23.1659 14.9346 23.8765 14.7734C24.7846 14.5675 25.3698 14.065 25.9923 12.9564C26.1985 12.5893 26.3727 12.2668 26.3795 12.2398C26.3964 12.1722 24.699 11.1888 24.3516 11.0648C24.1969 11.0097 23.8958 10.9525 23.6826 10.9378C23.3543 10.9151 23.2985 10.8992 23.3191 10.8341C23.3325 10.7919 23.3909 10.6068 23.449 10.4229L23.5547 10.0885L24.1875 10.0598C24.8561 10.0294 25.0973 9.9661 25.5824 9.69381C25.9042 9.51312 26.4829 8.90098 26.6629 8.55079C26.9283 8.03424 27 7.63371 27 6.66494V5.81263L25.9805 5.81344C24.8399 5.81439 24.5039 5.86308 24.0088 6.09923C23.8415 6.17901 23.6927 6.2319 23.6779 6.21685C23.6545 6.19297 23.4917 5.55784 23.4863 5.4695C23.4852 5.45159 23.6584 5.33335 23.8711 5.20674C24.6168 4.76291 25.1429 4.08861 25.3368 3.32832C25.4459 2.90073 25.4139 2.08158 25.2725 1.68146C25.1838 1.43054 24.5709 0.282935 24.4109 0.0679949C24.3574 -0.00376374 24.2765 0.0327368 23.5905 0.437918Z"
                                        fill="#FCD34D"></path>
                                </svg>
                                <svg class="service-badge-svg-bg" width="40" height="28" viewBox="0 0 40 28" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                        d="M3.49646 0.665255C2.54021 2.30986 2.36111 2.81734 2.36111 3.88205C2.36111 5.4936 3.115 6.77298 4.6007 7.68255C4.93493 7.88717 5.20701 8.07635 5.20541 8.1029C5.1975 8.23377 4.95639 9.17477 4.92173 9.21015C4.89979 9.23245 4.67916 9.15409 4.43139 9.0359C3.69785 8.68604 3.20007 8.61391 1.51042 8.6125L0 8.6113V9.87398C0 11.3092 0.106111 11.9026 0.499445 12.6678C0.809028 13.2701 1.64459 14.1187 2.21854 14.4135C2.98424 14.807 3.18021 14.856 4.16666 14.9021L5.10416 14.9459L5.2607 15.4414C5.3468 15.7138 5.43341 15.988 5.4532 16.0506C5.48368 16.147 5.40104 16.1705 4.91472 16.2041C4.59875 16.2259 4.15319 16.311 3.92458 16.393C3.50298 16.5445 0.905625 18.0196 0.90375 18.1086C0.903194 18.1354 1.16055 18.6131 1.4757 19.1703C2.42111 20.8423 3.27778 21.5805 4.62736 21.8866C5.68014 22.1253 6.72424 21.9352 7.79188 21.3105C8.08612 21.1383 8.35174 20.9989 8.38215 21.0007C8.41264 21.0027 8.63486 21.1891 8.87611 21.415L9.31479 21.826L8.96695 22.0535C8.32167 22.4755 7.79673 23.1409 7.03125 24.507C6.63979 25.2057 6.31944 25.7983 6.31944 25.824C6.31944 25.9203 8.31868 27.0471 8.78472 27.2135C9.43292 27.4448 10.3428 27.4954 11.005 27.3367C11.8337 27.1381 12.4589 26.7819 13.0513 26.1705C13.4989 25.7087 13.698 25.4116 14.4008 24.1568C14.8542 23.3473 15.1979 22.6606 15.1646 22.6307C15.1314 22.6008 14.8073 22.4735 14.4445 22.3478C12.6855 21.7385 11.3477 20.8952 10.0649 19.5869C8.15902 17.6437 7.10563 15.3456 6.86159 12.5989C6.70535 10.8402 6.98278 9.12536 7.7243 7.26652C8.19451 6.08778 8.26417 5.80226 8.26285 5.05873C8.26049 3.69817 7.73326 2.55468 6.72132 1.71532C6.44452 1.48571 4.95361 0.564612 3.94569 0.000511196C3.91965 -0.0140686 3.7175 0.285039 3.49646 0.665255ZM34.9489 0.648767C33.5496 1.47517 33.388 1.58693 32.9305 2.04373C32.1844 2.78889 31.8024 3.68742 31.751 4.81845C31.711 5.69736 31.7866 6.05161 32.2738 7.26652C33.5635 10.4832 33.4738 13.7067 32.0117 16.683C31.451 17.8242 30.8819 18.6194 29.9341 19.5859C28.6612 20.8838 27.3349 21.7246 25.5898 22.3398C25.2459 22.4611 24.9213 22.5874 24.8686 22.6206C24.7936 22.6679 24.9529 23.0025 25.5982 24.1537C26.2933 25.3939 26.5059 25.712 26.9444 26.1687C27.5317 26.7802 28.1554 27.1356 28.995 27.3367C29.6279 27.4884 30.5618 27.4427 31.1806 27.23C31.5656 27.0975 33.1965 26.2084 33.5836 25.9199C33.6996 25.8334 33.657 25.7351 32.9828 24.5318C32.2027 23.1399 31.6818 22.4778 31.0331 22.0535L30.6853 21.826L31.1239 21.415C31.3652 21.1891 31.5874 21.0027 31.6178 21.0007C31.6483 20.9989 31.9139 21.1383 32.2082 21.3105C33.2757 21.9352 34.3198 22.1253 35.3726 21.8866C36.7179 21.5815 37.5849 20.837 38.5072 19.1947C38.8125 18.6508 39.0707 18.1731 39.0807 18.133C39.1057 18.0329 36.5911 16.576 36.0764 16.3923C35.8472 16.3107 35.4012 16.2259 35.0853 16.2041C34.5989 16.1705 34.5163 16.147 34.5468 16.0506C34.5666 15.988 34.6532 15.7138 34.7393 15.4414L34.8958 14.9459L35.8333 14.9034C36.8239 14.8584 37.1813 14.7646 37.8999 14.3612C38.3766 14.0935 39.2339 13.1866 39.5006 12.6678C39.8938 11.9026 40 11.3092 40 9.87398V8.6113L38.4896 8.6125C36.7999 8.61391 36.3021 8.68604 35.5687 9.0359C35.3208 9.15409 35.1002 9.23245 35.0783 9.21015C35.0437 9.17477 34.8025 8.23383 34.7946 8.10297C34.7929 8.07642 35.0494 7.90126 35.3646 7.71369C36.4693 7.05616 37.2487 6.0572 37.536 4.93084C37.6976 4.29738 37.6503 3.08381 37.4408 2.49105C37.3094 2.11932 36.4014 0.419164 36.1643 0.100733C36.085 -0.0055759 35.9652 0.048499 34.9489 0.648767Z"
                                        fill="#FCD34D" opacity="0.25"></path>
                                </svg>
                            </div>
                            <p class="dp-service-badge-title">
                                Years of Service
                            </p>
                        </div>
                    </xf:if>
					<xf:if is="$user.isMemberOf(32)">
					<div class="dp-service-badge top-badge" data-xf-init="tooltip"
                            title="{{ $user.username }} is a Top Member" id="js-XFUniqueId18">
                            <div class="dp-service-badge-icon">
                                <div class="dp-service-badge-duration">
									<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 128 128"><path fill="#FEC417" d="M97.12 59.35c2.22-1.83 15.04-9.76 22.06-16.44c5.48-5.22 7.6-18.85-.83-25.48c-10.96-8.61-21.48.43-21.48.43s-.92-5.11-7.32-8.11c-8.06-3.78-18.27-5.19-27.66-5.07c-9.1.11-17.48 1.21-24.92 4.86c-6.66 3.27-7.06 7.93-7.06 7.93s-8.74-8.35-19.45-1.57C-.24 22.69 2.83 36.29 7.98 42c6.71 7.44 14.77 11.23 18.43 13.97c3.65 2.74 7.15 5.35 7.15 7.7c0 2.35-1.04 2.87-1.44 2.74c-.39-.13-1.08-2.42-2.87-1.44c-2.44 1.35-1.7 6.79 3.39 7.31c4.93.51 5.87-4.7 5.87-4.7l.78-5.09l8.09 5.61l8.87 7.31l-.26 6.26s-.39 4.83-2.74 9.01s-6.13 8.35-6.13 8.35l-.12 3.78l32.89-.78l-1.04-3.65s-4.24-4.66-6.79-9.66c-1.82-3.58-2.11-7.19-2.11-7.19l-.08-8.98l17.07-10.46s1.83 1.44 1.57 1.96s-.32 5.85 3.78 7.83c4.05 1.96 7.31-.52 6.92-3.92c-.39-3.39-2.48-2.22-3.13-1.7c-.65.52-2.09.65-2.48-1.31c-.4-1.94 1.3-3.77 3.52-5.6zM13.09 40.89l-3.91-11.9l4.73-6.19l5.3-1.55s6.77 5.05 7.01 5.46c.24.41 4.32 8.8 4.32 8.8l5.38 19.48l-22.83-14.1zm76.86 15.65c.08-.41 5.05-20.87 5.05-20.87c0-.24 3.5-1.87 3.5-2.2c0-.33 6.36-10.68 6.36-10.68l10.6.41l2.2 10.51l-5.3 8.72c.01.01-22.49 14.51-22.41 14.11z"/><path fill="#FFA828" d="M119.92 30.64c-.78-9.32-10-11.55-13.79-10.2s-6.25 3.88-7.09 7.48c-.68 2.91-1.36 4.85-2.14 5.15c-.86.32-1.65.19-1.65.19s-.14-6.3-.1-8.84c.1-5.24 1.7-6.58 1.7-6.58s-.34-1.77-1.02-2.75c-.68-.97-1.94-2.23-1.94-2.23s.29 2.52-.97 3.11s-2.62-.29-2.62-.29l1.26 5.24s-2.04 26.12-2.23 26.7c-.19.58-7.86 13.88-7.86 13.88s-4.47 4.18-6.6 5.15c-2.14.97-3.98 3.5-12.23 3.59c-8.25.1-15.34-6.41-15.34-6.41l-7.09-6.8l-5.24-15.44l-.78-15.73l.33-5.72l.23-2.39l-.37-1.21s-.68.68-1.94.39c-1.26-.29-1.75-1.94-1.75-1.94s-.49.78-.58 1.17c-.1.39-.2 1.29-.2 1.29s1.36 1.43 1.65 3.47c.29 2.04-.1 10.49-1.55 10.29c-1.46-.19-.98-7.28-6.51-10c-4.79-2.36-11.94-1.65-14.86 4.27c-2.91 5.92-.78 12.91 8.35 19.42s18.85 11.98 20.39 17.2c1.84 6.21-2.33 9.9-2.33 9.9s3.03-.42 4.52-3.67c.48-1.05.66-2.58.73-3.49c3.45 4.5 8.04 8.31 14.12 10.15c2.3.79 4.89 1.19 8.49 1.19c.52 0 1.03-.02 1.54-.04c4.21-.15 7.81-.94 11.3-2.67c4.71-2.18 8.36-5.51 11.18-9.29c-.08.9.47 3.14 1.52 4.91c1.84 3.11 4.95 3.3 4.95 3.3s-4.27-2.52-3.4-8.54c.87-6.02 4.85-8.16 10.87-12.04c6.04-3.89 19.82-11.85 19.05-21.17zM21.27 43.85c-2.71-1.91-7.46-4.46-9.42-8.35c-2.61-5.19-.49-11.46 4.47-12.23c10.3-1.62 10.49 11.17 11.17 12.72c.68 1.55 2.62 1.65 2.62 1.65s.07.86.35 2.52c.01.05.02.09.02.14l.03.15c.19 1.13.46 2.54.84 4.15l.03.12c.21.91.43 1.77.66 2.56c.46 1.66 1.02 3.45 1.71 5.29c-1-.68-6.73-4.65-12.48-8.72zm93.31-7.19c-2.15 3.48-6.5 6.07-9.71 8.25c-4.14 2.81-10.3 7.03-12.04 8.21c.4-1.06.75-2.11 1.07-3.14c.52-1.36 1.07-3.02 1.45-4.81c1-4.7 1.17-8.81 1.17-8.81s2.04.58 3.3-.78c1.26-1.36 1.73-5.58 2.91-7.57c1.84-3.11 5.53-6.31 11.07-2.43c3.2 2.25 3.32 6.96.78 11.08zM60.52 79.31l5.65-.07s.15 6.17 1.04 10.77c.89 4.61 2.08 9.73 2.08 9.73s-11.51 3.86-11.44-.3s1.78-12.26 1.78-12.26s1.04-9.65.89-7.87z"/><path fill="#FFA828" d="M51.04 15.19s6.29-.71 12.14-.62s11.87 1.24 11.87 1.24s-.35 19.58-1.42 30.57c-1.06 10.99-5.22 19.22-6.33 21.55c-1.07 2.26-1.85 3.47-1.85 3.47l-5.64-.66l-9.75-19.58l.98-35.97z"/><path fill="#FFEFAB" d="M43.51 18.12s1.77-.89 4.34-1.86c2.33-.88 4.43-1.15 4.43-1.15s.06 12.98.27 22.24c.18 7.89 3.1 20.82 4.52 24.28c1.42 3.46 3.98 8.74 3.98 8.74s-5.15-.74-8.32-4.76c-1.67-2.12-9.48-18.52-9.75-29.33s.79-18.43.53-18.16z"/><path fill="#FFFCFD" d="M40.58 19.62c-.18.53-1.59 11.7.62 22.06s5.48 17.45 7.64 20.26c1.92 2.49 3.17 3.67 3.88 3.67s-2.92-8.59-4.61-15.33c-1.68-6.73-2.57-14.8-2.75-18.78c-.18-3.99-.35-14.27-.35-14.27s-1.95.89-2.39 1.15c-.44.27-2.04 1.24-2.04 1.24z"/><path fill="#FFEFAB" d="M53.34 99.01s3.81-6.2 4.61-10.9c.8-4.7 1.24-8.86 1.24-8.86l2.36.1s-.23 6.81-.5 11.42s-1.06 9.13-1.06 9.13l-6.65-.89z"/><path fill="#D1701C" d="M56.27 75.41s1.77-1.73 6.64-1.73s6.96 1.87 6.96 1.87l.13 6.01s-3.24-1.01-7.18-1.06c-3.28-.04-6.81 1.18-6.81 1.18l.26-6.27zM35 15.72c.82-.76 8.68-6.66 27.29-6.82c20.02-.18 27.53 5.62 28 5.94c.53.35 1.15 1.95.89 2.66c-.27.71-.8.97-2.3.35c-1.51-.62-8.95-6.05-26.85-5.49c-17.19.53-24.48 5.76-25.25 6.2c-.62.35-1.77.44-2.3-.27c-.54-.7-.01-2.07.52-2.57zm56.18 4.17c-2.3.18-.71 18.7-5.58 30.3c-5.22 12.41-11.88 15.95-11.61 16.66c.27.71 6.79-1.26 10.9-7.09c3.81-5.4 6.11-10.19 7.18-16.57c1.05-6.38 1.67-23.5-.89-23.3zm-56.67 2.12c-.58-.03.01 9.21-.93 13.27c-.36 1.56-1.24 1.88-1.33 2.23c-.09.35 1.93 12.24 5.32 17.46c3.28 5.05 9.75 11.34 10.81 10.28c1.06-1.06-4.7-4.61-8.59-12.32c-2.24-4.42-4.52-11.08-4.61-18.7c-.06-5.04.57-12.15-.67-12.22z"/><path fill="#865C50" d="m86.77 112.71l-.01-14.29H40.89c.14 0 .03 11.62.01 14.34h-6.52v10.35h58.25v-10.35l-5.86-.05z"/><path fill="#FCC219" d="M55.59 105.93c-1.13-.05-2.43.18-2.48 1.58s-.05 5.45-.05 6.22c0 .77.63 1.44 2.21 1.49c1.58.05 16.41 0 17.45 0c1.04 0 1.58-.9 1.62-1.8c.05-.9-.05-4.69-.05-5.72c0-1.71-1.53-1.71-2.57-1.71c-1.12-.02-16.13-.06-16.13-.06z"/></svg>                                </div>
                                <svg class="service-badge-svg" width="27" height="19" viewBox="0 0 27 19" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                        d="M2.36011 0.449047C1.71464 1.55916 1.59375 1.90171 1.59375 2.62038C1.59375 3.70818 2.10263 4.57176 3.10547 5.18572C3.33108 5.32384 3.51473 5.45154 3.51366 5.46946C3.50831 5.5578 3.34557 6.19297 3.32217 6.21685C3.30736 6.2319 3.15843 6.17901 2.99119 6.09923C2.49605 5.86308 2.16005 5.81439 1.01953 5.81344L0 5.81263V6.66494C0 7.63371 0.0716249 8.03424 0.337125 8.55079C0.546094 8.95735 1.1101 9.53013 1.49752 9.72912C2.01436 9.9947 2.14664 10.0278 2.8125 10.0589L3.44531 10.0885L3.55097 10.4229C3.60909 10.6068 3.66755 10.7919 3.68091 10.8341C3.70149 10.8992 3.6457 10.9151 3.31744 10.9378C3.10415 10.9525 2.80341 11.0099 2.64909 11.0653C2.36451 11.1675 0.611297 12.1632 0.610031 12.2233C0.609656 12.2414 0.783374 12.5639 0.996096 12.94C1.63425 14.0685 2.2125 14.5668 3.12347 14.7734C3.8341 14.9346 4.53886 14.8063 5.25952 14.3846C5.45813 14.2683 5.63742 14.1743 5.65795 14.1755C5.67853 14.1768 5.82853 14.3026 5.99137 14.4551L6.28749 14.7326L6.05269 14.8861C5.61712 15.1709 5.2628 15.6201 4.7461 16.5422C4.48186 17.0139 4.26562 17.4139 4.26562 17.4312C4.26562 17.4962 5.61511 18.2568 5.92969 18.3691C6.36722 18.5253 6.98139 18.5594 7.42834 18.4523C7.98775 18.3182 8.40974 18.0778 8.80965 17.6651C9.11177 17.3534 9.24617 17.1528 9.72055 16.3059C10.0266 15.7594 10.2586 15.2959 10.2361 15.2757C10.2137 15.2556 9.9949 15.1696 9.75003 15.0848C8.56272 14.6735 7.6597 14.1043 6.79378 13.2212C5.50734 11.9095 4.7963 10.3583 4.63158 8.50423C4.52611 7.31712 4.71337 6.15962 5.2139 4.9049C5.53129 4.10925 5.57831 3.91653 5.57742 3.41464C5.57583 2.49627 5.21995 1.72441 4.53689 1.15784C4.35005 1.00286 3.34369 0.381113 2.66334 0.000345058C2.64577 -0.00949631 2.50931 0.192401 2.36011 0.449047ZM23.5905 0.437918C22.646 0.99574 22.5369 1.07118 22.2281 1.37952C21.7245 1.8825 21.4666 2.48901 21.4319 3.25245C21.4049 3.84572 21.4559 4.08483 21.7848 4.9049C22.6554 7.07616 22.5948 9.252 21.6079 11.261C21.2294 12.0313 20.8453 12.5681 20.2055 13.2205C19.3463 14.0966 18.4511 14.6641 17.2731 15.0793C17.041 15.1612 16.8219 15.2465 16.7863 15.2689C16.7357 15.3008 16.8432 15.5267 17.2788 16.3037C17.748 17.1409 17.8915 17.3556 18.1875 17.6639C18.5839 18.0767 19.0049 18.3165 19.5717 18.4523C19.9989 18.5547 20.6292 18.5238 21.0469 18.3802C21.3068 18.2908 22.4076 17.6907 22.669 17.4959C22.7472 17.4376 22.7185 17.3712 22.2634 16.559C21.7368 15.6194 21.3852 15.1725 20.9473 14.8861L20.7125 14.7326L21.0086 14.4551C21.1715 14.3026 21.3215 14.1768 21.342 14.1755C21.3626 14.1743 21.5419 14.2683 21.7405 14.3846C22.4611 14.8063 23.1659 14.9346 23.8765 14.7734C24.7846 14.5675 25.3698 14.065 25.9923 12.9564C26.1985 12.5893 26.3727 12.2668 26.3795 12.2398C26.3964 12.1722 24.699 11.1888 24.3516 11.0648C24.1969 11.0097 23.8958 10.9525 23.6826 10.9378C23.3543 10.9151 23.2985 10.8992 23.3191 10.8341C23.3325 10.7919 23.3909 10.6068 23.449 10.4229L23.5547 10.0885L24.1875 10.0598C24.8561 10.0294 25.0973 9.9661 25.5824 9.69381C25.9042 9.51312 26.4829 8.90098 26.6629 8.55079C26.9283 8.03424 27 7.63371 27 6.66494V5.81263L25.9805 5.81344C24.8399 5.81439 24.5039 5.86308 24.0088 6.09923C23.8415 6.17901 23.6927 6.2319 23.6779 6.21685C23.6545 6.19297 23.4917 5.55784 23.4863 5.4695C23.4852 5.45159 23.6584 5.33335 23.8711 5.20674C24.6168 4.76291 25.1429 4.08861 25.3368 3.32832C25.4459 2.90073 25.4139 2.08158 25.2725 1.68146C25.1838 1.43054 24.5709 0.282935 24.4109 0.0679949C24.3574 -0.00376374 24.2765 0.0327368 23.5905 0.437918Z"
                                        fill="#FCD34D"></path>
                                </svg>
                                <svg class="service-badge-svg-bg" width="40" height="28" viewBox="0 0 40 28" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                        d="M3.49646 0.665255C2.54021 2.30986 2.36111 2.81734 2.36111 3.88205C2.36111 5.4936 3.115 6.77298 4.6007 7.68255C4.93493 7.88717 5.20701 8.07635 5.20541 8.1029C5.1975 8.23377 4.95639 9.17477 4.92173 9.21015C4.89979 9.23245 4.67916 9.15409 4.43139 9.0359C3.69785 8.68604 3.20007 8.61391 1.51042 8.6125L0 8.6113V9.87398C0 11.3092 0.106111 11.9026 0.499445 12.6678C0.809028 13.2701 1.64459 14.1187 2.21854 14.4135C2.98424 14.807 3.18021 14.856 4.16666 14.9021L5.10416 14.9459L5.2607 15.4414C5.3468 15.7138 5.43341 15.988 5.4532 16.0506C5.48368 16.147 5.40104 16.1705 4.91472 16.2041C4.59875 16.2259 4.15319 16.311 3.92458 16.393C3.50298 16.5445 0.905625 18.0196 0.90375 18.1086C0.903194 18.1354 1.16055 18.6131 1.4757 19.1703C2.42111 20.8423 3.27778 21.5805 4.62736 21.8866C5.68014 22.1253 6.72424 21.9352 7.79188 21.3105C8.08612 21.1383 8.35174 20.9989 8.38215 21.0007C8.41264 21.0027 8.63486 21.1891 8.87611 21.415L9.31479 21.826L8.96695 22.0535C8.32167 22.4755 7.79673 23.1409 7.03125 24.507C6.63979 25.2057 6.31944 25.7983 6.31944 25.824C6.31944 25.9203 8.31868 27.0471 8.78472 27.2135C9.43292 27.4448 10.3428 27.4954 11.005 27.3367C11.8337 27.1381 12.4589 26.7819 13.0513 26.1705C13.4989 25.7087 13.698 25.4116 14.4008 24.1568C14.8542 23.3473 15.1979 22.6606 15.1646 22.6307C15.1314 22.6008 14.8073 22.4735 14.4445 22.3478C12.6855 21.7385 11.3477 20.8952 10.0649 19.5869C8.15902 17.6437 7.10563 15.3456 6.86159 12.5989C6.70535 10.8402 6.98278 9.12536 7.7243 7.26652C8.19451 6.08778 8.26417 5.80226 8.26285 5.05873C8.26049 3.69817 7.73326 2.55468 6.72132 1.71532C6.44452 1.48571 4.95361 0.564612 3.94569 0.000511196C3.91965 -0.0140686 3.7175 0.285039 3.49646 0.665255ZM34.9489 0.648767C33.5496 1.47517 33.388 1.58693 32.9305 2.04373C32.1844 2.78889 31.8024 3.68742 31.751 4.81845C31.711 5.69736 31.7866 6.05161 32.2738 7.26652C33.5635 10.4832 33.4738 13.7067 32.0117 16.683C31.451 17.8242 30.8819 18.6194 29.9341 19.5859C28.6612 20.8838 27.3349 21.7246 25.5898 22.3398C25.2459 22.4611 24.9213 22.5874 24.8686 22.6206C24.7936 22.6679 24.9529 23.0025 25.5982 24.1537C26.2933 25.3939 26.5059 25.712 26.9444 26.1687C27.5317 26.7802 28.1554 27.1356 28.995 27.3367C29.6279 27.4884 30.5618 27.4427 31.1806 27.23C31.5656 27.0975 33.1965 26.2084 33.5836 25.9199C33.6996 25.8334 33.657 25.7351 32.9828 24.5318C32.2027 23.1399 31.6818 22.4778 31.0331 22.0535L30.6853 21.826L31.1239 21.415C31.3652 21.1891 31.5874 21.0027 31.6178 21.0007C31.6483 20.9989 31.9139 21.1383 32.2082 21.3105C33.2757 21.9352 34.3198 22.1253 35.3726 21.8866C36.7179 21.5815 37.5849 20.837 38.5072 19.1947C38.8125 18.6508 39.0707 18.1731 39.0807 18.133C39.1057 18.0329 36.5911 16.576 36.0764 16.3923C35.8472 16.3107 35.4012 16.2259 35.0853 16.2041C34.5989 16.1705 34.5163 16.147 34.5468 16.0506C34.5666 15.988 34.6532 15.7138 34.7393 15.4414L34.8958 14.9459L35.8333 14.9034C36.8239 14.8584 37.1813 14.7646 37.8999 14.3612C38.3766 14.0935 39.2339 13.1866 39.5006 12.6678C39.8938 11.9026 40 11.3092 40 9.87398V8.6113L38.4896 8.6125C36.7999 8.61391 36.3021 8.68604 35.5687 9.0359C35.3208 9.15409 35.1002 9.23245 35.0783 9.21015C35.0437 9.17477 34.8025 8.23383 34.7946 8.10297C34.7929 8.07642 35.0494 7.90126 35.3646 7.71369C36.4693 7.05616 37.2487 6.0572 37.536 4.93084C37.6976 4.29738 37.6503 3.08381 37.4408 2.49105C37.3094 2.11932 36.4014 0.419164 36.1643 0.100733C36.085 -0.0055759 35.9652 0.048499 34.9489 0.648767Z"
                                        fill="#FCD34D" opacity="0.25"></path>
                                </svg>
                            </div>
                            <p class="dp-service-badge-title">
                                Top Member
                            </p>
                        </div>
						</xf:if>
										<xf:if is="$user.isMemberOf(32)">
					<div class="dp-service-badge month-9 top-badge" data-xf-init="tooltip"
                            title="{{ $user.username }} is a Early Supporter" id="js-XFUniqueId18">
                            <div class="dp-service-badge-icon">
                                <div class="dp-service-badge-duration">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24"><path fill="#a666ff" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2L9.19 8.62L2 9.24l5.45 4.73L5.82 21L12 17.27Z"/></svg>
								</div>
                                <svg class="service-badge-svg" width="27" height="19" viewBox="0 0 27 19" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                        d="M2.36011 0.449047C1.71464 1.55916 1.59375 1.90171 1.59375 2.62038C1.59375 3.70818 2.10263 4.57176 3.10547 5.18572C3.33108 5.32384 3.51473 5.45154 3.51366 5.46946C3.50831 5.5578 3.34557 6.19297 3.32217 6.21685C3.30736 6.2319 3.15843 6.17901 2.99119 6.09923C2.49605 5.86308 2.16005 5.81439 1.01953 5.81344L0 5.81263V6.66494C0 7.63371 0.0716249 8.03424 0.337125 8.55079C0.546094 8.95735 1.1101 9.53013 1.49752 9.72912C2.01436 9.9947 2.14664 10.0278 2.8125 10.0589L3.44531 10.0885L3.55097 10.4229C3.60909 10.6068 3.66755 10.7919 3.68091 10.8341C3.70149 10.8992 3.6457 10.9151 3.31744 10.9378C3.10415 10.9525 2.80341 11.0099 2.64909 11.0653C2.36451 11.1675 0.611297 12.1632 0.610031 12.2233C0.609656 12.2414 0.783374 12.5639 0.996096 12.94C1.63425 14.0685 2.2125 14.5668 3.12347 14.7734C3.8341 14.9346 4.53886 14.8063 5.25952 14.3846C5.45813 14.2683 5.63742 14.1743 5.65795 14.1755C5.67853 14.1768 5.82853 14.3026 5.99137 14.4551L6.28749 14.7326L6.05269 14.8861C5.61712 15.1709 5.2628 15.6201 4.7461 16.5422C4.48186 17.0139 4.26562 17.4139 4.26562 17.4312C4.26562 17.4962 5.61511 18.2568 5.92969 18.3691C6.36722 18.5253 6.98139 18.5594 7.42834 18.4523C7.98775 18.3182 8.40974 18.0778 8.80965 17.6651C9.11177 17.3534 9.24617 17.1528 9.72055 16.3059C10.0266 15.7594 10.2586 15.2959 10.2361 15.2757C10.2137 15.2556 9.9949 15.1696 9.75003 15.0848C8.56272 14.6735 7.6597 14.1043 6.79378 13.2212C5.50734 11.9095 4.7963 10.3583 4.63158 8.50423C4.52611 7.31712 4.71337 6.15962 5.2139 4.9049C5.53129 4.10925 5.57831 3.91653 5.57742 3.41464C5.57583 2.49627 5.21995 1.72441 4.53689 1.15784C4.35005 1.00286 3.34369 0.381113 2.66334 0.000345058C2.64577 -0.00949631 2.50931 0.192401 2.36011 0.449047ZM23.5905 0.437918C22.646 0.99574 22.5369 1.07118 22.2281 1.37952C21.7245 1.8825 21.4666 2.48901 21.4319 3.25245C21.4049 3.84572 21.4559 4.08483 21.7848 4.9049C22.6554 7.07616 22.5948 9.252 21.6079 11.261C21.2294 12.0313 20.8453 12.5681 20.2055 13.2205C19.3463 14.0966 18.4511 14.6641 17.2731 15.0793C17.041 15.1612 16.8219 15.2465 16.7863 15.2689C16.7357 15.3008 16.8432 15.5267 17.2788 16.3037C17.748 17.1409 17.8915 17.3556 18.1875 17.6639C18.5839 18.0767 19.0049 18.3165 19.5717 18.4523C19.9989 18.5547 20.6292 18.5238 21.0469 18.3802C21.3068 18.2908 22.4076 17.6907 22.669 17.4959C22.7472 17.4376 22.7185 17.3712 22.2634 16.559C21.7368 15.6194 21.3852 15.1725 20.9473 14.8861L20.7125 14.7326L21.0086 14.4551C21.1715 14.3026 21.3215 14.1768 21.342 14.1755C21.3626 14.1743 21.5419 14.2683 21.7405 14.3846C22.4611 14.8063 23.1659 14.9346 23.8765 14.7734C24.7846 14.5675 25.3698 14.065 25.9923 12.9564C26.1985 12.5893 26.3727 12.2668 26.3795 12.2398C26.3964 12.1722 24.699 11.1888 24.3516 11.0648C24.1969 11.0097 23.8958 10.9525 23.6826 10.9378C23.3543 10.9151 23.2985 10.8992 23.3191 10.8341C23.3325 10.7919 23.3909 10.6068 23.449 10.4229L23.5547 10.0885L24.1875 10.0598C24.8561 10.0294 25.0973 9.9661 25.5824 9.69381C25.9042 9.51312 26.4829 8.90098 26.6629 8.55079C26.9283 8.03424 27 7.63371 27 6.66494V5.81263L25.9805 5.81344C24.8399 5.81439 24.5039 5.86308 24.0088 6.09923C23.8415 6.17901 23.6927 6.2319 23.6779 6.21685C23.6545 6.19297 23.4917 5.55784 23.4863 5.4695C23.4852 5.45159 23.6584 5.33335 23.8711 5.20674C24.6168 4.76291 25.1429 4.08861 25.3368 3.32832C25.4459 2.90073 25.4139 2.08158 25.2725 1.68146C25.1838 1.43054 24.5709 0.282935 24.4109 0.0679949C24.3574 -0.00376374 24.2765 0.0327368 23.5905 0.437918Z"
                                        fill="#FCD34D"></path>
                                </svg>
                                <svg class="service-badge-svg-bg" width="40" height="28" viewBox="0 0 40 28" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                        d="M3.49646 0.665255C2.54021 2.30986 2.36111 2.81734 2.36111 3.88205C2.36111 5.4936 3.115 6.77298 4.6007 7.68255C4.93493 7.88717 5.20701 8.07635 5.20541 8.1029C5.1975 8.23377 4.95639 9.17477 4.92173 9.21015C4.89979 9.23245 4.67916 9.15409 4.43139 9.0359C3.69785 8.68604 3.20007 8.61391 1.51042 8.6125L0 8.6113V9.87398C0 11.3092 0.106111 11.9026 0.499445 12.6678C0.809028 13.2701 1.64459 14.1187 2.21854 14.4135C2.98424 14.807 3.18021 14.856 4.16666 14.9021L5.10416 14.9459L5.2607 15.4414C5.3468 15.7138 5.43341 15.988 5.4532 16.0506C5.48368 16.147 5.40104 16.1705 4.91472 16.2041C4.59875 16.2259 4.15319 16.311 3.92458 16.393C3.50298 16.5445 0.905625 18.0196 0.90375 18.1086C0.903194 18.1354 1.16055 18.6131 1.4757 19.1703C2.42111 20.8423 3.27778 21.5805 4.62736 21.8866C5.68014 22.1253 6.72424 21.9352 7.79188 21.3105C8.08612 21.1383 8.35174 20.9989 8.38215 21.0007C8.41264 21.0027 8.63486 21.1891 8.87611 21.415L9.31479 21.826L8.96695 22.0535C8.32167 22.4755 7.79673 23.1409 7.03125 24.507C6.63979 25.2057 6.31944 25.7983 6.31944 25.824C6.31944 25.9203 8.31868 27.0471 8.78472 27.2135C9.43292 27.4448 10.3428 27.4954 11.005 27.3367C11.8337 27.1381 12.4589 26.7819 13.0513 26.1705C13.4989 25.7087 13.698 25.4116 14.4008 24.1568C14.8542 23.3473 15.1979 22.6606 15.1646 22.6307C15.1314 22.6008 14.8073 22.4735 14.4445 22.3478C12.6855 21.7385 11.3477 20.8952 10.0649 19.5869C8.15902 17.6437 7.10563 15.3456 6.86159 12.5989C6.70535 10.8402 6.98278 9.12536 7.7243 7.26652C8.19451 6.08778 8.26417 5.80226 8.26285 5.05873C8.26049 3.69817 7.73326 2.55468 6.72132 1.71532C6.44452 1.48571 4.95361 0.564612 3.94569 0.000511196C3.91965 -0.0140686 3.7175 0.285039 3.49646 0.665255ZM34.9489 0.648767C33.5496 1.47517 33.388 1.58693 32.9305 2.04373C32.1844 2.78889 31.8024 3.68742 31.751 4.81845C31.711 5.69736 31.7866 6.05161 32.2738 7.26652C33.5635 10.4832 33.4738 13.7067 32.0117 16.683C31.451 17.8242 30.8819 18.6194 29.9341 19.5859C28.6612 20.8838 27.3349 21.7246 25.5898 22.3398C25.2459 22.4611 24.9213 22.5874 24.8686 22.6206C24.7936 22.6679 24.9529 23.0025 25.5982 24.1537C26.2933 25.3939 26.5059 25.712 26.9444 26.1687C27.5317 26.7802 28.1554 27.1356 28.995 27.3367C29.6279 27.4884 30.5618 27.4427 31.1806 27.23C31.5656 27.0975 33.1965 26.2084 33.5836 25.9199C33.6996 25.8334 33.657 25.7351 32.9828 24.5318C32.2027 23.1399 31.6818 22.4778 31.0331 22.0535L30.6853 21.826L31.1239 21.415C31.3652 21.1891 31.5874 21.0027 31.6178 21.0007C31.6483 20.9989 31.9139 21.1383 32.2082 21.3105C33.2757 21.9352 34.3198 22.1253 35.3726 21.8866C36.7179 21.5815 37.5849 20.837 38.5072 19.1947C38.8125 18.6508 39.0707 18.1731 39.0807 18.133C39.1057 18.0329 36.5911 16.576 36.0764 16.3923C35.8472 16.3107 35.4012 16.2259 35.0853 16.2041C34.5989 16.1705 34.5163 16.147 34.5468 16.0506C34.5666 15.988 34.6532 15.7138 34.7393 15.4414L34.8958 14.9459L35.8333 14.9034C36.8239 14.8584 37.1813 14.7646 37.8999 14.3612C38.3766 14.0935 39.2339 13.1866 39.5006 12.6678C39.8938 11.9026 40 11.3092 40 9.87398V8.6113L38.4896 8.6125C36.7999 8.61391 36.3021 8.68604 35.5687 9.0359C35.3208 9.15409 35.1002 9.23245 35.0783 9.21015C35.0437 9.17477 34.8025 8.23383 34.7946 8.10297C34.7929 8.07642 35.0494 7.90126 35.3646 7.71369C36.4693 7.05616 37.2487 6.0572 37.536 4.93084C37.6976 4.29738 37.6503 3.08381 37.4408 2.49105C37.3094 2.11932 36.4014 0.419164 36.1643 0.100733C36.085 -0.0055759 35.9652 0.048499 34.9489 0.648767Z"
                                        fill="#FCD34D" opacity="0.25"></path>
                                </svg>
                            </div>
                            <p class="dp-service-badge-title">
                                Early Supporter
                            </p>
                        </div>
						</xf:if>
                </div>
            </xf:if>
        </xf:if>
        <span class="message-userArrow"></span>
    </section>
</xf:macro>
<xf:macro name="user_info_simple" arg-user="!" arg-fallbackName="">
    <header itemscope itemtype="https://schema.org/Person" class="message-user">
        <meta itemprop="name" content="{{ $user.username ?: $fallbackName }}">
        <div class="message-avatar">
            <div class="message-avatar-wrapper">
                <xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="image" />
            </div>
        </div>
        <span class="message-userArrow"></span>
    </header>
</xf:macro>
<xf:macro name="attachments" arg-attachments="!" arg-message="!" arg-canView="!">
    <xf:if contentcheck="true">
        <xf:css src="attachments.less" />
        <section class="message-attachments">
            <h4 class="block-textHeader">{{ phrase('attachments') }}</h4>
            <ul class="attachmentList">
                <xf:contentcheck>
                    <xf:foreach loop="$attachments" value="$attachment"
                        if="!$message.isAttachmentEmbedded($attachment)">
                        <xf:macro template="attachment_macros" name="attachment_list_item"
                            arg-attachment="{$attachment}" arg-canView="{$canView}" />
                    </xf:foreach>
                </xf:contentcheck>
            </ul>
        </section>
    </xf:if>
</xf:macro>
<xf:macro name="signature" arg-user="!">
    <xf:if is="$xf.visitor.Option.content_show_signature AND $user.Profile.signature">
		<div class="signature-section">
		<div></div>
		<div class="signature-username" style="text-transform: uppercase;">{$user.username}'s SIGNATURE</div>
		<div></div>
				</div>
        <xf:if contentcheck="true">
            <aside class="message-signature">
                <xf:contentcheck>
                    {{ bb_code($user.Profile.signature, 'user:signature', $user) }}
                </xf:contentcheck>
            </aside>
        </xf:if>
    </xf:if>
</xf:macro>]]></template>
    <template title="nf_discord_widget_online_count" type="public" addon_id="NF/Discord" version_id="2080300" version_string="2.8.3"><![CDATA[<xf:css src="nf_discord_widget_online_count.less" />

<div class="block" id="discord-widget" role="complementary"{{ widget_data($widget) }}>
	<div class="block-container">
		
		<div class="widget-header">
			<a class="widget-logo" href="{{ $logoUrl ?: link('account/connected-accounts') }}" target="_blank"></a>
			<span class="widget-header-count">
				{{ phrase('nf_discord_x_users_online', {'count': $onlineCount|number_short}) }}
			</span>
		</div>
		<xf:if is="!$xf.visitor.user_id || !$xf.visitor.isDiscordConnected()">
			<div class="block-body block-row">
				{{ phrase('nf_discord_widget_online_count_footer') }}
			</div>
			<div class="block-footer">
				<xf:button class="button--link button--fullWidth" href="{{ link('account/connected-accounts') }}">
					{{ $xf.visitor.user_id ? phrase('nf_discord_link_your_accounts') : phrase('nf_discord_sign_up_or_login') }}
				</xf:button>
			</div>
		</xf:if>
			
	</div>
</div>]]></template>
    <template title="node_list.less" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[@_nodeList-statsCellBreakpoint: 1000px;

.block.block--category
{
	.block-body
	{
		padding: @xf-paddingLarge;
	}
}



.node-body
{
	display: table;
	table-layout: fixed;
	width: 100%;
}

.node-icon
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 36px;
	padding: @xf-paddingLarge 0;

	i
	{
    display: block;
    line-height: 1.125;
    font-size: 32px;
		
		.node--unread &
		{
			background-color: @xf-contentHighlightBg;
			color: @xf-textColorEmphasized;
		}

		&:before
		{
			.m-faBase();
		}

		.node--category &:before
		{
			.m-faContent(@fa-var-comments);
		}
		
		.node--forum &:before
		{
			.m-faContent(@fa-var-{{ property('dt_node_icon') }});
		}

		.node--search &::before
		{
			.m-faContent(@fa-var-{{ property('dt_search_node_icon') }});
		}

		.node--page &:before
		{
			.m-faContent(@fa-var-{{ property('dt_page_node_icon') }});
		}

		.node--link &:before
		{
			.m-faContent(@fa-var-{{ property('dt_link_node_icon') }});
		}
	}
}

.node-img
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 50px;
	padding: @xf-paddingLarge 0;
	
	i
	{
		display: block;
		width: 50px;
		height: 50px;
		background: @xf-contentAltBg;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		border-radius: @xf-borderRadiusLarge;
	}
}

.node-main
{
	display: table-cell;
	vertical-align: middle;
	padding: @xf-paddingLarge;
}

.node-stats
{
	display: table-cell;
	width: 150px;
	vertical-align: middle;
	text-align: center;
	padding: @xf-paddingLarge 0;

	> dl.pairs.pairs--rows
	{
		width: 50%;
		float: left;
		margin: 0;
		padding: 0 @xf-paddingMedium/2;

		&:first-child
		{
			padding-left: 0;
		}

		&:last-child
		{
			padding-right: 0;
		}
	}

	&.node-stats--single
	{
		width: 100px;

		> dl.pairs.pairs--rows
		{
			width: 100%;
			float: none;
		}
	}

	&.node-stats--triple
	{
		width: 240px;

		> dl.pairs.pairs--rows
		{
			width: 33.333%;
		}
	}

	@media (max-width: @_nodeList-statsCellBreakpoint)
	{
		display: none;
	}
}

@_nodeExtra-avatarSize: 36px;

.node-extra
{
	display: table-cell;
	vertical-align: middle;
	width: 300px;
	padding: @xf-paddingLarge;
	text-align: center;

	font-size: @xf-fontSizeSmall;
}

.node-extra-row
{
	.m-overflowEllipsis();
	color: @xf-textColorMuted;
}

.node-extra-icon
{
	padding-right: @xf-paddingLarge;
	padding-left: 12px;
	float: right;

	.avatar
	{
		.m-avatarSize(@_nodeExtra-avatarSize);
	}
}

.node-title
{
	margin: 0;
	padding: 0;
	font-size: @xf-fontSizeLarge;
	font-weight: @xf-fontWeightNormal;

	.node--unread &
	{
		font-weight: @xf-fontWeightHeavy;
	}
}

.node-description
{
	font-size: @xf-fontSizeSmall;
	color: @xf-textColorDimmed;

	&.node-description--tooltip
	{
		.has-js:not(.has-touchevents) &
		{
			display: none;
		}
	}
}

.node-meta
{
	font-size: @xf-fontSizeSmall;
}

.node-statsMeta
{
	display: none;

	@media (max-width: @_nodeList-statsCellBreakpoint)
	{
		display: inline;
	}
}

.node-bonus
{
	font-size: @xf-fontSizeSmall;
	color: @xf-textColorMuted;
	text-align: right;
}

.node-subNodesFlat
{
	font-size: @xf-fontSizeSmall;
	margin-top: .3em;

	.node-subNodesLabel
	{
		display: none;
	}
}

.node-subNodeMenu
{
	display: inline;

	.menuTrigger
	{
		color: @xf-textColorMuted;
	}
}

@media (max-width: @xf-responsiveMedium)
{
	.node-main
	{
		display: block;
		width: auto;

		.node--link &,
		.node--page &
		{
			// #168882: we only display the title for these types
			// so keep these as table-cells for vertical alignment
			display: table-cell;
		}
	}

	.node-extra
	{
		display: block;
		width: auto;
		// this gives an equivalent of medium padding between main and extra, with main still having large
		margin-top: (@xf-paddingMedium - @xf-paddingLarge);
		padding-top: 0;
	}

	.node-extra-row
	{
		display: inline-block;
		vertical-align: top;
		max-width: 100%;
	}

	.node-extra-icon
	{
		display: none;
	}

	.node-description,
	.node-stats,
	.node-subNodesFlat
	{
		display: none;
	}
}

@media (max-width: @xf-responsiveNarrow)
{
	.node-subNodeMenu
	{
		display: none;
	}
}

.subNodeLink
{
	&:before,
	.subNodeLink-icon
	{
		display: inline-block;
		width: 1.28571429em;
		margin-right: .3em;
		text-decoration: none;
		text-align: center;

		color: @xf-nodeIconReadColor;
	}

	&:before
	{
		.m-faBase();
	}

	&:hover:before
	{
		&:before,
		.subNodeLink-icon
		{
			text-decoration: none;
		}
	}

	&.subNodeLink--unread
	{
		font-weight: @xf-fontWeightHeavy;

		&:before,
		.subNodeLink-icon
		{
			color: @xf-nodeIconUnreadColor;
		}
	}

	&.subNodeLink--category:before
	{
		.m-faContent(@fa-var-comments);
	}

	&.subNodeLink--page:before
	{
		.m-faContent(@fa-var-file-alt);
	}

	&.subNodeLink--link:before
	{
		.m-faContent(@fa-var-link);
	}

	&.subNodeLink--search::before
	{
		.m-faContent(@fa-var-search);
	}
}

.node-subNodeFlatList
{
	.m-listPlain();
	.m-clearFix();

	> li
	{
		display: inline-block;
		margin-right: 1em;

		&:last-child
		{
			margin-right: 0;
		}
	}

	ol,
	ul,
	.node-subNodes
	{
		display: none;
	}
}

.subNodeMenu
{
	.m-listPlain();

	ol,
	ul
	{
		.m-listPlain();
	}

	.subNodeLink
	{
		display: block;
		padding: @xf-blockPaddingV @xf-blockPaddingH;
		color: @xf-menuLinkRow--color;
		text-decoration: none;
		cursor: pointer;
		border-radius: @xf-blockBorderRadius;

		&:hover
		{
			.xf-menuLinkRowSelected();
		}
	}

	li li .subNodeLink { padding-left: 1.5em; }
	li li li .subNodeLink { padding-left: 3em; }
	li li li li .subNodeLink { padding-left: 4.5em; }
	li li li li li .subNodeLink { padding-left: 6em; }
	li li li li li li .subNodeLink { padding-left: 7.5em; }
}]]></template>
    <template title="node_list_category" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<xf:macro name="depth1" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<div class="block block--category block--category{$node.node_id}">
		<span class="u-anchorTarget" id="{$node.Data.getCategoryAnchor()}"></span>
		<div class="block-container">
			<h2 class="block-header">
				
				<xf:if is="property('dt_cat_description') == 'option3' && {$node.description}">
					<a href="{{ link('categories', $node) }}" data-xf-init="tooltip" title="{$node.description|raw}">{$node.title}</a>
				<xf:else />
					<a href="{{ link('categories', $node) }}">{$node.title}</a>
				</xf:if>
				
				<xf:if is="property('dt_cat_description') != 'option3' && {$node.description}"><span class="block-desc">{$node.description|raw}</span></xf:if>
				
				<xf:if is="property('dt_collapsible_categories')">
					<span id="collapse-{$node.node_id}" class="collapseTrigger collapseTrigger--block {{ !is_toggled('_node-' . $node.node_id) ? ' is-active' : '' }}" title="Toggle Visibilty" data-xf-click="toggle" data-xf-init="toggle-storage" data-storage-type="cookie" data-target=".block--category{$node.node_id} .block-body" data-storage-key="_node-{$node.node_id}"></span>
				</xf:if>
			</h2>
			
			<xf:if is="property('dt_catstrips_minorheader')">
				<div class="block-subheader">
					<span class="block-subheader--main">{{ phrase('forum') }}</span>
					<span class="block-subheader--stats">{{ phrase('threads') }}</span>
					<span class="block-subheader--stats">{{ phrase('messages') }}</span>
					<span class="block-subheader--last">Last Post</span>
				</div>
			</xf:if>
	
			<xf:if is="property('dt_collapsible_categories')">
				<div class="block-body block-body--collapsible {{ !is_toggled('_node-' . $node.node_id) ? ' is-active' : '' }}">
			<xf:else />
				<div class="block-body">
			</xf:if>
				<xf:macro template="forum_list" name="node_list"
					arg-children="{$children}"
					arg-extras="{$childExtras}"
					arg-depth="{{ $depth + 1 }}" />
			</div>
		</div>
	</div>
</xf:macro>

<xf:macro name="depth2" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<div class="node node--id{$node.node_id} node--depth{$depth} node--category {{ $extras.hasNew ? 'node--unread' : 'node--read' }}">
		<div class="node-body">
			<span class="node-icon" aria-hidden="true"><i></i></span>
			<div class="node-main js-nodeMain">
				<xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" />
				<h3 class="node-title">
					<a href="{{ link('categories', $node) }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">{$node.title}</a>
				</h3>
				<xf:if is="$descriptionDisplay != 'none' && $node.description">
					<div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">{$node.description|raw}</div>
				</xf:if>

				<div class="node-meta">
					<xf:if is="!{$extras.privateInfo}">
						<div class="node-statsMeta">
							<dl class="pairs pairs--inline">
								<dt>{{ phrase('threads') }}</dt>
								<dd>{$extras.discussion_count|number_short(1)}</dd>
							</dl>
							<dl class="pairs pairs--inline">
								<dt>{{ phrase('messages') }}</dt>
								<dd>{$extras.message_count|number_short(1)}</dd>
							</dl>
						</div>
					</xf:if>

					<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'menu'">
						<xf:macro template="forum_list" name="sub_nodes_menu"
							arg-children="{$children}"
							arg-childExtras="{$childExtras}"
							arg-depth="{{ $depth + 1 }}" />
					</xf:if>
				</div>

				<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'flat'">
					<xf:macro template="forum_list" name="sub_nodes_flat"
						arg-children="{$children}"
						arg-childExtras="{$childExtras}"
						arg-depth="{{ $depth + 1 }}" />
				</xf:if>
			</div>

			<xf:if is="!{$extras.privateInfo}">
				<div class="node-stats">
					<dl class="pairs pairs--rows">
						<dt>Posts</dt>
						<dd>{$extras.message_count|number_short(1)}</dd>
					</dl>
					<dl class="pairs pairs--rows">
						<dt>{{ phrase('threads') }}</dt>
						<dd>{$extras.discussion_count|number_short(1)}</dd>
					</dl>
				</div>
			</xf:if>

			<div class="node-extra">
				<xf:if is="{$extras.privateInfo}">
					<span class="node-extra-placeholder">{{ phrase('private') }}</span>
				<xf:elseif is="{$extras.LastThread}" />
					<div class="node-extra-icon">
						<xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
							<xf:avatar user="{{ null }}" size="xs" />
						<xf:else />
							<xf:avatar user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" size="xs" />
						</xf:if>
					</div>
					<div class="node-extra-row">
						<xf:if is="$extras.LastThread.isUnread()">
							<a href="{{ link('threads/unread', $extras.LastThread) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
						<xf:else />
							<a href="{{ link('threads/post', $extras.LastThread, {'post_id': $extras.last_post_id}) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
						</xf:if>
					</div>
					<div class="node-extra-row">
						<ul class="listInline listInline--bullet">
							<li class="node-extra-date"><xf:date time="{$extras.last_post_date}" /></li>
							<xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
								<li class="node-extra-user">{{ phrase('ignored_member') }}</li>
							<xf:else />
								<li class="node-extra-user"><xf:username user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" /></li>
							</xf:if>
						</ul>
					</div>
				<xf:else />
					<span class="node-extra-placeholder">{{ phrase('none') }}</span>
				</xf:if>
			</div>
		</div>
	</div>
</xf:macro>

<xf:macro name="depthN" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<li>
		<a href="{{ link('categories', $node) }}" class="subNodeLink subNodeLink--category {{ $extras.hasNew ? 'subNodeLink--unread' : '' }}">{$node.title}</a>
		<xf:macro template="forum_list" name="sub_node_list"
			arg-children="{$children}"
			arg-childExtras="{$childExtras}"
			arg-depth="{{ $depth + 1 }}" />
	</li>
</xf:macro>]]></template>
    <template title="node_list_forum" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<xf:macro name="depth1" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<div class="block">
		<div class="block-container">
			<div class="block-body">
				<xf:macro name="forum"
					arg-node="{$node}"
					arg-extras="{$extras}"
					arg-children="{$children}"
					arg-childExtras="{$childExtras}"
					arg-depth="{$depth}" />
			</div>
		</div>
	</div>
</xf:macro>

<xf:macro name="depth2" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<xf:macro name="forum"
		arg-node="{$node}"
		arg-extras="{$extras}"
		arg-children="{$children}"
		arg-childExtras="{$childExtras}"
		arg-depth="{$depth}" />
</xf:macro>

<xf:macro name="depthN" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<li>
		<a href="{{ link('forums', $node) }}" class="subNodeLink subNodeLink--forum {{ $extras.hasNew ? 'subNodeLink--unread' : '' }}">
			<xf:fa icon="{{ $node.Data.TypeHandler.getTypeIconClass() ?: 'fa-comments' }}" class="subNodeLink-icon" />{$node.title}
		</a>
		<xf:macro template="forum_list" name="sub_node_list"
			arg-children="{$children}"
			arg-childExtras="{$childExtras}"
			arg-depth="{{ $depth + 1 }}" />
	</li>
</xf:macro>

<xf:macro name="forum"
	arg-node="!"
	arg-extras="!"
	arg-children="!"
	arg-childExtras="!"
	arg-depth="!"
	arg-chooseName=""
	arg-bonusInfo="">

	<div class="node node--id{$node.node_id} node--depth{$depth} node--forum {{ $extras.hasNew ? 'node--unread' : 'node--read' }}">
		<div class="node-body">
			<xf:if is="property('dt_node_background') AND $node.node_background">
				<span class="node-img"><i style="background-image: url('{$node.node_background}')"></i></span>
			<xf:else />
				<span class="node-icon" aria-hidden="true">
					<xf:fa icon="{{ $node.Data.TypeHandler.getTypeIconClass() ?: 'fa-comments' }}" />
				</span>
			</xf:if>
			<div class="node-main js-nodeMain">
				<xf:if is="$chooseName">
					<xf:checkbox standalone="true">
						<xf:option labelclass="u-pullRight" class="js-chooseItem" name="{$chooseName}[]" value="{$node.node_id}" />
					</xf:checkbox>
				</xf:if>

				<xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" />
				<h3 class="node-title">
					<a href="{{ link('forums', $node) }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">{$node.title}</a>
					<xf:if is="property('dt_new_indicator')"><span class="node--newIndicator">{{ phrase('new') }}</span></xf:if>
				</h3>
				<xf:if is="$descriptionDisplay != 'none' && $node.description">
					<div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">{$node.description|raw}</div>
				</xf:if>

				<div class="node-meta">
					<xf:if is="!{$extras.privateInfo}">
						<div class="node-statsMeta">
							<xf:if is="property('dt_nodestat_simple') AND !property('dt_catstrips_minorheader')">
								<dl class="pairs pairs--inline">
									<dt>Posts</dt>
									<dd>{$extras.message_count|number_short(1)}</dd>
								</dl>
							<xf:else />
								<dl class="pairs pairs--inline">
									<dt>{{ phrase('threads') }}</dt>
									<dd>{$extras.discussion_count|number_short(1)}</dd>
								</dl>
								<dl class="pairs pairs--inline">
									<dt>{{ phrase('threads') }}</dt>
									<dd>{$extras.discussion_count|number_short(1)}</dd>
								</dl>
							</xf:if>
						</div>
					</xf:if>

					<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'menu'">
						<xf:macro template="forum_list" name="sub_nodes_menu"
							arg-children="{$children}"
							arg-childExtras="{$childExtras}"
							arg-depth="{{ $depth + 1 }}" />
					</xf:if>
				</div>

				<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'flat'">
					<xf:macro template="forum_list" name="sub_nodes_flat"
						arg-children="{$children}"
						arg-childExtras="{$childExtras}"
						arg-depth="{{ $depth + 1 }}" />
				</xf:if>

				<xf:if is="$bonusInfo is not empty">
					<div class="node-bonus">{$bonusInfo}</div>
				</xf:if>
			</div>

			<xf:if is="!{$extras.privateInfo}">
				<div class="node-stats">
					<xf:if is="property('dt_nodestat_simple') AND !property('dt_catstrips_minorheader')">
						<dl class="pairs pairs--rows">
							<dd>{$extras.message_count|number_short(1)}</dd>
							<dt>Posts</dt>
						</dl>
					<xf:else />
						<dl class="pairs pairs--rows">
							<dt>{{ phrase('threads') }}</dt>
							<dd>{$extras.discussion_count|number_short(1)}</dd>
						</dl>
						<dl class="pairs pairs--rows">
							<dt>{{ phrase('threads') }}</dt>
							<dd>{$extras.discussion_count|number_short(1)}</dd>
						</dl>
					</xf:if>
				</div>
			</xf:if>

			<div class="node-extra">
				<xf:if is="{$extras.privateInfo}">
					<span class="node-extra-placeholder">{{ phrase('private') }}</span>
				<xf:elseif is="{$extras.LastThread}" />
					<div class="node-extra-icon">
						<xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
							<xf:avatar user="{{ null }}" size="xs" />
						<xf:else />
							<xf:avatar user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" size="xs" />
						</xf:if>
					</div>
					<div class="node-extra-row">
						<xf:if is="$extras.LastThread.isUnread()">
							<a href="{{ link('threads/unread', $extras.LastThread) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
						<xf:else />
							<a href="{{ link('threads/post', $extras.LastThread, {'post_id': $extras.last_post_id}) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
						</xf:if>
					</div>
					<div class="node-extra-row">
						<ul class="listInline listInline--bullet">
							<li><xf:date time="{$extras.last_post_date}" class="node-extra-date" /></li>
							<xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
								<li class="node-extra-user">{{ phrase('ignored_member') }}</li>
							<xf:else />
								<li class="node-extra-user"><xf:username user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" /></li>
							</xf:if>
						</ul>
					</div>
				<xf:else />
					<span class="node-extra-placeholder">{{ phrase('none') }}</span>
				</xf:if>
			</div>
		</div>
	</div>

	<xf:if is="{$depth} == 1">
		<xf:macro template="forum_list" name="node_list"
			arg-children="{$children}"
			arg-extras="{$childExtras}"
			arg-depth="{{ $depth + 1 }}" />
	</xf:if>
</xf:macro>]]></template>
    <template title="node_list_link_forum" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<xf:macro name="depth1" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<div class="block">
		<div class="block-container">
			<div class="block-body">
				<xf:macro name="link_forum"
					arg-node="{$node}"
					arg-extras="{$extras}"
					arg-children="{$children}"
					arg-childExtras="{$childExtras}"
					arg-depth="{$depth}" />
			</div>
		</div>
	</div>
</xf:macro>

<xf:macro name="depth2" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<xf:macro name="link_forum"
		arg-node="{$node}"
		arg-extras="{$extras}"
		arg-children="{$children}"
		arg-childExtras="{$childExtras}"
		arg-depth="{$depth}" />
</xf:macro>

<xf:macro name="depthN" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<li>
		<a href="{{ link('link-forums', $node) }}" class="subNodeLink subNodeLink--link">{$node.title}</a>
		<xf:macro template="forum_list" name="sub_node_list"
			arg-children="{$children}"
			arg-childExtras="{$childExtras}"
			arg-depth="{{ $depth + 1 }}" />
	</li>
</xf:macro>

<xf:macro name="link_forum" arg-node="!" arg-extras="!" arg-children="{$children}" arg-childExtras="{$childExtras}" arg-depth="!">
	<div class="node node--id{$node.node_id} node--depth{$depth} node--link">
		<div class="node-body">
			<span class="node-icon" aria-hidden="true"><i></i></span>
			<div class="node-main js-nodeMain">
				<xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" />
				<h3 class="node-title">
					 <a href="{{ link('link-forums', $node) }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">{$node.title}</a>
				</h3>
				<xf:if is="$descriptionDisplay != 'none' && $node.description">
					<div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">{$node.description|raw}</div>
				</xf:if>

				<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'menu'">
					<div class="node-meta">
						<xf:macro template="forum_list" name="sub_nodes_menu"
							arg-children="{$children}"
							arg-childExtras="{$childExtras}"
							arg-depth="{{ $depth + 1 }}" />
					</div>
				</xf:if>

				<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'flat'">
					<xf:macro template="forum_list" name="sub_nodes_flat"
						arg-children="{$children}"
						arg-childExtras="{$childExtras}"
						arg-depth="{{ $depth + 1 }}" />
				</xf:if>
			</div>
		</div>
	</div>

	<xf:if is="{$depth} == 1">
		<xf:macro template="forum_list" name="node_list"
			arg-children="{$children}"
			arg-extras="{$childExtras}"
			arg-depth="{{ $depth + 1 }}" />
	</xf:if>
</xf:macro>]]></template>
    <template title="notice_macros" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<xf:macro name="notice_list" arg-type="!" arg-notices="!">
	<xf:if is="{$notices} is not empty">
		<xf:css src="notices.less" />
		<xf:js src="xf/notice.js" min="1" />
		<xf:if is="$type == 'scrolling'">
			<xf:css src="lightslider.less" />
			<xf:js prod="xf/carousel-compiled.js" dev="vendor/lightslider/lightslider.min.js, xf/carousel.js" />
		</xf:if>

		<ul class="notices notices--{$type} {{ count($notices) > 1 ? 'notices--isMulti' : '' }} js-notices"
			data-xf-init="notices"
			data-type="{$type}"
			data-scroll-interval="{{ property('noticeScrollInterval') }}">

			<xf:foreach loop="{$notices}" value="$notice">
				<xf:macro name="notice" arg-notice="{$notice}" arg-type="{$type}" arg-contentHtml="{$notice.message}" />
			</xf:foreach>
		</ul>
	</xf:if>
</xf:macro>

<xf:macro name="notice" arg-notice="!" arg-type="!" arg-contentHtml="!">
	<li class="notice js-notice {{ $notice.display_style == 'custom' ? $notice.css_class : 'notice--' . $notice.display_style }}{{ $notice.display_image ? ' notice--hasImage' : '' }}{{ $notice.visibility ? ' notice--hide' . $notice.visibility : '' }}"
		data-notice-id="{$notice.notice_id}"
		data-delay-duration="{$notice.delay_duration}"
		data-display-duration="{$notice.display_duration}"
		data-auto-dismiss="{$notice.auto_dismiss}"
		data-visibility="{$notice.visibility}">

		<xf:if is="$notice.display_image == 'avatar'">
			<div class="notice-image"><xf:avatar user="$xf.visitor" size="s" href="" /></div>
		<xf:elseif is="$notice.display_image == 'image'" />
			<div class="notice-image"><img src="{{ base_url($notice.image_url) }}" alt="" /></div>
		</xf:if>
					<div class="notice-content">
				<xf:if is="$notice.dismissible AND !$notice.custom_dismissible">
					<a href="{{ link('account/dismiss-notice', null, {'notice_id': $notice.notice_id}) }}" class="notice-dismiss js-noticeDismiss" data-xf-init="tooltip" title="{{ phrase('dismiss_notice')|for_attr }}"></a>
				</xf:if>
				{$contentHtml|raw}
		</div>
	</li>
</xf:macro>]]></template>
    <template title="nulumia_breadcrumb_essentials.less" type="public" addon_id="Nulumia/BreadcrumbEssentials" version_id="2000070" version_string="2.0.0"><![CDATA[/* app_breadcrumbs.less */

.p-breadcrumbs
{
	margin-bottom: (@xf-elementSpacer / 2);
	.xf-nlBreadcrumb();

	&.with-icon.hide-label > li:first-of-type a {
		font-size: 0;
	}
	&.with-icon > li:first-of-type a:before {
		content: "\f015";
		.m-faBase();
		font-size: @xf-fontSizeNormal;
		font-weight: inherit;
	}
	> li
	{
		position: relative;
		.xf-nlBreadcrumbItem();

		a
		{
			vertical-align: top;
			color: inherit;
			font-weight: inherit;
		}
		&:first-child,
		&:first-child:last-of-type
		{
			.xf-nlBreadcrumbItemFirst();
		}
		&:after
		{
			<xf:if is="property('nlBreadcrumbItemSeparatorStyle') == 'arrow'">
			.m-faContent(@fa-var-angle-right, false ltr);
			.m-faContent(@fa-var-angle-left, false, rtl);
			font-size: inherit;
			margin-left: .5em;
			<xf:elseif is="property('nlBreadcrumbItemSeparatorStyle') == 'divide'" />
			content: "/";
			margin-left: .5em;
			</xf:if>
			.xf-nlBreadcrumbItemSeparator();
		}
		&:last-of-type {
			
			a {
				font-weight: inherit;
			}
			&:after {
				display: none; 
			}
		}
		&:last-of-type:not(:first-child)
		{
			.xf-nlBreadcrumbItemActive();
			
		}

	}
	> li:hover {
		.xf-nlBreadcrumbItemHover();
	}
	> li:hover a {
		color: inherit;
	}
}

/* XF1 Breadcrumb */

.p-breadcrumbs.p-breadcrumbs--xf1 {
	margin-bottom: ((@xf-elementSpacer) / 2);
	.xf-nlXF1Breadcrumb();
	
	> li {
		padding: 0 @xf-nlXF1BreadcrumbItemPaddingH 0 (@xf-nlXF1BreadcrumbArrowWidth + @xf-nlXF1BreadcrumbItemPaddingH);
		margin-right: 0;
		height: @xf-nlXF1BreadcrumbHeight;
		line-height: @xf-nlXF1BreadcrumbHeight;
		.xf-nlXF1BreadcrumbItem();
	}
	> li:hover {
		.xf-nlXF1BreadcrumbItemHover();
	}
	> li:after {
		display: none;
	}
	> li:first-child,
	> li:first-child:last-of-type {
		margin-left: 0;
		padding-left: @xf-nlXF1BreadcrumbItemPaddingH;
		padding-right: 4px;
		.xf-nlXF1BreadcrumbItemFirst();
		
		.arrow {
			
		}
		.arrow span,
		&:hover .arrow span {
			border-left-color: @xf-nlXF1BreadcrumbItemFirst--background-color;
		}
	}
	> li:last-of-type:not(:first-child) {
		.xf-nlXF1BreadcrumbItemActive();
		
		.arrow {
			
		}
		.arrow span,
		&:hover .arrow span {
			border-left-color: @xf-nlXF1BreadcrumbItemActive--background-color;
		}
	}
	.arrow {
		border-style: solid;
		border-color: transparent;
		border-top-width: (@xf-nlXF1BreadcrumbHeight/2);
		border-right: 1px none black;
		border-bottom-width: (@xf-nlXF1BreadcrumbHeight/2);
		border-left-width: @xf-nlXF1BreadcrumbArrowWidth;
		border-left-color: @xf-nlXF1Breadcrumb--border-color;
		display: block;
		position: absolute;
		right: -(@xf-nlXF1BreadcrumbArrowWidth);
		top: 0px;
		z-index: 50;
		width: 0px;
		height: 0px;
	}
	.arrow span {
		border-style: solid;
		border-color: transparent;
		border-top-width: (@xf-nlXF1BreadcrumbHeight/2);
		border-right: 1px none black;
		border-bottom-width: (@xf-nlXF1BreadcrumbHeight/2);
		border-left-width: @xf-nlXF1BreadcrumbArrowWidth;
		border-left-color: @xf-nlXF1BreadcrumbItem--background-color;
		display: block;
		position: absolute;
		left: -(@xf-nlXF1BreadcrumbArrowWidth + 1);
		top: -(@xf-nlXF1BreadcrumbHeight/2);
		z-index: 51;
		white-space: nowrap;
		overflow: hidden;
		text-indent: 9999px;
		width: 0px;
		height: 0px;
	}
	> li:hover {
		.arrow span {
			border-left-color: @xf-nlXF1BreadcrumbItemHover--background-color;
		}
	}
	&.p-breadcrumbs--bottom {
		margin-bottom: 0;
	}
}

@media (max-width: @xf-responsiveNarrow)
{
	.p-body .p-breadcrumbs.p-breadcrumbs--xf1 {
		> li {
			padding: 0 @xf-nlXF1BreadcrumbItemPaddingH !important;
		}
	}
}

/* Right content */

.bcrumb-content-right {
    float: right;
	
	a {
		color: inherit;
	}
}
.p-breadcrumbs--xf1 {
	.bcrumb-content-right {
		height: @xf-nlXF1BreadcrumbHeight;
		line-height: @xf-nlXF1BreadcrumbHeight;
		padding: 0 @xf-nlXF1BreadcrumbItemPaddingH;
	}
}
@media (max-width: @xf-responsiveNarrow)
{
	.p-breadcrumbs.with-custom-content > li:last-of-type {
		display: block;
	}
}

/* Share buttons */

.p-breadcrumbs-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
	
	.p-breadcrumbs {
		flex: 1;
	}
	.shareButtons.shareButtons--iconic {
		flex: 0 0 auto;
		margin-left: 10px;
		margin-bottom: (@xf-elementSpacer / 2);
	}
	.shareButtons--iconic .shareButtons-buttons {
		display: flex;
	}
	@media (max-width: @xf-responsiveMedium)
	{
		flex-direction: column;
		
		.shareButtons.shareButtons--iconic {
			margin-left: 0;
		}
		> * {
			/* margin: 0 auto (@xf-elementSpacer /2); */
		}
	}
}
.p-breadcrumbs--xf1 + .shareButtons {
	
	.shareButtons-label {
		display: none;
	}
	.shareButtons-button {
		height: @xf-nlXF1BreadcrumbHeight;
		line-height: @xf-nlXF1BreadcrumbHeight;
		padding: 0;
		width: @xf-nlXF1BreadcrumbHeight;
		box-sizing: content-box;
		margin-right: 1px;
	}
	.shareButtons-button:not(:hover) {
		border: 1px solid @xf-borderColor;
		background-color: @xf-contentBg;
		background-color: @xf-nlXF1Breadcrumb--background-color;
	}
	.shareButtons-button:hover {
		border: 1px solid transparent;
	}
	.p-breadcrumbs-container--bottom & {
		margin-top: @xf-elementSpacer;
		margin-bottom: 0;
	}
}

/* Taken from share_controls.less */

.p-breadcrumbs--xf1 + .shareButtons.shareButtons--brandColors .shareButtons-button {
	color: #fff;
	transition: .2s opacity;
	
	&.shareButtons-button--facebook
	{
		background-color: #3B5998;
		border-color: #3B5998;
	}

	&.shareButtons-button--twitter
	{
		background-color: #1DA1F3;
		border-color: #1DA1F3;
	}

	&.shareButtons-button--pinterest
	{
		background-color: #bd081c;
		border-color: #bd081c;
	}

	&.shareButtons-button--tumblr
	{
		background-color: #35465c;
		border-color: #35465c;
	}

	&.shareButtons-button--reddit
	{
		background-color: #FF4500;
		border-color: #FF4500;
	}

	&.shareButtons-button--whatsApp
	{
		background-color: #25D366;
		border-color: #25D366;
	}

	&.shareButtons-button--email
	{
		background-color: #1289ff;
		border-color: #1289ff;
	}

	&.shareButtons-button--link
	{
		background-color: #787878;
		border-color: #787878;
	}
	
	&:hover {
		opacity: 0.8;
	}
}

/* Breadcrumb locations */

.m-bcrumbHide() {
	display: none;
}
.m-bcrumbShow() {
	display: block;
}
.p-breadcrumbs-container--top {
	<xf:if is="property('nlBreadcrumbGlobalTop') == 'off'">
		.m-bcrumbHide();
	</xf:if>
	.page-section-forums & {
		<xf:if is="property('nlBreadcrumbForumTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbForumTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-forums.template-forum_list & {
		<xf:if is="property('nlBreadcrumbForumTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbForumTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-forums.template-forum_view & {
		<xf:if is="property('nlBreadcrumbDiscussionTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbDiscussionTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-forums.template-thread_view & {
		<xf:if is="property('nlBreadcrumbThreadTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbThreadTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-conversations & {
		<xf:if is="property('nlBreadcrumbConversTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbConversTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-members & {
		<xf:if is="property('nlBreadcrumbMemberTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbMemberTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-whatsNew &,
	.template-whats_new_posts &, 
	.template-xfmg_whats_new_media &,
	.template-xfmg_whats_new_media_comments &,
	.template-dbtech_ecommerce_whats_new_products &,
	.template-xfrm_whats_new_resources &,
	.template-whats_new_profile_posts &
	{
		<xf:if is="property('nlBreadcrumbNewTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbNewTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.template-search_form &,
	.template-search_results {
		<xf:if is="property('nlBreadcrumbSearchTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbSearchTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-xfmg & {
		<xf:if is="property('nlBreadcrumbMediaTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbMediaTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-xfrm & {
		<xf:if is="property('nlBreadcrumbResourcesTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbResourcesTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-EWRporta & {
		<xf:if is="property('nlBreadcrumbArticlesTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbArticlesTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-dbtechEcommerce & {
		<xf:if is="property('nlBreadcrumbEcommerceTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbEcommerceTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-siropuChat,
	.page-section-siropuShoutbox & {
		<xf:if is="property('nlBreadcrumbChatTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbChatTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
}

.p-breadcrumbs-container--bottom {
	<xf:if is="property('nlBreadcrumbGlobalBot') == 'off'">
		.m-bcrumbHide();
	</xf:if>
	.page-section-forums & {
		<xf:if is="property('nlBreadcrumbForumBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbForumBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-forums.template-forum_list & {
		<xf:if is="property('nlBreadcrumbForumBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbForumBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-forums.template-forum_view & {
		<xf:if is="property('nlBreadcrumbDiscussionBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbDiscussionBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-forums.template-thread_view & {
		<xf:if is="property('nlBreadcrumbThreadBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbThreadBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-conversations & {
		<xf:if is="property('nlBreadcrumbConversBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbConversBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-members & {
		<xf:if is="property('nlBreadcrumbMemberBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbMemberBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-whatsNew &,
	.template-whats_new_posts &, 
	.template-xfmg_whats_new_media &,
	.template-xfmg_whats_new_media_comments &,
	.template-dbtech_ecommerce_whats_new_products &,
	.template-xfrm_whats_new_resources &,
	.template-whats_new_profile_posts &
	{
		<xf:if is="property('nlBreadcrumbNewBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbNewBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.template-search_form &,
	.template-search_results {
		<xf:if is="property('nlBreadcrumbSearchBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbSearchBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-xfmg & {
		<xf:if is="property('nlBreadcrumbMediaBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbMediaBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-xfrm & {
		<xf:if is="property('nlBreadcrumbResourcesBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbResourcesBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-EWRporta & {
		<xf:if is="property('nlBreadcrumbArticlesBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbArticlesBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-dbtechEcommerce & {
		<xf:if is="property('nlBreadcrumbEcommerceBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbEcommerceBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-siropuChat,
	.page-section-siropuShoutbox & {
		<xf:if is="property('nlBreadcrumbChatBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbChatBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
}]]></template>
    <template title="ozzmodz_badges_member_badges" type="public" addon_id="" version_id="2030370" version_string="2.3.3"><![CDATA[<xf:title>{{ phrase('ozzmodz_badges_badges_awarded_to_x', {'name': $user.username}) }}</xf:title>

<xf:head option="noindex"><meta name="robots" content="noindex" /></xf:head>

<xf:breadcrumb href="{{ link('members', $user) }}">{$user.username}</xf:breadcrumb>

<xf:set var="$footer">
	<div class="block-footer block-footer--split">
		<span class="block-footer-counter">{{ phrase('ozzmodz_badges_total_badges:') }} {$totalBadges}</span>
		<span class="block-footer-controls">		
			<xf:button href="{{ link('help', {'page_name': 'ozzmodz_badges'}) }}">
				{{ phrase('ozzmodz_badges_view_all_available_badges') }}
			</xf:button>
		</span>
	</div>
</xf:set>

<xf:foreach loop="$badgeCategories" key="$catId" value="$category">
	<xf:set var="$catContent">
		<xf:foreach loop="{$userBadges.{$catId}}" key="$badgeId" value="$userBadge">

			<xf:set var="$extraHeader">
				<xf:if is="$userBadge.canManageFeatured()">
					<xf:if is="$userBadge.featured || $userBadge.canAddFeatured()">
						<a href="{{ link('user-badges/feature', $userBadge) }}"
						   class="featureIcon {{ $userBadge.featured ? 'featureIcon--featured' : '' }}"
						   title="{{ $userBadge.featured ? phrase('ozzmodz_badges_unfeature_badge') : phrase('ozzmodz_badges_feature_badge') }}">
							<xf:fa icon="fa-bullhorn" />
						</a>
					</xf:if>
				</xf:if>
			</xf:set>
			
			<xf:set var="$extra">
				<xf:macro name="menu" arg-userBadge="{$userBadge}" />
			</xf:set>
			
			<xf:set var="$extraMinor">
				<xf:date time="{$userBadge.award_date}" />
			</xf:set>
			
			<xf:macro name="badge" template="ozzmodz_badges_badge_macros"
					  arg-badge="{$userBadge.Badge}" 
					  arg-reason="{$userBadge.reason}"
					  arg-extra="{$extra}"
					  arg-extraHeader="{$extraHeader}"
					  arg-extraMinor="{$extraMinor}"
					  arg-stackedBadges="{$userBadge.StackedUserBadges}" />
		</xf:foreach>
	</xf:set>

	<xf:if is="$totalCategories == 1">
		<div class="block">
			<div class="block-container">
				{$catContent}
				{$footer}
			</div>
		</div>
	<xf:else />
		<xf:macro name="badge_category"
				  template="ozzmodz_badges_badge_macros"
				  arg-category="{$category}"
				  arg-content="{$catContent}" />
	</xf:if>
</xf:foreach>

<xf:if is="$totalCategories != 1">
	<div class="block">
		<div class="block-container">
			{$footer}
		</div>
	</div>
</xf:if>

<xf:macro name="menu" arg-userBadge="!">
	<div class="contentRow-extra">
		
		<xf:if contentcheck="true">
			<xf:button class="button--link menuTrigger"
				data-xf-click="menu"
				aria-label="{{ phrase('more_options') }}"
				aria-expanded="false"
				aria-haspopup="true">
				<xf:fa icon="fa-cog" />
			</xf:button>
			<div class="menu" data-menu="menu" aria-hidden="true">
				<div class="menu-content">
					<xf:contentcheck>
						<xf:if is="$userBadge.canEdit()">
							<a href="{{ link('user-badges/edit', $userBadge) }}" class="menu-linkRow" data-xf-click="overlay">{{ phrase('edit') }}</a>
						</xf:if>
						<xf:if is="$userBadge.canDelete()">
							<a href="{{ link('user-badges/delete', $userBadge) }}" class="menu-linkRow" data-xf-click="overlay">{{ phrase('ozzmodz_badges_take_away_badge') }}</a>
						</xf:if>
					</xf:contentcheck>
				</div>
			</div>
		</xf:if>
	</div>
</xf:macro>]]></template>
    <template title="page_nav" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<nav class="pageNavWrapper pageNavWrapper--{{ property('pageNavStyle') }} {$variantClass}">

<xf:set var="$hasSkipStart" value="{{ $startInner > 2 }}" />
<xf:set var="$hasSkipEnd" value="{{ $endInner + 1 < $totalPages }}" />
<div class="pageNav {{ $hasSkipStart ? 'pageNav--skipStart' : '' }} {{ $hasSkipEnd ? 'pageNav--skipEnd' : '' }}">
	<xf:if is="$prev">
		<a href="{$prev}" class="pageNav-jump pageNav-jump--prev"><i class="fa--xf fal fa-angle-left" aria-hidden="true"></i></a>
	</xf:if>

	<ul class="pageNav-main">
		<xf:macro name="page_link"
			arg-page="1"
			arg-current="{$current}"
			arg-link="{$link}"
			arg-data="{$data}"
			arg-params="{$params}"
			arg-hash="{$hash}"
			arg-pageParam="{$pageParam}" />

		<xf:if is="$hasSkipStart">
			<xf:if is="$startInner == 3">
				<xf:macro name="page_link"
					arg-page="2"
					arg-current="{$current}"
					arg-link="{$link}"
					arg-data="{$data}"
					arg-params="{$params}"
					arg-hash="{$hash}"
					arg-pageParam="{$pageParam}"
					arg-pageClass="pageNav-page--earlier" />
				<xf:else />
				<li class="pageNav-page pageNav-page--skip pageNav-page--skipStart">
					<a data-xf-init="tooltip" title="{{ phrase('go_to_page')|for_attr }}"
						data-xf-click="menu"
						role="button" tabindex="0" aria-expanded="false" aria-haspopup="true">{$xf.language.ellipsis}</a>
					<xf:macro name="page_jump_menu"
						arg-page="{{ $startInner - 1 }}"
						arg-totalPages="{$totalPages}"
						arg-link="{$link}"
						arg-data="{$data}"
						arg-params="{$params}"
						arg-hash="{$hash}"
						arg-pageParam="{$pageParam}" />
				</li>
			</xf:if>
		</xf:if>

		<xf:foreach loop="$innerPages" value="$page">
			<xf:macro name="page_link"
				arg-page="{$page}"
				arg-current="{$current}"
				arg-link="{$link}"
				arg-data="{$data}"
				arg-params="{$params}"
				arg-hash="{$hash}"
				arg-pageParam="{$pageParam}"
				arg-pageClass="{{ $page < $current ? 'pageNav-page--earlier' : ($page > $current ? 'pageNav-page--later' : '' ) }}" />
		</xf:foreach>

		<xf:if is="$hasSkipEnd">
			<xf:if is="$endInner + 2 == $totalPages">
				<xf:macro name="page_link"
					arg-page="{{ $totalPages - 1 }}"
					arg-current="{$current}"
					arg-link="{$link}"
					arg-data="{$data}"
					arg-params="{$params}"
					arg-hash="{$hash}"
					arg-pageParam="{$pageParam}"
					arg-pageClass="pageNav-page--later" />
			<xf:else />
				<li class="pageNav-page pageNav-page--skip pageNav-page--skipEnd">
					<a data-xf-init="tooltip" title="{{ phrase('go_to_page')|for_attr }}"
						data-xf-click="menu"
						role="button" tabindex="0" aria-expanded="false" aria-haspopup="true">{$xf.language.ellipsis}</a>
					<xf:macro name="page_jump_menu"
						arg-page="{{ $endInner + 1 }}"
						arg-totalPages="{$totalPages}"
						arg-link="{$link}"
						arg-data="{$data}"
						arg-params="{$params}"
						arg-hash="{$hash}"
						arg-pageParam="{$pageParam}" />
				</li>
			</xf:if>
		</xf:if>

		<xf:macro name="page_link"
			arg-page="{$totalPages}"
			arg-current="{$current}"
			arg-link="{$link}"
			arg-data="{$data}"
			arg-params="{$params}"
			arg-hash="{$hash}"
			arg-pageParam="{$pageParam}" />
	</ul>

	<xf:if is="$next">
		<a href="{$next}" class="pageNav-jump pageNav-jump--next"><i class="fa--xf fal fa-angle-right" aria-hidden="true"></i></a>
	</xf:if>
</div>

<div class="pageNavSimple">
	<xf:if is="$current > 1">
		<a href="{{ link($link, $data, $params + {($pageParam): 1}, $hash) }}"
			class="pageNavSimple-el pageNavSimple-el--first"
			data-xf-init="tooltip" title="{{ phrase('first')|for_attr }}">
			<i aria-hidden="true"></i> <span class="u-srOnly">{{ phrase('first') }}</span>
		</a>
		<a href="{{ link($link, $data, $params + {($pageParam): $current - 1}, $hash) }}" class="pageNavSimple-el pageNavSimple-el--prev">
			<i aria-hidden="true"></i> {{ phrase('prev') }}
		</a>
	</xf:if>

	<a class="pageNavSimple-el pageNavSimple-el--current"
		data-xf-init="tooltip" title="{{ phrase('go_to_page')|for_attr }}"
		data-xf-click="menu" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true">
		{{ phrase('x_of_y', {'current': $current, 'total': $totalPages}) }}
	</a>
	<xf:macro name="page_jump_menu"
		arg-page="{$current}"
		arg-totalPages="{$totalPages}"
		arg-link="{$link}"
		arg-data="{$data}"
		arg-params="{$params}"
		arg-hash="{$hash}"
		arg-pageParam="{$pageParam}" />

	<xf:if is="$current < $totalPages">
		<a href="{{ link($link, $data, $params + {($pageParam): $current + 1}, $hash) }}" class="pageNavSimple-el pageNavSimple-el--next">
			{{ phrase('next') }} <i aria-hidden="true"></i>
		</a>
		<a href="{{ link($link, $data, $params + {($pageParam): $totalPages}, $hash) }}"
			class="pageNavSimple-el pageNavSimple-el--last"
			data-xf-init="tooltip" title="{{ phrase('last')|for_attr }}">
			<i aria-hidden="true"></i> <span class="u-srOnly">{{ phrase('last') }}</span>
		</a>
	</xf:if>
</div>

</nav>

<xf:macro name="page_link"
	arg-page="!"
	arg-current="!"
	arg-link="!"
	arg-data="!"
	arg-params="!"
	arg-hash=""
	arg-pageParam="!"
	arg-pageClass="">

	<xf:if is="$page == $current">
		<li class="pageNav-page pageNav-page--current {$pageClass}"><a href="{{ link($link, $data, $params + {($pageParam): ($page > 1 ? $page : null)}, $hash) }}">{$page}</a></li>
	<xf:else />
		<li class="pageNav-page {$pageClass}"><a href="{{ link($link, $data, $params + {($pageParam): ($page > 1 ? $page : null)}, $hash) }}">{$page}</a></li>
	</xf:if>
</xf:macro>

<xf:macro name="page_jump_menu"
	arg-page="!"
	arg-totalPages="!"
	arg-link="!"
	arg-data="!"
	arg-params="!"
	arg-hash=""
	arg-pageParam="!">

	<div class="menu menu--pageJump" data-menu="menu" aria-hidden="true">
		<div class="menu-content">
			<h4 class="menu-header">{{ phrase('go_to_page') }}</h4>
			<div class="menu-row" data-xf-init="page-jump" data-page-url="{{ link($link, $data, $params + {($pageParam): '%page%'}, $hash) }}">
				<div class="inputGroup inputGroup--numbers">
					<xf:numberbox class="input input--numberNarrow js-pageJumpPage" value="{$page}" min="1" max="{$totalPages}" data-menu-autofocus="true" />
					<span class="inputGroup-text"><xf:button class="js-pageJumpGo">{{ phrase('go') }}</xf:button></span>
				</div>
			</div>
		</div>
	</div>
</xf:macro>]]></template>
    <template title="post_macros" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<xf:macro name="post" arg-post="!" arg-thread="!" arg-highlightedPosts="{{ [] }}">

    <xf:css src="message.less" />

    <xf:extension name="before"></xf:extension>

    <xf:extension name="extra_classes" value="message--post" />
    <article
        class="message {{ extension_value('extra_classes') }} js-post js-inlineModContainer {{ $post.position % $xf.options.messagesPerPage == 0 ? 'is-first' : '' }} {{ $post.isIgnored() ? 'is-ignored' : '' }} {{ $post.isUnread() ? ' is-unread' : '' }}"
        data-author="{{ $post.User.username ?: $post.username }}" data-content="post-{$post.post_id}"
        id="js-post-{$post.post_id}">

        <span class="u-anchorTarget" id="post-{$post.post_id}"></span>

        <xf:extension name="full_body">
            <div class="message-inner">
                <xf:extension name="user_cell">
                    <div class="message-cell message-cell--user">
                        <xf:macro template="message_macros" name="user_info" arg-user="{$post.User}"
                            arg-fallbackName="{$post.username}" />
                        <xf:if is="property('dt_collapsible_extras') && property('dt_messages_layout') == 'option1'">
                            <span id="collapse-{$post.post_id}" class="collapseTrigger collapseTrigger--block"
                                data-xf-click="toggle"
                                data-target="#js-post-{$post.post_id} .message-userExtras"></span></xf:if>
                    </div>
                </xf:extension>

                <xf:extension name="main_cell">
                    <div class="message-cell message-cell--main">
                        <xf:extension name="main_cell_inner">
                            <div class="message-main js-quickEditTarget">

                                <xf:extension name="attribution">
                                    <xf:macro name="post_attribution" arg-post="{$post}" arg-thread="{$thread}" />
                                </xf:extension>

                                <div class="message-content js-messageContent">
                                    <xf:extension name="content">

                                        <xf:extension name="notices">
                                            <xf:macro name="post_notices" arg-post="{$post}" arg-thread="{$thread}" />
                                        </xf:extension>

                                        <xf:extension name="user_content">
                                            <xf:macro name="post_user_content" arg-post="{$post}"
                                                arg-thread="{$thread}" />
                                        </xf:extension>

                                        <xf:extension name="after_content">
                                            <xf:macro name="post_last_edit" arg-post="{$post}" />
                                        </xf:extension>

                                        <xf:extension name="signature">
                                            <xf:macro template="message_macros" name="signature"
                                                arg-user="{$post.User}" />
                                        </xf:extension>

                                    </xf:extension>
                                </div>

                                <xf:extension name="footer">
                                    <xf:macro name="post_footer" arg-post="{$post}" arg-thread="{$thread}" />
                                </xf:extension>
                            </div>

                        </xf:extension>
                    </div>
                </xf:extension>
            </div>
        </xf:extension>
        <div class="reactionsBar js-reactionsList {{ $post.reactions ? 'is-active' : '' }}">
            <xf:reactions content="{$post}" link="posts/reactions" />
        </div>
    </article>

    <xf:extension name="after"></xf:extension>
    <xf:ad position="post_below_container" arg-post="{$post}" />
</xf:macro>

<xf:macro name="post_attribution" arg-post="!" arg-thread="!" arg-showPosition="{{ true }}" arg-showUser="{{ false }}"
    arg-showThreadUnreadIndicator="{{ false }}" arg-showReplyCount="{{ false }}"
    arg-repliesPhrase="{{ phrase('replies:') }}" arg-showThreadStateIcons="{{ false }}" arg-mainClass=""
    arg-oppositeClass="">

    <header class="message-attribution message-attribution--split">
        <ul class="message-attribution-main listInline listInline--bullet {$mainClass}">
            <xf:if is="$showThreadStateIcons">
                <xf:if is="{$xf.visitor.user_id} AND {$thread.Watch.{$xf.visitor.user_id}}">
                    <li>
                        <xf:fa icon="fa-bell" title="{{ phrase('thread_watched')|for_attr }}" />
                        <span class="u-srOnly">{{ phrase('thread_watched') }}</span>
                    </li>
                </xf:if>

                <xf:if is="$thread.sticky">
                    <li>
                        <xf:fa icon="fa-thumbtack" title="{{ phrase('sticky')|for_attr }}" />
                        <span class="u-srOnly">{{ phrase('sticky') }}</span>
                    </li>
                </xf:if>
            </xf:if>
            <xf:if is="$showUser">
                <xf:set var="$username">
                    <xf:username user="{$post.User}" defaultname="{$post.username}" />
                </xf:set>
                <li class="u-concealed message-attribution-user--top">{{ phrase('by_user_x', {'name':$username}) }}</li>
            </xf:if>
            <li class="u-concealed">
                <a href="{{ link('threads/post', $thread, {'post_id': $post.post_id}) }}" rel="nofollow">
                    <xf:date time="{$post.post_date}" itemprop="datePublished" />
                </a>
                <xf:if
                    is="{$__globals.thread} AND {$__globals.post} AND {$__globals.thread.first_post_id} == {$__globals.post.post_id}">
            <li class="u-concealed" title="Replies">
                <svg width="15" height="15" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
                    style="vertical-align:text-bottom;">
                    <path
                        d="M18.4698 16.83L18.8598 19.99C18.9598 20.82 18.0698 21.4 17.3598 20.97L13.1698 18.48C12.7098 18.48 12.2599 18.45 11.8199 18.39C12.5599 17.52 12.9998 16.42 12.9998 15.23C12.9998 12.39 10.5398 10.09 7.49985 10.09C6.33985 10.09 5.26985 10.42 4.37985 11C4.34985 10.75 4.33984 10.5 4.33984 10.24C4.33984 5.68999 8.28985 2 13.1698 2C18.0498 2 21.9998 5.68999 21.9998 10.24C21.9998 12.94 20.6098 15.33 18.4698 16.83Z"
                        stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path
                        d="M13 15.23C13 16.42 12.56 17.52 11.82 18.39C10.83 19.59 9.26 20.36 7.5 20.36L4.89 21.91C4.45 22.18 3.89 21.81 3.95 21.3L4.2 19.33C2.86 18.4 2 16.91 2 15.23C2 13.47 2.94 11.92 4.38 11C5.27 10.42 6.34 10.09 7.5 10.09C10.54 10.09 13 12.39 13 15.23Z"
                        fill="#006fcd" fill-opacity="0.1" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round"
                        stroke-linejoin="round"></path>
                </svg><span style="margin: 0 .2rem">{$thread.reply_count|number}</span>
            </li>
            <li class="u-concealed" title="Views">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
                    style="vertical-align:text-bottom;">
                    <path
                        d="M7 18V10C7 9.0572 7 8.5858 6.70711 8.2929C6.41421 8 5.94281 8 5 8C4.05719 8 3.58579 8 3.29289 8.2929C3 8.5858 3 9.0572 3 10L3 18C3 18.9428 3 19.4142 3.29289 19.7071C3.58579 20 4.05719 20 5 20C5.94281 20 6.41421 20 6.70711 19.7071C7 19.4142 7 18.9428 7 18Z"
                        stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path
                        d="M21 18V16C21 15.0572 21 14.5858 20.7071 14.2929C20.4142 14 19.9428 14 19 14C18.0572 14 17.5858 14 17.2929 14.2929C17 14.5858 17 15.0572 17 16V18C17 18.9428 17 19.4142 17.2929 19.7071C17.5858 20 18.0572 20 19 20C19.9428 20 20.4142 20 20.7071 19.7071C21 19.4142 21 18.9428 21 18Z"
                        stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path
                        d="M14 18V6C14 5.0572 14 4.5858 13.7071 4.2929C13.4142 4 12.9428 4 12 4C11.0572 4 10.5858 4 10.2929 4.2929C10 4.5858 10 5.0572 10 6V18C10 18.9428 10 19.4142 10.2929 19.7071C10.5858 20 11.0572 20 12 20C12.9428 20 13.4142 20 13.7071 19.7071C14 19.4142 14 18.9428 14 18Z"
                        fill="#006fcd" fill-opacity="0.1" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round"
                        stroke-linejoin="round"></path>
                </svg><span style="margin: 0 .2rem">{$thread.view_count|number}</span>
                </xf:if>
                <xf:if is="$showReplyCount && $thread.reply_count">
            <li class="u-concealed">
                <a href="{{ link('threads', $thread) }}#posts">
                    <xf:fa icon="fa-comment" class="u-spaceAfter" />{$repliesPhrase|raw} {$thread.reply_count|number}
                </a>
            </li>
            </xf:if>
        </ul>

        <ul class="message-attribution-opposite message-attribution-opposite--list {$oppositeClass}">
            <xf:if is="$post.user_id == $thread.user_id && (property('dt_thread_owner') != 'none')">
                <xf:if is="property('dt_thread_owner') == 'userbanner'">
                    <li class="messageOwner-Indicator">{{ phrase('thread') }} {{ phrase('author') }}</li>
                </xf:if>
            </xf:if>
            <xf:if is="$post.isUnread()">
                <li><span class="message-newIndicator">{{ phrase('new') }}</span></li>
                <xf:elseif is="$thread.isUnread() && $showThreadUnreadIndicator" />
                <li><span class="message-newIndicator" title="{{ phrase('new_replies')|for_attr }}">{{ phrase('new')
                        }}</span></li>
            </xf:if>
            <li>
                <a href="{{ link('threads/post', $thread, {'post_id': $post.post_id}) }}"
                    class="message-attribution-gadget" data-xf-init="share-tooltip"
                    data-href="{{ link('posts/share', $post) }}" aria-label="{{ phrase('share')|for_attr }}"
                    rel="nofollow">
                    <xf:fa icon="fa-share-alt" />
                </a>
            </li>
            <xf:if contentcheck="true">
                <li>
                    <xf:contentcheck>
                        <xf:macro template="bookmark_macros" name="link" arg-content="{$post}"
                            arg-class="message-attribution-gadget bookmarkLink--highlightable"
                            arg-confirmUrl="{{ link('posts/bookmark', $post) }}" arg-showText="{{ false }}" />
                    </xf:contentcheck>
                </li>
            </xf:if>
            <xf:if is="$showPosition">
                <li>
                    <a href="{{ link('threads/post', $thread, {'post_id': $post.post_id}) }}" rel="nofollow">
                        #{{ number($post.position + 1) }}
                    </a>
                </li>
            </xf:if>
        </ul>
    </header>
</xf:macro>

<xf:macro name="post_notices" arg-post="!" arg-thread="!">
    <xf:if is="$post.message_state == 'deleted'">
        <div class="messageNotice messageNotice--deleted">
            <xf:macro template="deletion_macros" name="notice" arg-log="{$post.DeletionLog}" />
        </div>
        <xf:elseif is="$post.message_state == 'moderated'" />
        <div class="messageNotice messageNotice--moderated">
            {{ phrase('this_message_is_awaiting_moderator_approval_and_is_invisible_to_normal') }}
        </div>
    </xf:if>
    <xf:if is="$post.warning_message">
        <div class="messageNotice messageNotice--warning">
            {$post.warning_message}
        </div>
    </xf:if>
    <xf:if is="$post.isIgnored()">
        <div class="messageNotice messageNotice--ignored">
            {{ phrase('you_are_ignoring_content_by_this_member') }}
            <xf:showignored />
        </div>
    </xf:if>
</xf:macro>

<xf:macro name="post_user_content" arg-post="!" arg-thread="!" arg-snippet="{{ false }}" arg-displayAds="{{ true }}">

    <div class="message-userContent lbContainer js-lbContainer {{ $post.isIgnored() ? 'is-ignored' : '' }}"
        data-lb-id="post-{$post.post_id}"
        data-lb-caption-desc="{{ $post.User ? $post.User.username : $post.username }} &middot; {{ date_time($post.post_date) }}">

        <xf:if is="$post.isFirstPost()">
            <xf:macro template="custom_fields_macros" name="custom_fields_view" arg-type="threads" arg-group="before"
                arg-onlyInclude="{$thread.Forum.field_cache}" arg-set="{$thread.custom_fields}"
                arg-wrapperClass="message-fields message-fields--before" />
        </xf:if>

        <article class="message-body js-selectToQuote">
            <xf:if is="$displayAds">
                <xf:ad position="post_above_content" arg-post="{$post}" />
            </xf:if>
            <xf:if is="$snippet">
                {{ bb_code_snippet($post.message, 'post', $post, $snippet) }}
                <xf:else />
                {{ bb_code($post.message, 'post', $post) }}
            </xf:if>
            <div class="js-selectToQuoteEnd">&nbsp;</div>
            <xf:if is="$displayAds">
                <xf:ad position="post_below_content" arg-post="{$post}" />
            </xf:if>
        </article>

        <xf:if is="$post.isFirstPost()">
            <xf:macro template="custom_fields_macros" name="custom_fields_view" arg-type="threads" arg-group="after"
                arg-onlyInclude="{$thread.Forum.field_cache}" arg-set="{$thread.custom_fields}"
                arg-wrapperClass="message-fields message-fields--after" />
        </xf:if>

        <xf:if is="$post.attach_count">
            <xf:macro template="message_macros" name="attachments" arg-attachments="{$post.Attachments}"
                arg-message="{$post}" arg-canView="{{ $thread.canViewAttachments() }}" />
        </xf:if>
    </div>
</xf:macro>

<xf:macro name="post_last_edit" arg-post="!">
    <xf:if is="$post.last_edit_date">
        <div class="message-lastEdit">
            <xf:if is="$post.user_id == $post.last_edit_user_id">
                {{ phrase('last_edited:') }}
                <xf:date time="{$post.last_edit_date}" itemprop="dateModified" />
                <xf:else />
                {{ phrase('last_edited_by_moderator:') }}
                <xf:date time="{$post.last_edit_date}" itemprop="dateModified" />
            </xf:if>
        </div>
    </xf:if>
</xf:macro>

<xf:macro name="post_footer" arg-post="!" arg-thread="!">

    <footer class="message-footer">
        <xf:if contentcheck="true">
            <div class="message-actionBar actionBar">
                <xf:contentcheck>
                    <xf:macro name="post_action_bar" arg-post="{$post}" arg-thread="{$thread}" />
                </xf:contentcheck>
            </div>
        </xf:if>



        <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href"></div>

    </footer>
</xf:macro>

<xf:macro name="post_action_bar" arg-post="!" arg-thread="!">
    <xf:if contentcheck="true">
        <div class="actionBar-set actionBar-set--external">
            <xf:contentcheck>
                <xf:react content="{$post}" link="posts/react" list="< .js-post | .js-reactionsList" />

                <xf:if is="$thread.canReply() OR $thread.canReplyPreReg()">
                    <xf:set var="$quoteLink">{{ link('threads/reply', $thread, {'quote': $post.post_id}) }}</xf:set>

                    <xf:if is="$xf.options.multiQuote AND $xf.visitor.user_id">
                        <a href="{$quoteLink}" class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote"
                            title="{{ phrase('toggle_multi_quote_tooltip')|for_attr }}" rel="nofollow"
                            data-message-id="{$post.post_id}" data-mq-action="add">{{ phrase('quote') }}</a>
                    </xf:if>

                    <a href="{$quoteLink}" class="actionBar-action actionBar-action--reply"
                        title="{{ phrase('reply_quoting_this_message')|for_attr }}" rel="nofollow" data-xf-click="quote"
                        data-quote-href="{{ link('posts/quote', $post) }}">{{ phrase('reply') }}</a>
                </xf:if>
            </xf:contentcheck>
        </div>
    </xf:if>

    <xf:if contentcheck="true">
        <div class="actionBar-set actionBar-set--internal">
            <xf:contentcheck>
                <xf:if is="$post.canUseInlineModeration()">
                    <span class="actionBar-action actionBar-action--inlineMod">
                        <xf:checkbox standalone="true">
                            <xf:option value="{$post.post_id}" class="js-inlineModToggle" data-xf-init="tooltip"
                                title="{{ phrase('select_for_moderation') }}"
                                label="{{ phrase('select_for_moderation') }}" hiddenlabel="true" />
                        </xf:checkbox>
                    </span>
                </xf:if>

                <xf:if is="$post.canReport()">
                    <a href="{{ link('posts/report', $post) }}" class="actionBar-action actionBar-action--report"
                        data-xf-click="overlay">{{ phrase('report_verb') }}</a>
                </xf:if>

                <xf:set var="$hasActionBarMenu" value="{{ false }}" />
                <xf:if is="$post.canEdit()">
                    <xf:js src="xf/message.js" min="1" />
                    <a href="{{ link('posts/edit', $post) }}"
                        class="actionBar-action actionBar-action--edit actionBar-action--menuItem"
                        data-xf-click="quick-edit" data-editor-target="#js-post-{$post.post_id} .js-quickEditTarget"
                        data-menu-closer="true">{{ phrase('edit') }}</a>

                    <xf:set var="$hasActionBarMenu" value="{{ true }}" />
                </xf:if>
                <xf:if is="$post.edit_count && $post.canViewHistory()">
                    <a href="{{ link('posts/history', $post) }}"
                        class="actionBar-action actionBar-action--history actionBar-action--menuItem"
                        data-xf-click="toggle" data-target="#js-post-{$post.post_id} .js-historyTarget"
                        data-menu-closer="true">{{ phrase('history') }}</a>

                    <xf:set var="$hasActionBarMenu" value="{{ true }}" />
                </xf:if>
                <xf:if is="$post.canDelete('soft')">
                    <a href="{{ link('posts/delete', $post) }}"
                        class="actionBar-action actionBar-action--delete actionBar-action--menuItem"
                        data-xf-click="overlay">{{ phrase('delete') }}</a>

                    <xf:set var="$hasActionBarMenu" value="{{ true }}" />
                </xf:if>
                <xf:if is="$post.message_state == 'deleted' AND $post.canUndelete()">
                    <a href="{{ link('posts/undelete', $post) }}"
                        class="actionBar-action actionBar-action--undelete actionBar-action--menuItem"
                        data-xf-click="overlay">{{ phrase('undelete') }}</a>

                    <xf:set var="$hasActionBarMenu" value="{{ true }}" />
                </xf:if>
                <xf:if is="$post.canCleanSpam()">
                    <a href="{{ link('spam-cleaner', $post) }}"
                        class="actionBar-action actionBar-action--spam actionBar-action--menuItem"
                        data-xf-click="overlay">{{ phrase('spam') }}</a>

                    <xf:set var="$hasActionBarMenu" value="{{ true }}" />
                </xf:if>
                <xf:if is="$xf.visitor.canViewIps() && $post.ip_id">
                    <a href="{{ link('posts/ip', $post) }}"
                        class="actionBar-action actionBar-action--ip actionBar-action--menuItem"
                        data-xf-click="overlay">{{ phrase('ip') }}</a>

                    <xf:set var="$hasActionBarMenu" value="{{ true }}" />
                </xf:if>
                <xf:if is="$post.canWarn()">

                    <a href="{{ link('posts/warn', $post) }}"
                        class="actionBar-action actionBar-action--warn actionBar-action--menuItem">{{ phrase('warn')
                        }}</a>

                    <xf:set var="$hasActionBarMenu" value="{{ true }}" />
                    <xf:elseif is="$post.warning_id && $xf.visitor.canViewWarnings()" />
                    <a href="{{ link('warnings', {'warning_id': $post.warning_id}) }}"
                        class="actionBar-action actionBar-action--warn actionBar-action--menuItem"
                        data-xf-click="overlay">{{ phrase('view_warning') }}</a>
                    <xf:set var="$hasActionBarMenu" value="{{ true }}" />
                </xf:if>

                <xf:if is="$hasActionBarMenu">
                    <a class="actionBar-action actionBar-action--menuTrigger" data-xf-click="menu"
                        title="{{ phrase('more_options')|for_attr }}" role="button" tabindex="0" aria-expanded="false"
                        aria-haspopup="true">&#8226;&#8226;&#8226;</a>

                    <div class="menu" data-menu="menu" aria-hidden="true" data-menu-builder="actionBar">
                        <div class="menu-content">
                            <h4 class="menu-header">{{ phrase('more_options') }}</h4>
                            <div class="js-menuBuilderTarget"></div>
                        </div>
                    </div>
                </xf:if>
            </xf:contentcheck>
        </div>
    </xf:if>
</xf:macro>

<xf:macro name="post_deleted" arg-post="!" arg-thread="!">
    <xf:css src="message.less" />
    <div class="message message--deleted message--post{{ $post.isIgnored() ? ' is-ignored' : '' }}{{ $post.isUnread() ? ' is-unread' : '' }} js-post js-inlineModContainer"
        data-author="{{ $post.User.username ?: $post.username }}" data-content="post-{$post.post_id}">

        <span class="u-anchorTarget" id="post-{$post.post_id}"></span>
        <div class="message-inner">
            <div class="message-cell message-cell--user">
                <xf:macro template="message_macros" name="user_info_simple" arg-user="{$post.User}"
                    arg-fallbackName="{$post.username}" />
            </div>
            <div class="message-cell message-cell--main">
                <div class="message-attribution">
                    <ul class="listInline listInline--bullet message-attribution-main">
                        <li><a href="{{ link('threads/post', $thread, {'post_id': $post.post_id}) }}"
                                class="u-concealed" rel="nofollow">
                                <xf:date time="{$post.post_date}" />
                            </a></li>
                        <li>
                            <xf:username user="{$post.User}" defaultname="{$post.username}" class="u-concealed" />
                        </li>
                    </ul>
                </div>

                <div class="messageNotice messageNotice--deleted">
                    <xf:macro template="deletion_macros" name="notice" arg-log="{$post.DeletionLog}" />

                    <a href="{{ link('posts/show', $post) }}" class="u-jsOnly" data-xf-click="inserter"
                        data-replace="[data-content=post-{$post.post_id}]">{{ phrase('show...') }}</a>

                    <xf:if is="$post.canUseInlineModeration()">
                        <span style="display: none">
                            <!-- this can be actioned on the full post -->
                            <xf:checkbox standalone="true">
                                <xf:option value="{$post.post_id}" class="js-inlineModToggle" hiddenlabel="true" />
                            </xf:checkbox>
                        </span>
                    </xf:if>
                </div>
            </div>
        </div>
    </div>

    <xf:ad position="post_below_container" arg-post="{$post}" />
</xf:macro>]]></template>
    <template title="postbit_background_form" type="public" addon_id="" version_id="1" version_string="1.2.0"><![CDATA[<xf:title>Postbit Background</xf:title>

<style>
.blockMessage.blockMessage--none {
    display: none;
}
	
.p-body-header {
    display: block;
}

.p-body-inner {
    max-width: 1300px;
}
	
.white {
		color: #fff;
	}
	.text-secondary {
		color: #757782;
	}
	.text-center {
		text-align: center;
	}
	.p-body-inner{
		max-width: 1440px;
	}	

</style>

<xf:wrap template="account_wrapper" />

<xf:breadcrumb href="{{ link('account') }}">Postbit Background</xf:breadcrumb>
<div class="block-container dp-usersettings">
	
<section class="content-container">
	<xf:form action="{{ link('account/postbit-background') }}" ajax="true" class="block" data-force-flash-message="true">
		<input type="hidden" name="my_post_key" value="5b5759a718d41d6a9ec8ffdc40e75cc2">
		<div class="wrapper mb-3">
			<div class="block-header dp-postbit_bgheading">Postbit Background</div>
			<div class="dp-postbit_wrapper">
				<div class="dp-postbit_row">
					<div style="flex: 1 1 auto">
						<span class="white">Postbit Background URL:</span>
						<div class="text-secondary">Your Postbit Background</div>
					</div>
				</div>
				<div class="mt-3 mt-lg-0 ml-lg-3 flex-shrink-0 flex-grow-0">
					<div class="form-group">
						<input type="text" class="input" placeholder="Insert Image URL" style="width:100%;" name="custom_fields[postbitbackgroundurl]" size="0" value="{$xf.visitor.Profile.custom_fields.postbitbackgroundurl}">
					</div>
				</div>
			</div>
		</div>
		<div class="text-center">
			<input type="hidden" name="action" value="do_profile">
			<input type="submit" class="button--cta button" name="regsubmit" value="Update Profile">
		</div>
	</xf:form>
</section>
</div>
<xf:include template="message_macros" />]]></template>
    <template title="prefix_menu.less" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[.menuTrigger.menuTrigger--prefix
{
	text-decoration: none;
}

.menuPrefix,
.menuPrefix.label--hidden
{
	display: block;
	font-size: @xf-fontSizeSmall;
	cursor: pointer;
	padding: @xf-paddingMedium;
	//margin-bottom: -(@xf-paddingMedium);

	&.label--hidden
	{
		border: 1px solid @xf-borderColorFaint;
	}

	&.menuPrefix--none
	{
		color: @xf-textColorMuted;
		text-decoration: none;
	}
}]]></template>
    <template title="quick_reply_macros" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<xf:macro name="body"
	arg-message=""
	arg-attachmentData="{{ null }}"
	arg-forceHash=""
	arg-messageSelector=""
	arg-multiQuoteHref=""
	arg-multiQuoteStorageKey=""
	arg-simple="{{ false }}"
	arg-submitText=""
	arg-lastDate="0"
	arg-lastKnownDate="0"
	arg-loadExtra="{{ true }}"
	arg-simpleSubmit="{{ false }}"
	arg-minHeight="100"
	arg-placeholder="{{ phrase('reply_placeholder') }}"
	arg-deferred="{{ false }}"
	arg-showGuestControls="{{ true }}"
	arg-previewUrl="">

	<xf:css src="message.less" />
	<xf:set var="$sticky" value="{{ property('messageSticky') }}" />

	<div class="message message--quickReply block-topRadiusContent block-bottomRadiusContent{{ $simple ? ' message--simple' : '' }}">
		<div class="message-inner">
			<div class="message-cell message-cell--user">
				<div class="message-user {{ $sticky.user_info ? 'is-sticky' : '' }}">
					<div class="message-avatar">
						<div class="message-avatar-wrapper">
							<xf:set var="$user" value="{{ $xf.visitor.user_id ? $xf.visitor : null }}" />
							<xf:avatar user="$user" size="s" defaultname="" />
						</div>
					</div>
					<span class="message-userArrow"></span>
				</div>
			</div>
			<div class="message-cell message-cell--main">
				<div class="message-editorWrapper">
					<xf:set var="$editorHtml">
						<xf:macro name="editor"
							arg-message="{$message}"
							arg-attachmentData="{$attachmentData}"
							arg-forceHash="{$forceHash}"
							arg-messageSelector="{$messageSelector}"
							arg-multiQuoteHref="{$multiQuoteHref}"
							arg-multiQuoteStorageKey="{$multiQuoteStorageKey}"
							arg-minHeight="{$minHeight}"
							arg-placeholder="{$placeholder}"
							arg-submitText="{$submitText}"
							arg-deferred="{$deferred}"
							arg-lastDate="{$lastDate}"
							arg-lastKnownDate="{$lastKnownDate}"
							arg-loadExtra="{$loadExtra}"
							arg-simpleSubmit="{$simpleSubmit}"
							arg-showGuestControls="{$showGuestControls}"
							arg-previewUrl="{$previewUrl}"
						/>
					</xf:set>

					<xf:if is="$deferred">
						<div class="editorPlaceholder" data-xf-click="editor-placeholder">
							<div class="editorPlaceholder-editor is-hidden">{$editorHtml|raw}</div>
							<div class="editorPlaceholder-placeholder">
								<div class="input"><span class="u-muted"> {$placeholder}</span></div>
							</div>
						</div>
					<xf:else />
						{$editorHtml|raw}
					</xf:if>
				</div>
			</div>
		</div>
	</div>
</xf:macro>

<xf:macro name="editor"
	arg-message=""
	arg-attachmentData="{{ null }}"
	arg-forceHash=""
	arg-messageSelector=""
	arg-multiQuoteHref=""
	arg-multiQuoteStorageKey=""
	arg-minHeight="100"
	arg-placeholder=""
	arg-submitText=""
	arg-deferred="{{ false }}"
	arg-lastDate="0"
	arg-lastKnownDate="0"
	arg-loadExtra="{{ true }}"
	arg-simpleSubmit="{{ false }}"
	arg-showGuestControls="{{ true }}"
	arg-previewUrl=""
>
	<xf:editor name="message"
		value="{$message}"
		attachments="{{ $attachmentData ? $attachmentData.attachments : [] }}"
		data-min-height="{$minHeight}"
		placeholder="{$placeholder}"
		data-deferred="{{ $deferred ? 'on' : 'off' }}"
		data-xf-key="{{ phrase('shortcut.quick_reply') }}"
		data-preview-url="{$previewUrl}" />

	<xf:if is="!$xf.visitor.user_id && $showGuestControls">
		<xf:textboxrow name="_xfUsername" rowtype="fullWidth noGutter" data-xf-init="guest-username"
			maxlength="{{ max_length($xf.visitor, 'username') }}"
			label="{{ phrase('name') }}" />
	</xf:if>
	<xf:if is="$xf.visitor.isShownCaptcha()">
		<div class="js-captchaContainer" data-row-type="fullWidth noGutter"></div>
		<noscript><xf:hiddenval name="no_captcha" value="1" /></noscript>
	</xf:if>

	<xf:if is="$attachmentData">
		<xf:macro template="helper_attach_upload" name="uploaded_files_list"
			arg-attachments="{$attachmentData.attachments}"
			arg-class="attachmentUploads--spaced" />
	</xf:if>

	<div class="formButtonGroup {{ $simpleSubmit ? 'formButtonGroup--simple' : '' }}">
		<div class="formButtonGroup-primary">
			<xf:button type="submit" class="button--primary">
				<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path d="M21.5973 2.54257C21.1299 2.03918 20.397 1.85063 19.6968 1.78314C18.9611 1.71223 18.08 1.75939 17.1313 1.88382C15.2288 2.13337 12.9302 2.71102 10.7222 3.42176C8.51281 4.13295 6.35914 4.98865 4.74626 5.80847C3.94355 6.21648 3.24734 6.62932 2.74121 7.02586C2.48919 7.22331 2.25922 7.436 2.08623 7.66237C1.92123 7.87829 1.74764 8.18549 1.75002 8.55582C1.75629 9.5279 2.41829 10.2149 3.12327 10.676C3.84284 11.1467 4.77998 11.5014 5.71161 11.7792C6.65324 12.06 7.64346 12.2776 8.49473 12.454C8.55052 12.4655 8.66203 12.4886 8.79867 12.5168C9.31323 12.6231 9.57051 12.6763 9.81237 12.6039C10.0542 12.5315 10.2402 12.3456 10.612 11.9737L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31659 15.7071 9.70711L12.2745 13.1397C11.8954 13.5188 11.7059 13.7083 11.6342 13.9543C11.5624 14.2003 11.6203 14.4614 11.736 14.9837C12.1844 17.0084 12.5738 18.6815 12.9623 19.8071C13.1892 20.4645 13.4445 21.0336 13.7678 21.4533C14.1052 21.8913 14.5642 22.2222 15.1683 22.2489C15.5444 22.2655 15.8571 22.0938 16.0715 21.9344C16.2975 21.7666 16.51 21.5414 16.7071 21.2953C17.1031 20.8005 17.5192 20.1159 17.9332 19.3247C18.7652 17.7347 19.6462 15.6028 20.3917 13.4096C21.1368 11.2173 21.7577 8.9306 22.0568 7.0301C22.206 6.0823 22.2798 5.20207 22.2388 4.46477C22.1999 3.76556 22.0509 3.03106 21.5973 2.54257Z" fill="currentColor"></path>
				</svg>		
			</xf:button>
		</div>
		<xf:if contentcheck="true">
			<div class="formButtonGroup-extra">
				<xf:contentcheck>
					<xf:if is="$attachmentData">
						<xf:macro template="helper_attach_upload" name="upload_link_from_data"
							arg-attachmentData="{$attachmentData}"
							arg-forceHash="{$forceHash}" />
					</xf:if>
					<xf:if is="$xf.options.multiQuote && $multiQuoteHref">
						<xf:macro template="multi_quote_macros" name="button"
							arg-href="{$multiQuoteHref}"
							arg-messageSelector="{$messageSelector}"
							arg-storageKey="{$multiQuoteStorageKey}" />
					</xf:if>
				</xf:contentcheck>
			</div>
		</xf:if>
		<xf:hiddenval name="last_date" autocomplete="off">{$lastDate}</xf:hiddenval>
		<xf:hiddenval name="last_known_date" autocomplete="off">{$lastKnownDate}</xf:hiddenval>
		<xf:hiddenval name="load_extra">{{ $loadExtra ? 1 : 0 }}</xf:hiddenval>
	</div>
</xf:macro>]]></template>
    <template title="reaction_list_row_colours" type="public" addon_id="XC/ReactionStyling" version_id="1060710" version_string="1.6.7 Alpha"><![CDATA[<xf:if is="$reactionIds">
	<xf:macro template="reactions_summary" name="summary" arg-reactionIds="{$reactionIds}" />
</xf:if>

<xf:css>
	.reactionListWrapper a:not(:last-child)::after {
		content: ",";
	}

	.reactionListContainer{
		display: flex;
		gap: 5px;
	}
	
		.reactionListWrapper > .reactionListUser > a.xfdev-item-link {
	display: none !important;
	}

		.reactionListWrapper > a.xfdev-item-link {
	display: none !important;
	}

</xf:css>
<span class="u-srOnly">{{ phrase('reactions:') }}</span>

<div class="reactionListContainer">
	<xf:if is="$counts==1">
		{{ phrase('xc_liked_by_one_member',{'count': $counts})}}
		<xf:else/>
		{{ phrase('xc_liked_by',{'count': $counts})}}
	</xf:if>

	<div class="reactionListWrapper">
		<xf:foreach loop="$reactionUsers"  key="$key" value="$user">
			<xf:username user="$user.ReactionUser" rich="true" />
		</xf:foreach>
	</div>
</div>]]></template>
    <template title="register_form" type="public" addon_id="XF" version_id="2021570" version_string="2.2.15"><![CDATA[<xf:js src="xf/login_signup.js" min="1" />
<xf:css>
   .dp-hero {
   display: none;
   }
   .formRow .formRow-explain {
   font-size: 11px;
   }
	.kz-hero-wrapper {
	display: none;
	}
</xf:css>
<xf:title>{{ phrase('register') }}</xf:title>
<xf:head option="robots">
   <meta name="robots" content="noindex" />
</xf:head>
<xf:if is="$xf.session.preRegActionKey">
   <div class="blockMessage blockMessage--highlight">
      {{ phrase('pre_reg_action_notice') }}<br />
      <br />
      {{ phrase('already_have_account') }}
      <xf:button class="button--link"
         href="{{ link('login', null, {'_xfRedirect': $redirect}) }}"
         data-xf-click="overlay"
         >{{ phrase('login') }}</xf:button>
   </div>
</xf:if>
<xf:if is="$providers is not empty">
   <div class="block">
      <div class="block-container">
         <div class="block-body">
            <xf:formrow rowtype="button"
               label="{{ phrase('register_faster_using') }}">
               <ul class="listHeap">
                  <xf:foreach loop="$providers" value="$provider">
                     <li>
                        <xf:macro template="connected_account_macros" name="button"
                           arg-provider="{$provider}" />
                     </li>
                  </xf:foreach>
               </ul>
            </xf:formrow>
         </div>
      </div>
   </div>	
</xf:if>
<div class="dp-account-section">
    <div>
		<xf:form action="{{ link('register/register') }}" ajax="true" class="dp-account-form" data-xf-init="reg-form" data-timer="{$xf.options.registrationTimer}">
            <h3 class="dp-heading-m">
                Register
            </h3>
			<xf:comment>Spam catcher field</xf:comment>
			<xf:textboxrow name="username" value="" autocomplete="off" rowclass="formRow--limited"
				maxlength="{{ max_length($xf.visitor, 'username') }}"
				label="{{ phrase('user_name') }}"
				explain="{{ phrase('please_leave_this_field_blank') }}" />
			
			<xf:macro template="register_macros" name="username_row"
				arg-fieldName="{{ $regForm.getFieldName('username') }}"
				arg-value="{$fields.username}" />
			<xf:comment>Spam catcher field</xf:comment>
			<xf:if is="{{ rand(0, 2) == 1 }}">
				<xf:textboxrow name="{{ $regForm.getFieldName('email_hp') }}" value="" type="email" autocomplete="off"
					rowclass="formRow--limited"
					maxlength="{{ max_length($xf.visitor, 'email') }}"
					label="{{ phrase('email') }}"
					explain="{{ phrase('please_leave_this_field_blank') }}" />
			</xf:if>
			<xf:macro template="register_macros" name="email_row"
				arg-fieldName="{{ $regForm.getFieldName('email') }}"
				arg-value="{$fields.email}" />

			<xf:comment>Spam catcher field</xf:comment>
			<xf:if is="{{ rand(0, 2) == 1 }}">
				<xf:textboxrow name="email" value="" type="email" autocomplete="off" rowclass="formRow--limited"
					maxlength="{{ max_length($xf.visitor, 'email') }}"
					label="{{ phrase('email') }}"
					explain="{{ phrase('please_leave_this_field_blank') }}" />
			</xf:if>

			<xf:comment>Spam catcher field</xf:comment>
			<xf:if is="{{ rand(0, 2) == 1 }}">
				<xf:textboxrow name="password" type="password" autocomplete="off" rowclass="formRow--limited"
					label="{{ phrase('password') }}"
					explain="{{ phrase('please_leave_this_field_blank') }}" />
			</xf:if>

			<xf:passwordboxrow name="{{ $regForm.getFieldName('password') }}" autocomplete="new-password"
				label="{{ phrase('password') }}"
				hint="{{ phrase('required') }}"
				required="required" checkstrength="true" />

            <script type="text/javascript">
                //Check the form
                function checkform(theform) {
                    var why = "";

                    /*if(theform.captchainput.value == ""){
                    why += "- Please Enter CAPTCHA Code.\n";
                    }*/

                    if (theform.captchainput.value != "") {
                        if (ValidCaptcha(theform.captchainput.value) == false) {
                            why += "- The CAPTCHA Code Does Not Match.\n";
                        }
                    }

                    if (why != "") {
                        alert(why);
                        return false;
                    }
                }

                // Generate the captcha random letters and numbers
                // Capital letter
                var a = String.fromCharCode(65 + Math.floor(Math.random() * 26));
                // Number	
                var b = Math.ceil(Math.random() * 9) + '';
                // Small letter
                var c = String.fromCharCode(97 + Math.floor(Math.random() * 26));
                // Number	
                var d = Math.ceil(Math.random() * 9) + '';
                // Number	
                var e = Math.ceil(Math.random() * 9) + '';
                // Capital letter	
                var f = String.fromCharCode(65 + Math.floor(Math.random() * 26));
                // Number	
                var g = Math.ceil(Math.random() * 9) + '';
                // Small letter	
                var h = String.fromCharCode(97 + Math.floor(Math.random() * 26));
                // Number	
                var i = Math.ceil(Math.random() * 9) + '';
                // Number	
                var j = Math.ceil(Math.random() * 9) + '';

                var code = a + b + c + d + e + f + g + h + i + j;
                document.getElementById("txtCaptcha").value = code;
                document.getElementById("CaptchaDiv").innerHTML = code;

                // Validate user input against the generated captcha
                function ValidCaptcha() {
                    var str1 = removeSpaces(document.getElementById('txtCaptcha').value);
                    var str2 = removeSpaces(document.getElementById('captchainput').value);

                    if (str1 == str2) {
                        return true;
                    } else {
                        return false;
                    }
                }

                // Remove the spaces from the entered and generated code
                function removeSpaces(string) {
                    return string.split(' ').join('');
                }
            </script>
			<xf:captcharow label="{{ phrase('verification') }}" hint="{{ phrase('required') }}" context="xf_register" />
			<xf:macro template="register_macros" name="email_choice_row" />
			<xf:macro template="register_macros" name="tos_row" />
            <button type="submit" class="button--primary button--large button">
				<span class="button-text">
                    Register
                </span>
			</button>

            <div class="dp-account-return">
                Already have an account? <a href="/login/">Login</a>
            </div>
            <xf:hiddenval name="reg_key">{{ $regForm.getUniqueKey() }}</xf:hiddenval>
			<xf:hiddenval name="{{ $regForm.getFieldName('timezone') }}" value="" data-xf-init="auto-timezone" />
            <script>
                $('form').attr('autocomplete', 'off');
            </script>
        </xf:form>
    </div>
    <div>
        <div class="dp-account-about">
            <div class="dp-about-illustration">
<svg width="220" height="220" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 220 220"><defs><clipPath id="clippath"><path d="m110,0h0c60.75,0,110,49.25,110,110h0c0,60.75-49.25,110-110,110h0C49.25,220,0,170.75,0,110h0C0,49.25,49.25,0,110,0Z" fill="none"/></clipPath><radialGradient id="radial-gradient" cx="-570.1" cy="496.55" fx="-570.1" fy="496.55" r="1" gradientTransform="translate(-53537.05 188073.78) rotate(64.83) scale(258.67 -258.67)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#006fcd"/><stop offset=".24" stop-color="#38a962" stop-opacity=".76"/><stop offset=".83" stop-color="#000" stop-opacity="0"/></radialGradient><clipPath id="clippath-1"><path d="m146.28,113.46h0c8.59,0,15.55,6.96,15.55,15.55h0c0,8.59-6.96,15.55-15.55,15.55h0c-8.59,0-15.55-6.96-15.55-15.55h0c0-8.59,6.96-15.55,15.55-15.55Z" fill="none"/></clipPath></defs><g clip-path="url(#clippath)"><path d="m110,0h0c60.75,0,110,49.25,110,110h0c0,60.75-49.25,110-110,110h0C49.25,220,0,170.75,0,110h0C0,49.25,49.25,0,110,0Z"/><path d="m110,0h0c60.75,0,110,49.25,110,110h0c0,60.75-49.25,110-110,110h0C49.25,220,0,170.75,0,110h0C0,49.25,49.25,0,110,0Z" fill="url(#radial-gradient)" fill-opacity=".2"/><rect x="52.27" y="68.27" width="233.38" height="166.7" rx="13.25" ry="13.25" fill="none" stroke="rgba(41,42,43,.1)" stroke-width="3.45"/><rect x="54.5" y="70.5" width="228.93" height="162.25" rx="11.02" ry="11.02" stroke="#292a2b"/><rect x="111" y="174" width="70" height="12" rx="2.3" ry="2.3" fill="#39393f"/><rect x="111" y="195" width="70" height="12" rx="2.3" ry="2.3" fill="rgba(74,222,128,.25)"/><path d="m92,86h16c.55,0,1,.45,1,1h0c0,.55-.45,1-1,1h-16c-.55,0-1-.45-1-1h0c0-.55.45-1,1-1Z" fill="#1b1b1e"/><rect x="111" y="154" width="70" height="12" rx="2.3" ry="2.3" fill="#39393f"/><path d="m135,200h23c.55,0,1,.45,1,1h0c0,.55-.45,1-1,1h-23c-.55,0-1-.45-1-1h0c0-.55.45-1,1-1Z" fill="#006fcd"/><path d="m117,86h7c.55,0,1,.45,1,1h0c0,.55-.45,1-1,1h-7c-.55,0-1-.45-1-1h0c0-.55.45-1,1-1Z" fill="#1b1b1e"/><path d="m133,86h10c.55,0,1,.45,1,1h0c0,.55-.45,1-1,1h-10c-.55,0-1-.45-1-1h0c0-.55.45-1,1-1Z" fill="#1b1b1e"/><g clip-path="url(#clippath-1)"><path d="m146.28,113.46h0c8.59,0,15.55,6.96,15.55,15.55h0c0,8.59-6.96,15.55-15.55,15.55h0c-8.59,0-15.55-6.96-15.55-15.55h0c0-8.59,6.96-15.55,15.55-15.55Z"/></g><path d="m146.28,113.96h0c8.31,0,15.05,6.74,15.05,15.05h0c0,8.31-6.74,15.05-15.05,15.05h0c-8.31,0-15.05-6.74-15.05-15.05h0c0-8.31,6.74-15.05,15.05-15.05Z" fill="none" stroke="#006fcd"/><path d="m64.71,91.57c-1.11-.18-2.21-1.01-2.44-1.84-.17-.61-.14-4.64.04-5.24.33-1.12,1.25-1.81,2.67-2.02.74-.1,7.95-.14,7.95-.04,0,.03-.29.47-.64.99l-.65.93h-3.46c-3.78,0-3.9.02-4.13.57-.07.16-.11.48-.09.72l.03.43,3.14.03c1.72,0,3.13.06,3.13.1,0,.05-.28.45-.62.92l-.61.83-2.39.03-2.38.02-.07.3c-.09.42.04,1.08.26,1.29.17.17.36.19,2.27.19,1.18,0,2.15-.04,2.26-.1.1-.05,1.22-1.55,2.49-3.33,2.49-3.49,2.66-3.67,3.68-3.89.33-.07,1.23-.1,2.53-.07,1.85.03,2.07.06,2.52.26.28.13.64.37.82.54.79.75.95,1.54.89,4.5-.03,2.07-.04,2.16-.28,2.59-.28.48-.98,1.02-1.56,1.19-.53.15-8.62.14-8.62,0,0-.07.25-.46.56-.89l.55-.78h6.91l.27-.28c.27-.26.28-.32.34-1.67.07-1.42,0-2.72-.14-3-.2-.4-.68-.48-2.6-.48h-1.84l-.3.28c-.17.15-1.27,1.6-2.46,3.23-2.22,3.06-2.56,3.43-3.33,3.62-.53.13-4.02.2-4.7.09h0Z" fill="#fff"/><path d="m138.96,133.57c-1.11-.18-2.21-1.01-2.44-1.84-.17-.61-.14-4.64.04-5.24.33-1.12,1.25-1.81,2.67-2.02.74-.1,7.95-.14,7.95-.04,0,.03-.29.47-.64.99l-.65.93h-3.46c-3.78,0-3.9.02-4.13.57-.07.16-.11.48-.09.72l.03.43,3.14.03c1.72,0,3.13.06,3.13.1,0,.05-.28.45-.62.92l-.61.83-2.39.03-2.38.02-.07.3c-.09.42.04,1.08.26,1.29.17.17.36.19,2.27.19,1.18,0,2.15-.04,2.26-.1.1-.05,1.22-1.55,2.49-3.33,2.49-3.49,2.66-3.67,3.68-3.89.33-.07,1.23-.1,2.53-.07,1.85.03,2.07.06,2.52.26.28.13.64.37.82.54.79.75.95,1.54.89,4.5-.03,2.07-.04,2.16-.28,2.59-.28.48-.98,1.02-1.56,1.19-.53.15-8.62.14-8.62,0,0-.07.25-.46.56-.89l.55-.78h6.91l.27-.28c.27-.26.28-.32.34-1.67.07-1.42,0-2.72-.14-3-.2-.4-.68-.48-2.6-.48h-1.84l-.3.28c-.17.15-1.27,1.6-2.46,3.23-2.22,3.06-2.56,3.43-3.33,3.62-.53.13-4.02.2-4.7.09h0Z" fill="#fff"/></g><path d="m110,.5h0c60.48,0,109.5,49.02,109.5,109.5h0c0,60.48-49.02,109.5-109.5,109.5h0C49.52,219.5.5,170.48.5,110h0C.5,49.52,49.52.5,110,.5Z" fill="none" stroke="#006fcd"/></svg>
			</div>
            <h4 class="dp-heading-s">
                Who are we?
            </h4>
            <p class="dp-about-whotext">
                Haxodevs.gg: A community forum for selling, buying, and discussions. Connect, make friends, and discover new opportunities.
            </p>
            <div class="dp-about-highlights">
                <p>
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M12 18V22" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M10 18L5 22" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M14 18L19 22" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M2.5 12C2.5 14.8284 2.5 16.2426 3.37868 17.1213C4.25736 18 5.67157 18 8.5 18H15.5C18.3284 18 19.7426 18 20.6213 17.1213C21.5 16.2426 21.5 14.8284 21.5 12V8C21.5 5.17157 21.5 3.75736 20.6213 2.87868C19.7426 2 18.3284 2 15.5 2H8.5C5.67157 2 4.25736 2 3.37868 2.87868C2.5 3.75736 2.5 5.17157 2.5 8V12Z" fill="#006fcd" fill-opacity="0.25" stroke="#006fcd" stroke-width="1.5"></path>
                        <path d="M8 13V10M12 13V7M16 13V11" stroke="white" stroke-width="1.5" stroke-linecap="round"></path>
                    </svg>
                    Discuss Trading, Selling, Buying, and other topics.
                </p>
                <p>
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="#006fcd" fill-opacity="0.25"></path>
                        <path d="M2.46094 9C3.73835 4.94289 7.53803 2 12.0268 2C17.2249 2 21.499 5.94668 22.002 11L20.002 10.5929" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M16.25 14C16.25 14.4142 16.5858 14.75 17 14.75C17.4142 14.75 17.75 14.4142 17.75 14H16.25ZM9.55455 9.88675L10.7404 9.27686L10.0544 7.94292L8.86853 8.55281L9.55455 9.88675ZM13.2596 9.27686L14.4455 9.88675L15.1315 8.55281L13.9456 7.94292L13.2596 9.27686ZM8.86853 13.4472L10.0544 14.0571L10.7404 12.7231L9.55455 12.1133L8.86853 13.4472ZM13.9456 14.0571L15.1315 13.4472L14.4455 12.1133L13.2596 12.7231L13.9456 14.0571ZM10.0544 14.0571C10.4381 14.2544 10.7686 14.4251 11.0562 14.5422C11.3566 14.6645 11.6599 14.75 12 14.75V13.25C11.9234 13.25 11.8208 13.2339 11.6217 13.1529C11.4098 13.0666 11.1474 12.9324 10.7404 12.7231L10.0544 14.0571ZM13.2596 12.7231C12.8526 12.9324 12.5902 13.0666 12.3783 13.1529C12.1792 13.2339 12.0766 13.25 12 13.25V14.75C12.3401 14.75 12.6434 14.6645 12.9438 14.5422C13.2314 14.4251 13.5619 14.2544 13.9456 14.0571L13.2596 12.7231ZM14.4455 9.88675C15.2068 10.2783 15.6948 10.5318 16.004 10.7583C16.1515 10.8663 16.2137 10.9373 16.2383 10.9742C16.2536 10.997 16.25 10.9975 16.25 11H17.75C17.75 10.3211 17.3305 9.87047 16.8902 9.54806C16.4623 9.23467 15.8445 8.91952 15.1315 8.55281L14.4455 9.88675ZM15.1315 13.4472C15.8445 13.0805 16.4623 12.7653 16.8902 12.4519C17.3305 12.1295 17.75 11.6789 17.75 11H16.25C16.25 11.0025 16.2536 11.003 16.2383 11.0258C16.2137 11.0627 16.1515 11.1337 16.004 11.2417C15.6948 11.4682 15.2068 11.7217 14.4455 12.1133L15.1315 13.4472ZM10.7404 9.27686C11.1474 9.06757 11.4098 8.93337 11.6217 8.84713C11.8208 8.76611 11.9234 8.75 12 8.75V7.25C11.6599 7.25 11.3566 7.33554 11.0562 7.45781C10.7686 7.57487 10.4381 7.74562 10.0544 7.94292L10.7404 9.27686ZM13.9456 7.94292C13.5619 7.74562 13.2314 7.57487 12.9438 7.45781C12.6434 7.33554 12.3401 7.25 12 7.25V8.75C12.0766 8.75 12.1792 8.76611 12.3783 8.84713C12.5902 8.93337 12.8526 9.06757 13.2596 9.27686L13.9456 7.94292ZM8.86853 8.55281C8.15549 8.91952 7.53772 9.23467 7.10977 9.54806C6.66949 9.87047 6.25 10.3211 6.25 11H7.75C7.75 10.9975 7.74642 10.997 7.76166 10.9742C7.7863 10.9373 7.84852 10.8663 7.996 10.7583C8.30523 10.5318 8.79323 10.2783 9.55455 9.88675L8.86853 8.55281ZM9.55455 12.1133C8.79323 11.7217 8.30523 11.4682 7.996 11.2417C7.84852 11.1337 7.7863 11.0627 7.76166 11.0258C7.74642 11.003 7.75 11.0025 7.75 11H6.25C6.25 11.6789 6.66949 12.1295 7.10977 12.4519C7.53772 12.7653 8.15549 13.0805 8.86853 13.4472L9.55455 12.1133ZM14.25 15.4949C14.25 15.4225 14.2657 15.6002 13.8484 15.8424C13.4754 16.0589 12.8609 16.25 12 16.25V17.75C13.0721 17.75 13.9576 17.5134 14.6014 17.1398C15.2008 16.7919 15.75 16.217 15.75 15.4949H14.25ZM12 16.25C11.1391 16.25 10.5246 16.0589 10.1516 15.8424C9.73425 15.6002 9.74999 15.4225 9.74999 15.4949H8.24999C8.24999 16.217 8.79923 16.7919 9.39864 17.1398C10.0424 17.5134 10.9279 17.75 12 17.75V16.25ZM15.75 15.4949V12.6713H14.25V15.4949H15.75ZM9.74999 15.4949V12.6713H8.24999V15.4949H9.74999ZM16.25 11V14H17.75V11H16.25Z" fill="#006fcd"></path>
                        <path d="M21.5431 15C20.2657 19.0571 16.466 22 11.9773 22C6.77902 22 2.50492 18.0533 2.00195 13L4.002 13.4071" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    </svg>
                    Learn valuable information, and find new opportunities.
                </p>
                <p>
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M8 22C11.3137 22 14 19.3137 14 16C14 12.6863 11.3137 10 8 10C4.68629 10 2 12.6863 2 16C2 19.3137 4.68629 22 8 22Z" fill="#006fcd" fill-opacity="0.25"></path>
                        <path d="M10 7.0268C10.483 4.17323 12.9665 2 15.9575 2C19.2947 2 22 4.70532 22 8.0425C22 11.0335 19.8268 13.517 16.9732 14" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M2 9C2 5.68286 4.68286 3 8 3L7.14286 4.71429" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M22 15C22 18.3171 19.3171 21 16 21L16.8571 19.2857" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M8 22C11.3137 22 14 19.3137 14 16C14 12.6863 11.3137 10 8 10C4.68629 10 2 12.6863 2 16C2 19.3137 4.68629 22 8 22Z" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    </svg>
                    Sell and buy virtual goods and services.
                </p>
            </div>
        </div>
    </div>
</div>]]></template>
    <template title="rock_paper_scissors.css" type="public" addon_id="" version_id="0" version_string=""><![CDATA[:root {
    --bg-primary: #5a5a5a;
    --bg-secondary: #151518;
    --bg-tertiary: #151518;
    --bg-quaternary: #2e394c;
    --bg-success: #43a047;
    --bg-warning: rgba(52,211,153,0.1);
    --bg-danger: #dc3545;
    --bg-purple: #9c27b0;
    --bg-cyan: #00acc1;
    --bg-credits: #f57f17;
    --bg-rep-hq: #26c6da;
    --bg-rep-funny: #ffa726;
    --bg-rep-helpful: #9ccc65;
    --bg-moderator: #0c9c68;
    --color-primary: #3b84df;
    --color-secondary: #778296;
    --color-success: #43a047;
    --color-warning: #d26d22;
    --color-danger: #dc3545;
    --color-white: #ffffff;
    --color-credits: #f57f17;
    --color-upgraded: #7579ff;
    --border-primary: #3b84df;
    --border-secondary: #212735;
    --border-tertiary: #262f3f;
    --border-success: #43a047;
    --border-warning: #6e132f;
    --padding: 1rem;
    --rounded: 0.65rem;
    --rounded-circle: 100%;
    --animate-duration: 0.5s;
    --profile-yos: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='40' viewBox='0 -38 512.001 512' width='40'%3E%3Cpath d='M501.637 186.422c-1.52-.492-15.305-4.832-31.047-4.832-9.855 0-18.5 1.73-25.777 5.133-.145-2.516-.324-5.023-.57-7.527 12.352-3.492 29.184-10.53 38.754-24.19 15.445-22.055 8.184-56.027 7.31-59.828a15.01 15.01 0 0 0-16.437-11.508c-3.687.45-35.008 4.824-51.34 24.258-1.117-2.07-2.27-4.133-3.47-6.164-.078-.137-.164-.27-.246-.402 9.715-8.39 21.984-21.875 24.88-38.29 4.676-26.52-16.258-54.234-18.66-57.31-4.727-6.043-13.25-7.547-19.762-3.484-3.148 1.97-29.707 19.184-36.285 43.72-5.88-4.387-12.008-8.457-18.38-12.145-7.172-4.148-16.348-1.7-20.496 5.47s-1.7 16.348 5.473 20.496C355 71.055 371.496 86.13 384.36 103.738c.637.914 1.184 1.664 1.613 2.242 12.496 17.742 21.348 37.953 25.82 59.38a88.96 88.96 0 0 0 1.043 5.469l.012.035c1.516 8.785 2.305 17.75 2.305 26.816 0 12.223-1.39 24.125-4.012 35.563-.95 3.23-1.47 5.543-1.648 6.387-.023.117-.035.238-.06.355-5.816 21.078-15.87 40.414-29.187 57.03-.937 1.11-1.687 2.035-2.203 2.695-13.816 16.5-30.902 30.168-50.262 39.988-2.797 1.242-4.664 2.21-5.25 2.523-.055.027-.102.063-.152.1-20.215 9.313-42.7 14.52-66.38 14.52s-46.168-5.207-66.387-14.523c-.05-.027-.094-.06-.145-.086-.586-.312-2.445-1.277-5.242-2.52-19.36-9.824-36.453-23.492-50.27-39.996-.516-.656-1.266-1.582-2.203-2.687-13.312-16.62-23.367-35.953-29.187-57.03-.02-.12-.03-.238-.06-.36-.18-.844-.7-3.156-1.652-6.387-2.617-11.437-4.008-23.34-4.008-35.562a157.63 157.63 0 0 1 2.305-26.809c0-.016.008-.027.012-.043.172-.75.598-2.69 1.043-5.473 4.473-21.4 13.313-41.605 25.797-59.34a82.61 82.61 0 0 0 1.668-2.316c12.86-17.594 29.344-32.652 48.754-43.883a15 15 0 0 0 5.473-20.492c-4.148-7.172-13.324-9.62-20.496-5.473-6.375 3.688-12.504 7.762-18.383 12.148-6.574-24.54-33.137-41.754-36.29-43.723-6.508-4.062-15.035-2.56-19.762 3.484-2.402 3.074-23.336 30.79-18.66 57.313 2.895 16.414 15.164 29.898 24.88 38.285-.078.137-.164.266-.246.402-1.2 2.03-2.348 4.094-3.465 6.168C73.14 88.492 41.82 84.117 38.137 83.668c-7.613-.93-14.71 4.03-16.437 11.512-.88 3.8-8.137 37.77 7.31 59.824 9.566 13.66 26.398 20.7 38.75 24.195a192.76 192.76 0 0 0-.574 7.527c-7.273-3.402-15.914-5.133-25.773-5.133-15.738 0-29.527 4.336-31.047 4.828-7.297 2.375-11.63 9.875-10.035 17.38.813 3.816 8.6 37.668 31.9 51.137 7.926 4.574 17.75 6.895 29.19 6.895 5.828 0 11.38-.594 16.145-1.367a188.94 188.94 0 0 0 2.648 7.07H80.2c-25.387 0-48.973 21.324-51.578 23.754-5.61 5.234-6.367 13.86-1.75 19.992 2.348 3.113 23.703 30.508 50.53 32.855 1.273.113 2.578.168 3.883.168 15.254 0 29.848-7.69 39.64-14.36 1.766 1.805 3.563 3.574 5.398 5.305-23.07 10.703-35.445 39.914-36.84 43.363-2.875 7.117.1 15.254 6.863 18.86 2.176 1.156 21.84 11.3 42.293 11.3 6.29 0 12.14-.97 17.39-2.88 15.672-5.703 26.824-20.14 33.395-31.172 5.39 2.035 10.895 3.828 16.504 5.367-8.73 8.88-16.727 20.18-23.742 33.734a15 15 0 1 0 26.645 13.789c13.414-25.918 30.605-40.78 47.172-40.78s33.758 14.863 47.168 40.78c2.668 5.152 7.906 8.105 13.336 8.105a14.94 14.94 0 0 0 6.883-1.68c7.355-3.81 10.234-12.86 6.426-20.22-7.016-13.555-15.012-24.855-23.742-33.73a185.72 185.72 0 0 0 16.5-5.367c6.574 11.027 17.727 25.47 33.402 31.172 5.246 1.9 11.098 2.88 17.387 2.88 20.453 0 40.113-10.145 42.29-11.305 6.777-3.602 9.738-11.738 6.863-18.855-1.39-3.45-13.766-32.664-36.836-43.363 1.836-1.734 3.633-3.504 5.398-5.305 9.793 6.668 24.387 14.36 39.637 14.36a44.07 44.07 0 0 0 3.887-.168c26.828-2.348 48.184-29.742 50.527-32.855a15 15 0 0 0-1.75-19.992c-2.602-2.43-26.19-23.754-51.578-23.754h-.023a176.13 176.13 0 0 0 2.648-7.07c4.766.773 10.32 1.367 16.145 1.367 11.445 0 21.266-2.32 29.195-6.895 23.316-13.47 31.098-47.316 31.906-51.133a15 15 0 0 0-10.035-17.383zm0 0' fill='rgba(255,255,255,0.65)'/%3E%3C/svg%3E);
}

.bitsbox_wrapper {
	background: #006fcd;
	border-radius: 4px;
	margin-bottom: 1rem;
}

.selection {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-grow: 0;
	flex-shrink 0;
	padding: 2.5rem;
	background: #2B2B40 !important;
   	border-radius: 1.5rem;
	border: 1px solid #35353b;
	transition: .4s ease;
}

.selection:hover {
	border: 1px solid #006fcd;
}

.container { 
    width: 100%; 
    padding-right: 15px; 
    padding-left: 15px; 
    margin-right: auto; 
    margin-left: auto;
} 

@media (min-width: 576px){ 
  .container { 
    max-width: 540px;
  } 
}     

@media (min-width: 768px){ 
  .container { 
    max-width: 95%;
  } 
}     

@media (min-width: 992px){ 
  .container { 
    max-width: 95%;
  } 
}     

@media (min-width: 1200px){ 
  .container { 
    max-width: 90%; 
    padding-right: 15px; 
    padding-left: 15px;
  } 
}     

@media (min-width: 1400px){ 
  .container { 
    max-width: 80%; 
    padding-right: 15px; 
    padding-left: 15px;
  } 
}     

@media (min-width: 1700px){ 
  .container { 
    max-width: 70%; 
    padding-right: 15px; 
    padding-left: 15px;
  } 
}     

@media (min-width: 1950px){ 
  .container { 
    max-width: 1400px; 
    padding-right: 15px; 
    padding-left: 15px;
  } 
}     

.p-body .p-body > *  { 
    padding-top: 20px;
} 

.uix_contentWrapper { 
    flex-grow: 1;
} 

.p-body-main { 
    table-layout: fixed; 
    display: flex; 
    flex-wrap: wrap; 
    justify-content: space-between; 
    width: 100%; 
    max-width: 100%; 
    margin-bottom: auto; 
    min-height: 1px;
} 

.p-body-content { 
    vertical-align: top; 
    flex-grow: 1; 
    max-width: 100%; 
    width: 100%;
} 

@media (min-width: 901px){ 
  .p-body-content { 
    transition: ease-in width .2s,ease-in max-width .2s;
  } 
}     

.p-body-content > :first-child  { 
    margin-top: 0;
} 

.p-body-content > :last-child  { 
    margin-bottom: 0;
} 

.d-flex { 
    display: -ms-flexbox; 
    display: flex;
} 

.flex-column { 
    -ms-flex-direction: column !important; 
    flex-direction: column !important;
} 

@media (min-width: 992px){ 
  .flex-lg-row { 
    -ms-flex-direction: row !important; 
    flex-direction: row !important;
  } 
}     

.flex-row { 
    -ms-flex-direction: row !important; 
    flex-direction: row !important;
} 

.align-items-center { 
    -ms-flex-align: center !important; 
    align-items: center !important;
} 

.position-relative { 
    position: relative !important;
} 

.p-3 { 
    padding: 1.8rem !important;
} 

.font-weight-bold { 
    font-weight: 500 !important;
} 

.font-size-08 { 
    font-size: 1.3rem;
} 

.main-row { 
    background-color: var(--bg-secondary); 
    border-bottom: 1px solid #1c1c1f;
} 

.flex-row { 
    flex-direction: row;
} 

.p-3 { 
    padding: 0.75rem;
} 

.main-row:last-child,.main-row:only-child { 
    border-bottom: none;
} 

@media (min-width: 576px){ 
  .main-row:first-child { 
    border-radius: 0.25rem;
  } 

  .main-row:last-child { 
    border-radius: 0.25rem;
  } 

  .main-row:only-child { 
    border-radius: 0.25rem;
  } 

  .main-row:first-child { 
    border-radius: var(--rounded) var(--rounded) 0 0;
  } 

  .main-row:last-child { 
    border-radius: 0 0 var(--rounded) var(--rounded);
  } 

  .main-row:only-child { 
    border-radius: var(--rounded);
  } 
}     

.order-2 { 
    -ms-flex-order: 2; 
    order: 2;
} 

@media (min-width: 992px){ 
  .order-lg-1 { 
    -ms-flex-order: 1; 
    order: 1;
  } 
}     

.d-block { 
    display: block !important;
} 

.flex-grow-0 { 
    -ms-flex-positive: 0 !important; 
    flex-grow: 0 !important;
} 

.flex-shrink-0 { 
    -ms-flex-negative: 0 !important; 
    flex-shrink: 0 !important;
} 

.mb-3 { 
    margin-bottom: 1rem !important;
} 

@media (min-width: 992px){ 
  .mb-lg-0 { 
    margin-bottom: 0 !important;
  } 

  .mr-lg-3 { 
    margin-right: 1rem !important;
  } 
}     

.sidebar { 
    width: 300px;
} 

.mb-3 { 
    margin-bottom: 0.75rem;
} 

.flex-shrink-0 { 
    flex-shrink: 0;
} 

.flex-grow-0 { 
    flex-grow: 0;
} 

.order-1 { 
    -ms-flex-order: 1; 
    order: 1;
} 

@media (min-width: 992px){ 
  .order-lg-2 { 
    -ms-flex-order: 2; 
    order: 2;
  } 
}     

.flex-fill { 
    -ms-flex: 1 1 auto !important; 
    flex: 1 1 auto !important;
} 

.rps-log-user { 
    white-space: nowrap; 
    text-overflow: ellipsis;
} 

.d-none { 
    display: none !important;
} 

@media (min-width: 992px){ 
  .d-lg-block { 
    display: block !important;
  } 
}     

.ml-3 { 
    margin-left: 1.2rem !important;
} 

.text-center { 
    text-align: center !important;
} 

.rps-log-time { 
    width: 60px;
} 

.ml-3 { 
    margin-left: 0.75rem;
} 

.text-center { 
    text-align: center;
} 

.rps-log-time { 
    width: 130px;
} 

.rps-log-type { 
    width:  80px;
} 

.rps-log-bot { 
    width:  80px;
} 

.rps-log-amount { 
    width: 80px;
} 

.rps-log-outcome { 
    width:  80px;
} 

.wrapper { 
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
} 

@media (min-width: 576px){ 
  .wrapper { 
    border-radius: var(--rounded);
  } 
}     

.wrapper { 
    margin-left: 0; 
    margin-right: 0;
} 

@media (min-width: 992px){ 
  .d-lg-none { 
    display: none !important;
  } 
}     

a { 
    background-color:   transparent;
    -webkit-text-decoration-skip:    objects;
    color:  #cbd3df;
    text-decoration:   none; 
} 

.avatar { 
    border-radius: 100%; 
    vertical-align: top; 
    overflow: hidden; 
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
    line-height: 1;
} 

.avatar.avatar--xxs { 
    width: 24px; 
    height: 24px; 
    font-size: 14px;
} 

.avatar.avatar--default.avatar--default--image { 
    background-color:  transparent;
    background-image:  url(https://i.imgur.com/YhXo2LW.png); 
    background-size:  cover;
} 

a:hover { 
    color:  #dce2ea; 
    text-decoration:  none;
} 

.avatar:hover { 
    text-decoration: none;
} 

[dir="auto"] { 
    text-align: left;
} 

.u-dt[title] { 
    border: none; 
    text-decoration: none;
} 

.bg-warning { 
    background-color: var(--bg-warning) !important;
} 

.rps-credits { 
    color: rgba(255, 255, 255, 0.85);
} 

.bg-tertiary { 
    background-color: var(--bg-tertiary) !important;
} 

.main-title { 
    position: relative; 
    color: rgba(255, 255, 255, 0.85); 
    font-weight: var(--font-bold); 
    padding: 1.25rem var(--padding); 
    z-index: 1;
} 

@media (min-width: 576px){ 
  .main-title { 
    border-radius: var(--rounded) var(--rounded) 0 0;
  } 
}     

.main-title.bg-tertiary {
	font-family: 'kingzheader', san-serif;
    color: #fff;
} 

@media (min-width: 576px){ 
  .main-title:before { 
    border-radius: var(--rounded) var(--rounded) 0 0;
  } 
}     

.main-row:last-child { 
    border-bottom: none;
} 

.justify-content-center { 
    -ms-flex-pack: center !important; 
    justify-content: center !important;
} 

.avatar.avatar--default.avatar--default--image > span  { 
    display: none;
} 

#betAmount { 
    text-align: center;
} 

.mb-2 { 
    margin-bottom:  0.5rem;
} 

ul { 
    margin-top: 0; 
    margin-bottom: 0; 
    margin-left: 0;
} 

.nav { 
    display: -ms-flexbox; 
    display: flex; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap; 
    padding-left: 0; 
    margin-bottom: 0; 
    list-style: none;
} 

.m-n3 { 
    margin: -1rem !important;
} 

#betAmount-Mobile { 
    text-align: center;
} 

.rounded { 
    border-radius: 0.25rem !important;
} 

.p-4 { 
    padding: 2.5rem !important;
} 

.shadow { 
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
} 

.rps-box { 
    width: calc(33.333333% - 0.5rem); 
    background-color: var(--bg-secondary); 
    cursor: pointer;
} 

.rounded { 
    border-radius: 0.25rem;
} 

.p-4 { 
    padding: 1rem;
} 

.shadow { 
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); 
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
    0 1px 2px -1px var(--tw-shadow-color); 
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} 

.rps-box:first-child { 
    margin-right: 0.5rem;
} 

.rps-box:hover { 
    background-color: var(--bg-primary); 
    color: rgba(255, 255, 255, 0.85);
} 

.rps-box:nth-child(2) { 
    margin-right: 0.25rem; 
    margin-left: 0.25rem;
} 

.rps-box:last-child { 
    margin-left: 0.5rem;
} 

.fas { 
    display: inline-block; 
    font-family:  'Font Awesome 5 Pro'; 
    position:  relative; 
    font-weight:  900;
    -moz-osx-font-smoothing: grayscale; 
    -webkit-font-smoothing: antialiased; 
    font-style: normal; 
    font-variant: normal; 
    text-rendering: auto; 
    line-height: 1;
} 

.mr-2 { 
    margin-right:  0.5rem;
} 

.fas { 
    font-family: 'Font Awesome 5 Pro'; 
    font-weight: 900;
} 

.rps-credits i  { 
    color: rgba(255, 255, 255, 0.65);
} 

.fa-coins:before { 
    content: "\f51e";
} 

input { 
    overflow:       visible;
    font-family:  inherit; 
    font-size:  inherit; 
    line-height:  inherit;
    margin:    0;
    color:   inherit; 
    font:   inherit; 
} 



.rps-tabs .nav-item  { 
    width: calc(50% - 0.25rem);
} 

.rps-tabs .nav-item:first-child  { 
    margin-right: 0.25rem;
} 

.rps-tabs .nav-item:last-child  { 
    margin-left: 0.25rem;
} 

.fade { 
    transition: opacity 0.15s linear;
} 

.tab-content > .tab-pane  { 
    display: none;
} 

.tab-content > .active  { 
    display: block;
} 

.fade:not(.show) { 
    opacity: 0;
} 

#betAmount-Mobile input  { 
    width: 100%; 
    background: #3b414b; 
    border-width: 1px; 
    border-style: solid; 
    border-top-color: #4d5460; 
    border-right-color: #4d5460; 
    border-bottom-color: #4d5460; 
    color: #e0e6f0; 
    padding: 6px; 
    border-radius: 5px; 
    text-align: center;
} 

.font-size-30 { 
    font-size: 3rem;
} 

.fa-hand-rock:before { 
    content: "\f255";
} 

.fa-hand-paper:before { 
    content: "\f256";
} 

.fa-hand-scissors:before { 
    content: "\f257";
} 

.game-history-list { 
    padding: 0;
} 

.nav-link { 
    display: block; 
    padding: 0.65rem 1rem; 
    font-size: 0.8rem;
} 

.text-uppercase { 
    text-transform: uppercase !important;
} 

.rps-tabs .nav-link  { 
    background-color: var(--bg-tertiary); 
    color: var(--color-secondary); 
    border: none !important;
} 

.rps-tabs .nav-item .nav-link  { 
    border-radius: var(--rounded) !important;
} 

.rps-tabs .nav-link.active  { 
    background-color: var(--bg-quaternary) !important; 
    color: #9da5b3 !important;
} 

.nav-tabs .nav-link.active  { 
    color: var(--color-white); 
    background-color: var(--bg-primary);
} 

.nav-tabs .nav-item .nav-link  { 
    border-right: 1px solid #293342;
} 

.nav-tabs .nav-item:first-child .nav-link  { 
    border-radius: var(--rounded) 0 0 var(--rounded);
} 

.nav-link:hover { 
    text-decoration: none;
} 

.rps-tabs .nav-link:hover  { 
    background-color: var(--bg-quaternary) !important; 
    color: var(--color-secondary) !important;
} 

.nav-tabs .nav-link:hover  { 
    background-color: var(--bg-primary); 
    color: var(--color-white);
} 

.nav-tabs .nav-item:last-child .nav-link  { 
    border-right: none;
} 

.game-history-list li  { 
    list-style: none;
} 

.dice-bet-win { 
    border-bottom:  1px solid #161a21 !important; 
    border-radius: unset !important;
} 

.dice-bet-win:before,.dice-bet-loss:before,.dice-bet-tie:before { 
    position: absolute; 
    content: ""; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0;
} 

.dice-bet-win:before { 
    background-color: rgba(67, 160, 71, 0.15);
} 

@media (min-width: 576px){ 
  .dice-bet-win:last-child:before,.dice-bet-tie:last-child:before,.dice-bet-loss:last-child:before { 
    border-radius: 0 0 var(--rounded) var(--rounded);
  } 
}     

.dice-bet-loss { 
    border-bottom:  1px solid #161a21 !important; 
    border-radius: unset !important;
} 

.dice-bet-loss:before { 
    background-color: rgba(220, 53, 69, 0.15);
} 

.dice-bet-tie { 
    border-bottom:  1px solid #161a21 !important; 
    border-radius: unset !important;
} 

.dice-bet-tie:before { 
    background-color: rgba(33,150,243,0.15);
} 

.fa-fw { 
    text-align: center; 
    width: 1.25em;
} 

.text-secondary { 
    color: var(--color-secondary);
} 

.fa-gamepad-alt:before { 
    content: "\f8bc";
} 

.fa-sack:before { 
    content: "\f81c";
} 

.fa-exchange-alt:before { 
    content: "\f362";
} 

.fa-smile:before { 
    content: "\f118";
} 

.fa-meh:before { 
    content: "\f11a";
} 

.fa-frown:before { 
    content: "\f119";
} 

img { 
    border-style:  none;
    max-width:   100%; 
    height:   auto;
    -ms-interpolation-mode:  bicubic;
    vertical-align: middle; 
} 

.avatar img  { 
    background-color:  transparent;
} 

.avatar img:not(.cropImage)  { 
    text-indent: 100%; 
    overflow: hidden; 
    white-space: nowrap; 
    word-wrap: normal; 
    display: block; 
    border-radius: inherit; 
    width: 100%; 
    height: 100%;
} 


/* These were inline style tags. Uses id+class to override almost everything */
#personal-tab.style-WNEsl {  
   padding: 10px;  
   font-size: 13px;  
}  
#global-tab.style-oUY1U {  
   padding: 10px;  
    font-size: 13px;  
}  
#style-zUXcD.style-zUXcD {  
   line-height: 25px;  
}  
#style-e3QEv.style-e3QEv {  
   height:20px;  
    width: 20px;  
}  
#style-NGUQ2.style-NGUQ2 {  
   text-transform: capitalize;  
}  
#style-WSfvL.style-WSfvL {  
   text-transform: capitalize;  
}  
#style-QkIbp.style-QkIbp {  
   text-transform: capitalize;  
}  
#style-XHFmf.style-XHFmf {  
   text-transform: capitalize;  
}  
#style-lCFaX.style-lCFaX {  
   line-height: 25px;  
}  
#style-dgW1A.style-dgW1A {  
   height:20px;  
    width: 20px;  
}  
#style-p13Ko.style-p13Ko {  
   text-transform: capitalize;  
}  
#style-PNfQa.style-PNfQa {  
   text-transform: capitalize;  
}  
#style-bdL3O.style-bdL3O {  
   text-transform: capitalize;  
}  
#style-RZJdZ.style-RZJdZ {  
   text-transform: capitalize;  
}  
#style-k9LiO.style-k9LiO {  
   line-height: 25px;  
}  
#style-l4qMs.style-l4qMs {  
   height:20px;  
    width: 20px;  
}  
#style-gLj8B.style-gLj8B {  
   text-transform: capitalize;  
}  
#style-Ergro.style-Ergro {  
   text-transform: capitalize;  
}  
#style-T7lwi.style-T7lwi {  
   text-transform: capitalize;  
}  
#style-bonCB.style-bonCB {  
   text-transform: capitalize;  
}  
#style-4wr6a.style-4wr6a {  
   line-height: 25px;  
}  
#style-E7OcI.style-E7OcI {  
   height:20px;  
    width: 20px;  
}  
#style-IfRBa.style-IfRBa {  
   text-transform: capitalize;  
}  
#style-SwtRs.style-SwtRs {  
   text-transform: capitalize;  
}  
#style-P9l4E.style-P9l4E {  
   text-transform: capitalize;  
}  
#style-XVBGn.style-XVBGn {  
   text-transform: capitalize;  
}  
#style-zLmTh.style-zLmTh {  
   line-height: 25px;  
}  
#style-p3S7g.style-p3S7g {  
   height:20px;  
    width: 20px;  
}  
#style-kFGFv.style-kFGFv {  
   text-transform: capitalize;  
}  
#style-xpydz.style-xpydz {  
   text-transform: capitalize;  
}  
#style-CHpP8.style-CHpP8 {  
   text-transform: capitalize;  
}  
#style-CitJw.style-CitJw {  
   text-transform: capitalize;  
}  
#style-PUae5.style-PUae5 {  
   line-height: 25px;  
}  
#style-qP1EM.style-qP1EM {  
   height:20px;  
    width: 20px;  
}  
#style-BkVej.style-BkVej {  
   text-transform: capitalize;  
}  
#style-VRW65.style-VRW65 {  
   text-transform: capitalize;  
}  
#style-jQCOX.style-jQCOX {  
   text-transform: capitalize;  
}  
#style-ZUJe4.style-ZUJe4 {  
   text-transform: capitalize;  
}  
#style-otSb1.style-otSb1 {  
   line-height: 25px;  
}  
#style-FJfrl.style-FJfrl {  
   height:20px;  
    width: 20px;  
}  
#style-Hi7UC.style-Hi7UC {  
   text-transform: capitalize;  
}  
#style-6aTK9.style-6aTK9 {  
   text-transform: capitalize;  
}  
#style-dy2NJ.style-dy2NJ {  
   text-transform: capitalize;  
}  
#style-SZ6GP.style-SZ6GP {  
   text-transform: capitalize;  
}  
#style-msj2X.style-msj2X {  
   line-height: 25px;  
}  
#style-okswV.style-okswV {  
   height:20px;  
    width: 20px;  
}  
#style-f15is.style-f15is {  
   text-transform: capitalize;  
}  
#style-aqGtc.style-aqGtc {  
   text-transform: capitalize;  
}  
#style-Bglt1.style-Bglt1 {  
   text-transform: capitalize;  
}  
#style-zbVx2.style-zbVx2 {  
   text-transform: capitalize;  
}  
#newHistoryTemplate.style-w6HiN {  
   display: none;  
}  
#style-hMsf4.style-hMsf4 {  
   line-height: 25px;  
}  
#style-7OFvQ.style-7OFvQ {  
   text-transform: capitalize;  
}  
#style-AQm2Q.style-AQm2Q {  
   text-transform: capitalize;  
}  
#style-tv7xg.style-tv7xg {  
   text-transform: capitalize;  
}  
#style-ZBrif.style-ZBrif {  
   text-transform: capitalize;  
}]]></template>
    <template title="sc_separateStickyThreads.less" type="public" addon_id="" version_id="4" version_string="2.0.0"><![CDATA[.scStickyThreads {
    .xf-sc_sst_sticky();
}

.scStickyThreads:before {
    .m-faBase();
	.m-faContent(@fa-var-{{ property('sc_sst_sticky_icon') }});
	padding-right: @xf-sc_sst_padding_right;
}

.scStickyBody {
	.xf-sc_sst_sticky_body();
}]]></template>
    <template title="setup.less" type="public" addon_id="XF" version_id="2020970" version_string="2.2.9"><![CDATA[// Note that this file should never output any CSS directly. It should contain variables and mixins only.
// Output should go into core.less.

// ################################ VARIABLES ###############################

// BLOCKS
@block-borderRadius-inner: max(@xf-blockBorderRadius - 1px, 0px);
@block-noStripSel: ~'.block-container:not(.block-container--noStripRadius)';

// HELPERS
@zIndex-1: 1 * (@xf-zIndexMultiplier);
@zIndex-2: 2 * (@xf-zIndexMultiplier);
@zIndex-3: 3 * (@xf-zIndexMultiplier);
@zIndex-4: 4 * (@xf-zIndexMultiplier);
@zIndex-5: 5 * (@xf-zIndexMultiplier);
@zIndex-6: 6 * (@xf-zIndexMultiplier);
@zIndex-7: 7 * (@xf-zIndexMultiplier);
@zIndex-8: 8 * (@xf-zIndexMultiplier);
@zIndex-9: 9 * (@xf-zIndexMultiplier);

// AVATARS
@_avatarBaseSize: 96px;
@avatar-xxs: (@_avatarBaseSize) / 4;
@avatar-xs:  (@_avatarBaseSize) / 3;
@avatar-s:   (@_avatarBaseSize) / 2;
@avatar-m:   (@_avatarBaseSize);
@avatar-l:   (@_avatarBaseSize) * 2;
@avatar-o:   (@_avatarBaseSize) * 4;

@rtl: xf-isRtl;
@ltr: xf-isLtr;

// DEFAULT FONTAWESOME TYPE
@faType: 'Pro';

// FONTAWESOME WEIGHT VALUES
@faWeight-light: 300;
@faWeight-regular: 400;
@faWeight-solid: 900;

{{ include('setup_fa.less') }}

// TABLES
@tablePadding: @xf-paddingSmall;

// ####################################### MIXINS ##################################

.m-clearFix()
{
	&:before,
	&:after
	{
		content: " ";
		display: table;
	}
	&:after
	{
		clear: both;
	}
}

.m-hideText()
{
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
}

.m-hyphens(@hyphens: none)
{
	hyphens: @hyphens;
	-moz-hyphens: @hyphens;
	-ms-hyphens: @hyphens;
	-webkit-hyphens: @hyphens;
}

.m-fadeOutLines(@lines, @bgColor, @lineHeight: @xf-lineHeightDefault)
{
	position: relative;
	max-height: unit(@lines * @lineHeight, em);
	overflow: hidden;

	&:after
	{
		content: '';
		position: absolute;
		bottom: 0;
		right: 0;
		text-align: right;
		width: 75%;
		height: unit(@lineHeight, em);

		& when(@ltr)
		{
			background: linear-gradient(to right, fade(@bgColor, 0%), fade(@bgColor, 100%));
		}
		& when(@rtl)
		{
			background: linear-gradient(to left, fade(@bgColor, 0%), fade(@bgColor, 100%));
		}
	}
}

.m-overflowEllipsis()
{
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
}

.m-appendColon()
{
	&:after
	{
		content: "{$xf.language.label_separator}";
	}

	&.is-sentence:after
	{
		content: "";
	}
}

.m-tooltipArrow(@color, @size, @variation: ~'', @fillColor: false)
{
	@{variation}.tooltip--top &
	{
		bottom: 0;
		left: 50%;
		margin-left: -@size;
		.m-triangleDown(@color, @size);
	}
	@{variation}.tooltip--bottom &
	{
		top: 0;
		left: 50%;
		margin-left: -@size;
		.m-triangleUp(@color, @size);
	}
	@{variation}.tooltip--right &
	{
		top: 50%;
		left: 0;
		margin-top: -@size;
		.m-triangleLeft(@color, @size);
	}
	@{variation}.tooltip--left &
	{
		top: 50%;
		right: 0;
		margin-top: -@size;
		.m-triangleRight(@color, @size);
	}

	& when (iscolor(@fillColor))
	{
		@{variation} &:after
		{
			position: absolute;
			content: '';
		}

		@{variation}.tooltip--top &:after
		{
			bottom: 1px;
			left: -@size + 1px;
			.m-triangleDown(@fillColor, @size - 1px);
		}

		@{variation}.tooltip--bottom &:after
		{
			top: 1px;
			left: -@size + 1px;
			.m-triangleUp(@fillColor, @size - 1px);
		}

		@{variation}.tooltip--right &:after
		{
			left: 1px;
			bottom: -@size + 1px;
			.m-triangleLeft(@fillColor, @size - 1px);
		}

		@{variation}.tooltip--left &:after
		{
			right: 1px;
			bottom: -@size + 1px;
			.m-triangleRight(@fillColor, @size - 1px);
		}
	}
}

.m-triangleUp(@color; @size)
{
	border: @size solid transparent;
	border-top-width: 0;
	border-bottom-color: @color;
}

.m-triangleDown(@color; @size)
{
	border: @size solid transparent;
	border-bottom-width: 0;
	border-top-color: @color;
}

.m-triangleLeft(@color; @size)
{
	border: @size solid transparent;
	border-left-width: 0;
	border-right-color: @color;
}

.m-triangleRight(@color; @size)
{
	border: @size solid transparent;
	border-right-width: 0;
	border-left-color: @color;
}

.m-dropShadow(@x: 1px; @y: 2px; @blur: 2px; @spread: 0; @alpha: 0.25)
{
	box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
}

.m-textOutline(@fillColor: white; @strokeColor: black; @width: 1px;)
{
	-webkit-text-fill-color: @fillColor;
	-webkit-text-stroke-color: @strokeColor;
	-webkit-text-stroke-width: @width;
}

.m-gradient(@startColor; @stopColor; @fallback; @startPos: 0%; @endPos: 100%)
{
	background: @fallback;
	background: linear-gradient(to bottom, @startColor @startPos, @stopColor @endPos);
}

.m-gradientHorizontal(@startColor; @stopColor; @fallback; @startPos: 0%; @endPos: 100%)
{
	background: @fallback;

	& when(@ltr)
	{
		background: linear-gradient(to right, @startColor @startPos, @stopColor @endPos);
	}
	& when(@rtl)
	{
		background: linear-gradient(to left, @startColor @startPos, @stopColor @endPos);
	}
}

.m-tabSize(@size: 4)
{
	-moz-tab-size: @size;
	tab-size: @size;
}

.m-transition(@props: all; @duration: @xf-animationSpeed; @timing: ease; @delay: 0; @raw-input: false)
{
	// adapted from https://stackoverflow.com/a/20810461 @ScottS

	.output() when (@raw-input = false)
	{
		@propsLength: length(@props);
		@durationLength: length(@duration);
		@timingLength: length(@timing);
		@delayLength: length(@delay);

		.buildString(@i, @s: ~'') when (@i <= @propsLength)
		{
			@prop: extract(@props, @i);

			.setDuration() when (@i <= @durationLength) { @dur: extract(@duration, @i); }
			.setDuration() when (@i >  @durationLength) { @dur: extract(@duration, @durationLength); }
			.setDuration();

			.setEasing() when (@i <= @timingLength) { @time: extract(@timing, @i); }
			.setEasing() when (@i >  @timingLength) { @time: extract(@timing, @timingLength); }
			.setEasing();

			.setDelay() when (@i <= @delayLength) { @del: extract(@delay, @i); }
			.setDelay() when (@i >  @delayLength) { @del: extract(@delay, @delayLength); }
			.setDelay();

			.setDivider() when (@i > 1) { @divider: ~'@{s},'; }
			.setDivider() when (@i = 1) { @divider: ~''; }
			.setDivider();

			.buildString((@i + 1), @divider @prop @dur @time);
		}

		.buildString(1);

		.buildString(@i, @s: ~'') when (@i > @propsLength)
		{
			.compact(@s);
		}
	}

	.output() when not (@raw-input = false)
	{
		.compact(@raw-input);
	}

	.compact(@string)
	{
		-webkit-transition: @string;
		//-moz-transition: @string;
		//-ms-transition: @string;
		//-o-transition: @string;
		transition: @string;
	}

	.output();
}

.m-transitionProperty(@props)
{
	-webkit-transition-property: @props;
	transition-property: @props;
}

.m-animation(@props)
{
	-webkit-animation: @props;
	animation: @props;
}

.m-transform(@props)
{
	-webkit-transform: @props;
	-ms-transform: @props;
	transform: @props;
}

.m-keyframes(@name, @rules)
{
	@-webkit-keyframes @name { @rules(); }
	@keyframes @name { @rules(); }
}

.m-columns(@count; @breakWidth: 0; @gap: 1em)
{
	-moz-column-count: @count;
	-webkit-column-count: @count;
	column-count: @count;

	-moz-column-gap: @gap;
	-webkit-column-gap: @gap;
	column-gap: @gap;

	& when(@breakWidth > 0)
	{
		@media (max-width: @breakWidth)
		{
			-moz-column-count: 1;
			-webkit-column-count: 1;
			column-count: 1;
		}
	}
}

.m-columnBreakAvoid()
{
	-webkit-column-break-inside: avoid;
	break-inside: avoid-column;
	page-break-inside: avoid;
}

.m-borderLeftRadius(@radius)
{
	border-top-left-radius: @radius;
	border-bottom-left-radius: @radius;
}

.m-borderRightRadius(@radius)
{
	border-top-right-radius: @radius;
	border-bottom-right-radius: @radius;
}

.m-borderTopRadius(@radius)
{
	border-top-left-radius: @radius;
	border-top-right-radius: @radius;
}

.m-borderBottomRadius(@radius)
{
	border-bottom-left-radius: @radius;
	border-bottom-right-radius: @radius;
}

.m-hiddenLinks()
{
	a
	{
		color: inherit;
		text-decoration: none;

		&:hover
		{
			text-decoration: underline;
		}
	}
}

.m-textColoredLinks()
{
	a
	{
		color: inherit;
		text-decoration: underline;
	}
}

.m-placeholder(@rules)
{
	&::-webkit-input-placeholder { @rules(); }
	&::-moz-placeholder { @rules(); }
	&:-moz-placeholder { @rules(); }
	&:-ms-input-placeholder { @rules(); }
}

.m-autoCompleteList(@wide: false)
{
	.m-listPlain();
	cursor: default;

	.xf-menu();
	min-width: 180px;
	& when(@wide = true)
	{
		min-width: 250px;
	}
	max-width: 95%;

	border: @xf-borderSize solid @xf-borderColor;
	.m-dropShadow(0, 3px, 5px, 0, .3);

	li
	{
		padding: @xf-paddingMedium;
		line-height: 24px;

		.m-clearFix();

		&.is-selected
		{
			background: @xf-contentHighlightBg;
		}

		.autoCompleteList-icon
		{
			float: left;
			margin-right: @xf-paddingMedium;
			width: 24px;
			height: 24px;
		}
	}
}

.m-listPlain()
{
	list-style: none;
	margin: 0;
	padding: 0;
}

// makes direct children display: inline-block, removing white-space between elements (mostly used on ul > li)
.m-inlineBlocks(@fontSize: @xf-fontSizeNormal)
{
	font-size: 0;

	> *
	{
		display: inline-block;
		font-size: @fontSize;
	}
}

.m-tabsTogether(@fontSize: @xf-fontSizeNormal)
{
	font-size: 0;

	.tabs-tab,
	.tabs-text,
	.tabs-extra,
	.hScroller-action
	{
		font-size: @fontSize;
	}
}

.m-hiddenEl(@transition: true)
{
	display: none;

	&.is-active
	{
		display: block;
	}

	& when(@transition = true)
	{
		.m-transitionFadeDown();
	}
}

.m-transitionCubic(@speed: @xf-animationSpeed)
{
	display: none;
	opacity: 0;
	transform: scale3d(0, 0, 0);
	transform-origin: top right;

	.m-transition(all, -xf-opacity; @speed);

	&.is-active
	{
		display: block;
		transform: scale3d(1, 1, 1);
		opacity: 1;
	}

	&.is-transitioning
	{
		display: block;
	}
}

.m-transitionFade(@speed: @xf-animationSpeed)
{
	display: none;
	opacity: 0;

	.m-transition(all, -xf-opacity; @speed);

	&.is-active
	{
		display: block;
		opacity: 1;
	}

	&.is-transitioning
	{
		display: block;
	}
}

.m-transitionFadeDown(@speed: @xf-animationSpeed)
{
	.m-transitionFade(@speed);

	overflow-y: hidden;
	height: 0;

	.m-transitionProperty(all, -xf-height;);

	&.is-active
	{
		height: auto;
		overflow-y: visible;
	}

	&.is-transitioning
	{
		overflow-y: hidden;
	}
}

.m-visuallyHidden()
{
	position: absolute;
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	clip: rect(0 0 0 0);
	overflow: hidden;
}

.m-faBase(@type: @faType; @weight: @xf-fontAwesomeWeight)
{
	.m-defaultFaWeight() when (@type = 'Brands')
	{
		@weight: @faWeight-regular;
	}
	// else use given @weight

	.m-defaultFaWeight();

	font-family: 'Font Awesome 5 @{type}';
	font-size: inherit;
	font-style: normal;
	font-weight: @weight;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.m-faContent(@content, @width: false, @direction: false)
{
	& when (@direction = false)
	{
		content: @content;
	}
	& when (@direction = ltr)
	{
		-ltr-content: @content;
	}
	& when (@direction = rtl)
	{
		-rtl-content: @content;
	}
	& when (isnumber(@width))
	{
		width: @width;
	}
	& when (@width = false)
	{
		width: 1.28571429em;
	}

	display: inline-block;
	text-align: center;
}

.m-faBefore(@icon, @width: false)
{
	&:before
	{
		.m-faContent(@icon, @width);
	}
}

.m-faAfter(@icon, @width: false)
{
	&:after
	{
		.m-faContent(@icon, @width);
	}
}

.m-iconicIcon(@setPosition: true)
{
	display: inline-block;
	min-width: 1em;
	height: .9em;// prevents some zoom-related issues
	-ltr-rtl-text-align: left;

	&:before,
	&:after
	{
		.m-faBase('Pro'; inherit);
		//.m-transition(opacity, color; @xf-animationSpeed, @xf-animationSpeed / 2);

		position: absolute;

		& when (@setPosition = true)
		{
			left: 0;
			top: 0;
		}

		opacity: 1;
	}
}

.m-menuGadget(@separate: false, @faWidth: 1.2em, @faWeight: @faWeight-solid)
{
	.m-faBase();
	.m-faContent("@{fa-var-chevron-down}", @faWidth);
	font-size: 75%;
	font-weight: @faWeight;

	& when (@separate = true)
	{
		margin-left: .2em;
	}
	& when (isnumber(@separate))
	{
		margin-left: @separate;
	}

	unicode-bidi: isolate; // this is needed to ensure correct positioning in RTL with LTR text
}

.m-content(@content, @direction: false, @separateDirection: false, @separateWidth: false)
{
	& when (@direction = false)
	{
		content: @content;
	}
	& when (@direction = ltr)
	{
		-ltr-content: @content;
	}
	& when (@direction = rtl)
	{
		-rtl-content: @content;
	}
	& when (@separateDirection = left)
	{
		& when (isnumber(@separateWidth))
		{
			margin-right: @separateWidth;
		}
		& when not(isnumber(@separateWidth))
		{
			margin-right: .2em;
		}
	}
	& when (@separateDirection = right)
	{
		& when (isnumber(@separateWidth))
		{
			margin-left: @separateWidth;
		}
		& when not(isnumber(@separateWidth))
		{
			margin-left: .2em;
		}
	}
}

.m-buttonIcon(@icon, @width: false)
{
	& > .button-text
	{
		.m-faBefore(@icon, @width);
	}
}

.m-avatarSize(@avatarSize)
{
	width: @avatarSize;
	height: @avatarSize;
	font-size: round((@avatarSize) * (@xf-avatarDynamicTextPercent / 100));
}

.m-buttonBase()
{
	display: inline-block; // maintain this just in case for old browsers

	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	.m-transition(background-color border-color color, (@xf-animationSpeed / 2));
	.xf-buttonBase();
}

.m-buttonColorVariation(@bgColor; @textColor)
{
	color: @textColor;
	background-color: @bgColor;
	.m-buttonBorderColorVariation(@bgColor);

	&:hover,
	&:active,
	&:focus
	{
		background-color: xf-intensify(@bgColor, 8%);
	}
}

.m-buttonBlockColorVariationSimple(@color)
{
	.m-buttonBorderColorVariation(@color);

	&:not(.button--splitTrigger),
	&.button--splitTrigger > .button-text,
	&.button--splitTrigger > .button-menu
	{
		&:hover,
		&:focus,
		&:active
		{
			background-color: xf-intensify(@color, 8%);
		}
	}
}

.m-buttonBorderColorVariation(@borderColor)
{
	border-color: xf-diminish(@borderColor, 5%) xf-intensify(@borderColor, 5%) xf-intensify(@borderColor, 5%) xf-diminish(@borderColor, 5%);

	&.button--splitTrigger
	{
		> .button-text { border-right-color: xf-intensify(@borderColor, 5%); }
		> .button-menu { border-left-color: xf-diminish(@borderColor, 5%); }
	}
}

// this will be replaced by the CSS renderer with the correct background-image rule
.m-selectGadgetColor(@color: black)
{
	-xf-select-gadget: @color;
}

.m-hScrollerActionColorVariation(@background, @text, @textHover)
{
	color: @text;

	&:hover
	{
		color: @textHover;
	}

	&.hScroller-action--start
	{
		.m-gradientHorizontal(@background, fade(@background, 0%), @background, 66%, 100%);
	}

	&.hScroller-action--end
	{
		.m-gradientHorizontal(fade(@background, 0%), @background, @background, 0%, 33%);
	}
}

// Fix for iOS zoom on input focus.
.m-inputZoomFix()
{
	@media (max-width: 568px)
	{
		font-size: 16px;
	}
}

.m-checkboxAligner()
{
	vertical-align: -2px;
}

.m-highResolution(@rules)
{
	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dpi)
	{
		@rules();
	}
}

.m-fixedWidthFlex(@width)
{
	flex: 0 0 @width;
}

.m-labelVariation(@color; @bg; @border: false)
{
	color: @color;
	background: @bg;
	border-color: xf-intensify(@bg, 10%);

	& when (iscolor(@border))
	{
		border-color: @border;
	}

	a&:hover,
	a:hover &
	{
		background: xf-intensify(@bg, 4%);
		border-color: xf-intensify(@bg, 14%);

		& when (iscolor(@border))
		{
			border-color: xf-intensify(@border, 4%);
		}
	}
}

.m-tableBase()
{
	> table
	{
		border: none;
		border-collapse: collapse;
		empty-cells: show;
		max-width: 100%;

		> thead, > tbody
		{
			> tr
			{
				> th
				{
					background: @xf-paletteColor1;
					border: @xf-borderSize solid @xf-borderColor;
					border-bottom-color: @xf-borderColorFeature;
					border-bottom-width: @xf-borderSizeMinorFeature;
					padding: @tablePadding;
				}

				> td
				{
					background: @xf-contentBg;
					border: @xf-borderSize solid @xf-borderColor;
					padding: @tablePadding;
				}
			}
		}
	}
}

.m-backdropFilter(@filter, @filterBg: none, @fallbackBg: none)
{
	@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none)
	{
		--backdrop-filter: @filter;
		-webkit-backdrop-filter: var(--backdrop-filter);
		backdrop-filter: var(--backdrop-filter);

		& when not (@filterBg = none)
		{
			background: @filterBg;
		}
	}


	@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none))
	{
		& when (@fallbackBg = none)
		{
			background: @filterBg;
		}
		& when not (@fallbackBg = none)
		{
			background: @fallbackBg;
		}
	}
}

.m-blockAligner()
{
	// we want this to still be a block element but to inherit the alignment a user has set - this approximates that
	[style="text-align: center"] &
	{
		margin-left: auto;
		margin-right: auto;
	}

	[style="text-align: left"] &
	{
		-ltr-rtl-margin-left: 0;
		-ltr-rtl-margin-right: auto;
	}

	[style="text-align: right"] &
	{
		-ltr-rtl-margin-left: auto;
		-ltr-rtl-margin-right: 0;
	}
}

// STICKY HEADER STUFF
// Note that to access the height and offset, you need to call the mixin and use the variables locally.

@header-navHeight: 2 * (@xf-publicNavPaddingV)
	+ (xf-default(@xf-publicNav--font-size, @xf-fontSizeNormal) * (@xf-lineHeightDefault));
@header-subNavHeight: 2 * (@xf-publicSubNavPaddingV)
	+ (xf-default(@xf-publicSubNav--font-size, @xf-fontSizeNormal) * (@xf-lineHeightDefault))
	+ xf-default(@xf-publicSubNav--border-top-width, 0)
	+ xf-default(@xf-publicSubNav--border-bottom-width, 0);

.m-stickyHeaderConfig(@type)
{
	@_stickyHeader-offset: 10px;
	@_stickyHeader-height: 0;
}
.m-stickyHeaderConfig(@type) when(@type = primary)
{
	@_stickyHeader-height: @header-navHeight;
}
.m-stickyHeaderConfig(@type) when(@type = all)
{
	@_stickyHeader-height: @header-navHeight + @header-subNavHeight;
}

.m-loadingSpinner()
{
	.is-loading &
	{
		opacity: 1;

		.fa--xf
		{
			animation-name: spin;
		}
	}

	.fa--xf
	{
		position: absolute;
		left: ~"calc(50% - 0.5em)";
		top: ~"calc(50% - 0.5em)";

		animation-duration: 1000ms;
		animation-iteration-count: infinite;
	}
}

{{ include('setup_custom.less') }}]]></template>
    <template title="sf_usp_menu_list" type="public" addon_id="StylesFactory/UltimateStaffPage" version_id="423011338" version_string="1.0.2"><![CDATA[<style>
	.staffplugin .block-container {
		margin-bottom:20px; display:flex !important; flex-wrap: wrap;
	}
	.staffplugin .block-minorHeader {
		width:100%; margin-block-start: 5px; margin-block-end: 0px;
	}
	.staffplugin .block-body, .staffplugin .fafik {
		display:inline-flex; flex: 1 0 21%; justify-content:center; padding-bottom:20px;
	}
	.staffplugin .contentRow {
		display:block; text-align:center;
	}
	.staffplugin h2 {
		margin-block-start: 0.43em; margin-block-end: 0.13em;
	}
	.staffplugin .avatarsizer {
		border-radius:{$xf.options.usp_border|raw} !important;
	}
	
	@-webkit-keyframes pulse {
	  from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	  }

	  50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	  }

	  to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	  }
	}

	@keyframes pulse {
	  from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	  }

	  50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	  }

	  to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	  }
	}

	.pulse {
	  -webkit-animation-name: pulse;
	  animation-name: pulse;
	}

	
	.animated {
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
	}	
</style>
<div class="staffplugin">
	<xf:foreach loop="$group" key="$id" value="$groups">

		<xf:if is="{$groups.display_style_priority} > 100">
			<div class="block-container">
				<h3 class="block-minorHeader" style="text-align: center;">
					{$groups.title}
				</h3>
				<xf:foreach loop="$usps" key="$id" value="$usp">
					<xf:if is="{$groups.user_group_id} == {$usp.group}">
						<a href="{$usp.link}" class="fafik">
							<div class="block-body">
								<div class="block-row">
									<div class="contentRow">
										<div class="contentRow-lesser">
											<h2>
												{$usp.title}
											</h2>
											<br>
											<div class="contentRow-figure">
												<img src="{$usp.avatar}" class="avatarsizer">
											</div>
											<div class="contentRow-main contentRow-main--close">
												<br>
											</div>
											<div class="{$groups.banner_css_class} message-userBanner" dir="auto"
												itemprop="jobTitle">

												<xf:if is="{$groups.user_title} == NULL">
													<strong>{$groups.title}</strong>
													<xf:else />
													<strong>{$groups.user_title}</strong>
												</xf:if>
											</div>
										</div>
									</div>
								</div>
							</div>
						</a>
					</xf:if>
				</xf:foreach>
			</div>
		</xf:if>
	</xf:foreach>
</div>]]></template>
    <template title="siropu_ads_manager_ad_list" type="public" addon_id="Siropu/AdsManager" version_id="2041470" version_string="2.4.14"><![CDATA[<xf:title>{{ phrase('siropu_ads_manager_your_ads') }}</xf:title>

<xf:pageaction>
	<xf:button href="{{ link('ads-manager/packages') }}" class="button--cta" icon="add">{{ phrase('siropu_ads_manager_create_ad') }}</xf:button>
</xf:pageaction>

<xf:wrap template="siropu_ads_manager_wrapper" />

<xf:if is="$ads is not empty">
	<xf:form action="{{ link('ads-manager/ads') }}" class="block">
		<div class="block-container">
			<div class="block-body">
				<xf:datalist data-xf-init="responsive-data-list">
					<xf:datarow rowtype="header">
							<xf:cell>{{ phrase('siropu_ads_manager_ad') }}</xf:cell>
							<xf:if is="$xf.visitor.canViewGeneralStatsSiropuAdsManager()">
								<xf:cell>{{ sam_views_impressions_phrase() }}</xf:cell>
								<xf:cell>{{ phrase('siropu_ads_manager_clicks') }}</xf:cell>
								<xf:cell>{{ phrase('siropu_ads_manager_ctr') }}</xf:cell>
							</xf:if>
							<xf:cell>{{ phrase('siropu_ads_manager_status') }}</xf:cell>
							<xf:cell class="dataList-cell--min">&nbsp;</xf:cell>
						</xf:datarow>
					<xf:foreach loop="$ads" value="$ad">
						<tbody class="dataList-rowGroup">
							<xf:datarow label="{$ad.name}"
										href="{{ link('ads-manager/ads/edit', $ad) }}"
										hint="{$ad.Package.getTypePhrase()}"
										explain="{{ ($ad.end_date AND $ad.isActive()) ? '<i class="fal fa-hourglass"></i> ' . date_time($ad.end_date) : '' }}"
										dir="auto">
								<xf:if is="$ad.canViewGeneralStats()">
									<xf:if is="!$ad.isPendingApproval()">
										<xf:cell width="10%">
											<xf:if is="$ad.settings.count_views">
												{$ad.view_count}<xf:if is="$ad.view_limit">/{$ad.view_limit}</xf:if>
											<xf:else />
												{{ phrase('n_a') }}
											</xf:if>
										</xf:cell>
										<xf:cell width="10%">
											<xf:if is="$ad.settings.count_views">
												{$ad.click_count}<xf:if is="$ad.click_limit">/{$ad.click_limit}</xf:if>
											<xf:else />
												{{ phrase('n_a') }}
											</xf:if>
										</xf:cell>
										<xf:cell width="10%">
											<xf:if is="$ad.settings.count_views AND $ad.settings.count_clicks">
												{$ad.ctr}%
											<xf:else />
												{{ phrase('n_a') }}
											</xf:if>
										</xf:cell>
									<xf:else />
										<xf:cell width="10%">{{ phrase('n_a') }}</xf:cell>
										<xf:cell width="10%">{{ phrase('n_a') }}</xf:cell>
										<xf:cell width="10%">{{ phrase('n_a') }}</xf:cell>
									</xf:if>
								</xf:if>
								<xf:cell width="15%">{{ sam_status_phrase($ad.status) }}</xf:cell>
								<xf:cell width="5%" class="dataList-cell--separated">
									<xf:button class="button--link button--iconOnly menuTrigger"
											   data-xf-click="menu"
											   aria-label="{{ phrase('more_options') }}"
											   aria-expanded="false"
											   aria-haspopup="true"
											   fa="fas fa-cog" />
									<div class="menu" data-menu="menu" aria-hidden="true">
										<div class="menu-content">
											<xf:if is="$ad.canExtend()">
												<a href="{{ link('ads-manager/ads/extend', $ad) }}" class="menu-linkRow" data-xf-click="overlay">{{ phrase('siropu_ads_manager_extend') }}</a>
											</xf:if>
											<xf:if is="!$ad.isXfItem()">
												<xf:if is="$ad.isPaused()">
													<a href="{{ link('ads-manager/ads/unpause', $ad) }}" class="menu-linkRow" data-xf-click="overlay">{{ phrase('siropu_ads_manager_unpause') }}</a>
												<xf:elseif is="$ad.canPause()" />
													<a href="{{ link('ads-manager/ads/pause', $ad) }}" class="menu-linkRow" data-xf-click="overlay">{{ phrase('siropu_ads_manager_pause') }}</a>
												</xf:if>
												<xf:if is="$ad.canViewDailyStats() AND $ad.Package.settings.daily_stats AND $ad.isOfStatus(['active', 'inactive'])">
													<a href="{{ link('ads-manager/ads/daily-stats', $ad) }}" class="menu-linkRow">{{ phrase('siropu_ads_manager_daily_stats') }}</a>
												</xf:if>
												<xf:if is="$ad.canViewClickStats() AND $ad.Package.settings.click_stats AND $ad.isOfStatus(['active', 'inactive'])">
													<a href="{{ link('ads-manager/ads/click-stats', $ad) }}" class="menu-linkRow">{{ phrase('siropu_ads_manager_click_stats') }}</a>
												</xf:if>
											</xf:if>
											<a href="{{ link('ads-manager/ads/edit', $ad) }}" class="menu-linkRow">{{ phrase('edit') }}</a>
											<xf:if is="$ad.canDelete()">
												<a href="{{ link('ads-manager/ads/delete', $ad) }}" class="menu-linkRow" data-xf-click="overlay">{{ phrase('delete') }}</a>
											</xf:if>
										</div>
									</div>
								</xf:cell>
							</xf:datarow>
						</tbody>
					</xf:foreach>
				</xf:datalist>
			</div>
			<xf:if is="$total >= 2">
				<div class="block-footer block-footer--split">
					<span class="block-footer-counter">{{ display_totals($total) }}</span>
					<span class="block-footer-select">{{ phrase('order_by:') }}</span>
					<span class="block-footer-controls">
						<div class="inputGroup inputGroup--auto">
							<xf:select name="order_field" value="{$order.field}">
								<xf:option value="name">{{ phrase('siropu_ads_manager_name') }}</xf:option>
								<xf:option value="view_count">{{ sam_views_impressions_phrase() }}</xf:option>
								<xf:option value="click_count">{{ phrase('siropu_ads_manager_clicks') }}</xf:option>
								<xf:option value="ctr">{{ phrase('siropu_ads_manager_ctr') }}</xf:option>
							</xf:select>
							<span class="inputGroup-splitter"></span>
							<xf:select name="order_direction" value="{$order.direction}">
								<xf:option value="asc">{{ phrase('ascending') }}</xf:option>
								<xf:option value="desc">{{ phrase('descending') }}</xf:option>
							</xf:select>
							<span class="inputGroup-splitter"></span>
							<xf:button type="submit" icon="save" />
						</div>
					</span>
				</div>
			</xf:if>
		</div>
	</xf:form>
<xf:else />
	<div class="blockMessage">{{ phrase('siropu_ads_manager_you_have_not_created_any_ads') }}</div>
</xf:if>]]></template>
    <template title="siropu_ads_manager_home" type="public" addon_id="Siropu/AdsManager" version_id="2041470" version_string="2.4.14"><![CDATA[<xf:title>{{ phrase('siropu_ads_manager') }}</xf:title>


<xf:wrap template="siropu_ads_manager_wrapper" />

<div class="block">
	<div class="block-container">
		<div class="block-body">
			<div class="block-row">
				{{ bb_code($xf.options.siropuAdsManagerHomeMessage, 'siropu_ads_manager', $xf.visitor) }}
			</div>
		</div>
		<div class="block-footer">
			<xf:button href="{{ link('ads-manager/packages') }}" icon="list" class="button--primary button button--icon button--icon--list">{{ phrase('siropu_ads_manager_view_packages') }}</xf:button>
			<xf:if is="$xf.visitor.is_admin">
				<xf:button href="{{ link('ads-manager/edit') }}" icon="edit" overlay="true" />
			</xf:if>
		</div>
	</div>
</div>]]></template>
    <template title="siropu_ads_manager_package_list" type="public" addon_id="Siropu/AdsManager" version_id="2041470" version_string="2.4.14"><![CDATA[<xf:title>Purchase Ad</xf:title>


<xf:css>
	.dataList-subRow
	{
		white-space: initial;
		overflow: initial;
		max-height: unset;
	}
	.samTimeToWait
	{
		color: {{ property('textColorAttention') }};
		font-size: 12px;
	}
</xf:css>

<xf:wrap template="siropu_ads_manager_wrapper" />

<xf:if is="$packages is not empty">
	<div class="block">
		<div class="block-container">
			<xf:if is="count($types) > 1">
				<h2 class="block-tabHeader tabs hScroller" data-xf-init="h-scroller">
					<span class="hScroller-scroll">
						<a href="{{ link('ads-manager/packages') }}" class="tabs-tab{{ $type == '' ? ' is-active' : '' }}">{{ phrase('siropu_ads_manager_all_packages') }}</a>
						<xf:if is="$types.code">
							<a href="{{ link('ads-manager/packages', '', {'type': 'code'}) }}" class="tabs-tab{{ $type == 'code' ? ' is-active' : '' }}">{{ phrase('siropu_ads_manager_ad_type.code') }}</a>
						</xf:if>
						<xf:if is="$types.banner">
							<a href="{{ link('ads-manager/packages', '', {'type': 'banner'}) }}" class="tabs-tab{{ $type == 'banner' ? ' is-active' : '' }}">{{ phrase('siropu_ads_manager_ad_type.banner') }}</a>
						</xf:if>
						<xf:if is="$types.text">
							<a href="{{ link('ads-manager/packages', '', {'type': 'text'}) }}" class="tabs-tab{{ $type == 'text' ? ' is-active' : '' }}">{{ phrase('siropu_ads_manager_ad_type.text') }}</a>
						</xf:if>
						<xf:if is="$types.link">
							<a href="{{ link('ads-manager/packages', '', {'type': 'link'}) }}" class="tabs-tab{{ $type == 'link' ? ' is-active' : '' }}">{{ phrase('siropu_ads_manager_ad_type.link') }}</a>
						</xf:if>
						<xf:if is="$types.keyword">
							<a href="{{ link('ads-manager/packages', '', {'type': 'keyword'}) }}" class="tabs-tab{{ $type == 'keyword' ? ' is-active' : '' }}">{{ phrase('siropu_ads_manager_ad_type.keyword') }}</a>
						</xf:if>
						<xf:if is="$types.sticky">
							<a href="{{ link('ads-manager/packages', '', {'type': 'sticky'}) }}" class="tabs-tab{{ $type == 'sticky' ? ' is-active' : '' }}">{{ phrase('siropu_ads_manager_ad_type.sticky') }}</a>
						</xf:if>
						<xf:if is="$types.thread">
							<a href="{{ link('ads-manager/packages', '', {'type': 'thread'}) }}" class="tabs-tab{{ $type == 'thread' ? ' is-active' : '' }}">{{ phrase('siropu_ads_manager_ad_type.thread') }}</a>
						</xf:if>
						<xf:if is="$types.resource">
							<a href="{{ link('ads-manager/packages', '', {'type': 'resource'}) }}" class="tabs-tab{{ $type == 'resource' ? ' is-active' : '' }}">{{ phrase('siropu_ads_manager_ad_type.resource') }}</a>
						</xf:if>
						<xf:if is="$types.custom">
							<a href="{{ link('ads-manager/packages', '', {'type': 'custom'}) }}" class="tabs-tab{{ $type == 'custom' ? ' is-active' : '' }}">{{ phrase('siropu_ads_manager_ad_type.custom') }}</a>
						</xf:if>
					</span>
				</h2>
			</xf:if>
			<div class="block-body">
				<xf:datalist>
					<xf:datarow rowtype="header">
						<xf:cell>{{ phrase('siropu_ads_manager_package') }}</xf:cell>
						<xf:cell>{{ phrase('siropu_ads_manager_type') }}</xf:cell>
						<xf:cell>{{ phrase('siropu_ads_manager_cost') }}</xf:cell>
						<xf:cell  style="    text-align: center;
    white-space: nowrap;
    overflow: hidden;">{{ phrase('siropu_ads_manager_empty_slots') }}</xf:cell>
						<xf:cell class="dataList-cell--min">&nbsp;</xf:cell>
						<xf:cell class="dataList-cell--min">&nbsp;</xf:cell>
						<xf:cell class="dataList-cell--min">&nbsp;</xf:cell>
					</xf:datarow>
					<xf:foreach loop="$packages" value="$package">
						<tbody class="dataList-rowGroup">
							<xf:datarow label="{$package.title}"
										href="{{ link('ads-manager/packages/create-ad', $package) }}"
										explain="{{ $package.description ? $package.description|raw : '' }}">
								<xf:cell width="10%">{{ sam_type_phrase($package.type) }}</xf:cell>
								<xf:cell width="20%">
									{$package.cost} {{ $package.isFree() ? '(' . $package.getMinimumLength() . ')' : '' }}
									<xf:if is="$package.discount AND $package.min_purchase < $package.max_purchase">
										<a href="{{ link('ads-manager/packages/discounts', $package) }}" data-xf-click="overlay" style="font-size: 10px; display: block;">{{ phrase('siropu_ads_manager_view_discounts') }}</a>
									</xf:if>
								</xf:cell>
								<xf:cell width="10%">
									<xf:if is="$package.empty_slot_count == 0">
										<xf:if is="!$package.isCostPer(['cpm', 'cpc'])">
											<i class="far fa-info-circle" aria-hidden="true" title="{{ phrase('siropu_ads_manager_time_to_wait:')|for_attr }} {$package.getTimeToWait()|for_attr}" data-xf-init="tooltip"></i>
										<xf:else />
											0
										</xf:if>
									<xf:else />
										{$package.empty_slot_count}
									</xf:if>
								</xf:cell>
								<xf:cell width="10%">
									<xf:if is="$xf.visitor.hasPermission('siropuAdsManager', 'useDeviceCriteria') AND !$package.hasNoCriteria()">
										<i class="fas fa-tablet-alt" aria-hidden="true" data-xf-init="tooltip" title="{{ phrase('siropu_ads_manager_device_criteria_package_explain')|for_attr }}"></i>
									</xf:if>
									<xf:if is="$xf.visitor.hasPermission('siropuAdsManager', 'useGeoCriteria') AND !$package.hasNoCriteria()">
										<i class="fas fa-globe" aria-hidden="true" data-xf-init="tooltip" title="{{ phrase('siropu_ads_manager_geo_criteria_package_explain')|for_attr }}"></i>
									</xf:if>
								</xf:cell>
								<xf:cell width="10%" data-xf-init="lightbox" data-lb-single-image="1" data-lb-trigger=".js-lbImage">
									<xf:if is="$package.hasPreviewImage()">
										<xf:css src="lightbox.less" />
										<xf:js prod="xf/lightbox-compiled.js" dev="vendor/lightgallery/lightgallery-all.min.js, xf/lightbox.js" />
										<xf:button href="{$package.getAbsoluteFilePath($package.preview)}" target="_blank" class="js-lbImage button--link" fa="fas fa-eye">{{ phrase('siropu_ads_manager_position_preview') }}</xf:button>
									</xf:if>
								</xf:cell>
								<xf:cell width="10%" class="dataList-cell--separated">
									<xf:button href="{{ link('ads-manager/packages/create-ad', $package) }}" class="button--cta" icon="add">{{ phrase('siropu_ads_manager_create_ad') }}</xf:button>
								</xf:cell>
							</xf:datarow>
						</tbody>
					</xf:foreach>
				</xf:datalist>
			</div>
		</div>
	</div>
<xf:else />
	<div class="blockMessage">{{ phrase('siropu_ads_manager_no_packages_available') }}</div>
</xf:if>]]></template>
    <template title="siropu_ads_manager_wrapper" type="public" addon_id="Siropu/AdsManager" version_id="0" version_string=""><![CDATA[<xf:css>
	.dataList-mainRow
	{
		white-space: initial;
		max-height: initial;
	}
</xf:css>

<xf:if is="$xf.options.siropuAdsManagerAccountSection">
	<xf:wrap template="account_wrapper" />
<xf:else />
	<xf:sidenav>
		<div class="block">
			<div class="block-container dp-sidenav">
				<h2 class="block-header dp-sidenav-header"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.5 13.5C20.433 13.5 22 11.933 22 10C22 8.067 20.433 6.5 18.5 6.5" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M4 14L5.57465 20.2986C5.61893 20.4757 5.64107 20.5643 5.66727 20.6417C5.92317 21.3972 6.60352 21.9284 7.39852 21.9934C7.4799 22 7.5712 22 7.75379 22C7.98244 22 8.09677 22 8.19308 21.9907C9.145 21.8984 9.89834 21.145 9.99066 20.1931C10 20.0968 10 19.9825 10 19.7538V5.50003M10.25 5.50003H6.5C4.01472 5.50003 2 7.51475 2 10C2 12.4853 4.01472 14.5 6.5 14.5H10.25C12.0164 14.5 14.1772 15.4469 15.8443 16.3557C16.8168 16.8858 17.3031 17.1509 17.6216 17.1119C17.9169 17.0757 18.1402 16.9431 18.3133 16.7011C18.5 16.4402 18.5 15.918 18.5 14.8737V5.12632C18.5 4.08203 18.5 3.55988 18.3133 3.29892C18.1402 3.05694 17.9169 2.92433 17.6216 2.88816C17.3031 2.84916 16.8168 3.11423 15.8443 3.64439C14.1772 4.55315 12.0164 5.50003 10.25 5.50003Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>{{ phrase('siropu_ads_manager') }}</h2>
				<xf:macro name="sidenav" arg-pageSelected="{$pageSelected}" />
			</div>
		</div>	
	</xf:sidenav>
	<xf:page option="sideNavTitle">{{ phrase('siropu_ads_manager') }}</xf:page>
</xf:if>

{$innerContent|raw}

<xf:macro name="sidenav" arg-pageSelected="">
	<div class="block-body">
		<a href="{{ link('ads-manager') }}" class="blockLink {{ $pageSelected == '' ? 'is-selected' : '' }}"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 15C3 12.1911 3 10.7866 3.67412 9.77772C3.96596 9.34096 4.34096 8.96596 4.77772 8.67412C5.78661 8 7.19108 8 10 8H14C16.8089 8 18.2134 8 19.2223 8.67412C19.659 8.96596 20.034 9.34096 20.3259 9.77772C21 10.7866 21 12.1911 21 15C21 17.8089 21 19.2134 20.3259 20.2223C20.034 20.659 19.659 21.034 19.2223 21.3259C18.2134 22 16.8089 22 14 22H10C7.19108 22 5.78661 22 4.77772 21.3259C4.34096 21.034 3.96596 20.659 3.67412 20.2223C3 19.2134 3 17.8089 3 15Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12 15H12.009" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.772 14.5225C16.924 14.7357 17 14.8422 17 15C17 15.1578 16.924 15.2643 16.772 15.4775C16.089 16.4353 14.3446 18.5 12 18.5C9.6554 18.5 7.911 16.4353 7.228 15.4775C7.076 15.2643 7 15.1578 7 15C7 14.8422 7.076 14.7357 7.228 14.5225C7.911 13.5647 9.6554 11.5 12 11.5C14.3446 11.5 16.089 13.5647 16.772 14.5225Z" stroke="currentColor" stroke-width="1.5"></path>
<path d="M19 8C18.9821 6.76022 18.89 6.05733 18.4182 5.58579C17.8321 5 16.8888 5 15.0022 5H8.99783C7.11118 5 6.16786 5 5.58176 5.58579C5.10996 6.05733 5.01794 6.76022 5 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M17 5C17 4.06812 17 3.60218 16.8478 3.23463C16.6448 2.74458 16.2554 2.35523 15.7654 2.15224C15.3978 2 14.9319 2 14 2H10C9.06812 2 8.60218 2 8.23463 2.15224C7.74458 2.35523 7.35523 2.74458 7.15224 3.23463C7 3.60218 7 4.06812 7 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>{{ phrase('overview') }}<svg class="link-arrow" width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></a>
		<xf:if is="$xf.visitor.user_id">
			<a href="{{ link('ads-manager/ads') }}" class="blockLink {{ $pageSelected == 'ads' ? 'is-selected' : '' }}"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.5 13.5C20.433 13.5 22 11.933 22 10C22 8.067 20.433 6.5 18.5 6.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M4 14L5.57465 20.2986C5.61893 20.4757 5.64107 20.5643 5.66727 20.6417C5.92317 21.3972 6.60352 21.9284 7.39852 21.9934C7.4799 22 7.5712 22 7.75379 22C7.98244 22 8.09677 22 8.19308 21.9907C9.145 21.8984 9.89834 21.145 9.99066 20.1931C10 20.0968 10 19.9825 10 19.7538V5.50003M10.25 5.50003H6.5C4.01472 5.50003 2 7.51475 2 10C2 12.4853 4.01472 14.5 6.5 14.5H10.25C12.0164 14.5 14.1772 15.4469 15.8443 16.3557C16.8168 16.8858 17.3031 17.1509 17.6216 17.1119C17.9169 17.0757 18.1402 16.9431 18.3133 16.7011C18.5 16.4402 18.5 15.918 18.5 14.8737V5.12632C18.5 4.08203 18.5 3.55988 18.3133 3.29892C18.1402 3.05694 17.9169 2.92433 17.6216 2.88816C17.3031 2.84916 16.8168 3.11423 15.8443 3.64439C14.1772 4.55315 12.0164 5.50003 10.25 5.50003Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>{{ phrase('siropu_ads_manager_your_ads') }}<svg class="link-arrow" width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></a>
			<a href="{{ link('ads-manager/invoices') }}" class="blockLink {{ $pageSelected == 'invoices' ? 'is-selected' : '' }}"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 18.6458V8.05426C4 5.20025 4 3.77325 4.87868 2.88663C5.75736 2 7.17157 2 10 2H14C16.8284 2 18.2426 2 19.1213 2.88663C20 3.77325 20 5.20025 20 8.05426V18.6458C20 20.1575 20 20.9133 19.538 21.2108C18.7831 21.6971 17.6161 20.6774 17.0291 20.3073C16.5441 20.0014 16.3017 19.8485 16.0325 19.8397C15.7417 19.8301 15.4949 19.9768 14.9709 20.3073L13.06 21.5124C12.5445 21.8374 12.2868 22 12 22C11.7132 22 11.4555 21.8374 10.94 21.5124L9.02913 20.3073C8.54415 20.0014 8.30166 19.8485 8.03253 19.8397C7.74172 19.8301 7.49493 19.9768 6.97087 20.3073C6.38395 20.6774 5.21687 21.6971 4.46195 21.2108C4 20.9133 4 20.1575 4 18.6458Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16 6H8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M10 10H8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14.5 9.875C13.6716 9.875 13 10.4626 13 11.1875C13 11.9124 13.6716 12.5 14.5 12.5C15.3284 12.5 16 13.0876 16 13.8125C16 14.5374 15.3284 15.125 14.5 15.125M14.5 9.875C15.1531 9.875 15.7087 10.2402 15.9146 10.75M14.5 9.875V9M14.5 15.125C13.8469 15.125 13.2913 14.7598 13.0854 14.25M14.5 15.125V16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
</svg>{{ phrase('siropu_ads_manager_your_invoices') }}<svg class="link-arrow" width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></a>
		</xf:if>
		<a href="{{ link('ads-manager/packages') }}" class="blockLink {{ $pageSelected == 'packages' ? 'is-selected' : '' }}"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 16H15.2632C19.7508 16 20.4333 13.1808 21.261 9.06908C21.4998 7.88311 21.6192 7.29013 21.3321 6.89507C21.045 6.5 20.4947 6.5 19.3941 6.5H6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
<path d="M8 16L5.37873 3.51493C5.15615 2.62459 4.35618 2 3.43845 2H2.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
<path d="M8.88 16H8.46857C7.10522 16 6 17.1513 6 18.5714C6 18.8081 6.1842 19 6.41143 19H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M10.5 22C11.3284 22 12 21.3284 12 20.5C12 19.6716 11.3284 19 10.5 19C9.67157 19 9 19.6716 9 20.5C9 21.3284 9.67157 22 10.5 22Z" stroke="currentColor" stroke-width="1.5"></path>
<path d="M17.5 22C18.3284 22 19 21.3284 19 20.5C19 19.6716 18.3284 19 17.5 19C16.6716 19 16 19.6716 16 20.5C16 21.3284 16.6716 22 17.5 22Z" stroke="currentColor" stroke-width="1.5"></path>
</svg>{{ phrase('siropu_ads_manager_create_ad') }}<svg class="link-arrow" width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></a>
		<xf:if is="$xf.options.siropuAdsManagerAdvertisersPage.enabled">
			<a href="{{ link('ads-manager/advertisers') }}" class="blockLink {{ $pageSelected == 'advertisers' ? 'is-selected' : '' }}">{{ phrase('siropu_ads_manager_advertisers') }}</a>
		</xf:if>
	</div>
</xf:macro>]]></template>
    <template title="siropu_referral_contests_account_referrals" type="public" addon_id="" version_id="2020970" version_string="2.2.9"><![CDATA[<xf:title>{{ phrase('siropu_referral_contests_your_referrals') }}</xf:title>

<xf:wrap template="account_wrapper" />

<xf:if is="!$xf.options.siropuReferralContestsInvitationOnly">
	<div class="block">
		<div class="block-container">
			<div class="block-body block-row">
				<b>{{ phrase('siropu_referral_contests_your_referral_link') }}</b>: {{ siropu_referral_link('user') }}
				<xf:macro template="siropu_referral_contests_referral_link_widget" name="copy_to_clipboard" arg-type="user" />
			</div>
			<xf:macro template="siropu_referral_contests_macros" name="referral_tools_block_footer" arg-invitationsSent="{{ true }}" />
		</div>
	</div>
</xf:if>

<xf:if is="$referrals is not empty">
	<div class="block">
		<div class="block-container">
			<ol class="block-body">
			
				<xf:foreach loop="$referrals" value="$referral">
					<li class="block-row block-row--separated">
						<xf:macro template="member_list_macros" name="item"
								  arg-user="{$referral}"
								  arg-extraData="{{ date_time($referral.register_date) }}" />
					</li>
				</xf:foreach>
			</ol>
		</div>

		<xf:pagenav link="account/referrals" page="{$page}" perpage="{$perPage}" total="{$total}"
				wrapperclass="block-outer block-outer--after" />
	</div>
<xf:else />
	<div class="blockMessage">{{ phrase('siropu_referral_contests_you_do_not_have_any_referrals') }}</div>
</xf:if>]]></template>
    <template title="structured_list.less" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[@_structItem-avatarSize: 36px;
@_structItem-avatarSizeExpanded: 48px;
@_structItem-avatarSizeEnd: @avatar-xxs;
@_structItem-cellPaddingH: ((@xf-paddingMedium) + (@xf-paddingLarge)) / 2; // average
@_structItem-cellPaddingV: @xf-paddingLarge;

.structItemContainer
{
	border-collapse: collapse;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.structItemContainer-group
{
}

.structItemContainer > .structItem:first-child,
.structItemContainer > .structItemContainer-group:first-child > .structItem:first-child
{
	border-top: none;
}

.structItem
{
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	border-top: @xf-borderSize solid @xf-borderColorFaint;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;

	&.is-highlighted,
	&.is-moderated
	{
		background: @xf-contentHighlightBg;
	}

	&.is-deleted
	{
		opacity: .7;

		.structItem-title > *
		{
			text-decoration: line-through;
		}
	}

	&.is-mod-selected
	{
		background: @xf-inlineModHighlightColor;
		opacity: 1;
	}
}

.structItem-cell
{
	display: table-cell;
	vertical-align: top;
	padding: @_structItem-cellPaddingV @_structItem-cellPaddingH;

	.structItem--middle &
	{
		vertical-align: middle;
	}

	&.structItem-cell--vote
	{
		width: (40px + (@_structItem-cellPaddingH) * 2);
	}

	&.structItem-cell--icon
	{
		width: ((@_structItem-avatarSize) + (@_structItem-cellPaddingH) * 2);
		position: relative;

		&.structItem-cell--iconExpanded
		{
			width: ((@_structItem-avatarSizeExpanded) + (@_structItem-cellPaddingH) * 2);
		}

		&.structItem-cell--iconEnd
		{
			width: ((@_structItem-avatarSizeEnd) + (@_structItem-cellPaddingH) * 2);
			padding-left: @_structItem-cellPaddingH / 2;

			.structItem-iconContainer
			{
				padding-top: @xf-paddingMedium;
			}
		}

		&.structItem-cell--iconFixedSmall
		{
			width: (60px + (@_structItem-cellPaddingH) * 2);
		}

		&.structItem-cell--iconFixedSmallest
		{
			width: ((@_structItem-avatarSizeEnd) + (@_structItem-cellPaddingH) * 2);
		}

		.solutionIcon
		{
			padding-left: 0;
			padding-right: 0;
		}
	}

	&.structItem-cell--meta
	{
		width: 135px;
	}

	&.structItem-cell--latest
	{
		width: 190px;
		text-align: right;
	}
}

.structItem-iconContainer
{
	position: relative;

	img
	{
		display: block;
		width: 100%;
	}

	.avatar
	{
		.m-avatarSize(@_structItem-avatarSize);

		&.avatar--xxs
		{
			.m-avatarSize(@_structItem-avatarSizeEnd);
		}
	}

	.structItem-secondaryIcon
	{
		position: absolute;
		right: -5px;
		bottom: -5px;

		.m-avatarSize(@_structItem-avatarSize / 2  + 2px);
	}

	.structItem-cell--iconExpanded &
	{
		.avatar
		{
			.m-avatarSize(@_structItem-avatarSizeExpanded);
		}

		.structItem-secondaryIcon
		{
			.m-avatarSize(@_structItem-avatarSizeExpanded / 2 - 2px);
		}
	}
}

.structItem-title
{
	font-size: @xf-fontSizeLarge;
	font-weight: @xf-fontWeightNormal;
	margin: 0;
	padding: 0;

	.label
	{
		font-weight: @xf-fontWeightNormal;
	}

	.is-unread &
	{
		font-weight: @xf-fontWeightHeavy;
	}
}

.structItem-minor
{
	font-size: @xf-fontSizeSmaller;
	color: @xf-textColorMuted;

	.m-hiddenLinks();
}

.structItem-parts
{
	.m-listPlain();
	display: inline;

	> li
	{
		display: inline;
		margin: 0;
		padding: 0;

		&:nth-child(even)
		{
			color: @xf-textColorDimmed;
		}

		&:before
		{
			content: "\00B7\20";
		}

		&:first-child:before
		{
			content: "";
			display: none;
		}
	}
}

.structItem-pageJump
{
	margin-left: 8px;
	font-size: @xf-fontSizeSmallest;

	a
	{
		.xf-chip();
		text-decoration: none;
		border-radius: @xf-borderRadiusSmall;
		padding: 0 3px;
		opacity: .5;
		.m-transition();

		.structItem:hover &,
		.has-touchevents &
		{
			opacity: 1;
		}

		&:hover
		{
			text-decoration: none;
			.xf-chipHover();
		}
	}
}

.structItem-statuses,
.structItem-extraInfo
{
	.m-listPlain();
	float: right;

	> li
	{
		float: left;
		margin-left: 8px;
	}

	input[type=checkbox]
	{
		.m-checkboxAligner();
	}
}

.structItem-statuses .reactionSummary
{
	vertical-align: -2px;
}

.structItem-extraInfo .reactionSummary
{
	vertical-align: middle;
}

.structItem-status
{
	&::before
	{
		.m-faBase();
		display: inline-block;
		font-size: 90%;
		color: @xf-textColorMuted;
	}

	&--deleted::before { .m-faContent(@fa-var-trash-alt, .875em); }
	&--locked::before { .m-faContent(@fa-var-lock, .875em); }
	&--moderated::before { .m-faContent(@fa-var-shield, 1em); color: @xf-textColorAttention; }
	&--redirect::before { .m-faContent(@fa-var-external-link, 1em); }
	&--starred::before { .m-faContent(@fa-var-star, 1.125em); color: @xf-starFullColor; }
	&--sticky::before { .m-faContent(@fa-var-thumbtack, .75em); }
	&--watched::before { .m-faContent(@fa-var-bell, .875em); }

	&--solved::before { .m-faContent(@fa-var-check-circle, 1em); color: @xf-votePositiveColor; }
	&--attention::before { .m-faContent(@fa-var-bullhorn, 1.125em); color: @xf-textColorAttention; }
	&--upvoted::before { .m-faContent(@fa-var-thumbs-up, 1em); }
	&--downvoted::before { .m-faContent(@fa-var-thumbs-down, 1em); }
}

.structItem.structItem--note
{
	.xf-contentHighlightBase();
	color: @xf-textColorFeature;

	.structItem-cell
	{
		padding-top: @_structItem-cellPaddingV / 2;
		padding-bottom: @_structItem-cellPaddingV / 2;
		font-size: @xf-fontSizeSmaller;
		text-align: center;
	}
}

@media (max-width: @xf-responsiveWide)
{
	.structItem-cell
	{
		vertical-align: top;

		&.structItem-cell--meta
		{
			width: 115px;
			font-size: @xf-fontSizeSmaller;
		}

		&.structItem-cell--latest
		{
			width: 140px;
			font-size: @xf-fontSizeSmaller;
		}
	}
}

@media (max-width: @xf-responsiveMedium)
{
	.structItem-cell
	{
		//padding: (@_structItem-cellPaddingV) / 2 @_structItem-cellPaddingH;

		&.structItem-cell--icon
		{
			.structItem-cell + &
			{
				padding-left: 0;
				width: ((@_structItem-avatarSize) + (@_structItem-cellPaddingH));
			}
		}

		&.structItem-cell--main,
		&.structItem-cell--newThread
		{
			display: block;
			padding-bottom: .2em;

			.structItem-cell + &
			{
				padding-left: 0;
			}
		}

		&.structItem-cell--meta
		{
			display: block;
			width: auto;
			float: left;
			padding-top: 0;
			padding-left: 0;
			padding-right: 0;
			color: @xf-textColorMuted;

			.structItem-minor
			{
				display: none;
			}

			.pairs
			{
				> dt,
				> dd
				{
					display: inline;
					float: none;
					margin: 0;
				}
			}
		}

		&.structItem-cell--latest
		{
			display: block;
			width: auto;
			float: left;
			padding-top: 0;
			padding-left: 0;

			&:before
			{
				content: "\00A0\00B7\20";
				color: @xf-textColorMuted;
			}

			a
			{
				color: @xf-textColorMuted;
			}

			.structItem-minor
			{
				display: none;
			}
		}

		&.structItem-cell--iconEnd
		{
			display: none;
		}
	}

	.structItem-pageJump,
	.structItem-extraInfoMinor
	{
		display: none;
	}

	.is-unread .structItem-latestDate
	{
		font-weight: @xf-fontWeightNormal;
	}
}

@media (max-width: @xf-responsiveNarrow)
{
	.structItem-parts
	{
		.structItem-startDate
		{
			display: none;
		}
	}

	.structItem.structItem--quickCreate
	{
		.structItem-cell--icon,
		.structItem-cell--vote
		{
			display: none;
		}

		.structItem-cell--newThread
		{
			padding-left: @_structItem-cellPaddingH;
			padding-bottom: @_structItem-cellPaddingH;
		}
	}
}]]></template>
    <template title="sv_ue_account_wrapper_reactions_given" type="public" addon_id="" version_id="4021100" version_string="4.2.11"><![CDATA[<a class="blockLink {{ ($pageSelected == 'reactions_given') ? 'is-selected' : '' }}" href="{{ link('account/reactions-given') }}">
	<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.48047 18.35L10.5805 20.75C10.9805 21.15 11.8805 21.35 12.4805 21.35M7.48047 9.54997L11.5805 3.44997C11.9805 2.84997 12.9805 2.44997 13.7805 2.74997C14.6805 3.04997 15.2805 4.04997 15.0805 4.94997L14.5805 8.14997C14.4805 8.84997 14.9805 9.34997 15.5805 9.34997H19.5805C21.0805 9.34997 21.9805 10.55 21.4805 11.95L20.8805 13.775" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M2.37988 18.35V8.55002C2.37988 7.15002 2.97988 6.65002 4.37988 6.65002H5.37988C6.77988 6.65002 7.37988 7.15002 7.37988 8.55002V18.35C7.37988 19.75 6.77988 20.25 5.37988 20.25H4.37988C2.97988 20.25 2.37988 19.75 2.37988 18.35Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M22 18.5H14M22 18.5C22 17.7998 20.0057 16.4915 19.5 16M22 18.5C22 19.2002 20.0057 20.5085 19.5 21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>Likes Given<svg class="link-arrow" width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>]]></template>
    <template title="sysnative_membersrecentlyonline" type="public" addon_id="Sysnative/ImprovedStatsWidgets" version_id="1020100" version_string="1.2.1"><![CDATA[<xf:if is="{{ $xf.visitor->hasPermission('sysnative_improvedstats', 'sys_recently_online') }}">
	<xf:css src="sysnative_improvedstats.less" />
	<div class="block" data-widget-section="sysnative_membersrecentlyonline"{{ widget_data($widget) }}>
		<div class="block-container">
			<div class="block-body">
				<div class="block-row block-row--minor">
					<xf:if is="$recentlyOnline.users is not empty">
						<ul class="listInline listInline--comma">
							<xf:if is="$options.displayStyle == 0">
								<xf:foreach loop="$recentlyOnline.users" value="$user"><xf:trim>
									<li><xf:username user="$user" rich="true" class="{{ !$user.visible ? 'username--invisible' : '' }}" /></li>
									</xf:trim></xf:foreach>
							</xf:if>
							<xf:if is="$options.displayStyle == 1">
								<xf:foreach loop="$recentlyOnline.users" value="$user"><xf:trim>
									<span class="sys_online_ua_group"><span class="sys_online_avatar"><xf:avatar user="$user" size="xxs" /></span><span class="sys_online_username"><xf:username user="$user" rich="true" class="{{ !$user.visible ? 'username--invisible' : '' }}" /></span></span>
									</xf:trim></xf:foreach>
							</xf:if>
							<xf:if is="$options.displayStyle == 2">
								<xf:foreach loop="$recentlyOnline.users" value="$user"><xf:trim>
									<span class="sys_online_avatar"><xf:avatar user="$user" size="xs" /></span>
									</xf:trim></xf:foreach>
							</xf:if>
						</ul>
					<xf:else />
						{{ phrase('sysnative_improvedstats_no_members_recently_online') }}
					</xf:if>
				</div>
				<div class="dp-grouplegend__wrapper">
<ul class="dp-grouplegend__list">
<li><span class="username--style17">Owner</span></li>
<li><span class="username--style3">Co-Owner</span></li>
<li><span class="username--style9">Head Of Staff</span></li>
<li><span class="username--style4">Staff</span></li>
<li><span class="username--style7">Mentor</span></li>
<li><span class="username--style33">Verified</span></li>
<li><span class="username--style10">Noble</span></li>
<li><span class="username--style6">Unity</span></li>
<li><span class="username--style18">Desire</span></li>
<li><span class="username--style2">Member</span></li>
<li><span class="username--style12">Banned</span></li>
</ul>
</div>
			</div>
			<div class="block-footer">
				<span class="block-footer-counter dp-onlinecounter__data"><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.56 11.68"><path d="m17.4,10.19c-.72-.97-1.67-1.75-2.78-2.25,1.49-1.25,2.01-3.31,1.28-5.11-.92-2.31-3.54-3.43-5.85-2.51,0,.01-.01.01-.01.01-.43.18-.64.67-.46,1.1.18.43.67.64,1.1.46.33-.13.68-.2,1.04-.2,1.55,0,2.81,1.26,2.81,2.81.01,1.55-1.25,2.81-2.81,2.82-.46,0-.84.37-.84.84s.38.84.84.84c1.71.01,3.31.82,4.32,2.19.27.38.8.46,1.18.18.37-.27.45-.8.18-1.18Z" style="fill:#fff;"/><path d="m11.51,10.34c-.72-.98-1.68-1.76-2.78-2.25,1.9-1.6,2.15-4.44.55-6.34C7.68-.16,4.84-.4,2.94,1.2c-1.9,1.6-2.15,4.43-.55,6.34.17.2.35.38.55.55-1.1.49-2.06,1.27-2.78,2.25-.27.37-.19.9.18,1.18.38.27.91.19,1.18-.19,1.75-2.38,5.09-2.89,7.47-1.15.44.32.83.71,1.16,1.15.27.38.8.46,1.18.19.37-.28.45-.81.18-1.18Zm-5.68-2.88c-1.55,0-2.81-1.26-2.81-2.82s1.26-2.81,2.81-2.81,2.82,1.26,2.82,2.81-1.26,2.82-2.82,2.82Z" style="fill:#006fcd;"/></svg>{$recentlyOnline.counts} Members were online today</span>
			</div>
		</div>
	</div>
</xf:if>]]></template>
    <template title="thread_list_macros" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<xf:macro name="item"
	arg-thread="!"
	arg-forum=""
	arg-forceRead="{{ false }}"
	arg-showWatched="{{ true }}"
	arg-allowInlineMod="{{ true }}"
	arg-chooseName=""
	arg-extraInfo=""
	arg-allowEdit="{{ true }}">

	<xf:css src="structured_list.less" />

	<div class="structItem structItem--thread{{ !$thread.discussion_open ? ' is-locked' : '' }}{{ $thread.prefix_id ? ' is-prefix' . $thread.prefix_id : '' }}{{ $thread.isIgnored() ? ' is-ignored' : '' }}{{ ($thread.isUnread() AND !$forceRead) ? ' is-unread' : '' }}{{ $thread.discussion_state == 'moderated' ? ' is-moderated' : '' }}{{ $thread.discussion_state == 'deleted' ? ' is-deleted' : '' }} js-inlineModContainer js-threadListItem-{$thread.thread_id}" data-author="{{ $thread.User.username ?: $thread.username }}">



	<xf:extension name="main_cell">
		<div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
			<xf:if contentcheck="true">
				<ul class="structItem-statuses">
				<xf:contentcheck>
				<xf:extension name="statuses">
					<xf:if is="property('reactionSummaryOnLists') == 'status' && $thread.first_post_reactions">
						<li><xf:reactions summary="true" reactions="{$thread.first_post_reactions}" /></li>
					</xf:if>
					<xf:extension name="before_status_state"></xf:extension>
					<xf:if is="$thread.discussion_state == 'moderated'">
						<li>
							<xf:set var="$moderatedStatus">
								<i class="structItem-status structItem-status--moderated" aria-hidden="true" title="{{ phrase('awaiting_approval')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('awaiting_approval') }}</span>
							</xf:set>
							<xf:if is="$thread.canCleanSpam()">
								<a href="{{ link('spam-cleaner', $thread) }}" data-xf-click="overlay">{$moderatedStatus}</a>
							<xf:else />
								{$moderatedStatus}
							</xf:if>
						</li>
					</xf:if>
					<xf:if is="$thread.discussion_state == 'deleted'">
						<li>
							<i class="structItem-status structItem-status--deleted" aria-hidden="true" title="{{ phrase('deleted')|for_attr }}"></i>
							<span class="u-srOnly">{{ phrase('deleted') }}</span>
						</li>
					</xf:if>
					<xf:if is="!$thread.discussion_open">
						<li>
							<i class="structItem-status structItem-status--locked" aria-hidden="true" title="{{ phrase('locked')|for_attr }}"></i>
							<span class="u-srOnly">{{ phrase('locked') }}</span>
						</li>
					</xf:if>

					<xf:extension name="status_sticky">
						<xf:if is="$thread.sticky">
							<li>
								<i class="structItem-status structItem-status--sticky" aria-hidden="true" title="{{ phrase('sticky')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('sticky') }}</span>
							</li>
						</xf:if>
					</xf:extension>

					<xf:extension name="before_status_watch"></xf:extension>
					<xf:if is="{$showWatched} AND {$xf.visitor.user_id}">
						<xf:if is="{$thread.Watch.{$xf.visitor.user_id}}">
							<li>
								<i class="structItem-status structItem-status--watched" aria-hidden="true" title="{{ phrase('thread_watched')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('thread_watched') }}</span>
							</li>
							<xf:elseif is="!$forum AND {$thread.Forum.Watch.{$xf.visitor.user_id}}" />
							<li>
								<i class="structItem-status structItem-status--watched" aria-hidden="true" title="{{ phrase('forum_watched')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('forum_watched') }}</span>
							</li>
						</xf:if>
					</xf:if>

					<xf:extension name="before_status_type"></xf:extension>
					<xf:if is="$thread.discussion_type == 'redirect'">
						<xf:extension name="thread_type_redirect">
							<li>
								<i class="structItem-status structItem-status--redirect" aria-hidden="true" title="{{ phrase('redirect')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('redirect') }}</span>
							</li>
						</xf:extension>
					<xf:elseif is="$thread.discussion_type == 'question' && $thread.type_data.solution_post_id" />
						<xf:extension name="thread_type_question_solved">
							<li>
								<i class="structItem-status structItem-status--solved" aria-hidden="true" title="{{ phrase('solved')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('solved') }}</span>
							</li>
						</xf:extension>
					<xf:elseif is="!$forum || $forum.forum_type_id == 'discussion'" />
						<xf:extension name="thread_type_icon">
							<xf:if is="$thread.discussion_type != 'discussion'">
								<xf:set var="$threadTypeHandler" value="{{ $thread.getTypeHandler() }}" />
								<xf:if is="$threadTypeHandler.getTypeIconClass()">
									<li>
										<xf:set var="$threadTypePhrase" value="{{ $threadTypeHandler.getTypeTitle() }}" />
										<xf:fa class="structItem-status" icon="{{ $threadTypeHandler.getTypeIconClass() }}" title="{$threadTypePhrase|for_attr}" />
										<span class="u-srOnly">{$threadTypePhrase}</span>
									</li>
								</xf:if>
							</xf:if>
						</xf:extension>
					</xf:if>
				</xf:extension>
				</xf:contentcheck>
				</ul>
			</xf:if>

			<div class="structItem-title">
				<xf:set var="$canPreview" value="{{ $thread.canPreview() }}" />
				<xf:if is="$thread.prefix_id">
					<xf:if is="$forum">
						<a href="{{ link('forums', $forum, {'prefix_id': $thread.prefix_id}) }}" class="labelLink" rel="nofollow">{{ prefix('thread', $thread, 'html', '') }}</a>
					<xf:else />
						{{ prefix('thread', $thread, 'html', '') }}
					</xf:if>
				</xf:if>
				<a href="{{ link('threads' . (($thread.isUnread() AND !$forceRead) ? '/unread' : ''), $thread) }}" class="" data-tp-primary="on" data-xf-init="{{ $canPreview ? 'preview-tooltip' : '' }}" data-preview-url="{{ $canPreview ? link('threads/preview', $thread) : '' }}">{$thread.title}</a>
			</div>

			<div class="structItem-minor">
				<xf:if contentcheck="true">
					<ul class="structItem-extraInfo">
					<xf:contentcheck>
						<xf:if is="property('reactionSummaryOnLists') == 'minor_opposite' && $thread.first_post_reactions">
							<li><xf:reactions summary="true" reactions="{$thread.first_post_reactions}" /></li>
						</xf:if>
						<xf:if is="{$extraInfo}">
							<li>{$extraInfo}</li>
						<xf:elseif is="$allowEdit AND $thread.canEdit() AND $thread.canUseInlineModeration()" />
							<xf:if is="!$allowInlineMod OR !$forum">
								<xf:set var="$editParams" value="{{ {
									'_xfNoInlineMod': !$allowInlineMod ? 1 : null,
									 '_xfForumName': !$forum ? 1 : 0
								} }}" />
							<xf:else />
								<xf:set var="$editParams" value="{{ [] }}" />
							</xf:if>
							<xf:if is="$thread.discussion_type != 'redirect'">
								<li class="structItem-extraInfoMinor">
									<a href="{{ link('threads/edit', $thread) }}" data-xf-click="overlay" data-cache="false" data-href="{{ link('threads/edit', $thread, $editParams) }}">
										{{ phrase('edit') }}
									</a>
								</li>
							</xf:if>
						</xf:if>
						<xf:if is="$chooseName">
							<li><xf:checkbox standalone="true">
								<xf:option name="{$chooseName}[]" value="{$thread.thread_id}" class="js-chooseItem" />
							</xf:checkbox></li>
						<xf:elseif is="$allowInlineMod AND $thread.canUseInlineModeration()" />
							<li><xf:checkbox standalone="true">
								<xf:option value="{$thread.thread_id}" class="js-inlineModToggle"
									data-xf-init="tooltip"
									title="{{ phrase('select_for_moderation') }}"
									label="{{ phrase('select_for_moderation') }}"
									hiddenlabel="true"
								/>
							</xf:checkbox></li>
						</xf:if>
					</xf:contentcheck>
					</ul>
				</xf:if>
				<div class="kz-thread-details">
					<div class="kz-thread-user-avatar">
				<xf:avatar user="$thread.User" size="xxs" />
					</div>
					<xf:username user="$thread.User" defaultname="{$thread.User}" />
					<span class="kz-thread-circle-spacer kz-thread-data-hidden-m"></span>
					<a href="{{ link('threads/latest', $thread) }}" class="kz-thread-item-list kz-thread-data-hidden-m" rel="nofollow">					<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.5 5.5H9.5C5.78672 5.5 3 8.18503 3 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M3.5 18.5H14.5C18.2133 18.5 21 15.815 21 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M18.5 3C18.5 3 21 4.84122 21 5.50002C21 6.15882 18.5 8 18.5 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M5.49998 16C5.49998 16 3.00001 17.8412 3 18.5C2.99999 19.1588 5.5 21 5.5 21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg><xf:date time="{$thread.last_post_date}" class="structItem-latestDate" /></a>
					<xf:if is="$thread.discussion_type != 'redirect' && $thread.reply_count >= $xf.options.messagesPerPage && $xf.options.lastPageLinks">
						<span class="structItem-pageJump">
						<xf:foreach loop="{{ last_pages($thread.reply_count + 1, $xf.options.messagesPerPage, $xf.options.lastPageLinks) }}" value="$p">
							<a href="{{ link('threads', $thread, {'page': $p}) }}">{$p}</a>
						</xf:foreach>
						</span>
					</xf:if>
									</div>
				

				<xf:if is="$thread.discussion_state == 'deleted'">
					<xf:if is="{$extraInfo}"><span class="structItem-extraInfo">{$extraInfo}</span></xf:if>

					<xf:macro template="deletion_macros" name="notice" arg-log="{$thread.DeletionLog}" />
				<xf:else />
					<ul class="structItem-parts">
						<li></li>
						
						<xf:if is="!$forum">
							<li><a href="{{ link('forums', $thread.Forum) }}">{$thread.Forum.title}</a></li>
						</xf:if>
					</ul>

					
				</xf:if>
			</div>
		</div>
	</xf:extension>

	<xf:extension name="meta_cell">
		<xf:if is="property('dt_disc_minor_header')">
			<div class="structItem-cell structItem-cell--meta" title="{{ phrase('first_message_reaction_score:')|for_attr }} {$thread.first_post_reaction_score|number}">
				<span class="pairs pairs--justified">
					{{ $thread.discussion_type == 'redirect' ? '&ndash;' : $thread.reply_count|number_short }}
				</span>
			</div>
			<div class="structItem-cell structItem-cell--meta" title="{{ phrase('first_message_reaction_score:')|for_attr }} {$thread.first_post_reaction_score|number}">
				<span class="pairs pairs--justified">
					{{ $thread.discussion_type == 'redirect' ? '&ndash;' : ($thread.view_count > $thread.reply_count ? $thread.view_count|number_short : number_short($thread.reply_count+1)) }}
				</span>
			</div>
			<xf:if is="property('dt_reactions_column')">
				<div class="structItem-cell structItem-cell--meta" title="{{ phrase('first_message_reaction_score:')|for_attr }} {$thread.first_post_reaction_score|number}">
					<span class="pairs pairs--justified">
						{$thread.first_post_reaction_score|number}
					</span>
				</div>
			</xf:if>
		<xf:else />
			<div class="structItem-cell structItem-cell--meta structItem-cell--kz-thread-data " title="{{ phrase('first_message_reaction_score:')|for_attr }} {$thread.first_post_reaction_score|number}">
				<div class="kz-thread-data">
					<span class="kz-thread-item-list" data-xf-init="tooltip" title="Replies">
					<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.4698 16.83L18.8598 19.99C18.9598 20.82 18.0698 21.4 17.3598 20.97L13.1698 18.48C12.7098 18.48 12.2599 18.45 11.8199 18.39C12.5599 17.52 12.9998 16.42 12.9998 15.23C12.9998 12.39 10.5398 10.09 7.49985 10.09C6.33985 10.09 5.26985 10.42 4.37985 11C4.34985 10.75 4.33984 10.5 4.33984 10.24C4.33984 5.68999 8.28985 2 13.1698 2C18.0498 2 21.9998 5.68999 21.9998 10.24C21.9998 12.94 20.6098 15.33 18.4698 16.83Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M13 15.23C13 16.42 12.56 17.52 11.82 18.39C10.83 19.59 9.26 20.36 7.5 20.36L4.89 21.91C4.45 22.18 3.89 21.81 3.95 21.3L4.2 19.33C2.86 18.4 2 16.91 2 15.23C2 13.47 2.94 11.92 4.38 11C5.27 10.42 6.34 10.09 7.5 10.09C10.54 10.09 13 12.39 13 15.23Z" fill="#006fcd" fill-opacity="0.1" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>{{ $thread.discussion_type == 'redirect' ? '&ndash;' : $thread.reply_count|number_short }}
				</span>
					<span class="kz-thread-item-list" data-xf-init="tooltip" title="Views">
						<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 18V10C7 9.0572 7 8.5858 6.70711 8.2929C6.41421 8 5.94281 8 5 8C4.05719 8 3.58579 8 3.29289 8.2929C3 8.5858 3 9.0572 3 10L3 18C3 18.9428 3 19.4142 3.29289 19.7071C3.58579 20 4.05719 20 5 20C5.94281 20 6.41421 20 6.70711 19.7071C7 19.4142 7 18.9428 7 18Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M21 18V16C21 15.0572 21 14.5858 20.7071 14.2929C20.4142 14 19.9428 14 19 14C18.0572 14 17.5858 14 17.2929 14.2929C17 14.5858 17 15.0572 17 16V18C17 18.9428 17 19.4142 17.2929 19.7071C17.5858 20 18.0572 20 19 20C19.9428 20 20.4142 20 20.7071 19.7071C21 19.4142 21 18.9428 21 18Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 18V6C14 5.0572 14 4.5858 13.7071 4.2929C13.4142 4 12.9428 4 12 4C11.0572 4 10.5858 4 10.2929 4.2929C10 4.5858 10 5.0572 10 6V18C10 18.9428 10 19.4142 10.2929 19.7071C10.5858 20 11.0572 20 12 20C12.9428 20 13.4142 20 13.7071 19.7071C14 19.4142 14 18.9428 14 18Z" fill="#006fcd" fill-opacity="0.1" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>{{ $thread.discussion_type == 'redirect' ? '&ndash;' : ($thread.view_count > $thread.reply_count ? $thread.view_count|number_short : number_short($thread.reply_count+1)) }}
					</span>
					<span class="kz-thread-item-list" data-xf-init="tooltip" title="Likes">
						<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 5.50063C7.50016 0.825465 2 4.27416 2 9.1371C2 14 6.01943 16.5914 8.96173 18.9109C10 19.7294 11 20.5 12 20.5" stroke="white" stroke-width="1.5" stroke-linecap="round"></path>
<path d="M12 5.50063C16.4998 0.825465 22 4.27416 22 9.1371C22 14 17.9806 16.5914 15.0383 18.9109C14 19.7294 13 20.5 12 20.5" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round"></path>
</svg>{$thread.first_post_reaction_score|number}
					</span>
				</div>
			</div>
		</xf:if>
	</xf:extension>

	<xf:extension name="latest_cell">
		<div class="structItem-cell structItem-cell--icon structItem-cell--iconEnd">
			<xf:if is="$thread.discussion_type == 'redirect'">
				{{ phrase('n_a') }}
			<xf:else />
				
				<div class="structItem-iconContainer" title="Replied by {$thread.last_post_username}" data-xf-init="tooltip">
							<xf:avatar user="$thread.LastPoster" size="xxs" defaultname="{$thread.last_post_username}" />
				</div>
			</xf:if>
		</div>
	</xf:extension>



	</div>
</xf:macro>

<xf:macro name="item_new_posts" arg-thread="!">
	<div class="contentRow">
		<div class="contentRow-figure">
			<xf:avatar user="$thread.LastPoster" size="xs" defaultname="{$thread.last_post_username}" />
		</div>
		<div class="contentRow-main contentRow-main--close">
			<xf:if is="$thread.isUnread()">
				<a href="{{ link('threads/unread', $thread) }}" class="dp-widget-title">{{ prefix('thread', $thread) }}{$thread.title}</a>
			<xf:else />
				<a href="{{ link('threads/post', $thread, {'post_id': $thread.last_post_id}) }}" class="dp-widget-title">{{ prefix('thread', $thread) }}{$thread.title}</a>
			</xf:if>

			<div class="contentRow-minor contentRow-minor--hideLinks">
				<ul class="listInline listInline--bullet" style="    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;">
					<li>{{ phrase('latest_x', {'name': $thread.last_post_cache.username}) }}</li>
					<li><a href="{{ link('forums', $thread.Forum) }}">{$thread.Forum.title}</a></li>
					<li><xf:date time="{$thread.last_post_date}" /></li>
				</ul>
			</div>
		
		</div>
	</div>
</xf:macro>

<xf:macro name="item_new_threads" arg-thread="!">
	<div class="contentRow">
		<div class="contentRow-figure">
			<xf:avatar user="$thread.User" size="xxs" defaultname="{$thread.username}" />
		</div>
		<div class="contentRow-main contentRow-main--close">
			<a href="{{ link('threads', $thread) }}">{{ prefix('thread', $thread) }}{$thread.title}</a>

			<div class="contentRow-minor contentRow-minor--hideLinks">
				<ul class="listInline listInline--bullet">
					<li>{{ phrase('started_by_x', {'name': $thread.username}) }}</li>
					<li><xf:date time="{$thread.post_date}" /></li>
					<li>{{ phrase('replies:') }} {$thread.reply_count|number_short}</li>
				</ul>
			</div>
			<div class="contentRow-minor contentRow-minor--hideLinks">
				<a href="{{ link('forums', $thread.Forum) }}">{$thread.Forum.title}</a>
			</div>
		</div>
	</div>
</xf:macro>

<xf:macro name="quick_thread"
	arg-forum="!"
	arg-page="1"
	arg-order="last_post_date"
	arg-direction="desc"
	arg-prefixes="{{ [] }}">

	<xf:css src="structured_list.less" />

	<xf:if is="$xf.cookieConsent.isCaptchaConsented() && ($forum.canCreateThread() OR $forum.canCreateThreadPreReg())">

		<xf:js src="xf/thread.js" min="1" />

		<xf:set var="$inlineMode" value="{{ ($page == 1 && $order == 'last_post_date' && $direction == 'desc') ? true : false }}" />

		<xf:form action="{{ link('forums/post-thread', $forum, {'inline-mode': $inlineMode}) }}" ajax="true"
			class="structItem structItem--quickCreate"
			draft="{{ link('forums/draft', $forum) }}"
			data-xf-init="quick-thread"
			data-focus-activate=".js-titleInput"
			data-focus-activate-href="{{ link('forums/post-thread', $forum, {'inline-mode': true}) }}"
			data-focus-activate-target=".js-quickThreadFields"
			data-insert-target=".js-threadList"
			data-replace-target=".js-emptyThreadList">

		<xf:extension name="icon_cell">

		</xf:extension>

		<xf:extension name="main_cell">
			<div class="structItem-cell structItem-cell--newThread js-prefixListenContainer">

				<xf:formrow rowtype="noGutter noLabel fullWidth noPadding mergeNext"
					label="{{ phrase('title') }}">

					<xf:prefixinput maxlength="{{ max_length('XF:Thread', 'title') }}"
						placeholder="{$forum.thread_prompt}"
						title="{{ phrase('post_new_thread_in_this_forum') }}"
						prefix-value="{$forum.default_prefix_id}"
						type="thread"
						prefixes="{$prefixes}"
						data-xf-init="tooltip"
						rows="1"
						help-href="{{ link('forums/prefix-help', $forum) }}"
						help-skip-initial="{{ true }}" />

					<!--[XF:qt_title_after]-->
				</xf:formrow>

				<div class="js-quickThreadFields inserter-container is-hidden"><!--{{ phrase('loading...') }}--></div>
			</div>
		</xf:extension>

		</xf:form>
	</xf:if>

</xf:macro>]]></template>
    <template title="thread_view" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<xf:title page="{$page}">{{ prefix('thread', $thread, 'escaped') }}{$thread.title}</xf:title>
<xf:h1>{{ prefix('thread', $thread) }}{$thread.title}</xf:h1>

<xf:if is="!$thread.isSearchEngineIndexable()">
	<xf:head option="metaNoindex"><meta name="robots" content="noindex" /></xf:head>
</xf:if>

<xf:description meta="false">
	<ul class="listInline listInline--bullet">
		<li>
			<xf:fa icon="fa-user" title="{{ phrase('thread_starter')|for_attr }}" />
			<span class="u-srOnly">{{ phrase('thread_starter') }}</span>

			<xf:username user="{$thread.User}" defaultname="{$thread.username}" class="u-concealed" />
		</li>
		<li>
			<xf:fa icon="fa-clock" title="{{ phrase('start_date')|for_attr }}" />
			<span class="u-srOnly">{{ phrase('start_date') }}</span>

			<a href="{{ link('threads', $thread) }}" class="u-concealed"><xf:date time="{$thread.post_date}" /></a>
		</li>
		<xf:if is="$xf.options.enableTagging AND ($thread.canEditTags() OR $thread.tags)">
			<li>
				<xf:macro template="tag_macros" name="list"
					arg-tags="{$thread.tags}"
					arg-tagList="tagList--thread-{$thread.thread_id}"
					arg-editLink="{{ $thread.canEditTags() ? link('threads/tags', $thread) : '' }}" />
			</li>
		</xf:if>
	</ul>
</xf:description>

<xf:set var="$fpSnippet" value="{{ snippet($firstPost.message, 0, {'stripBbCode': true}) }}" />

<xf:macro template="metadata_macros" name="metadata"
	arg-description="{$fpSnippet}"
	arg-shareUrl="{{ link('canonical:threads', $thread) }}"
	arg-canonicalUrl="{{ link('canonical:threads', $thread, {'page': $page}) }}" />

<xf:page option="ldJsonHtml">
	<xf:extension name="structured_data_extra_params" value="{{ [] }}" />
	<xf:extension name="structured_data">
		<xf:set var="$ldJson"
			value="{{ $thread.getLdStructuredData($firstPost, $page, extension_value('structured_data_extra_params')) }}"
		/>
		<xf:if is="$ldJson">
			<script type="application/ld+json">
				{$ldJson|json(true)|raw}
			</script>
		</xf:if>
	</xf:extension>
</xf:page>

<xf:extension name="content_top"></xf:extension>
<!--[XF:content_top]-->

<xf:if is="$pendingApproval">
	<div class="blockMessage blockMessage--important">{{ phrase('content_submitted_displayed_pending_approval') }}</div>
</xf:if>

<xf:if is="$thread.prefix_id">
	<xf:if contentcheck="true">
		<div class="blockMessage blockMessage--alt blockMessage--small blockMessage--close">
			<xf:contentcheck>{{ prefix_description('thread', $thread.prefix_id) }}</xf:contentcheck>
		</div>
	</xf:if>
</xf:if>

<xf:macro template="forum_macros" name="forum_page_options" arg-forum="{$forum}" arg-thread="{$thread}" />

<xf:breadcrumb source="$forum.getBreadcrumbs()" />

<xf:if is="$canInlineMod OR $thread.canUseInlineModeration()">
	<xf:js src="xf/inline_mod.js" min="1" />
</xf:if>

<xf:extension name="above_messages"></xf:extension>
<xf:ad position="thread_view_above_messages" arg-thread="{$thread}" />
<xf:widgetpos id="thread_view_above_messages" context-thread="{$thread}" />

<xf:set var="$threadActionsHtml">
	<xf:extension name="thread_actions">
		<xf:if contentcheck="true">
			<div class="block-outer-opposite">
				<div class="buttonGroup">
				<xf:contentcheck>
					<xf:extension name="thread_action_buttons">
						<xf:if is="$canInlineMod">
							<xf:macro template="inline_mod_macros" name="button" />
						</xf:if>
						<xf:if is="$thread.discussion_state == 'deleted' AND $thread.canUndelete()">
							<xf:button href="{{ link('threads/undelete', $thread) }}" class="button--link" overlay="true">
								{{ phrase('undelete') }}
							</xf:button>
						</xf:if>
						<xf:if is="$thread.canApproveUnapprove() AND $thread.discussion_state == 'moderated'">
							<xf:button href="{{ link('threads/approve', $thread) }}" class="button--link" overlay="true">
								{{ phrase('approve') }}
							</xf:button>
						</xf:if>
						<xf:if is="$xf.visitor.user_id AND $thread.isUnread()">
							<xf:button href="{{ ($firstUnread AND $isSimpleDateDisplay) ? ('#post-' . $firstUnread.post_id) : link('threads/unread', $thread, {'new': 1}) }}"
								class="button--link"
								data-xf-click="scroll-to"
								data-silent="true">
									{{ phrase('jump_to_new') }}
							</xf:button>
						</xf:if>
						<xf:if is="$thread.canWatch()">
							<xf:button href="{{ link('threads/watch', $thread) }}" class="button--link"
								data-xf-click="switch-overlay"
								data-sk-watch="{{ phrase('watch') }}"
								data-sk-unwatch="{{ phrase('unwatch') }}">
								<xf:if is="{$thread.Watch.{$xf.visitor.user_id}}">
									{{ phrase('unwatch') }}
								<xf:else />
									{{ phrase('watch') }}
								</xf:if>
							</xf:button>
						</xf:if>

						<xf:if contentcheck="true">
							<div class="buttonGroup-buttonWrapper">
								<xf:button class="button--link menuTrigger" data-xf-click="menu" aria-expanded="false" aria-haspopup="true" title="{{ phrase('more_options') }}">&#8226;&#8226;&#8226;</xf:button>
								<div class="menu" data-menu="menu" aria-hidden="true">
									<div class="menu-content">
										<h4 class="menu-header">{{ phrase('more_options') }}</h4>
										<xf:contentcheck>
											<!--[XF:thread_tools_menu:top]-->
											<xf:if is="$thread.canEdit()">
												<a href="{{ link('threads/edit', $thread) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('edit_thread') }}</a>
											</xf:if>
											<xf:if is="$thread.canChangeType() AND count($creatableThreadTypes) > 1">
												<a href="{{ link('threads/change-type', $thread) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('change_thread_type') }}</a>
											</xf:if>
											<xf:if is="$thread.canLockUnlock()">
												<a href="{{ link('threads/quick-close', $thread) }}"
													class="menu-linkRow"
													data-xf-click="switch"
													data-menu-closer="true">

													<xf:if is="$thread.discussion_open">
														{{ phrase('lock_thread') }}
													<xf:else />
														{{ phrase('unlock_thread') }}
													</xf:if>
												</a>
											</xf:if>
											<xf:if is="$thread.canStickUnstick()">
												<a href="{{ link('threads/quick-stick', $thread) }}"
													class="menu-linkRow"
													data-xf-click="switch"
													data-menu-closer="true">

													<xf:if is="$thread.sticky">
														{{ phrase('unstick_thread') }}
													<xf:else />
														{{ phrase('stick_thread') }}
													</xf:if>
												</a>
											</xf:if>
											<xf:if is="$thread.canCreatePoll()">
												<a href="{{ link('threads/poll/create', $thread) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('create_poll') }}</a>
											</xf:if>
											<xf:if is="$thread.canDelete('soft')">
												<a href="{{ link('threads/delete', $thread) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('delete_thread') }}</a>
											</xf:if>
											<xf:if is="$thread.canMove()">
												<a href="{{ link('threads/move', $thread) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('move_thread') }}</a>
											</xf:if>
											<xf:if is="$thread.canReplyBan()">
												<a href="{{ link('threads/reply-bans', $thread) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('manage_reply_bans') }}</a>
											</xf:if>
											<xf:if is="$thread.canViewModeratorLogs()">
												<a href="{{ link('threads/moderator-actions', $thread) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('moderator_actions') }}</a>
											</xf:if>
											<!--[XF:thread_tools_menu:before_footer]-->
											<xf:if is="$thread.canUseInlineModeration()">
												<div class="menu-footer"
													data-xf-init="inline-mod"
													data-type="thread"
													data-href="{{ link('inline-mod') }}"
													data-toggle=".js-threadInlineModToggle">
													<xf:checkbox>
														<xf:option class="js-threadInlineModToggle" value="{$thread.thread_id}">{{ phrase('select_for_moderation') }}</xf:option>
													</xf:checkbox>
												</div>
											</xf:if>
											<!--[XF:thread_tools_menu:bottom]-->
										</xf:contentcheck>
									</div>
								</div>
							</div>
						</xf:if>
					</xf:extension>
				</xf:contentcheck>
				</div>
			</div>
		</xf:if>
	</xf:extension>
</xf:set>

<xf:set var="$postSortFilterHtml">
	<xf:extension name="post_sort_filter">
		<xf:if is="($posts is not empty OR $filters)">
			<xf:if contentcheck="true">
				<div class="dp-tab-menu block-tabHeader tabs tabs--standalone tabs--standalone--small tabs--standalone--inline">
				<xf:contentcheck>
					<xf:if is="$availableSorts AND count($availableSorts) > 1">
						<xf:foreach loop="$availableSorts" key="$sortKey" value="$null">
							<a href="{{ link('threads', $thread, $pageNavFilters|replace({'order': $sortKey == $defaultOrder ? null : $sortKey})) }}"
								class="tabs-tab {{ $sortKey == $effectiveOrder ? 'is-active' : '' }}"
								rel="nofollow">
								{{ phrase_dynamic('thread_sort.' . $sortKey) }}
							</a>
						</xf:foreach>
					</xf:if>
					<xf:extension name="post_sort_filter_end"></xf:extension>
				</xf:contentcheck>
				</div>
			</xf:if>
		</xf:if>
	</xf:extension>
</xf:set>

<xf:if is="$isFirstPostPinned">
	<xf:extension name="pinned_block_before"></xf:extension>

	<xf:extension name="pinned_block_classes" value="" />
	<div class="block block--messages {{ extension_value('pinned_block_classes') }}"
		data-xf-init="lightbox{{ $xf.options.selectQuotable ? ' select-to-quote' : '' }}"
		data-message-selector=".js-post"
		data-lb-id="thread-{$thread.thread_id}">
		<xf:extension name="pinned_outer_before">
			<xf:macro name="thread_status" arg-thread="{$thread}" arg-wrapperClass="block-outer" />

			<div class="block-outer"><xf:trim>
				{$threadActionsHtml}
			</xf:trim></div>

			<xf:macro name="thread_custom_fields_status"
				arg-thread="{$thread}"
				arg-forum="{$forum}"
				arg-wrapperClass="block-outer" />
		</xf:extension>

		<div class="block-container">
			<div class="block-body">
				<xf:extension name="pinned_body">
					<xf:macro name="{{ $templateOverrides.pinned_first_post_macro ?: 'post_macros::post' }}"
						arg-post="{$pinnedPost}"
						arg-thread="{$thread}"
						arg-highlightedPosts="{$highlightedPosts}"
						args="{$templateOverrides.pinned_first_post_macro_args}" />
				</xf:extension>
			</div>
		</div>

		<xf:extension name="pinned_outer_after"></xf:extension>
	</div>
</xf:if>

<xf:extension name="above_messages_below_pinned"></xf:extension>

<xf:extension name="message_block_classes" value="block--messages" />
<div class="block {{ extension_value('message_block_classes') }}" data-xf-init="{{ $canInlineMod ? 'inline-mod' : '' }}" data-type="post" data-href="{{ link('inline-mod') }}" data-search-target="*">

	<span class="u-anchorTarget" id="posts"></span>

	<xf:if is="!$isFirstPostPinned">
		<xf:macro name="thread_status" arg-thread="{$thread}" arg-wrapperClass="block-outer" />
	</xf:if>

	<div class="block-outer"><xf:extension name="messages_block_outer"><xf:trim>
		<xf:pagenav
			page="{$page}" perpage="{$perPage}" total="{$totalPosts}"
			link="threads" data="{$thread}" params="{$pageNavFilters}" hash="{$pageNavHash}"
			wrapperclass="block-outer-main" />

			<xf:if is="!$isFirstPostPinned">
				{$threadActionsHtml}
			</xf:if>

			<xf:if contentcheck="true">
				<div class="block-outer-opposite">
					<xf:contentcheck>{$postSortFilterHtml}</xf:contentcheck>
				</div>
			</xf:if>
	</xf:trim></xf:extension></div>

	<xf:extension name="messages_block_outer_secondary"></xf:extension>

	<xf:if is="!$isFirstPostPinned">
		<xf:macro name="thread_custom_fields_status"
			arg-thread="{$thread}"
			arg-forum="{$forum}"
			arg-wrapperClass="block-outer" />
	</xf:if>

	<div class="block-container lbContainer"
		data-xf-init="lightbox{{ $xf.options.selectQuotable ? ' select-to-quote' : '' }}"
		data-message-selector=".js-post"
		data-lb-id="thread-{$thread.thread_id}"
		data-lb-universal="{$xf.options.lightBoxUniversal}">

		<div class="block-body js-replyNewMessageContainer">
			<xf:if is="$posts is not empty">
				<xf:foreach loop="$posts" value="$post">

					<xf:extension name="messages_block_body_before_post"></xf:extension>

					<xf:if is="$post.message_state == 'deleted'">
						<xf:macro name="{{ $templateOverrides.post_deleted_macro ?: 'post_macros::post_deleted' }}"
							arg-post="{$post}"
							arg-thread="{$thread}"
							args="{$templateOverrides.post_deleted_macro_args}" />
					<xf:else />
						<xf:macro name="{{ $templateOverrides.post_macro ?: 'post_macros::post' }}"
							arg-post="{$post}"
							arg-thread="{$thread}"
							arg-highlightedPosts="{$highlightedPosts}"
							args="{$templateOverrides.post_macro_args}" />
					</xf:if>

					<xf:extension name="messages_block_body_after_post"></xf:extension>

				</xf:foreach>
			<xf:else />
				<xf:if is="$filters">
					<div class="message">
						<div class="message-inner">
							<div class="message-cell">
								{{ phrase('there_no_posts_matching_your_filters') }}
							</div>
						</div>
					</div>
				</xf:if>
			</xf:if>
		</div>
	</div>

	<xf:if contentcheck="true">
		<div class="block-outer block-outer--after">
			<xf:contentcheck>
				<xf:pagenav
					page="{$page}" perpage="{$perPage}" total="{$totalPosts}"
					link="threads" data="{$thread}" params="{$pageNavFilters}" hash="{$pageNavHash}"
					wrapperclass="block-outer-main" />

				<xf:showignored wrapperclass="block-outer-opposite" />
				<xf:if is="
					!$thread.canReply()
					AND !$thread.canReplyPreReg()
					AND $thread.discussion_state == 'visible'
					AND $thread.discussion_open
				">
					<div class="block-outer-opposite">
						<xf:if is="$xf.visitor.user_id">
							<span class="button button--wrap is-disabled">
								{{ phrase('no_permission_to_reply') }}
								<!-- this is not interactive so shouldn't be a button element -->
							</span>
						<xf:else />
							<xf:button href="{{ link('login') }}" class="button--link button--wrap" overlay="true">
								{{ phrase('log_in_or_register_to_reply') }}
							</xf:button>
						</xf:if>
					</div>
				</xf:if>
			</xf:contentcheck>
		</div>
	</xf:if>

	<xf:macro name="thread_status" arg-thread="{$thread}" arg-wrapperClass="block-outer block-outer--after" />
</div>

<xf:ad position="thread_view_below_messages" arg-thread="{$thread}" />
<xf:extension name="below_messages"></xf:extension>
<xf:widgetpos id="thread_view_below_messages" context-thread="{$thread}" />

<xf:set var="$isPreRegReply" value="{{ $thread.canReplyPreReg() }}" />
<xf:if is="$thread.canReply() OR $isPreRegReply">
	<xf:form action="{{ link('threads/add-reply', $thread) }}"
		ajax="true"
		draft="{{ link('threads/draft', $thread) }}"
		class="block js-quickReply"
		data-xf-init="attachment-manager quick-reply{{ ($xf.visitor.isShownCaptcha() AND !$isPreRegReply) ? ' guest-captcha' : '' }}"
		data-captcha-context="xf_guest_thread_quick_reply"
		data-message-container="div[data-type='post'] .js-replyNewMessageContainer">

		<xf:js src="xf/message.js" min="1" />
		<xf:js src="xf/captcha.js" min="1" />

		<div class="block-container" style="background: unset !important;">
			<div class="block-body">
				<xf:macro template="quick_reply_macros" name="body"
					arg-message="{$thread.draft_reply.message}"
					arg-attachmentData="{$attachmentData}"
					arg-forceHash="{$thread.draft_reply.attachment_hash}"
					arg-messageSelector=".js-post"
					arg-multiQuoteHref="{{ link('threads/multi-quote', $thread) }}"
					arg-multiQuoteStorageKey="multiQuoteThread"
					arg-lastDate="{$lastPost.post_date}"
					arg-lastKnownDate="{$thread.last_post_date}"
					arg-loadExtra="{$isSimpleDateDisplay}"
					arg-showGuestControls="{{ !$isPreRegReply }}"
					arg-previewUrl="{{ link('threads/reply-preview', $thread) }}"/>
			</div>
		</div>
	</xf:form>
</xf:if>

<xf:widgetpos id="thread_view_below_quick_reply" context-thread="{$thread}" />
<xf:extension name="below_quick_reply"></xf:extension>

<div class="blockMessage blockMessage--none">
	<xf:macro template="share_page_macros" name="buttons" arg-iconic="{{ true }}" arg-label="{{ phrase('share:') }}" />
</div>

<xf:extension name="below_share"></xf:extension>

<xf:macro name="thread_status" arg-thread="!" arg-wrapperClass="">
	<xf:if contentcheck="true">
		<div class="{$wrapperClass}">
			<dl class="blockStatus">
				<dt>{{ phrase('status') }}</dt>
				<xf:contentcheck>
					<xf:if is="$thread.discussion_state == 'deleted'">
						<dd class="blockStatus-message blockStatus-message--deleted">
							<xf:macro template="deletion_macros" name="notice" arg-log="{$thread.DeletionLog}" />
						</dd>
					<xf:elseif is="$thread.discussion_state == 'moderated'" />
						<dd class="blockStatus-message blockStatus-message--moderated">
							{{ phrase('awaiting_approval_before_being_displayed_publicly') }}
						</dd>
					</xf:if>
					<xf:if is="!$thread.discussion_open">
						<dd class="blockStatus-message blockStatus-message--locked">
							{{ phrase('not_open_for_further_replies') }}
						</dd>
					</xf:if>
				</xf:contentcheck>
			</dl>
		</div>
	</xf:if>
</xf:macro>

<xf:macro name="thread_custom_fields_status" arg-thread="!" arg-forum="!" arg-wrapperClass="">
	<div class="{$wrapperClass} js-threadStatusField"><xf:trim>
		<xf:if contentcheck="true">
			<div class="blockStatus blockStatus--info">
				<xf:contentcheck>
					<xf:macro template="custom_fields_macros" name="custom_fields_view"
						arg-type="threads"
						arg-group="thread_status"
						arg-onlyInclude="{$forum.field_cache}"
						arg-set="{$thread.custom_fields}"
						arg-wrapperClass="blockStatus-message" />
				</xf:contentcheck>
			</div>
		</xf:if>
	</xf:trim></div>
</xf:macro>

<xf:widgetpos id="thread_view_sidebar" context-thread="{$thread}" position="sidebar" />]]></template>
    <template title="userbarhue_form" type="public" addon_id="" version_id="1" version_string="1.2.0"><![CDATA[<xf:title>Userbar Hue</xf:title>

<xf:css>
.blockMessage.blockMessage--none {
    display: none;
}
	
.p-body-header {
    display: block;
}

.p-body-inner {
    max-width: 1300px;
}

.js-overlayClose {
    bottom: 2px;
    position: relative;
}	
	.white {
		color: #fff;
	}
	.text-secondary {
		color: #757782;
		font-size: 15px;
	}
	.text-center {
		text-align: center;
	}
		.p-body-inner{
		max-width: 1440px;
	}	
	
</xf:css>

<xf:wrap template="account_wrapper" />

<xf:breadcrumb href="{{ link('account') }}">Userbar Hue Changer</xf:breadcrumb>

<div class="block-container dp-usersettings">
<xf:form action="{{ link('account/userbarhue') }}" ajax="true" class="block" data-force-flash-message="true" >
<div class="d-flex flex-column flex-lg-row">

<section class="content-container">
<div class="wrapper mb-3">
	<div class="block-header dp-postbit_bgheading" style="margin-bottom: 5px;">Userbar Hue Slider
	<div class="text-secondary">Customize your Userbar become colorful using this slider.</div>
		{$user.user_id}
	</div>
	<div class="main-row p-3 d-flex flex-column flex-md-row">
		<div class="flex-fill mb-3 mb-md-0" style="text-align: center;">
			<div class="font-weight-bold">
				<span>Saturate</span>
				<br>
				<input type="range" name="custom_fields[saturation]" data-default="0" value="{{$xf.visitor.Profile.custom_fields.saturation}}" min="0" max="360" step="1" id="saturation-rotate" oninput="saturationFunction(this.value)">
				<br>
				<span>Hue Filter</span>
				<br>
				<input type="range" name="custom_fields[userbarhue]" data-default="0" value="{{$xf.visitor.Profile.custom_fields.userbarhue}}" min="0" max="360" step="1" id="hue-rotate" oninput="hueFunction(this.value)">
				<br>
				<div class="post-userbar d-none d-lg-block order-3 mb-2" id="saturate" style="filter: saturate({$xf.visitor.Profile.custom_fields.saturation}%);"> 
					<xf:userbanners style="-webkit-filter:hue-rotate({$xf.visitor.Profile.custom_fields.userbarhue}deg);" id="lgImage" user="$xf.visitor" />
				</div>
			</div>
			<div class="font-size-08 text-secondary">Preview</div>
		</div>
	</div>
</div>
	<div class="text-center">
		<input name="submit" type="submit" class="button--cta button" value="Update Userbar">
	</div>
</section>
</div>
</xf:form>	
</div>

<script>
function saturationFunction(saturationVal) {
  var setAs = saturationVal + "%"
  document.getElementById("saturate").setAttribute("style", "filter: saturate(" + setAs + ")")
}	
	
function hueFunction(hueVal) {
  var setAs = hueVal + "deg"
  document.getElementById("lgImage").setAttribute("style", "-webkit-filter:hue-rotate(" + setAs + ")")
}
</script>]]></template>
    <template title="whats_new_posts" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<xf:title page="{$page}">{{ phrase('new_posts') }}</xf:title>

<xf:wrap template="whats_new_wrapper">
	<xf:set var="$pageSelected">new_thread</xf:set>
</xf:wrap>

<xf:pageaction>
	<xf:if is="$xf.visitor.canCreateThread() OR $xf.visitor.canCreateThreadPreReg()">
		<xf:button href="{{ link('forums/create-thread') }}" class="button--cta" icon="write" overlay="true" rel="nofollow">
			{{ phrase('post_thread...') }}
		</xf:button>
	</xf:if>
</xf:pageaction>

<xf:if is="$canInlineMod">
	<xf:js src="xf/inline_mod.js" min="1" />
</xf:if>

<div class="block" data-xf-init="{{ $canInlineMod ? 'inline-mod' : '' }}" data-type="thread" data-href="{{ link('inline-mod') }}">
	<xf:if is="$findNew.result_count">
		<div class="block-outer">
			<xf:pagenav
				page="{$page}" perpage="{$perPage}" total="{$findNew.result_count}"
				link="whats-new/posts" data="{$findNew}"
				wrapperclass="block-outer-main" />

			<xf:if contentcheck="true">
				<div class="block-outer-opposite">
					<div class="buttonGroup">
					<xf:contentcheck>
						<xf:macro name="buttons"
							arg-findNew="{$findNew}"
							arg-canInlineMod="{$canInlineMod}" />
					</xf:contentcheck>
					</div>
				</div>
			</xf:if>
		</div>
	</xf:if>

	<div class="block-container">
		<xf:macro name="filter_bar"
			arg-findNew="{$findNew}"
			arg-rerunRoute="whats-new/posts"
			arg-rerunData="{$findNew}"
			arg-filterRoute="whats-new/posts" />

		<xf:macro name="results"
			arg-findNew="{$findNew}"
			arg-threads="{$threads}"
			arg-latestRoute="whats-new/posts" />
	</div>

	<xf:if is="$findNew.result_count">
		<div class="block-outer block-outer--after">
			<xf:pagenav
				page="{$page}" perpage="{$perPage}" total="{$findNew.result_count}"
				link="whats-new/posts" data="{$findNew}"
				wrapperclass="block-outer-main" />
			<xf:showignored wrapperclass="block-outer-opposite" />
		</div>
	</xf:if>
</div>

<xf:macro name="buttons"
	arg-findNew="!"
	arg-canInlineMod="{{ false }}">

	<xf:if is="$canInlineMod">
		<xf:macro template="inline_mod_macros" name="button" />
	</xf:if>
	<xf:if is="$xf.visitor.user_id">
		<xf:button href="{{ link('forums/mark-read', null, {'date': $findNew.cache_date}) }}"
			class="button--link" overlay="true">
			{{ phrase('mark_forums_read') }}
		</xf:button>
	</xf:if>
</xf:macro>

<xf:macro name="filter_bar"
	arg-findNew="!"
	arg-rerunRoute="!"
	arg-rerunData="{{ null }}"
	arg-rerunQuery="{{ [] }}"
	arg-filterRoute="!">

	<xf:if is="$xf.visitor.user_id">
		<div class="block-filterBar">
			<div class="filterBar">
				<xf:if contentcheck="true">
					<ul class="filterBar-filters">
					<xf:contentcheck>
						<!--[XF:filters:top]-->
						<xf:if is="$findNew.filters.unread">
							<li><a href="{{ link($rerunRoute, $rerunData, $rerunQuery + {'remove': 'unread'}) }}"
								class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								<span class="filterBar-filterToggle-label">{{ phrase('show_only:') }}</span>
								{{ phrase('filter_unread') }}</a></li>
						</xf:if>
						<xf:if is="$findNew.filters.watched">
							<li><a href="{{ link($rerunRoute, $rerunData, $rerunQuery + {'remove': 'watched'}) }}"
								class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								<span class="filterBar-filterToggle-label">{{ phrase('show_only:') }}</span>
								{{ phrase('filter_watched') }}</a></li>
						</xf:if>
						<xf:if is="$findNew.filters.participated">
							<li><a href="{{ link($rerunRoute, $rerunData, $rerunQuery + {'remove': 'participated'}) }}"
								class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								<span class="filterBar-filterToggle-label">{{ phrase('show_only:') }}</span>
								{{ phrase('filter_participated') }}</a></li>
						</xf:if>
						<xf:if is="$findNew.filters.started">
							<li><a href="{{ link($rerunRoute, $rerunData, $rerunQuery + {'remove': 'started'}) }}"
								class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								<span class="filterBar-filterToggle-label">{{ phrase('show_only:') }}</span>
								{{ phrase('filter_started') }}</a></li>
						</xf:if>
						<xf:if is="$findNew.filters.unanswered">
							<li><a href="{{ link($rerunRoute, $rerunData, $rerunQuery + {'remove': 'unanswered'}) }}"
								class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								<span class="filterBar-filterToggle-label">{{ phrase('show_only:') }}</span>
								{{ phrase('filter_unanswered') }}</a></li>
						</xf:if>
						<!--[XF:filters:bottom]-->
					</xf:contentcheck>
					</ul>
				</xf:if>

				<a class="filterBar-menuTrigger" data-xf-click="menu" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true">{{ phrase('filters') }}</a>
				<xf:macro name="filter_menu" arg-findNew="{$findNew}" arg-submitRoute="{$filterRoute}" />
			</div>
		</div>
	</xf:if>
</xf:macro>

<xf:macro name="filter_menu" arg-findNew="!" arg-submitRoute="!">
	<div class="menu" data-menu="menu" aria-hidden="true">
		<div class="menu-content">
			<h4 class="menu-header">{{ phrase('show_only:') }}</h4>
			<xf:form action="{{ link($submitRoute) }}">
				<div class="menu-row">
					<xf:checkbox>
						<xf:option name="unread" selected="{$findNew.filters.unread}">{{ phrase('unread_threads') }}</xf:option>
						<xf:option name="watched" selected="{$findNew.filters.watched}">{{ phrase('watched_content') }}</xf:option>
						<xf:option name="participated" selected="{$findNew.filters.participated}">{{ phrase('threads_in_which_youve_participated') }}</xf:option>
						<xf:option name="started" selected="{$findNew.filters.started}">{{ phrase('threads_youve_started') }}</xf:option>
						<xf:option name="unanswered" selected="{$findNew.filters.unanswered}">{{ phrase('unanswered_threads') }}</xf:option>
						<!--[XF:filter_menu:filters_extra]-->
					</xf:checkbox>
				</div>
				<!--[XF:filter_menu:below_filters]-->

				<xf:macro template="filter_macros" name="find_new_filter_footer" />
			</xf:form>
		</div>
	</div>
</xf:macro>

<xf:macro name="results" arg-findNew="!" arg-threads="!" arg-latestRoute="!">
	<xf:if is="$findNew.result_count">
		<xf:set var="$activityBarShown" value="{{ false }}" />
		<div class="structItemContainer">
			<xf:foreach loop="$threads" value="$thread">
				<xf:if is="$xf.visitor.user_id AND !$activityBarShown AND $thread.last_post_date < $xf.session.previousActivity">
					<div class="structItem structItem--note">
						<div class="structItem-cell">{{ phrase('threads_below_not_updated_since_your_last_visit') }}</div>
					</div>
					<xf:set var="$activityBarShown" value="{{ true }}" />
				</xf:if>

				<xf:macro template="thread_list_macros" name="item" arg-thread="{$thread}" />
			</xf:foreach>
		</div>
	<xf:else />
		<div class="block-row">
			<xf:if is="$xf.visitor.user_id AND ($findNew.filters.unread AND count($findNew.filters) == 1)">
				{{ phrase('no_unread_posts_view_latest', {'link': link($latestRoute, null, {'skip': 1})}) }}
			<xf:else />
				{{ phrase('no_results_found') }}
			</xf:if>
		</div>
	</xf:if>
</xf:macro>]]></template>
    <template title="whats_new_wrapper" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<xf:if is="{$pageSelected} != 'overview'">
	<xf:head option="metaNoindex"><meta name="robots" content="noindex" /></xf:head>
</xf:if>



{$innerContent|raw}

<xf:macro name="links" arg-pageSelected="!" arg-baseClass="!" arg-selectedClass="!">
	<a class="{$baseClass} {{ $pageSelected == 'overview' ? {$selectedClass} : '' }}" href="{{ link('whats-new') }}">{{ phrase('whats_new') }}</a>
	<!--[XF:links:start]-->
	<a class="{$baseClass} {{ $pageSelected == 'new_thread' ? {$selectedClass} : '' }}" href="{{ link('whats-new/posts') }}" rel="nofollow">{{ phrase('new_posts') }}</a>
	<!--[XF:links:after_thread]-->
	<xf:if is="$xf.visitor.canViewProfilePosts()">
		<a class="{$baseClass} {{ $pageSelected == 'new_profile_post' ? {$selectedClass} : '' }}" href="{{ link('whats-new/profile-posts') }}" rel="nofollow">{{ phrase('new_profile_posts') }}</a>
	</xf:if>
	<!--[XF:links:after_profile_post]-->
	<xf:if is="$xf.options.enableNewsFeed">
		<xf:if is="$xf.visitor.user_id">
			<a class="{$baseClass} {{ $pageSelected == 'news_feed' ? {$selectedClass} : '' }}" href="{{ link('whats-new/news-feed') }}" rel="nofollow">{{ phrase('your_news_feed') }}</a>
		</xf:if>

		<a class="{$baseClass} {{ $pageSelected == 'latest_activity' ? {$selectedClass} : '' }}" href="{{ link('whats-new/latest-activity') }}" rel="nofollow">{{ phrase('latest_activity') }}</a>
	</xf:if>
	<!--[XF:links:end]-->
</xf:macro>]]></template>
    <template title="widget_new_posts" type="public" addon_id="XF" version_id="2021370" version_string="2.2.13"><![CDATA[<xf:if is="$threads is not empty OR ($threads is empty AND $filter != 'latest')">
	<div class="block"{{ widget_data($widget) }}>
		<div class="block-container">
			<xf:if is="$style == 'full'">
				<h3 class="block-header">
					<a href="{$link}" rel="nofollow">Latest Activity</a>
				</h3>
				<div class="block-body">
					<div class="structItemContainer">
						<xf:if is="$threads is not empty">
							<xf:foreach loop="$threads" value="$thread">
								<xf:macro template="thread_list_macros" name="item"
									arg-allowInlineMod="{{ false }}"
									arg-thread="{$thread}" />
							</xf:foreach>
						<xf:elseif is="$filter == 'unread'" />
							<div class="block-row">
								{{ phrase('no_unread_posts_view_latest', {'link': link('whats-new/posts', null, {'skip': 1})}) }}
							</div>
						<xf:else />
							<div class="block-row">
								{{ phrase('no_results_found') }}
							</div>
						</xf:if>
					</div>
				</div>
				<xf:if is="$hasMore">
					<div class="block-footer">
						<span class="block-footer-controls">
							<xf:button href="{$link}" rel="nofollow">{{ phrase('view_more...') }}</xf:button>
						</span>
					</div>
				</xf:if>
			<xf:else />
				<h3 class="block-minorHeader"    style="display: flex;
    justify-content: center;
    text-align: center;">
					<span class="title">Latest Posts</span>
					<span class="kz-live-posts-badge" data-xf-init="tooltip" title="Live Feed" id="js-XFUniqueId33">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="live-circle-large" fill-rule="evenodd" clip-rule="evenodd" d="M21.25 12C21.25 9.97058 20.5964 8.09379 19.4883 6.56863C19.2448 6.23342 19.2783 5.76138 19.5929 5.49172V5.49172C19.9073 5.22224 20.383 5.25707 20.6301 5.58928C21.9619 7.37918 22.75 9.59756 22.75 12C22.75 14.4024 21.9619 16.6208 20.6302 18.4107C20.383 18.7429 19.9074 18.7777 19.593 18.5083V18.5083C19.2784 18.2386 19.2448 17.7666 19.4883 17.4313C20.5965 15.9062 21.25 14.0294 21.25 12ZM4.40702 18.5083C4.72162 18.2386 4.75521 17.7666 4.51165 17.4313C3.40355 15.9062 2.75 14.0294 2.75 12C2.75 9.97058 3.40356 8.09379 4.51169 6.56863C4.75525 6.23342 4.72167 5.76138 4.40706 5.49172V5.49172C4.09267 5.22224 3.61704 5.25707 3.36986 5.58928C2.03809 7.37918 1.25 9.59756 1.25 12C1.25 14.4024 2.03808 16.6208 3.36981 18.4107C3.617 18.7429 4.09262 18.7777 4.40702 18.5083V18.5083Z" fill="#006fcd"></path>
<path class="live-circle-small" fill-rule="evenodd" clip-rule="evenodd" d="M17.3152 7.4442C17.0006 7.71386 16.9685 8.1854 17.1989 8.52982C17.8628 9.52254 18.25 10.7161 18.25 12C18.25 13.284 17.8628 14.4775 17.1989 15.4703C16.9685 15.8147 17.0005 16.2862 17.3151 16.5559V16.5559C17.6295 16.8254 18.1062 16.791 18.3443 16.4522C19.23 15.1924 19.75 13.657 19.75 12C19.75 10.3431 19.23 8.80764 18.3444 7.54789C18.1062 7.20914 17.6296 7.17471 17.3152 7.4442V7.4442ZM6.80111 8.52982C7.03147 8.1854 6.99943 7.71386 6.68483 7.4442V7.4442C6.37043 7.17471 5.89377 7.20914 5.65562 7.54789C4.76996 8.80764 4.25 10.3431 4.25 12C4.25 13.657 4.76998 15.1924 5.65566 16.4522C5.89381 16.791 6.37047 16.8254 6.68486 16.5559V16.5559C6.99947 16.2862 7.0315 15.8147 6.80114 15.4703C6.13717 14.4775 5.75 13.284 5.75 12C5.75 10.7161 6.13716 9.52254 6.80111 8.52982Z" fill="#006fcd"></path>
<path class="live-icon" d="M11.9999 8L8.95559 12.1513C8.7549 12.4249 8.65455 12.5618 8.65779 12.6761C8.66061 12.7756 8.70776 12.8687 8.78634 12.9298C8.87662 13 9.0463 13 9.38567 13H11.9999V16L15.0441 11.8487C15.2448 11.5751 15.3452 11.4382 15.3419 11.3239C15.3391 11.2244 15.292 11.1313 15.2134 11.0702C15.1231 11 14.9534 11 14.614 11H11.9999V8Z" fill="white" fill-opacity="0.1" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
Live
</span>
				</h3>
				<ul class="block-body">
					<xf:if is="$threads is not empty">
						<xf:foreach loop="$threads" value="$thread">
							<li class="block-row">
								<xf:macro template="thread_list_macros" name="item_new_posts"
									arg-thread="{$thread}" />
							</li>
						</xf:foreach>
					<xf:elseif is="$filter == 'unread'" />
						<li class="block-row block-row--minor">
							{{ phrase('no_unread_posts_view_latest', {'link': link('whats-new/posts', null, {'skip': 1})}) }}
						</li>
					<xf:else />
						<li class="block-row block-row--minor">
							{{ phrase('no_results_found') }}
						</li>
					</xf:if>
				</ul>
			</xf:if>
		</div>
	</div>
</xf:if>]]></template>
    <template title="xc_daily_challenges.less" type="public" addon_id="" version_id="1040010" version_string="1.4.0 Alpha"><![CDATA[.p-body-main {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: auto;
    min-height: 1px;
}
.p-body-content {
    display: table-cell;
    vertical-align: top;
}
.p-body-content>:last-child, .p-body-pageContent>:last-child, .p-body-sideNav>:last-child, .p-body-sideNavContent>:last-child, .p-body-sidebar>:last-child {
    margin-bottom: 0;
}
/*grid main*/
.dc-challenges-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
}
/*card*/
.dc-challengcard {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    background: #151518;
    padding: 1.25rem;
    border-radius: 0.75rem;
    min-height: 448px;
}
.dc-challeng-illustration {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
}
svg:not(:root) {
    overflow: hidden;
}
svg {
    fill: transparent;
    flex-shrink: 0;
}
.dc-challeng-icon-text {
    display: flex;
    gap: 0.5rem;
}
.dc-challeng-title {
    color: #FFF;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin: 0;
    margin-bottom: 0.25rem;
}
.dc-challeng-desc {
    color: #A4A6A8;
    font-size: 1rem;
    line-height: 1.25rem;
    margin: 0;
}
/*card*/
.dc-challeng-forums {
    display: grid;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    background: #111114;
}
.dc-challeng-forums-title {
    display: flex;
    gap: 0.25rem;
    color: #6B7280;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    margin: 0;
}

.dc-challeng-nodes {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    max-height: 8rem;
    overflow-y: auto;
}
.dc-challengcard-footer {
    display: grid;
    gap: 1.25rem;
    margin-top: auto;
}
.dc-challengcard-data {
    display: flex;
    gap: 1.5rem;
}
.dc-challengcard-data-item {
    display: grid;
    gap: 0.25rem;
}
.dc-challengcard-data-item {
    display: grid;
    gap: 0.25rem;
}
.dc-challengcard-data-item>h5.bits {
    color: #006fcd;
    font-weight: 600;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}
.dc-challengcard-data-item>h5 {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: #FFF;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin: 0;
}


.claim-button.is-disabled, a.claim-button.is-disabled {
    cursor: default;
    opacity: 0.5;
	color: #006fcd;
    border-color: rgba(0,0,0,0) rgba(13,13,13,0) rgba(13,13,13,0) rgba(0,0,0,0);
	background: rgb(74 153 222 / 25%);
}
.claim-button.is-disabled:hover{
	
	    background: transparent !important;
}


.button-text {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}
.dc-challengcard-data-item>p {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: #6B7280;
    font-size: 1rem;
    text-transform: capitalize;
    line-height: 1.25rem;
    margin: 0;
}
.dc-challeng-node-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.5rem;
    font-size: 0.75rem;
    line-height: 1.50rem;
    letter-spacing: 0.01rem;
    background: #1F1F23;
    border-radius: 999px;
}
.forum-title:hover {
    color: #22c55e;
    text-decoration: none;
}]]></template>
    <template title="xc_deal_dispute_on_scammer" type="public" addon_id="" version_id="1080010" version_string="1.8.0 Alpha"><![CDATA[<xf:if is="count($user.scam_ids)">

	        <style>
	
				.xfdevDdBody {
					padding: 10px;
					text-align: center;
					border: 1px solid #850606;
					background: #850606;
					border-radius: 6px !important;
					color: #fff !important;
					font-size: 16px;
				}
			</style>
		
					<xf:set var="$threadScammers"
    					value="{{ $xf.app.em.getRepository('XC\DealDispute:DealDispute')->getScammer($user.scam_ids) }}" />
						<xf:if is="count($threadScammers)">
							<xf:foreach loop="$threadScammers" value="$thread">
								<div class="block-body xfdevDdBody">
								<span class="xfdevDdLink"><a href="{{ link('threads', $thread) }}">{{$thread.title}}</a></span>
								</div>
								<br>
							</xf:foreach>
					</xf:if>
				
		
</xf:if>]]></template>
    <template title="xc_deal_dispute_on_scammer.less" type="public" addon_id="" version_id="1080010" version_string="1.8.0 Alpha"><![CDATA[.xfdevDdBody {
    padding: 10px;
    text-align: center;
    border: 1px solid rgb(125 3 3);
    background: rgb(125 3 3);
    border-radius: 6px !important;
    color: #fff !important;
    font-size: 16px;
}]]></template>
    <template title="xc_member_view_badages" type="public" addon_id="" version_id="2040520" version_string="2.4.5 Alpha"><![CDATA[<xf:css src="xc_member_view_badages.less" />
<xf:css src="xc_xp_progress_bar.less" />

<xf:if is="$badges is not empty">
    <ul>
        <xf:foreach loop="$badges" value="$badge">

            <li>
                <div class="dp-badge-item  {{ in_array($badge.badge_id,$userbadges) ? 'earned' : 'not-earned'}}">
                    <xf:if is="$badge.getimageExit()">
                        <div class="dp-tooltip-badge">
                            <h4>{{$badge.title}}</h4>
                            <p>{{$badge.description}}</p>
                        </div>
                        <div class="dp-badge-img"> <img src={{$badge.getImgPath()}} width="52" height="52" /></div>
                    </xf:if>
                </div>
            </li>
        </xf:foreach>
    </ul>
</xf:if>
<xf:if is="is_array(xc_user_point_data($user))">
    <xf:set var="$data" value="{{xc_user_point_data($user)}}" />
    <div class="dp-badges-main">
        <div class="dp-badges-data">
            <div class="dp-badges-xp">
                {{ phrase('xc_next_level_progress', {'nextlevel': $data.next_level}) }}
            </div>
            <div class="dp-badges-next-lvl">
                <div data-xf-init="tooltip"
                    title="{$user.username} has earned {{ phrase('xc_next_level_points', {'nextlevelPoints': $user.getcommaFormatPoints()}) }}"
                    id="js-XFUniqueId4">
                    {{ phrase('xc_next_level_points', {'nextlevelPoints': $user.getcommaFormatPoints()}) }}
                </div>
                <div class="dp-badge-earnxp" data-xf-click="overlay" data-target=".earn-xp-overlay">
                    Earn XP
                    <svg width="16" height="16" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"
                        data-xf-init="tooltip" title="Different ways of earning XP across the forum."
                        id="js-XFUniqueId2">
                        <path
                            d="M6.8175 6.75C6.99383 6.24875 7.34186 5.82608 7.79997 5.55685C8.25807 5.28762 8.79667 5.1892 9.32038 5.27903C9.84409 5.36886 10.3191 5.64114 10.6613 6.04765C11.0035 6.45415 11.1908 6.96864 11.19 7.5C11.19 9 8.94 9.75 8.94 9.75M9 12.75H9.0075M16.5 9C16.5 13.1421 13.1421 16.5 9 16.5C4.85786 16.5 1.5 13.1421 1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9Z"
                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        </path>
                    </svg>
                </div>
            </div>
        </div>
        <div class="dp-badges-progress" data-xf-init="tooltip"
            title="{{ phrase('xc_reach_next_level', {'next_level_points': $data.next_level_points,'next_level':$data.next_level}) }}">
            <div class="dp-badges-progress-perc" style="width: {{$data.perc}}%">&nbsp;</div>
        </div>
    </div>
</xf:if>]]></template>
    <template title="xc_member_view_badages.less" type="public" addon_id="" version_id="2040320" version_string="2.4.3 Alpha"><![CDATA[.dp-badge-item.not-earned .dp-badge-img img {
    opacity: 0.4;
    filter: grayscale(40%);
}

img {
	cursor: default;
}

.dp-badge-item.earned .dp-badge-img img {
    width: auto;
    height: 60px;
}

.badge-item:hover > .tooltip-badge{
	display: block;
  transform-origin: 100% 0%;
  -webkit-animation: fadeIn 0.3s ease-in-out;
  animation: fadeIn 0.3s ease-in-out;
   cursor: pointer;
   filter: grayscale(0);        
}
#main-badge:hover{
	
	cursor: pointer;
     filter: grayscale(0); 
	
}

.continer-badge{
	
	display:flex;
	 padding-left: 0px;
    list-style: none;

}
.badge-item{
	
	margin-left:5px;
	position: relative;
}




.badge-item .tooltip-badge {
  display: none;
  text-align: left;
  background-color: #1E2021;
  padding: 5px;
  width: 200px;
  position: absolute;
  border-radius: 3px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     bottom: 46px;
  color: #FFF;
  font-size: 13px;
  line-height: 1.4;
}]]></template>
    <template title="xc_show_user_ban_banner" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:if is="$user.Ban">
	<style>
		.xfbandBody {
						padding: 10px;
						text-align: center;
						border: 1px solid #850606;
						background: #850606;
						border-radius: 6px !important;
						color: #fff !important;
						font-size: 16px;
						margin-bottom:10px;
					}
	</style>
	<xf:if is="$user.Ban && !$user.Ban.end_date">
		<div class="block-body xfbandBody">
					<span class="xfbanLink">{{phrase('user_ban_notice',{'username':$user.username,'reason':$user.Ban.user_reason})}}</span>
		</div>
	</xf:if>

	<xf:if is="$user.Ban && $user.Ban.end_date">
		<div class="block-body xfbandBody">
			<xf:set var="$timeban"><xf:date time="{$user.Ban.end_date}" /></xf:set>
					<span class="xfbanLink">{{phrase('user_ban_notice_time',{'username':$user.username,'reason':$user.Ban.user_reason,'time':$timeban})}}</span>
		</div>
	</xf:if>
</xf:if>]]></template>
    <template title="xc_start_deal_dispute.less" type="public" addon_id="" version_id="2010010" version_string="2.1.0 Alpha"><![CDATA[dt {
    width: 15%!important;
    text-align: left!important;
}
.formRow>dt {
    border-right: 0;
}
.formRow.formRow--input > dt {
     padding-top: 22px; 
}
.formRow > dd {
	
	padding-left: 0px;
    padding-top: 0px;

}
.formRow.formRow--fullWidth > dd, .menu .formRow > dd {
    padding-left: 0px !important;
}]]></template>
    <template title="xc_start_deal_dispute_main" type="public" addon_id="" version_id="1030010" version_string="1.3.0 Alpha"><![CDATA[<xf:title>{$forum.Node.title}</xf:title>

<xf:description>{$forum.Node.description|raw}</xf:description>
<xf:pageaction if="$xf.visitor.canStartDispute()  && $dealDispute">
	<xf:button href="{{ link('forums/start-dispute', $forum) }}" class="button--cta" icon="write" rel="nofollow">
		{{ phrase('xc_start_deal_dispute') }}
	</xf:button>
</xf:pageaction>
<xf:css src="structured_list.less" />
<xf:css src="xc_start_deal_dispute_main.less"/>

<xf:if is="$dealDispute">
	<div class="block-container">
		<h3 class="block-minorHeader fr-Header"> </h3>
		<ul class="block-body fr-bb">
			<li class="block-row fr-br" style="padding:0px;">
				<div class="fr-nd normaldisplay " style="padding:10px;padding-bottom:0px;">
					<div class="bbWrapper">{{ phrase('xc_deal_heading') }}
						<br>
						{{ phrase('xc_deal_description') }}
						<br>
						<br> <a href="{{ link('forums', $validDispute) }}" class="dispute-sub link link--internal" >{{phrase('xc_valid_dispute')}}</a> <b>—</b><a href="{{ link('forums', $invalidDispute) }}" class="dispute-sub link link--internal" > {{phrase('xc_invalid_dispute')}}</a></div>
					<br> </div>
			</li>
		</ul>
	</div>
</xf:if>

<br>
<xf:extension name="above_node_list"></xf:extension>

<xf:if is="$nodeTree">
	<xf:ad position="forum_view_above_node_list" arg-forum="{$forum}" />
	<div class="block">
		<div class="block-container">
			<div class="block-body">
				<xf:macro template="forum_list" name="node_list"
					arg-children="{$nodeTree}"
					arg-extras="{$nodeExtras}"
					arg-depth="2" />
			</div>
		</div>
	</div>
	<xf:ad position="forum_view_below_node_list" arg-forum="{$forum}" />
</xf:if>

<xf:if is="$canInlineMod">
	<xf:js src="xf/inline_mod.js" min="1" />
</xf:if>

<xf:extension name="above_thread_list"></xf:extension>
<xf:ad position="forum_view_above_thread_list" arg-forum="{$forum}" />

<xf:extension name="thread_list_block_classes" value="" />
<div class="block {{ extension_value('thread_list_block_classes') }}" data-xf-init="{{ $canInlineMod ? 'inline-mod' : '' }}" data-type="thread" data-href="{{ link('inline-mod') }}">

	<div class="block-outer"><xf:trim>
		<xf:pagenav page="{$page}" perpage="{$perPage}" total="{$total}"
			link="forums" data="{$forum}" params="{$filters}"
			wrapperclass="block-outer-main" />
		<xf:if contentcheck="true">
			<div class="block-outer-opposite">
				<div class="buttonGroup">
				<xf:contentcheck>
					<xf:if is="$canInlineMod">
						<xf:macro template="inline_mod_macros" name="button" />
					</xf:if>
					<xf:if is="$xf.visitor.user_id">
						<xf:button href="{{ link('forums/mark-read', $forum, {'date': $xf.time}) }}"
							class="button--link" overlay="true">
							{{ phrase('mark_read') }}
						</xf:button>
					</xf:if>
					<xf:if is="$forum.canWatch()">
						<xf:button href="{{ link('forums/watch', $forum) }}" class="button--link"
							data-xf-click="switch-overlay"
							data-sk-watch="{{ phrase('watch') }}"
							data-sk-unwatch="{{ phrase('unwatch') }}">
							<xf:if is="{$forum.Watch.{$xf.visitor.user_id}}">{{ phrase('unwatch') }}<xf:else />{{ phrase('watch') }}</xf:if>
						</xf:button>
					</xf:if>
				</xf:contentcheck>
				</div>
			</div>
		</xf:if>
	</xf:trim></div>

	<div class="block-container">

		<xf:extension name="thread_list_header">
			<div class="block-filterBar">
				<div class="filterBar">
					<xf:if contentcheck="true">
						<ul class="filterBar-filters">
						<xf:contentcheck>
							<xf:extension name="filters">
								<xf:macro name="filters"
									arg-forum="{$forum}"
									arg-filters="{$filters}"
									arg-starterFilter="{$starterFilter}"
									arg-threadTypeFilter="{$threadTypeFilter}" />
							</xf:extension>
						</xf:contentcheck>
						</ul>
					</xf:if>

					<a class="filterBar-menuTrigger" data-xf-click="menu" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true">{{ phrase('filters') }}</a>
					<div class="menu menu--wide" data-menu="menu" aria-hidden="true"
						data-href="{{ link('forums/filters', $forum, $filters) }}"
						data-load-target=".js-filterMenuBody">
						<div class="menu-content">
							<h4 class="menu-header">{{ phrase('show_only:') }}</h4>
							<div class="js-filterMenuBody">
								<div class="menu-row">{{ phrase('loading...') }}</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</xf:extension>

		<xf:set var="$qtPos">{{ ($sortInfo.order == 'last_post_date' && $sortInfo.direction == 'asc') ? 'bottom' : 'top' }}</xf:set>

		<div class="block-body">
			<xf:extension name="thread_list">
				<div class="structItemContainer">
		

					<xf:if is="$stickyThreads is not empty OR $threads is not empty">
						<xf:if is="$stickyThreads is not empty">
							<div class="structItemContainer-group structItemContainer-group--sticky">
								<xf:foreach loop="$stickyThreads" value="$thread">
									<xf:macro name="{{ $templateOverrides.thread_list_macro ?: 'thread_list_macros::item' }}"
										arg-thread="{$thread}"
										arg-forum="{$forum}"
										args="{$templateOverrides.thread_list_macro_args}" />
								</xf:foreach>
							</div>

							<xf:ad position="forum_view_below_stickies" arg-forum="{$forum}" />
						</xf:if>

						<div class="structItemContainer-group js-threadList">
							<xf:if is="$threads is not empty">
								<xf:foreach loop="$threads" value="$thread">
									<xf:macro name="{{ $templateOverrides.thread_list_macro ?: 'thread_list_macros::item' }}"
										arg-thread="{$thread}"
										arg-forum="{$forum}"
										args="{$templateOverrides.thread_list_macro_args}"  />
								</xf:foreach>
								<xf:if is="$showDateLimitDisabler">
									<xf:macro name="date_limit_disabler" arg-forum="{$forum}" arg-page="{$page}" arg-filters="{$filters}" />
								</xf:if>
							</xf:if>
						</div>
					<xf:elseif is="$filters" />
						<div class="structItemContainer-group js-threadList">
							<div class="structItem js-emptyThreadList">
								<div class="structItem-cell">{{ phrase('there_no_threads_matching_your_filters') }}</div>
							</div>
							<xf:if is="$showDateLimitDisabler">
								<xf:macro name="date_limit_disabler" arg-forum="{$forum}" arg-page="{$page}" arg-filters="{$filters}" />
							</xf:if>
						</div>
					<xf:else />
						<div class="structItemContainer-group js-threadList">
							<xf:if is="$showDateLimitDisabler">
								<div class="structItem js-emptyThreadList">
									<div class="structItem-cell">{{ phrase('there_no_threads_to_display') }}</div>
								</div>
								<xf:macro name="date_limit_disabler" arg-forum="{$forum}" arg-page="{$page}" arg-filters="{$filters}" />
							<xf:else />
								<div class="structItem js-emptyThreadList">
									<div class="structItem-cell">{{ phrase('there_no_threads_in_this_forum') }}</div>
								</div>
							</xf:if>
						</div>
					</xf:if>
				</div>
			</xf:extension>
		</div>
	</div>

	<div class="block-outer block-outer--after">
		<xf:pagenav
			page="{$page}" perpage="{$perPage}" total="{$total}"
			link="forums" data="{$forum}" params="{$filters}"
			wrapperclass="block-outer-main" />
		<xf:showignored wrapperclass="block-outer-opposite" />
		<xf:if is="!$forum.canCreateThread() AND !$forum.canCreateThreadPreReg()">
			<div class="block-outer-opposite">
				<xf:if is="$xf.visitor.user_id">
					<span class="button button--wrap is-disabled">
						{{ phrase('no_permission_to_post') }}
						<!-- this is not interactive so shouldn't be a button element -->
					</span>
				<xf:else />
					<xf:button href="{{ link('login') }}" class="button--link button--wrap" overlay="true">
						{{ phrase('log_in_or_register_to_post') }}
					</xf:button>
				</xf:if>
			</div>
		</xf:if>
	</div>
</div>

<xf:ad position="forum_view_below_thread_list" arg-forum="{$forum}" />
<xf:extension name="below_thread_list"></xf:extension>

<xf:widgetpos id="forum_view_sidebar" context-forum="{$forum}" position="sidebar" />

<xf:macro name="filters" arg-forum="!" arg-filters="!" arg-starterFilter="{{ null }}" arg-threadTypeFilter="{{ null }}">
	<xf:set var="$dateLimits" value="{{ {
		'-1': phrase('any_time'),
		'7': phrase('x_days', {'days': '7'}),
		'14': phrase('x_days', {'days': '14'}),
		'30': phrase('x_days', {'days': '30'}),
		'60': phrase('x_months', {'months': '2'}),
		'90': phrase('x_months', {'months': '3'}),
		'182': phrase('x_months', {'months': '6'}),
		'365': phrase('1_year')
	} }}" />

	<xf:extension name="start"></xf:extension>

	<xf:extension name="prefix_id">
		<xf:if is="$filters.prefix_id">
			<li><a href="{{ link('forums', $forum, $filters|replace('prefix_id', null)) }}"
				class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
				<span class="filterBar-filterToggle-label">{{ phrase('prefix:') }}</span>
				{{ prefix_title('thread', $filters.prefix_id) }}</a></li>
		</xf:if>
	</xf:extension>

	<xf:extension name="starter_id">
		<xf:if is="$filters.starter_id AND $starterFilter">
			<li><a href="{{ link('forums', $forum, $filters|replace('starter_id', null)) }}"
				class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
				<span class="filterBar-filterToggle-label">{{ phrase('started_by:') }}</span>
				{$starterFilter.username}</a></li>
		</xf:if>
	</xf:extension>

	<xf:extension name="thread_type">
		<xf:if is="$filters.thread_type && $threadTypeFilter">
			<li><a href="{{ link('forums', $forum, $filters|replace('thread_type', null)) }}"
				class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
				<span class="filterBar-filterToggle-label">{{ phrase('thread_type_filter:') }}</span>
				{{ $threadTypeFilter.getTypeTitle() }}</a></li>
		</xf:if>
	</xf:extension>

	<xf:extension name="last_days">
		<xf:if is="$filters.last_days AND {$dateLimits.{$filters.last_days}}">
			<li><a href="{{ link('forums', $forum, $filters|replace('last_days', null)) }}"
				class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
				<span class="filterBar-filterToggle-label">{{ phrase('last_updated:') }}</span>
				{$dateLimits.{$filters.last_days}}</a></li>
		</xf:if>
	</xf:extension>

	<xf:extension name="order">
		<xf:if is="$filters.order">
			<li><a href="{{ link('forums', $forum, $filters|replace({'order': null, 'direction': null})) }}"
				class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('return_to_default_order')|for_attr }}">
				<span class="filterBar-filterToggle-label">{{ phrase('sort_by:') }}</span>
				{{ phrase_dynamic('forum_sort.' . $filters.order) }}
				<xf:fa icon="{{ $filters.direction == 'asc' ? 'fa-angle-up' : 'fa-angle-down' }}" />
				<span class="u-srOnly"><xf:if is="$filters.direction == 'asc'">{{ phrase('ascending') }}<xf:else />{{ phrase('descending') }}</xf:if></span>
			</a></li>
		</xf:if>
	</xf:extension>

	<xf:extension name="end"></xf:extension>
</xf:macro>

<xf:macro name="date_limit_disabler" arg-forum="!" arg-page="!" arg-filters="!">
	<div class="structItem structItem--note">
		<div class="structItem-cell">
			<a href="{{ link('forums', $forum, {'page': $page, 'no_date_limit': 1} + $filters) }}">
				{{ phrase('show_older_items') }}
			</a>
		</div>
	</div>
</xf:macro>]]></template>
    <template title="xc_start_deal_dispute_main.less" type="public" addon_id="" version_id="2010010" version_string="2.1.0 Alpha"><![CDATA[.dispute-sub{
    color: #FFFFFF;
    text-decoration: none;
}

.dispute-sub:hover{
       
	color: #22c55e;
    text-decoration: none;
}
.block-filterBar{
	padding: 8px 12px;
    font-size: 14px;
    color: #FFFFFF;
    background: #1B1B1E;
}

.node--depth2 {
	display: none;
}]]></template>
    <template title="xc_userprofilethreads" type="public" addon_id="" version_id="1030010" version_string="1.3.0 Alpha"><![CDATA[<xf:if is="count($profileThreads)">
	<div>
          <div class="dp-profile-widget">
              <div class="profile-widget-header">
                  <h4>
                      Market Listings
                  </h4>
              </div>
              <div class="dp-profile-widget-inner">
                  <xf:if is="count($profileThreads)">
                      <xf:foreach loop="$profileThreads" value="$thread" i="$i">
                          <div class="dp-widget-item-row">
                              <div>
                                  <div class="widget-icon selling">
                                      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                          <path d="M3.00977 11.22V15.71C3.00977 20.2 4.80977 22 9.29977 22H14.6898C19.1798 22 20.9798 20.2 20.9798 15.71V11.22" stroke="#006fcd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                          <path d="M12.0005 12C13.8305 12 15.1805 10.51 15.0005 8.68L14.3405 2H9.67048L9.00048 8.68C8.82048 10.51 10.1705 12 12.0005 12Z" stroke="#006fcd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                          <path d="M18.3098 12C20.3298 12 21.8098 10.36 21.6098 8.35L21.3298 5.6C20.9698 3 19.9698 2 17.3498 2H14.2998L14.9998 9.01C15.1698 10.66 16.6598 12 18.3098 12Z" stroke="#006fcd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                          <path d="M5.64037 12C7.29037 12 8.78037 10.66 8.94037 9.01L9.16037 6.8L9.64037 2H6.59037C3.97037 2 2.97037 3 2.61037 5.6L2.34037 8.35C2.14037 10.36 3.62037 12 5.64037 12Z" stroke="#006fcd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                          <path d="M12 17C10.33 17 9.5 17.83 9.5 19.5V22H14.5V19.5C14.5 17.83 13.67 17 12 17Z" stroke="#006fcd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                      </svg>
                                  </div>
                              </div>
                              <div class="dp-widget-item-content">
                                  {{ prefix('thread', $thread, 'html', '') }}<span class="label-append">&nbsp;</span>
                                  <a href="{{ link('threads', $thread) }}">
                                      {{$thread.title}}
                                  </a>
                                  <br>
                                  <xf:date time="{$thread.post_date}" />
                              </div>
                          </div>
                      </xf:foreach>
                  </xf:if>
              </div>
        </div>
<xf:else />
<div>
	<div class="dp-profile-widget">
		<div class="profile-widget-header">
			<h4>
				Market Listings
			</h4>
		</div>
		<div class="dp-profile-widget-inner">
			<div class="empty-state">
				<div class="empty-state-vector">
					<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
						<rect x="10" y="64" width="100" height="32" rx="4" fill="#212125"></rect>
						<path d="M20.6071 69.5L17.8921 72.2225" stroke="#006fcd" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
						<path d="M25.3921 69.5L28.1071 72.2225" stroke="#006fcd" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
						<path d="M21.3198 78.5V81.1625" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round"></path>
						<path d="M24.7695 78.5V81.1625" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round"></path>
						<path d="M16.625 75.5L17.6825 81.98C17.9225 83.435 18.5 84.5 20.645 84.5H25.1675C27.5 84.5 27.845 83.48 28.115 82.07L29.375 75.5" stroke="#6B6D75" stroke-width="1.5" stroke-linecap="round"></path>
						<path d="M15.5 73.8876C15.5 72.5001 16.2425 72.3876 17.165 72.3876H28.835C29.7575 72.3876 30.5 72.5001 30.5 73.8876C30.5 75.5001 29.7575 75.3876 28.835 75.3876H17.165C16.2425 75.3876 15.5 75.5001 15.5 73.8876Z" fill="#006fcd" fill-opacity="0.1" stroke="#006fcd" stroke-width="1.5"></path>
						<path d="M15 96H105V96C105 98.2091 103.209 100 101 100H19C16.7909 100 15 98.2091 15 96V96Z" fill="#19191D"></path>
						<path d="M20 100H100V100C100 101.105 99.1046 102 98 102H22C20.8954 102 20 101.105 20 100V100Z" fill="#16161A"></path>
						<rect width="22" height="3" rx="1.5" transform="matrix(1 0 0 -1 37 77)" fill="#006fcd"></rect>
						<rect width="24" height="3" rx="1.5" transform="matrix(1 0 0 -1 63 77)" fill="#525358"></rect>
						<rect width="6" height="3" rx="1.5" transform="matrix(1 0 0 -1 91 77)" fill="#525358"></rect>
						<rect width="60" height="3" rx="1.5" transform="matrix(1 0 0 -1 37 84)" fill="#3A393F"></rect>
						<rect x="10" y="18" width="100" height="32" rx="4" fill="#212125"></rect>
						<path d="M15 50H105V50C105 52.2091 103.209 54 101 54H19C16.7909 54 15 52.2091 15 50V50Z" fill="#19191D"></path>
						<path d="M20 54H100V54C100 55.1046 99.1046 56 98 56H22C20.8954 56 20 55.1046 20 54V54Z" fill="#16161A"></path>
						<path d="M16.2573 30.4148V33.7823C16.2573 37.1498 17.6073 38.4998 20.9748 38.4998H25.0173C28.3848 38.4998 29.7348 37.1498 29.7348 33.7823V30.4148" stroke="#6B6D75" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
						<path d="M23 34.75C21.7475 34.75 21.125 35.3725 21.125 36.625V38.5H24.875V36.625C24.875 35.3725 24.2525 34.75 23 34.75Z" stroke="#6B6D75" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
						<path d="M23 31C24.3725 31 25.385 29.8825 25.25 28.51L24.755 23.5H21.2525L20.75 28.51C20.615 29.8825 21.6275 31 23 31Z" fill="#006fcd" fill-opacity="0.1" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
						<path d="M27.7325 31C29.2475 31 30.3575 29.77 30.2075 28.2625L29.9975 26.2C29.7275 24.25 28.9775 23.5 27.0125 23.5H24.725L25.25 28.7575C25.3775 29.995 26.495 31 27.7325 31Z" fill="#006fcd" fill-opacity="0.1" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
						<path d="M18.23 31C19.4675 31 20.585 29.995 20.705 28.7575L20.87 27.1L21.23 23.5H18.9425C16.9775 23.5 16.2275 24.25 15.9575 26.2L15.755 28.2625C15.605 29.77 16.715 31 18.23 31Z" fill="#006fcd" fill-opacity="0.1" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
						<rect width="12" height="3" rx="1.5" transform="matrix(1 0 0 -1 37 31)" fill="#006fcd"></rect>
						<rect width="22" height="3" rx="1.5" transform="matrix(1 0 0 -1 53 31)" fill="#525358"></rect>
						<rect width="60" height="3" rx="1.5" transform="matrix(1 0 0 -1 37 38)" fill="#3A393F"></rect>
					</svg>
				</div>
				<h4>
					No Market Listings
				</h4>
				<p>
					{$user.username} has no market listings
				</p>
			</div>
		</div>
	</div>
</xf:if>]]></template>
    <template title="xc_xp_progress_bar" type="public" addon_id="" version_id="2040520" version_string="2.4.5 Alpha"><![CDATA[<xf:css src="xc_xp_progress_bar.less" />
<xf:if is="$__globals.allow_to_progressbar">
	<xf:if is="$user">
		<xf:if is="is_array(xc_user_point_data($user)) && $user">

				<xf:set var="$data" value="{{xc_user_point_data($user)}}" />

				<div class="kz-userlevel dp-userlevel-section">
				<div class="kz-userlevel-bar" data-xf-init="tooltip" title="{{$data.perc}}%" id="js-XFUniqueId6">
				<div class="kz-userlevel-bar-perc" style="width: {{$data.perc}}%"></div>
				</div>
				<div class="kz-userlevel-data">
				<div class="kz-userlevel-badge">
				{{ phrase('xc_next_level_progress', {'nextlevel': $data.next_level}) }}
				</div>
				<div class="kz-userlevel-current-xp">
				{{ phrase('xc_next_level_points', {'nextlevelPoints': $data.next_level_points}) }}
				</div>
				</div>
				</div>
		</xf:if>
</xf:if>
	
</xf:if>]]></template>
    <template title="xc_xp_progress_bar.less" type="public" addon_id="" version_id="2040520" version_string="2.4.5 Alpha"><![CDATA[.block-userActivity--header {
    padding: 6px 10px;
    font-size: 13px
}

.forumViewers {
    color: #8c8c8c;
    font-size: 80%;
    font-style: italic;
    font-weight: 500 !important
}

/********* public:xc_xp_progress_bar.less ********/
.dp-userlevel-section {
    display: grid;
    gap: 0.5rem;
    margin-top: 1.5rem
}

.dp-userlevel-progress {
    background: #39393F;
    height: 6px;
    border-radius: 999px;
    cursor: pointer
}

.dp-userlevel-perc {
    background: #006fcd;
    height: 100%;
    border-radius: 999px
}

.dp-userlevel-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem
}

.dp-userlevel-lvl {
    color: #006fcd;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 600;
    padding: .25rem .5rem;
    border-radius: 0.25rem;
    background: rgba(74, 105, 222, 0.1)
}

.dp-userlevel-xp {
    color: #006fcd;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 600;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
}

.ladder-level-container {
    background: #252525;
    border: 0px solid #252525;
    border-radius: 4px;
    padding: 4px;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    margin-top: 5px
}

.ladder-level {
    font-size: 0.44em;
    color: #151518;
    background: #22c55e;
    border: 0px solid #22c55e;
    border-radius: 4px;
    content: "";
    display: table;
    clear: both
}

.level_main {
    display: flex;
    justify-content: space-between;
    font-size: 75%;
    margin-top: 2px
}

.member_level {
    margin-left: 10px
}

.member_view_progress {
    margin-top: 8px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 8px
}

.member_level {
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
    font-weight: 600
}]]></template>
    <template title="xcfs_feedback_bit" type="public" addon_id="XenCentral/Feedback" version_id="2030030700" version_string="2.3.3"><![CDATA[<xf:macro name="xcfs_feedback_bit" arg-feedback="!" arg-user="!" arg-hasMore="">
<xf:css src="xcfs_feedback_list.less" />

<li class="fb_bit" data-id="{$feedback.fb_id}" data-hasMore="{$hasMore}">
	<div class="dp-revouch-block">
		<xf:macro template="xcfs_feedback_bit_main_info" name="xcfs_feedback_bit_main_info" arg-feedback="{$feedback}" />
		<xf:macro template="xcfs_feedback_bit_additional_info" name="xcfs_feedback_bit_additional_info" arg-feedback="{$feedback}" arg-user="{$user}" />
	</div>
</li>
</xf:macro>]]></template>
    <template title="xcfs_feedback_bit_additional_info" type="public" addon_id="XenCentral/Feedback" version_id="2030030700" version_string="2.3.3"><![CDATA[<xf:macro name="xcfs_feedback_bit_additional_info" arg-feedback="!" arg-user="!">
<div class="dp-revouch-block-user-actions">
    <div class="dp-revouch-block-user">
		<xf:avatar user="$feedback.rateruser" size="xs" canonical="true" />
        <div class="dp-revouch-block-user-badge">
			<xf:username user="$feedback.rateruser" rich="true" defaultname="{$fallbackName}" itemprop="name" />
			<xf:if is="{$feedback.type}=='sell'">
				<div class="dp-revouch-hes-badge is-seller">
					Seller
				</div>
			<xf:elseif is="{$feedback.type}=='buy'" />
				<div class="dp-revouch-hes-badge is-buyer">
					Buyer
				</div>
			<xf:else />
				<div class="dp-revouch-hes-badge is-trader">
					Trader
				</div>
			</xf:if>
        </div>
    </div>
    <div class="dp-revouch-block-actions">
        <a href="{$feedback.dealurl}" class="button--primary button" target="_blank"><span class="button-text">
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M22 15C22 18.87 18.87 22 15 22L16.05 20.25" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M2 9C2 5.13 5.13 2 9 2L7.95001 3.75" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M9.9 17.1695H9.6C7.2 17.1695 6 16.5713 6 13.5803V10.5892C6 8.19641 7.2 7 9.6 7H14.4C16.8 7 18 8.19641 18 10.5892V13.5803C18 15.9731 16.8 17.1695 14.4 17.1695H14.1C13.914 17.1695 13.734 17.2592 13.62 17.4088L12.72 18.6052C12.324 19.1316 11.676 19.1316 11.28 18.6052L10.38 17.4088C10.284 17.2772 10.062 17.1695 9.9 17.1695Z" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M9 11H15" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M9 14H13" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                Deal Thread
            </span>
		</a>
        <div class="buttonGroup-buttonWrapper">
            <button type="button" class="button" data-xf-click="menu" aria-expanded="false" aria-haspopup="true" aria-controls="js-XFUniqueId6"><span class="button-text">
                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M10 11C10.5523 11 11 10.5523 11 10C11 9.44772 10.5523 9 10 9C9.44772 9 9 9.44772 9 10C9 10.5523 9.44772 11 10 11Z" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M10 4C10.5523 4 11 3.55228 11 3C11 2.44772 10.5523 2 10 2C9.44772 2 9 2.44772 9 3C9 3.55228 9.44772 4 10 4Z" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M10 18C10.5523 18 11 17.5523 11 17C11 16.4477 10.5523 16 10 16C9.44772 16 9 16.4477 9 17C9 17.5523 9.44772 18 10 18Z" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                    </svg>
                </span>
          </button>
        </div>
    </div>
</div>
</xf:macro>]]></template>
    <template title="xcfs_feedback_bit_additional_info_left_by" type="public" addon_id="XenCentral/Feedback" version_id="2030030700" version_string="2.3.3"><![CDATA[<xf:macro name="xcfs_feedback_bit_additional_info_left_by" arg-feedback="!">
<div class="dp-revouch-block-user-actions">
    <div class="dp-revouch-block-user">
		<xf:avatar user="$feedback.rateruser" size="xs" canonical="true" />
        <div class="dp-revouch-block-user-badge">
			<xf:username user="$feedback.rateruser" rich="true" defaultname="{$fallbackName}" itemprop="name" />
			<xf:if is="{$feedback.type}=='sell'">
				<div class="dp-revouch-hes-badge is-seller">
					Seller
				</div>
			<xf:elseif is="{$feedback.type}=='buy'" />
				<div class="dp-revouch-hes-badge is-buyer">
					Buyer
				</div>
			<xf:else />
				<div class="dp-revouch-hes-badge is-trader">
					Trader
				</div>
			</xf:if>
        </div>
    </div>
    <div class="dp-revouch-block-actions">
        <a href="{$feedback.dealurl}" class="button--primary button" target="_blank"><span class="button-text">
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M22 15C22 18.87 18.87 22 15 22L16.05 20.25" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M2 9C2 5.13 5.13 2 9 2L7.95001 3.75" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M9.9 17.1695H9.6C7.2 17.1695 6 16.5713 6 13.5803V10.5892C6 8.19641 7.2 7 9.6 7H14.4C16.8 7 18 8.19641 18 10.5892V13.5803C18 15.9731 16.8 17.1695 14.4 17.1695H14.1C13.914 17.1695 13.734 17.2592 13.62 17.4088L12.72 18.6052C12.324 19.1316 11.676 19.1316 11.28 18.6052L10.38 17.4088C10.284 17.2772 10.062 17.1695 9.9 17.1695Z" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M9 11H15" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M9 14H13" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                Deal Thread
            </span>
		</a>
        <div class="buttonGroup-buttonWrapper">
            <button type="button" class="button" data-xf-click="menu" aria-expanded="false" aria-haspopup="true" aria-controls="js-XFUniqueId6"><span class="button-text">
                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M10 11C10.5523 11 11 10.5523 11 10C11 9.44772 10.5523 9 10 9C9.44772 9 9 9.44772 9 10C9 10.5523 9.44772 11 10 11Z" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M10 4C10.5523 4 11 3.55228 11 3C11 2.44772 10.5523 2 10 2C9.44772 2 9 2.44772 9 3C9 3.55228 9.44772 4 10 4Z" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path d="M10 18C10.5523 18 11 17.5523 11 17C11 16.4477 10.5523 16 10 16C9.44772 16 9 16.4477 9 17C9 17.5523 9.44772 18 10 18Z" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                    </svg>
                </span>
          </button>
        </div>
    </div>
</div>
</xf:macro>]]></template>
    <template title="xcfs_feedback_bit_left_by" type="public" addon_id="XenCentral/Feedback" version_id="2030030700" version_string="2.3.3"><![CDATA[<xf:macro name="xcfs_feedback_bit_left_by" arg-feedback="!">
<xf:css src="xcfs_feedback_list.less" />

<li class="fb_bit" data-id="{$feedback.fb_id}">
	<div class="dp-revouch-block">
		<xf:macro template="xcfs_feedback_bit_main_info" name="xcfs_feedback_bit_main_info" arg-feedback="{$feedback}"/>
		<xf:macro template="xcfs_feedback_bit_additional_info_left_by" name="xcfs_feedback_bit_additional_info_left_by" arg-feedback="{$feedback}"/>
	</div>
</li>
</xf:macro>]]></template>
    <template title="xcfs_feedback_bit_main_info" type="public" addon_id="XenCentral/Feedback" version_id="2030030700" version_string="2.3.3"><![CDATA[<xf:macro name="xcfs_feedback_bit_main_info" arg-feedback="!">
    <h4 class="contentRow-title">
        <xf:if is="!$xf.options.xcfs_mutual_feedback || ($xf.options.xcfs_mutual_feedback && $feedback.is_verified)">
			<xf:if is="$feedback.feedback_string == 'positive'">
			<div class="dp-revouch-block-header">
				<div class="dp-revouch-badge is-positive" data-xf-init="tooltip" title="Positive vouch for {$feedback.rateduser.username}">
					<svg class="revouch-badge-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2995 1.61172C12.431 1.39489 12.6692 1.25 12.9413 1.25C15.6791 1.25 17.6541 3.87261 16.8979 6.50383L16.1725 9.02778H18.5296C21.2218 9.02778 23.0936 11.7055 22.1688 14.234L19.9543 20.2882C19.4135 21.7667 18.0068 22.75 16.4325 22.75H12.9413C12.5271 22.75 12.1913 22.4142 12.1913 22C12.1913 21.5858 12.5271 21.25 12.9413 21.25H16.4325C17.3771 21.25 18.2211 20.66 18.5456 19.7729L20.7601 13.7187C21.3269 12.169 20.1797 10.5278 18.5296 10.5278H15.1766C14.9411 10.5278 14.7192 10.4171 14.5775 10.229C14.4358 10.0408 14.3907 9.797 14.4558 9.57062L15.4563 6.0895C15.8996 4.54685 14.866 3.00886 13.3373 2.77936L9.16433 9.41701C8.29503 10.7997 6.77629 11.6389 5.143 11.6389H5C4.58579 11.6389 4.25 11.3031 4.25 10.8889C4.25 10.4747 4.58579 10.1389 5 10.1389H5.143C6.26052 10.1389 7.29965 9.56474 7.89444 8.61865L12.2995 1.61172Z" fill="#34D399"></path>
						<path fill-rule="evenodd" clip-rule="evenodd" d="M4.99994 15.25C5.41415 15.25 5.74997 15.5857 5.75 15.9999L5.75018 18.25L8 18.25C8.41421 18.25 8.75 18.5858 8.75 19C8.75 19.4142 8.41421 19.75 8 19.75L5.75024 19.75L5.75024 22C5.75024 22.4142 5.41446 22.75 5.00024 22.75C4.58603 22.75 4.25024 22.4142 4.25024 22L4.25024 19.75L2 19.75C1.58579 19.75 1.25 19.4142 1.25 19C1.25 18.5858 1.58579 18.25 2 18.25L4.25018 18.25L4.25 16.0001C4.24997 15.5858 4.58573 15.25 4.99994 15.25Z" fill="#34D399"></path>
					</svg>
					Positive
					<svg width="16" height="4" viewBox="0 0 16 4" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path opacity="0.33" d="M2 4C3.10457 4 4 3.10457 4 2C4 0.89543 3.10457 0 2 0C0.89543 0 0 0.89543 0 2C0 3.10457 0.89543 4 2 4Z" fill="currentColor"></path>
						<path opacity="0.66" d="M8 4C9.10457 4 10 3.10457 10 2C10 0.89543 9.10457 0 8 0C6.89543 0 6 0.89543 6 2C6 3.10457 6.89543 4 8 4Z" fill="currentColor"></path>
						<path d="M14 4C15.1046 4 16 3.10457 16 2C16 0.89543 15.1046 0 14 0C12.8954 0 12 0.89543 12 2C12 3.10457 12.8954 4 14 4Z" fill="currentColor"></path>
					</svg>
					<xf:avatar user="$feedback.rateduser" size="xs" canonical="true" />
				</div>
				<div class="dp-revouch-date">
					<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M18 2V4M6 2V4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
						<path d="M2.5 12.2432C2.5 7.88594 2.5 5.70728 3.75212 4.35364C5.00424 3 7.01949 3 11.05 3H12.95C16.9805 3 18.9958 3 20.2479 4.35364C21.5 5.70728 21.5 7.88594 21.5 12.2432V12.7568C21.5 17.1141 21.5 19.2927 20.2479 20.6464C18.9958 22 16.9805 22 12.95 22H11.05C7.01949 22 5.00424 22 3.75212 20.6464C2.5 19.2927 2.5 17.1141 2.5 12.7568V12.2432Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
						<path d="M3 8H21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
					</svg>
					<xf:date time="$feedback.dateline" />
				</div>
			</div>
			 <xf:elseif is="$feedback.feedback_string == 'neutral'" />
					<div class="dp-revouch-block-header">
				<div class="dp-revouch-badge is-neutral" data-xf-init="tooltip" title="Neutral vouch for {$feedback.rateduser.username}">
					<svg class="revouch-stats-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="#FB923C" fill-opacity="0.15"></path>
                    <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#FB923C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M8.00897 9H8M16 9H15.991" stroke="#FB923C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M10 16L15 14" stroke="#FB923C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
					Neutral
					<svg width="16" height="4" viewBox="0 0 16 4" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path opacity="0.33" d="M2 4C3.10457 4 4 3.10457 4 2C4 0.89543 3.10457 0 2 0C0.89543 0 0 0.89543 0 2C0 3.10457 0.89543 4 2 4Z" fill="currentColor"></path>
						<path opacity="0.66" d="M8 4C9.10457 4 10 3.10457 10 2C10 0.89543 9.10457 0 8 0C6.89543 0 6 0.89543 6 2C6 3.10457 6.89543 4 8 4Z" fill="currentColor"></path>
						<path d="M14 4C15.1046 4 16 3.10457 16 2C16 0.89543 15.1046 0 14 0C12.8954 0 12 0.89543 12 2C12 3.10457 12.8954 4 14 4Z" fill="currentColor"></path>
					</svg>
					<xf:avatar user="$feedback.rateduser" size="xs" canonical="true" />
				</div>
				<div class="dp-revouch-date">
					<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M18 2V4M6 2V4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
						<path d="M2.5 12.2432C2.5 7.88594 2.5 5.70728 3.75212 4.35364C5.00424 3 7.01949 3 11.05 3H12.95C16.9805 3 18.9958 3 20.2479 4.35364C21.5 5.70728 21.5 7.88594 21.5 12.2432V12.7568C21.5 17.1141 21.5 19.2927 20.2479 20.6464C18.9958 22 16.9805 22 12.95 22H11.05C7.01949 22 5.00424 22 3.75212 20.6464C2.5 19.2927 2.5 17.1141 2.5 12.7568V12.2432Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
						<path d="M3 8H21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
					</svg>
					<xf:date time="$feedback.dateline" />
				</div>
			</div>
				<xf:elseif is="$feedback.feedback_string == 'negative'" />
					<div class="dp-revouch-block-header">
				<div class="dp-revouch-badge is-negative" data-xf-init="tooltip" title="Negative vouch for {$feedback.rateduser.username}">
					<svg class="revouch-stats-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="#DB3C3C" fill-opacity="0.15"></path>
                    <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#DB3C3C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M8 17C8.91212 15.7856 10.3643 15 12 15C13.6357 15 15.0879 15.7856 16 17" stroke="#DB3C3C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M7 9.01067C7 9.01067 8.40944 8.88341 9.19588 9.50798M9.19588 9.50798L8.93275 10.3427C8.82896 10.6719 9.10031 11 9.4764 11C9.87165 11 10.1327 10.6434 9.92918 10.3348C9.74877 10.0612 9.50309 9.75196 9.19588 9.50798ZM17 9.01067C17 9.01067 15.5906 8.88341 14.8041 9.50798M14.8041 9.50798L15.0672 10.3427C15.171 10.6719 14.8997 11 14.5236 11C14.1283 11 13.8673 10.6434 14.0708 10.3348C14.2512 10.0612 14.4969 9.75196 14.8041 9.50798Z" stroke="#DB3C3C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
					Negative
					<svg width="16" height="4" viewBox="0 0 16 4" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path opacity="0.33" d="M2 4C3.10457 4 4 3.10457 4 2C4 0.89543 3.10457 0 2 0C0.89543 0 0 0.89543 0 2C0 3.10457 0.89543 4 2 4Z" fill="currentColor"></path>
						<path opacity="0.66" d="M8 4C9.10457 4 10 3.10457 10 2C10 0.89543 9.10457 0 8 0C6.89543 0 6 0.89543 6 2C6 3.10457 6.89543 4 8 4Z" fill="currentColor"></path>
						<path d="M14 4C15.1046 4 16 3.10457 16 2C16 0.89543 15.1046 0 14 0C12.8954 0 12 0.89543 12 2C12 3.10457 12.8954 4 14 4Z" fill="currentColor"></path>
					</svg>
					<xf:avatar user="$feedback.rateduser" size="xs" canonical="true" />
				</div>
				<div class="dp-revouch-date">
					<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M18 2V4M6 2V4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
						<path d="M2.5 12.2432C2.5 7.88594 2.5 5.70728 3.75212 4.35364C5.00424 3 7.01949 3 11.05 3H12.95C16.9805 3 18.9958 3 20.2479 4.35364C21.5 5.70728 21.5 7.88594 21.5 12.2432V12.7568C21.5 17.1141 21.5 19.2927 20.2479 20.6464C18.9958 22 16.9805 22 12.95 22H11.05C7.01949 22 5.00424 22 3.75212 20.6464C2.5 19.2927 2.5 17.1141 2.5 12.7568V12.2432Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
						<path d="M3 8H21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
					</svg>
					<xf:date time="$feedback.dateline" />
				</div>
			</div>
            <xf:else />
            <i class="fa fa-question-circle"></i>
            &nbsp;{{phrase('xcfs_mutual_private')}}
        </xf:if>
		</xf:if>
    </h4>
	<div class="dp-revouch-block-content">
		{$feedback.review|raw}
	</div>
<xf:comment>
	<ul class="node-extra">
		<xf:if is="$xf.visitor.isUserFeedbackXcfs() AND $feedback.fromuserid != $xf.visitor.user_id">
			<li>
			<a href="{{ link ( 'feedback/feedback/add-feedback', $feedback) }}" title="{{ phrase ('xcfs_add_feedback_for_this_deal') }}" class="button button--icon"><i class="fa fa-plus" aria-hidden="true"></i></a>
			</li>
		</xf:if>
		<xf:if is="$xf.visitor.isUserFeedbackXcfs()">
			<li>
			<a href="{{ link ( 'feedback/feedback/report', $feedback) }}" data-xf-click="overlay" title="{{ phrase ('xcfs_report_feedback') }}" class=" button button--icon"><i class="far fa-flag"></i></a>
			</li>
		</xf:if>
		<xf:if is="$feedback.canedit">
			<li>
			<a href="{{ link ( 'feedback/feedback/edit', $feedback) }}" title="{{ phrase ('xcfs_edit_feedback') }}" class="button button--icon button--icon--edit"><i class="far fa-edit"></i></a>
			</li>
			<li>
			<a href="{{ link ( 'feedback/feedback/delete', $feedback) }}" data-xf-click="overlay" title="{{ phrase ('xcfs_delete_feedback') }}" class="button button--icon button--icon--delete"><i class="far fa-trash-alt"></i></a>
			</li>
		</xf:if>
	</ul>
</xf:comment>
</xf:macro>]]></template>
    <template title="xcfs_feedback_list_header" type="public" addon_id="XenCentral/Feedback" version_id="2030030700" version_string="2.3.3"><![CDATA[<xf:macro name ="xcfs_feedback_list_header">
<xf:css src="xcfs_feedback_list.less" />
</xf:macro>]]></template>
    <template title="xcfs_trading_profile" type="public" addon_id="XenCentral/Feedback" version_id="2030030700" version_string="2.3.3"><![CDATA[<xf:macro template="xcfs_headinclude" name="headinclude" />
<xf:title>{{ phrase ('xcfs_profile_for_x', {'username':$user.username}) }}</xf:title>

<xf:breadcrumb href="{{ link ( 'members', $user) }}">{{ phrase ('xcfs_user_x_profile', {'username':$user.username}) }}</xf:breadcrumb>
<xf:set var="$feedback.user" value="{{ $xf.app.em.getRepository('XenCentral\Feedback:User')->getTrader($user.user_id) }}" />

<xf:css>
.dp-revouch-date {
    font-size: 13px;
}
</xf:css>

<xf:css src="dp_vouches.less" />
<xf:css src="xcfs_profile.less" />
<xf:css src="xcfs_autocomplete.less" />
<xf:js prod="XenCentral/Feedback/Tools.js" />

<xf:comment>
	<xf:if is="$xf.visitor.canGiveFeedbackXcfs() AND $user.canReceiveFeedbackXcfs() AND ($user.user_id!=$xf.visitor.user_id) && (($xf.options.xcfs_can_give_feedback && !empty($allFeedbackForVisitor)) || (!$xf.options.xcfs_can_give_feedback))">
		<xf:if is="!$renderedNodes">
			<xf:pageaction>
				<a href="{{ link ( 'feedback/add-feedback', $user) }}" class="button--cta button button--icon button--icon--write"><span class="button-text">
						{{ phrase ('xcfs_add_feedback') }}
					</span></a>
			</xf:pageaction>
		</xf:if>
	</xf:if>
</xf:comment>

<div class="dp-revouch-profile">
    <div>
        <div class="dp-revouch-profile-details">
            <xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="image" />
            <h3 class="dp-revouch-profile-username">
                <xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" />
                <div class="dp-badge-number" data-xf-init="tooltip" title="Total Reputation: {$user.xfa_rs_total}"
                    style="color:#34D399!important;background:rgba(52,211,153,0.25)!important;" id="js-XFUniqueId1">
                    {{ $feedback.user.fb_negative + $feedback.user.fb_neutral + $feedback.user.fb_positive }}
                </div>
            </h3>
        </div>
    </div>
    <div>
        <div class="dp-revouch-profile-stats">
            <div class="dp-revouch-stats-item">
                <svg class="revouch-stats-icon" width="24" height="24" viewBox="0 0 24 24" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                        fill="#34D399" fill-opacity="0.15"></path>
                    <path
                        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                        stroke="#34D399" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M8 15C8.91212 16.2144 10.3643 17 12 17C13.6357 17 15.0879 16.2144 16 15" stroke="#34D399"
                        stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M15 8C15 8 14 9 14 10C14.75 9 16.25 9 17 10" stroke="#34D399" stroke-width="1.5"
                        stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M9 8C9 8 10 9 10 10C9.25 9 7.75 9 7 10" stroke="#34D399" stroke-width="1.5"
                        stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <div>
                    <p class="dp-revouch-stats-number">{$user.xfa_rs_positives}</p>
                    <p>Positives</p>
                </div>
            </div>
            <div class="dp-revouch-stats-item">
                <svg class="revouch-stats-icon" width="24" height="24" viewBox="0 0 24 24" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                        fill="#FB923C" fill-opacity="0.15"></path>
                    <path
                        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                        stroke="#FB923C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M8.00897 9H8M16 9H15.991" stroke="#FB923C" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round"></path>
                    <path d="M10 16L15 14" stroke="#FB923C" stroke-width="1.5" stroke-linecap="round"
                        stroke-linejoin="round"></path>
                </svg>
                <div>
                    <p class="dp-revouch-stats-number">{$user.xfa_rs_neutrals}</p>
                    <p>Neutrals</p>
                </div>
            </div>
            <div class="dp-revouch-stats-item">
                <svg class="revouch-stats-icon" width="24" height="24" viewBox="0 0 24 24" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                        fill="#DB3C3C" fill-opacity="0.15"></path>
                    <path
                        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                        stroke="#DB3C3C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M8 17C8.91212 15.7856 10.3643 15 12 15C13.6357 15 15.0879 15.7856 16 17" stroke="#DB3C3C"
                        stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path
                        d="M7 9.01067C7 9.01067 8.40944 8.88341 9.19588 9.50798M9.19588 9.50798L8.93275 10.3427C8.82896 10.6719 9.10031 11 9.4764 11C9.87165 11 10.1327 10.6434 9.92918 10.3348C9.74877 10.0612 9.50309 9.75196 9.19588 9.50798ZM17 9.01067C17 9.01067 15.5906 8.88341 14.8041 9.50798M14.8041 9.50798L15.0672 10.3427C15.171 10.6719 14.8997 11 14.5236 11C14.1283 11 13.8673 10.6434 14.0708 10.3348C14.2512 10.0612 14.4969 9.75196 14.8041 9.50798Z"
                        stroke="#DB3C3C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <div>
                    <p class="dp-revouch-stats-number">{$user.xfa_rs_negatives}</p>
                    <p>Negatives</p>
                </div>
            </div>
        </div>
    </div>
</div>

<h2 class="dp-tab-menu block-tabHeader tabs hScroller" data-xf-init="tabs h-scroller" data-state="replace" role="tablist" style=" display: flex; margin-bottom: 2rem;">
    <span class="hScroller-scroll is-calculated">
        <a href="{$requestPaths.requestUri}#feedbackLeftForX" class="tabs-tab" id="feedbackLeftForX" role="tab">{{ phrase ('xcfs_feedback_for_x', {'username':$user.username}) }}</a>
        <a href="{$requestPaths.requestUri}#feedbackLeftByX" class="tabs-tab" id="feedbackLeftByX" role="tab">{{ phrase ('xcfs_feedback_left_by_x', {'username':$user.username}) }}</a>
    </span>
</h2>

<ul class="tabPanes js-memberTabPanes">
    <li id="feedbackLeftForX">
        <div class="block">
			<h3 class="dp-heading-m">
				Vouches
			</h3>
                <xf:macro template="xcfs_feedback_list_header" name="xcfs_feedback_list_header" />
                <ol class="block-body reviewList updateList">
                    <xf:if is="$filteredNotice">
                        <xf:set var="$filteredNotice"></xf:set>
                        <li>
                            <a href="{{ link ( 'feedback', $user) }}">
                                {{ phrase ('xcfs_results_filtered') }}
                            </a>
                        </li>
                    </xf:if>
                    <xf:if contentcheck="true">
                        <xf:contentcheck>
                            <xf:foreach loop="$allfeedback" value="$feedback">
                                <xf:macro template="xcfs_feedback_bit" name="xcfs_feedback_bit" arg-feedback="{$feedback}" arg-user="{$user}" />
                            </xf:foreach>
                        </xf:contentcheck>
                        <xf:else />
                        <li>
                            <xf:macro template="xcfs_no_feedback_to_show" name="xcfs_no_feedback_to_show" />
                        </li>
                    </xf:if>
                </ol>
                <xf:if is="$viewMoreReceivedLink">
                    <div class="block-footer viewMore">
                        <span class="block-footer-controls">
							<a href="{{ link ( 'feedback', $user, {'viewmoreleft':1}) }}" class="button disableLink" rel="nofollow"><span class="button-text">
							{{ phrase ('xcfs_view_more') }}
                        </span>
							</a>
						</span>
                    </div>
                </xf:if>
            </div>
    </li>
    <li id="feedbackLeftByX">
        <div class="block">
			<h3 class="dp-heading-m">
				Vouches
			</h3>

                <xf:macro template="xcfs_feedback_list_header" name="xcfs_feedback_list_header" />
                <xf:if contentcheck="true">
                    <ol class="block-body reviewList feedbackLeft">
                        <xf:contentcheck>
                            <xf:foreach loop="$leftfeedback" value="$feedback">
                                <xf:macro template="xcfs_feedback_bit_left_by" name="xcfs_feedback_bit_left_by" arg-feedback="{$feedback}" />
                            </xf:foreach>
                        </xf:contentcheck>
                    </ol>
                    <xf:else />
                    <xf:macro template="xcfs_no_feedback_to_show" name="xcfs_no_feedback_to_show" />
                </xf:if>
            </div>
    </li>
</ul>]]></template>
    <template title="xfa_ft_forum_list" type="public" addon_id="XFA/ForumTabs" version_id="902020090" version_string="2.2.0"><![CDATA[<xf:js src="xfa/forumtabs/forumtabs.js" min="1" />

<xf:if is="{$xf.options.xfa_ft_showIconsOnlyInMobileView}">
<xf:css src="xfa_ft_forum_list.less" />
</xf:if>
<div class="dp-front-categories">
	<h3>Categories</h3>
	<p>Explore topics by category</p>
<div class="dp-tab-menu-wrapper">
	
<h2 class="dp-tab-menu block-tabHeader tabs hScroller xfa-forum-tabs"
	data-xf-init="xfa-forum-tabs h-scroller"
	data-panes=".js-ForumTabsContent"
	data-state="replace"
	role="tablist">
	<span class="hScroller-scroll">
		<xf:foreach loop="{$tabs}" value="{$tab}" i="$i">
			<xf:if is="{$tab.type} == 'watched_threads'">
				<a href="{{ link('watched/threads') }}"
				   class="tabs-tab"
				   role="tab"
				   aria-controls="newest" id="{{ $tab.getUrl() }}">
					<xf:if is="{$tab.icon}"><i class="{$tab.icon}"></i></xf:if>
					<xf:if is="!{$tab.show_icon_only}"><span class="forum-tab-title">{$tab.title}</span></xf:if>
				</a>
				<xf:elseif is="{$tab.type} == 'watched_nodes'" />
				<a href="{{ link('watched/forums') }}"
				   class="tabs-tab"
				   role="tab"
				   aria-controls="newest" id="{{ $tab.getUrl() }}">
					<xf:if is="{$tab.icon}"><i class="{$tab.icon}"></i></xf:if>
					<xf:if is="!{$tab.show_icon_only}"><span class="forum-tab-title">{$tab.title}</span></xf:if>
				</a>
				<xf:else />
				<a href="{{ $tab.type == 'nodes' ? '#' . $tab.getUrl() : link('forums/tab-show', null, {'tab_id':$tab.tab_id}) }}"
				   class="tabs-tab"
				   role="tab"
				   aria-controls="newest" id="{{ $tab.getUrl() }}">
					<xf:if is="$tab.tab_id == 1">
					<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M22 6.25V11.35C22 12.62 21.58 13.69 20.83 14.43C20.09 15.18 19.02 15.6 17.75 15.6V17.41C17.75 18.09 16.99 18.5 16.43 18.12L15.46 17.48C15.55 17.17 15.59 16.83 15.59 16.47V12.4C15.59 10.36 14.23 9 12.19 9H5.39999C5.25999 9 5.13 9.01002 5 9.02002V6.25C5 3.7 6.7 2 9.25 2H17.75C20.3 2 22 3.7 22 6.25Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
						<path d="M15.59 12.4V16.47C15.59 16.83 15.55 17.17 15.46 17.48C15.09 18.95 13.87 19.87 12.19 19.87H9.47L6.45 21.88C6 22.19 5.39999 21.86 5.39999 21.32V19.87C4.37999 19.87 3.53 19.53 2.94 18.94C2.34 18.34 2 17.49 2 16.47V12.4C2 10.5 3.18 9.19002 5 9.02002C5.13 9.01002 5.25999 9 5.39999 9H12.19C14.23 9 15.59 10.36 15.59 12.4Z" fill="#006fcd" fill-opacity="0.25" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
					</svg>
					</xf:if>
					<xf:if is="$tab.tab_id == 10">
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.13 12.85"><g id="surface1"><path d="m0,0h.2-.12c.51.21,1.08.4,1.41.65.5.33.85.7.86,1.07.01,3.07-.01,6.13,0,9.2,0,.31-.04.62-.3.92-.37.38-.93.76-1.93,1.01H.01c.29-.13.49-.28.65-.43.51-.49.62-1.02.59-1.53.02-3.01,0-6.02.01-9.03.01-.64-.34-1.29-1.26-1.86Z" style="fill:#006fcd; fill-rule:evenodd;"/><path d="m7.05,0h.08c-.27.17-.49.33-.69.51-.37.4-.58.82-.58,1.25v9.3c.01.57.19,1.15.99,1.67.09.04.18.08.27.12h-.1c-1.57-.41-2.26-1.08-2.29-1.72V1.72c.04-.65.97-1.26,2.32-1.72Z" style="fill:#fff; fill-rule:evenodd;"/></g></svg>
					</xf:if>
						<xf:if is="$tab.tab_id == 2">
					<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M3.00977 11.2197V15.7097C3.00977 20.1997 4.80977 21.9997 9.29977 21.9997H14.6898C19.1798 21.9997 20.9798 20.1997 20.9798 15.7097V11.2197" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
						<path d="M12 17C10.33 17 9.5 17.83 9.5 19.5V22H14.5V19.5C14.5 17.83 13.67 17 12 17Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
						<path d="M12 12C13.83 12 15.18 10.51 15 8.68L14.34 2H9.66999L8.99999 8.68C8.81999 10.51 10.17 12 12 12Z" fill="#006fcd" fill-opacity="0.25" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
						<path d="M18.3098 12C20.3298 12 21.8098 10.36 21.6098 8.35L21.3298 5.6C20.9698 3 19.9698 2 17.3498 2H14.2998L14.9998 9.01C15.1698 10.66 16.6598 12 18.3098 12Z" fill="#006fcd" fill-opacity="0.25" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
						<path d="M5.63988 12C7.28988 12 8.77988 10.66 8.93988 9.01L9.15988 6.8L9.63988 2H6.58988C3.96988 2 2.96988 3 2.60988 5.6L2.33988 8.35C2.13988 10.36 3.61988 12 5.63988 12Z" fill="#006fcd" fill-opacity="0.25" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
					</svg>
					</xf:if>
					<xf:if is="$tab.tab_id == 3">
					<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" fill="#006fcd" fill-opacity="0.25" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
						<path d="M2 9H3C6 9 7 8 7 5V4" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
						<path d="M22 9H21C18 9 17 8 17 5V4" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
						<path d="M2 15H3C6 15 7 16 7 19V20" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
						<path d="M22 15H21C18 15 17 16 17 19V20" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
						<path d="M17 20.5H7C4 20.5 2 19 2 15.5V8.5C2 5 4 3.5 7 3.5H17C20 3.5 22 5 22 8.5V15.5C22 19 20 20.5 17 20.5Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
					</svg>
					</xf:if>
					<xf:if is="$tab.tab_id == 5">
					<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M11.9998 20.99L7 10L11 3" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linejoin="round"></path>
						<path d="M2.36993 8.30376L5.77466 3.93267C5.98816 3.64051 6.28031 3.41579 6.60618 3.24724C6.93204 3.08993 7.28038 3 7.63995 3H16.3596C16.7192 3 17.0788 3.07869 17.3934 3.24724C17.7305 3.40456 18.0002 3.64051 18.2362 3.93267L21.6409 8.30376C21.9668 8.70829 22.1241 9.22514 22.1016 9.74203C22.0679 10.2589 21.8656 10.7533 21.5061 11.1354L12.7639 20.6417C12.674 20.754 12.5504 20.8439 12.4156 20.9001C12.292 20.9563 12.1459 20.99 11.9998 20.99C11.8537 20.99 11.7076 20.9563 11.584 20.9001C11.4492 20.8439 11.3256 20.754 11.2357 20.6417L2.4823 11.1466C2.12273 10.7758 1.90923 10.2702 1.88676 9.74203C1.86428 9.2139 2.03283 8.69704 2.3587 8.29252L2.36993 8.30376Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"></path>
						<path d="M2 10H16.5" stroke="white" stroke-width="1.5" stroke-miterlimit="10"></path>
						<path d="M22 10H17" stroke="#006fcd" stroke-width="1.5" stroke-miterlimit="10"></path>
						<path d="M17.3936 3.24724C17.079 3.07869 16.7194 3 16.3598 3H13L17 10L12 20.99C12.1461 20.99 12.2922 20.9563 12.4158 20.9001C12.5506 20.8439 12.6742 20.754 12.7641 20.6417L21.5063 11.1354C21.8658 10.7533 22.0681 10.2589 22.1018 9.74203C22.1243 9.22514 21.967 8.70829 21.6411 8.30376L18.2364 3.93267C18.0004 3.64051 17.7307 3.40456 17.3936 3.24724Z" fill="#006fcd" fill-opacity="0.25" stroke="#006fcd" stroke-width="1.5" stroke-miterlimit="10" stroke-linejoin="round"></path>
					</svg>
					</xf:if>
					<xf:if is="!{$tab.show_icon_only}"><span id="test" class="forum-tab-title">{$tab.title}</span></xf:if>
				</a>
			</xf:if>
		</xf:foreach>
	</span>
</h2>
	</div>
		</div>
<ul class="tabPanes js-ForumTabsContent" style="margin-top: 5px;">
	<xf:foreach loop="{$tabs}" value="{$tab}" i="$i">
		<xf:if is="{$tab.type} == 'watched_threads'">
			<li role="tabpanel" id="{{ $tab.getUrl() }}" data-href="{{ link('watched/threads') }}"></li>
			<xf:elseif is="{$tab.type} == 'watched_nodes'" />
			<li role="tabpanel" id="{{ $tab.getUrl() }}" data-href="{{ link('watched/forums') }}"></li>
			<xf:else />
			<li role="tabpanel" id="{{ $tab.getUrl() }}" {{ $tab.type !='nodes' ? 'data-href="' . link('forums/tab-show', null, {'tab_id':$tab.tab_id}) . '"' : '' }}>
				<xf:if is="{$tab.type} == 'nodes'"><xf:macro template="forum_list" name="node_list" arg-children="{$tabsNodeTrees.{$tab.tab_id}}" arg-extras="{$nodeExtras}" /></xf:if>
			</li>
		</xf:if>
	</xf:foreach>
</ul>]]></template>
    <template title="xfa_rs_reputation_macros" type="public" addon_id="XFA/ReputationSystem" version_id="901010091" version_string="1.1.0"><![CDATA[<xf:macro name="reputation_item" arg-user="!" arg-reputation="!">
	<xf:if is="$xf.reply.template == 'xfa_rs_reputations_given'">
	<div class="dp-revouch-block">
    <div class="dp-revouch-block-header">
        <xf:if is="$reputation.rating == 0">
			<div class="dp-revouch-badge is-neutral" data-xf-init="tooltip" title="growviral received +3 reputation" id="js-XFUniqueId3">
				<svg class="revouch-stats-icon" width="20" height="20
				" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="#FB923C" fill-opacity="0.15"></path>
					<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#FB923C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
					<path d="M8.00897 9H8M16 9H15.991" stroke="#FB923C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
					<path d="M10 16L15 14" stroke="#FB923C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
				</svg>
				{$reputation.rating}
				<svg width="16" height="4" viewBox="0 0 16 4" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path opacity="0.33" d="M2 4C3.10457 4 4 3.10457 4 2C4 0.89543 3.10457 0 2 0C0.89543 0 0 0.89543 0 2C0 3.10457 0.89543 4 2 4Z" fill="currentColor"></path>
					<path opacity="0.66" d="M8 4C9.10457 4 10 3.10457 10 2C10 0.89543 9.10457 0 8 0C6.89543 0 6 0.89543 6 2C6 3.10457 6.89543 4 8 4Z" fill="currentColor"></path>
					<path d="M14 4C15.1046 4 16 3.10457 16 2C16 0.89543 15.1046 0 14 0C12.8954 0 12 0.89543 12 2C12 3.10457 12.8954 4 14 4Z" fill="currentColor"></path>
				</svg>
				<img class="avatar avatar--xxs avatar--default avatar--default--image" src="{{ link('data/avatars/s/') }}/0/{$reputation.to_user_id}.jpg" alt="{$value.username}" />
			</div>
            <xf:elseif is="$reputation.rating > 0" />
            <div class="dp-revouch-badge is-positive">
				<svg class="revouch-badge-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
				    <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="#34D399" fill-opacity="0.15"></path>
				    <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#34D399" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
				    <path d="M8 15C8.91212 16.2144 10.3643 17 12 17C13.6357 17 15.0879 16.2144 16 15" stroke="#34D399" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
				    <path d="M15 8C15 8 14 9 14 10C14.75 9 16.25 9 17 10" stroke="#34D399" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
				    <path d="M9 8C9 8 10 9 10 10C9.25 9 7.75 9 7 10" stroke="#34D399" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
				</svg>
				+{$reputation.rating}
				<svg width="16" height="4" viewBox="0 0 16 4" fill="none" xmlns="http://www.w3.org/2000/svg">
				    <path opacity="0.33" d="M2 4C3.10457 4 4 3.10457 4 2C4 0.89543 3.10457 0 2 0C0.89543 0 0 0.89543 0 2C0 3.10457 0.89543 4 2 4Z" fill="currentColor"></path>
				    <path opacity="0.66" d="M8 4C9.10457 4 10 3.10457 10 2C10 0.89543 9.10457 0 8 0C6.89543 0 6 0.89543 6 2C6 3.10457 6.89543 4 8 4Z" fill="currentColor"></path>
				    <path d="M14 4C15.1046 4 16 3.10457 16 2C16 0.89543 15.1046 0 14 0C12.8954 0 12 0.89543 12 2C12 3.10457 12.8954 4 14 4Z" fill="currentColor"></path>
				</svg>
				<img class="avatar avatar--xxs avatar--default avatar--default--image" src="{{ link('data/avatars/s/') }}/0/{$reputation.to_user_id}.jpg" alt="{$value.username}" />
            </div>
            <xf:elseif is="$reputation.rating < 0" />
			<div class="dp-revouch-badge is-negative" data-xf-init="tooltip" title="matthew received +3 reputation" id="js-XFUniqueId4">
				<svg class="revouch-stats-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="#DB3C3C" fill-opacity="0.15"></path>
					<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#DB3C3C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
					<path d="M8 17C8.91212 15.7856 10.3643 15 12 15C13.6357 15 15.0879 15.7856 16 17" stroke="#DB3C3C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
					<path d="M7 9.01067C7 9.01067 8.40944 8.88341 9.19588 9.50798M9.19588 9.50798L8.93275 10.3427C8.82896 10.6719 9.10031 11 9.4764 11C9.87165 11 10.1327 10.6434 9.92918 10.3348C9.74877 10.0612 9.50309 9.75196 9.19588 9.50798ZM17 9.01067C17 9.01067 15.5906 8.88341 14.8041 9.50798M14.8041 9.50798L15.0672 10.3427C15.171 10.6719 14.8997 11 14.5236 11C14.1283 11 13.8673 10.6434 14.0708 10.3348C14.2512 10.0612 14.4969 9.75196 14.8041 9.50798Z" stroke="#DB3C3C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
				</svg>
				-{$reputation.rating}
				<svg width="16" height="4" viewBox="0 0 16 4" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path opacity="0.33" d="M2 4C3.10457 4 4 3.10457 4 2C4 0.89543 3.10457 0 2 0C0.89543 0 0 0.89543 0 2C0 3.10457 0.89543 4 2 4Z" fill="currentColor"></path>
					<path opacity="0.66" d="M8 4C9.10457 4 10 3.10457 10 2C10 0.89543 9.10457 0 8 0C6.89543 0 6 0.89543 6 2C6 3.10457 6.89543 4 8 4Z" fill="currentColor"></path>
					<path d="M14 4C15.1046 4 16 3.10457 16 2C16 0.89543 15.1046 0 14 0C12.8954 0 12 0.89543 12 2C12 3.10457 12.8954 4 14 4Z" fill="currentColor"></path>
				</svg>
				<img class="avatar avatar--xxs avatar--default avatar--default--image" src="{{ link('data/avatars/s/') }}/0/{$reputation.to_user_id}.jpg" alt="{$value.username}" />
			</div>
        </xf:if>
        <div class="dp-revouch-date">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M18 2V4M6 2V4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                    stroke-linejoin="round"></path>
                <path
                    d="M2.5 12.2432C2.5 7.88594 2.5 5.70728 3.75212 4.35364C5.00424 3 7.01949 3 11.05 3H12.95C16.9805 3 18.9958 3 20.2479 4.35364C21.5 5.70728 21.5 7.88594 21.5 12.2432V12.7568C21.5 17.1141 21.5 19.2927 20.2479 20.6464C18.9958 22 16.9805 22 12.95 22H11.05C7.01949 22 5.00424 22 3.75212 20.6464C2.5 19.2927 2.5 17.1141 2.5 12.7568V12.2432Z"
                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M3 8H21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                    stroke-linejoin="round"></path>
            </svg>
            <xf:date time="{$reputation.rating_date}" />
        </div>
    </div>
    <div class="dp-revouch-block-content">
        <div class="bbWrapper">{{ bb_code($reputation.message, 'xfa_rs_reputation',
            $reputation) }}</div>
    </div>
    <div class="dp-revouch-block-user-action">
        <div class="dp-revouch-block-user">
            <xf:if is="!{$reputation.anonymous} || $reputation.canViewAnonymous()">
                <xf:avatar user="$reputation.User" size="xs" notooltip="true" />
                <xf:else />
                <xf:avatar user="{{ phrase('xfa_rs_anonymous') }}" defaultname="{{ phrase('xfa_rs_anonymous') }}"
                    size="xs" notooltip="true" />
            </xf:if>
            <xf:if is="!{$reputation.anonymous} || $reputation.canViewAnonymous()">
                <xf:username user="{$reputation.User}" username="{$reputation.User.username}" rich="true"
                    notooltip="true" />
                <xf:else />
                {{ phrase('xfa_rs_anonymous') }}
            </xf:if>
        </div>
        <div class="dp-revouch-block-action">
            <div class="buttonGroup-buttonWrapper">
                <button type="button" class="button" data-xf-click="menu" aria-expanded="false" aria-haspopup="true"
                    aria-controls="js-XFUniqueId7"><span class="button-text">
                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M10 11C10.5523 11 11 10.5523 11 10C11 9.44772 10.5523 9 10 9C9.44772 9 9 9.44772 9 10C9 10.5523 9.44772 11 10 11Z"
                                stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            </path>
                            <path
                                d="M10 4C10.5523 4 11 3.55228 11 3C11 2.44772 10.5523 2 10 2C9.44772 2 9 2.44772 9 3C9 3.55228 9.44772 4 10 4Z"
                                stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            </path>
                            <path
                                d="M10 18C10.5523 18 11 17.5523 11 17C11 16.4477 10.5523 16 10 16C9.44772 16 9 16.4477 9 17C9 17.5523 9.44772 18 10 18Z"
                                stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            </path>
                        </svg>
                    </span>
                </button>
                <div class="menu" data-menu="menu" aria-hidden="false" id="js-XFUniqueId42"
                    style="z-index: 206; left: 2165.5px; top: 591.766px;" tabindex="-1"><span class="menu-arrow"
                        style="left: 218px;"></span>
                    <div class="menu-content">
                        <xf:if is="$reputation.canDelete()">
                            <a class="menu-linkRow"
                                href="{{ link('members/ratings/delete', $user, {'reputation_id':$reputation.reputation_id}) }}"
                                data-xf-click="overlay">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
                                    <path fill="currentColor"
                                        d="M7 21q-.825 0-1.413-.588T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.588 1.413T17 21H7ZM17 6H7v13h10V6ZM9 17h2V8H9v9Zm4 0h2V8h-2v9ZM7 6v13V6Z" />
                                </svg>
                                {{ phrase('delete') }}
                            </a>
                        </xf:if>
                        <xf:if is="$reputation.canReport()">
                            <a class="menu-linkRow"
                                href="{{ link('members/ratings/report', $user, {'reputation_id':$reputation.reputation_id}) }}"
                                data-xf-click="overlay">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
                                    <path fill="currentColor"
                                        d="M12 17q.425 0 .713-.288T13 16q0-.425-.288-.713T12 15q-.425 0-.713.288T11 16q0 .425.288.713T12 17Zm-1-4h2V7h-2v6Zm-2.75 8L3 15.75v-7.5L8.25 3h7.5L21 8.25v7.5L15.75 21h-7.5Zm.85-2h5.8l4.1-4.1V9.1L14.9 5H9.1L5 9.1v5.8L9.1 19Zm2.9-7Z" />
                                </svg>
                                {{ phrase('report') }}
                            </a>
                        </xf:if>
                        <xf:if is="$reputation.canWarn()">
                            <a class="menu-linkRow"
                                href="{{ link('members/ratings/warn', $user, {'reputation_id':$reputation.reputation_id}) }}"
                                data-xf-click="overlay">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
                                    <path fill="currentColor" d="M12.5 8.752a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0Z" />
                                    <circle cx="11.999" cy="16.736" r=".5" fill="currentColor" />
                                    <path fill="currentColor"
                                        d="M18.642 20.934H5.385a2.5 2.5 0 0 1-2.222-3.644L9.792 4.421a2.5 2.5 0 0 1 4.444 0l6.629 12.869a2.5 2.5 0 0 1-2.223 3.644ZM12.014 4.065a1.478 1.478 0 0 0-1.334.814L4.052 17.748a1.5 1.5 0 0 0 1.333 2.186h13.257a1.5 1.5 0 0 0 1.334-2.186L13.348 4.879a1.478 1.478 0 0 0-1.334-.814Z" />
                                </svg>
                                {{ phrase('warn') }}
                            </a>
                        </xf:if>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<xf:else />
	<div class="dp-revouch-block">
    <div class="dp-revouch-block-header">
        <xf:if is="$reputation.rating == 0">
            <div class="dp-revouch-badge is-neutral">
                <svg class="revouch-stats-icon" width="24" height="24" viewBox="0 0 24 24" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                        fill="#FB923C" fill-opacity="0.15"></path>
                    <path
                        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                        stroke="#FB923C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M8.00897 9H8M16 9H15.991" stroke="#FB923C" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round"></path>
                    <path d="M10 16L15 14" stroke="#FB923C" stroke-width="1.5" stroke-linecap="round"
                        stroke-linejoin="round"></path>
                </svg>
                {$reputation.rating}
            </div>
            <xf:elseif is="$reputation.rating > 0" />
            <div class="dp-revouch-badge is-positive">
                <svg class="revouch-badge-icon" width="20" height="20" viewBox="0 0 24 24" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                        fill="#34D399" fill-opacity="0.15"></path>
                    <path
                        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                        stroke="#34D399" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M8 15C8.91212 16.2144 10.3643 17 12 17C13.6357 17 15.0879 16.2144 16 15" stroke="#34D399"
                        stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M15 8C15 8 14 9 14 10C14.75 9 16.25 9 17 10" stroke="#34D399" stroke-width="1.5"
                        stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M9 8C9 8 10 9 10 10C9.25 9 7.75 9 7 10" stroke="#34D399" stroke-width="1.5"
                        stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                +{$reputation.rating}
            </div>
            <xf:elseif is="$reputation.rating < 0" />
            <div class="dp-revouch-badge is-negative">
                <svg class="revouch-stats-icon" width="24" height="24" viewBox="0 0 24 24" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                        fill="#DB3C3C" fill-opacity="0.15"></path>
                    <path
                        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                        stroke="#DB3C3C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M8 17C8.91212 15.7856 10.3643 15 12 15C13.6357 15 15.0879 15.7856 16 17" stroke="#DB3C3C"
                        stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path
                        d="M7 9.01067C7 9.01067 8.40944 8.88341 9.19588 9.50798M9.19588 9.50798L8.93275 10.3427C8.82896 10.6719 9.10031 11 9.4764 11C9.87165 11 10.1327 10.6434 9.92918 10.3348C9.74877 10.0612 9.50309 9.75196 9.19588 9.50798ZM17 9.01067C17 9.01067 15.5906 8.88341 14.8041 9.50798M14.8041 9.50798L15.0672 10.3427C15.171 10.6719 14.8997 11 14.5236 11C14.1283 11 13.8673 10.6434 14.0708 10.3348C14.2512 10.0612 14.4969 9.75196 14.8041 9.50798Z"
                        stroke="#DB3C3C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                {$reputation.rating}
            </div>
        </xf:if>
        <div class="dp-revouch-date">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M18 2V4M6 2V4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                    stroke-linejoin="round"></path>
                <path
                    d="M2.5 12.2432C2.5 7.88594 2.5 5.70728 3.75212 4.35364C5.00424 3 7.01949 3 11.05 3H12.95C16.9805 3 18.9958 3 20.2479 4.35364C21.5 5.70728 21.5 7.88594 21.5 12.2432V12.7568C21.5 17.1141 21.5 19.2927 20.2479 20.6464C18.9958 22 16.9805 22 12.95 22H11.05C7.01949 22 5.00424 22 3.75212 20.6464C2.5 19.2927 2.5 17.1141 2.5 12.7568V12.2432Z"
                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M3 8H21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                    stroke-linejoin="round"></path>
            </svg>
            <xf:date time="{$reputation.rating_date}" />
        </div>
    </div>
    <div class="dp-revouch-block-content">
        <div class="bbWrapper">{{ bb_code($reputation.message, 'xfa_rs_reputation',
            $reputation) }}</div>
    </div>
    <div class="dp-revouch-block-user-action">
        <div class="dp-revouch-block-user">
            <xf:if is="!{$reputation.anonymous} || $reputation.canViewAnonymous()">
                <xf:avatar user="$reputation.User" size="xs" notooltip="true" />
                <xf:else />
                <xf:avatar user="{{ phrase('xfa_rs_anonymous') }}" defaultname="{{ phrase('xfa_rs_anonymous') }}"
                    size="xs" notooltip="true" />
            </xf:if>
            <xf:if is="!{$reputation.anonymous} || $reputation.canViewAnonymous()">
                <xf:username user="{$reputation.User}" username="{$reputation.User.username}" rich="true"
                    notooltip="true" />
                <xf:else />
                {{ phrase('xfa_rs_anonymous') }}
            </xf:if>
        </div>
        <div class="dp-revouch-block-action">
            <div class="buttonGroup-buttonWrapper">
                <button type="button" class="button" data-xf-click="menu" aria-expanded="false" aria-haspopup="true"
                    aria-controls="js-XFUniqueId7"><span class="button-text">
                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M10 11C10.5523 11 11 10.5523 11 10C11 9.44772 10.5523 9 10 9C9.44772 9 9 9.44772 9 10C9 10.5523 9.44772 11 10 11Z"
                                stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            </path>
                            <path
                                d="M10 4C10.5523 4 11 3.55228 11 3C11 2.44772 10.5523 2 10 2C9.44772 2 9 2.44772 9 3C9 3.55228 9.44772 4 10 4Z"
                                stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            </path>
                            <path
                                d="M10 18C10.5523 18 11 17.5523 11 17C11 16.4477 10.5523 16 10 16C9.44772 16 9 16.4477 9 17C9 17.5523 9.44772 18 10 18Z"
                                stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            </path>
                        </svg>
                    </span>
                </button>
                <div class="menu" data-menu="menu" aria-hidden="false" id="js-XFUniqueId42"
                    style="z-index: 206; left: 2165.5px; top: 591.766px;" tabindex="-1"><span class="menu-arrow"
                        style="left: 218px;"></span>
                    <div class="menu-content">
                        <xf:if is="$reputation.canDelete()">
                            <a class="menu-linkRow"
                                href="{{ link('members/ratings/delete', $user, {'reputation_id':$reputation.reputation_id}) }}"
                                data-xf-click="overlay">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
                                    <path fill="currentColor"
                                        d="M7 21q-.825 0-1.413-.588T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.588 1.413T17 21H7ZM17 6H7v13h10V6ZM9 17h2V8H9v9Zm4 0h2V8h-2v9ZM7 6v13V6Z" />
                                </svg>
                                {{ phrase('delete') }}
                            </a>
                        </xf:if>
                        <xf:if is="$reputation.canReport()">
                            <a class="menu-linkRow"
                                href="{{ link('members/ratings/report', $user, {'reputation_id':$reputation.reputation_id}) }}"
                                data-xf-click="overlay">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
                                    <path fill="currentColor"
                                        d="M12 17q.425 0 .713-.288T13 16q0-.425-.288-.713T12 15q-.425 0-.713.288T11 16q0 .425.288.713T12 17Zm-1-4h2V7h-2v6Zm-2.75 8L3 15.75v-7.5L8.25 3h7.5L21 8.25v7.5L15.75 21h-7.5Zm.85-2h5.8l4.1-4.1V9.1L14.9 5H9.1L5 9.1v5.8L9.1 19Zm2.9-7Z" />
                                </svg>
                                {{ phrase('report') }}
                            </a>
                        </xf:if>
                        <xf:if is="$reputation.canWarn()">
                            <a class="menu-linkRow"
                                href="{{ link('members/ratings/warn', $user, {'reputation_id':$reputation.reputation_id}) }}"
                                data-xf-click="overlay">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
                                    <path fill="currentColor" d="M12.5 8.752a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0Z" />
                                    <circle cx="11.999" cy="16.736" r=".5" fill="currentColor" />
                                    <path fill="currentColor"
                                        d="M18.642 20.934H5.385a2.5 2.5 0 0 1-2.222-3.644L9.792 4.421a2.5 2.5 0 0 1 4.444 0l6.629 12.869a2.5 2.5 0 0 1-2.223 3.644ZM12.014 4.065a1.478 1.478 0 0 0-1.334.814L4.052 17.748a1.5 1.5 0 0 0 1.333 2.186h13.257a1.5 1.5 0 0 0 1.334-2.186L13.348 4.879a1.478 1.478 0 0 0-1.334-.814Z" />
                                </svg>
                                {{ phrase('warn') }}
                            </a>
                        </xf:if>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</xf:if>
</xf:macro>]]></template>
    <template title="xfa_rs_reputations" type="public" addon_id="XFA/ReputationSystem" version_id="901010091" version_string="1.1.0"><![CDATA[<xf:title page="{$page}">{{ phrase('xfa_rs_reputations_on_x', {'name': $user.username}) }}</xf:title>

<xf:breadcrumb href="{{ link('members', $user) }}">Reputation summary of {$user.username}</xf:breadcrumb>

<xf:css src="xfa_rs_reputations.less" />
<xf:css src="dp_vouches.less" />
<xf:css src="message.less" />

<div class="dp-revouch-profile">
    <div>
        <div class="dp-revouch-profile-details">
            <xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="image" />
            <h3 class="dp-revouch-profile-username">
                <xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" />
                <div class="dp-badge-number" data-xf-init="tooltip" title="Total Reputation: {$user.xfa_rs_total}"
                    style="color:#34D399!important;background:rgba(52,211,153,0.25)!important;" id="js-XFUniqueId1">
                    {$user.xfa_rs_total}
                </div>
            </h3>
        </div>
    </div>
    <div>
        <div class="dp-revouch-profile-stats">
            <div class="dp-revouch-stats-item">
                <svg class="revouch-stats-icon" width="24" height="24" viewBox="0 0 24 24" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                        fill="#34D399" fill-opacity="0.15"></path>
                    <path
                        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                        stroke="#34D399" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M8 15C8.91212 16.2144 10.3643 17 12 17C13.6357 17 15.0879 16.2144 16 15" stroke="#34D399"
                        stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M15 8C15 8 14 9 14 10C14.75 9 16.25 9 17 10" stroke="#34D399" stroke-width="1.5"
                        stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M9 8C9 8 10 9 10 10C9.25 9 7.75 9 7 10" stroke="#34D399" stroke-width="1.5"
                        stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <div>
                    <p class="dp-revouch-stats-number">{$user.xfa_rs_positives}</p>
                    <p>Positives</p>
                </div>
            </div>
            <div class="dp-revouch-stats-item">
                <svg class="revouch-stats-icon" width="24" height="24" viewBox="0 0 24 24" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                        fill="#FB923C" fill-opacity="0.15"></path>
                    <path
                        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                        stroke="#FB923C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M8.00897 9H8M16 9H15.991" stroke="#FB923C" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round"></path>
                    <path d="M10 16L15 14" stroke="#FB923C" stroke-width="1.5" stroke-linecap="round"
                        stroke-linejoin="round"></path>
                </svg>
                <div>
                    <p class="dp-revouch-stats-number">{$user.xfa_rs_neutrals}</p>
                    <p>Neutrals</p>
                </div>
            </div>
            <div class="dp-revouch-stats-item">
                <svg class="revouch-stats-icon" width="24" height="24" viewBox="0 0 24 24" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                        fill="#DB3C3C" fill-opacity="0.15"></path>
                    <path
                        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                        stroke="#DB3C3C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M8 17C8.91212 15.7856 10.3643 15 12 15C13.6357 15 15.0879 15.7856 16 17" stroke="#DB3C3C"
                        stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path
                        d="M7 9.01067C7 9.01067 8.40944 8.88341 9.19588 9.50798M9.19588 9.50798L8.93275 10.3427C8.82896 10.6719 9.10031 11 9.4764 11C9.87165 11 10.1327 10.6434 9.92918 10.3348C9.74877 10.0612 9.50309 9.75196 9.19588 9.50798ZM17 9.01067C17 9.01067 15.5906 8.88341 14.8041 9.50798M14.8041 9.50798L15.0672 10.3427C15.171 10.6719 14.8997 11 14.5236 11C14.1283 11 13.8673 10.6434 14.0708 10.3348C14.2512 10.0612 14.4969 9.75196 14.8041 9.50798Z"
                        stroke="#DB3C3C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <div>
                    <p class="dp-revouch-stats-number">{$user.xfa_rs_negatives}</p>
                    <p>Negatives</p>
                </div>
            </div>
        </div>
        <div class="dp-revouch-profile-buttons">
            <a href="{{ link('members/given-ratings', $user) }}" class="button">
				<span class="button-text">
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M15.39 5.21L16.7999 8.02999C16.9899 8.41999 17.4999 8.78999 17.9299 8.86999L20.48 9.28999C22.11 9.55999 22.49 10.74 21.32 11.92L19.3299 13.91C18.9999 14.24 18.81 14.89 18.92 15.36L19.4899 17.82C19.9399 19.76 18.9 20.52 17.19 19.5L14.7999 18.08C14.3699 17.82 13.65 17.82 13.22 18.08L10.8299 19.5C9.11994 20.51 8.07995 19.76 8.52995 17.82L9.09996 15.36C9.20996 14.9 9.01995 14.25 8.68995 13.91L6.69996 11.92C5.52996 10.75 5.90996 9.56999 7.53996 9.28999L10.0899 8.86999C10.5199 8.79999 11.03 8.41999 11.22 8.02999L12.63 5.21C13.38 3.68 14.62 3.68 15.39 5.21Z"
                            stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round">
                        </path>
                        <path d="M8 5H2" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                        <path d="M5 19H2" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                        <path d="M3 12H2" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"
                            stroke-linejoin="round"></path>
                    </svg>
                    Given Reputation
                </span>
			</a>
        </div>
    </div>
</div>
<h3 class="dp-heading-m">
Reputation
</h3>
<xf:if is="!{$inProfile}">
    <div class="block-outer">
        <xf:pagenav page="{$page}" perpage="{$perPage}" total="{$total}" link="members/ratings" data="{$user}"
            params="{$filters}" wrapperclass="block-outer-main" />

        <xf:showignored wrapperclass="block-outer-opposite" />
        <div class="filterBar">
            <xf:if contentcheck="true">
                <ul class="filterBar-filters">
                    <xf:contentcheck>
                        <xf:if is="$filters.type">
                            <li><a href="{{ link('members/ratings', $user, $filters|replace('type', null)) }}"
                                    class="filterBar-filterToggle" data-xf-init="tooltip"
                                    title="{{ phrase('remove_this_filter')|for_attr }}">
                                    <span class="filterBar-filterToggle-label">{{ phrase('type:') }}</span>
                                    <xf:if is="$filters.type == 'positives'">{{ phrase('xfa_rs_positives_only') }}
                                        <xf:elseif is="$filters.type == 'negatives'" />{{
                                        phrase('xfa_rs_negatives_only') }}
                                        <xf:else />{{ phrase('xfa_rs_neutrals_only') }}
                                    </xf:if>
                                </a></li>
                        </xf:if>
                        <xf:if is="$filters.order AND {$sortOrders.{$filters.order}}">
                            <li><a href="{{ link('members/ratings', $user, $filters|replace({'order': null, 'direction': null})) }}"
                                    class="filterBar-filterToggle" data-xf-init="tooltip"
                                    title="{{ phrase('return_to_default_order')|for_attr }}">
                                    <span class="filterBar-filterToggle-label">{{ phrase('sort_by:') }}</span>
                                    {$sortOrders.{$filters.order}}
                                    <xf:fa icon="{{ $filters.direction == 'asc' ? 'fa-angle-up' : 'fa-angle-down' }}" />
                                    <span class="u-srOnly">
                                        <xf:if is="$filters.direction == 'asc'">{{ phrase('ascending') }}
                                            <xf:else />{{ phrase('descending') }}
                                        </xf:if>
                                    </span>
                                </a></li>
                        </xf:if>
                    </xf:contentcheck>
                </ul>
            </xf:if>

            <a class="filterBar-menuTrigger" data-xf-click="menu" role="button" tabindex="0" aria-expanded="false"
                aria-haspopup="true">{{ phrase('filters') }}</a>
            <div class="menu menu--wide" data-menu="menu" aria-hidden="true"
                data-href="{{ link('members/ratings/filters', $user, $filters) }}"
                data-load-target=".js-filterMenuBody">
                <div class="menu-content">
                    <h4 class="menu-header">{{ phrase('show_only:') }}</h4>
                    <div class="js-filterMenuBody">
                        <div class="menu-row">{{ phrase('loading...') }}</div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</xf:if>


<div class="block">
    <div class="block-outer">
        <xf:trim>
            <xf:if is="!{$inProfile}">
                <xf:pagenav page="{$page}" perpage="{$perPage}" total="{$total}" link="members/ratings" data="{$user}"
                    params="{$filters}" wrapperclass="block-outer-main" />
            </xf:if>
			<xf:comment>
				<xf:if is="$xf.visitor.canRateRS() && $user.user_id != $xf.visitor.user_id">
					<div class="block-outer-opposite">
						<xf:button href="{{ link('members/ratings/give', $user) }}" class="button--link" overlay="true">
							<xf:if is="{$existingReputation}">{{ phrase('xfa_rs_update_reputation') }}
								<xf:else />{{ phrase('xfa_rs_give_reputation') }}
							</xf:if>
						</xf:button>
					</div>
				</xf:if>
			</xf:comment>
        </xf:trim>
    </div>

    <ol class="block-body">
        <xf:if is="!{$inProfile}">
            <xf:set var="$sortOrders" value="{{ {
				'last_update': phrase('xfa_rs_last_updated'),
				'username': phrase('xfa_rs_username')
			} }}" />


        </xf:if>

        <xf:if is="$reputations is not empty">
            
                <xf:foreach loop="$reputations" value="$reputation">
                    <xf:macro template="xfa_rs_reputation_macros" name="reputation_item" arg-user="{$user}"
                        arg-reputation="{$reputation}" />
                </xf:foreach>
            
            <xf:else />
            
                <div class="blockMessage">
                    {{ phrase('xfa_rs_user_has_no_reputations_yet') }}
                </div>
            
        </xf:if>

        <xf:if is="{$inProfile}">
            <div class="block-footer">
                <span class="block-footer-controls">
                    <xf:button href="{{ link('members/ratings', $user) }}" rel="nofollow">
                        {{ phrase('see_more') }}
                    </xf:button>
                </span>
            </div>
        </xf:if>
		
    </ol>
</div>]]></template>
    <template title="xfa_rs_reputations_given" type="public" addon_id="" version_id="901010091" version_string="1.1.0"><![CDATA[<xf:title page="{$page}">Given Reputation by {$user.username}</xf:title>
<xf:h1 hidden="true"/>

<xf:breadcrumb href="{{ link('members', $user) }}">Reputation summary of {$user.username}</xf:breadcrumb>

<xf:css src="xfa_rs_reputations.less" />
<xf:css src="dp_vouches.less" />
<xf:css src="message.less" />

<div class="p-body-header">
	<div class="p-title ">
	<h1 class="p-title-value">Given Reputation by {$user.username}</h1>
		<div class="p-title-pageAction">
			<a href="{{ link('members/ratings/', $user) }}" class="button"><span class="button-text">View Received Rep</span></a>
		</div>
	</div>
</div>

<div class="block">
    <div class="block-outer">
        <xf:trim>
            <xf:if is="!{$inProfile}">
                <xf:pagenav page="{$page}" perpage="{$perPage}" total="{$total}" link="members/ratings" data="{$user}"
                    params="{$filters}" wrapperclass="block-outer-main" />
            </xf:if>
			<xf:comment>
				<xf:if is="$xf.visitor.canRateRS() && $user.user_id != $xf.visitor.user_id">
					<div class="block-outer-opposite">
						<xf:button href="{{ link('members/ratings/give', $user) }}" class="button--link" overlay="true">
							<xf:if is="{$existingReputation}">{{ phrase('xfa_rs_update_reputation') }}
								<xf:else />{{ phrase('xfa_rs_give_reputation') }}
							</xf:if>
						</xf:button>
					</div>
				</xf:if>
			</xf:comment>
        </xf:trim>
    </div>

    <ol class="block-body">
        <xf:if is="!{$inProfile}">
            <xf:set var="$sortOrders" value="{{ {
				'last_update': phrase('xfa_rs_last_updated'),
				'username': phrase('xfa_rs_username')
			} }}" />


        </xf:if>

        <xf:if is="$reputations is not empty">
            
                <xf:foreach loop="$reputations" value="$reputation">
                    <xf:macro template="xfa_rs_reputation_macros" name="reputation_item" arg-user="{$user}"
                        arg-reputation="{$reputation}" />
                </xf:foreach>
            
            <xf:else />
            
                <div class="blockMessage">
                    {{ phrase('xfa_rs_user_has_no_reputations_yet') }}
                </div>
            
        </xf:if>

        <xf:if is="{$inProfile}">
            <div class="block-footer">
                <span class="block-footer-controls">
                    <xf:button href="{{ link('members/ratings', $user) }}" rel="nofollow">
                        {{ phrase('see_more') }}
                    </xf:button>
                </span>
            </div>
        </xf:if>
		
    </ol>
</div>]]></template>
    <template title="xfdev_bug_tracker_create" type="public" addon_id="" version_id="1001270" version_string="1.0.12"><![CDATA[<xf:title>
    <xf:if is="$bugReport.bug_tracker_id">
        Edit Bug: {$bugReport.bug_title}
        <xf:else />
        Create Bug Report
    </xf:if>
</xf:title>
<xf:css src="xfdev_bug_tracker_style.less" />
<xf:css src="bug_tracker.css" />
<main>
    <div class="content">
        <div class="page-header bg-danger mt-n3 mb-3">
            <div class="container d-flex flex-row align-items-center">
                <div class="flex-fill" id="header-title">
                    <h1 class="flex-fill">Report an Issue</h1>
                    <h3>Bug Tracker</h3>
                </div>
                <div class="flex-shrink-0 flex-grow-0 ml-3">
                    <a href="{{ link('bug-tracker') }}">
                        <button type="button" class="btn btn-transparent" id="report-button"><i class="fas fa-long-arrow-alt-left"></i> Back to Bug Tracker</button>
                    </a>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="alert bg-info mt-3 mb-4"><i class="fas fa-exclamation-circle mr-2"></i> Do not report issues regarding security here. Message an administrator instead. </div>
            <form action="{{ link('bug-tracker/save-report',$bugReport) }}" method="POST" data-force-flash-message="true" ajax="true">
                <div class="wrapper mb-3">
                    <div class="main-title bg-primary">Report an Issue</div>
                    <div class="js-controls">
                        <div class="main-row p-3">
                            <input type="text" class="form-control" placeholder="Enter a short title" name="report_title" value="{$bugReport.bug_title}" size="50" maxlength="250">
                        </div>
                        <div class="main-row p-3 font-weight-bold"><i class="fas fa-exclamation-circle mr-1"></i> Please use images and links wherever possible. This would help us in fixing the bug quickly. </div>
                        <div class="main-row">
                            <xf:editor rowclass="formRow--noColon" name="report_message" value="{$bugReport.bug_message}" placeholder="{{ phrase('xfdev_bug_report_message_placeholder') }}"> </xf:editor>
                        </div>
                        <xf:csrf />
                        <xf:submitrow submit="Save Report" fa="fa-save" icon="" />
                    </div>
                </div>
            </form>
        </div>
    </div>
</main>]]></template>
    <template title="xfdev_bug_tracker_index" type="public" addon_id="" version_id="1001270" version_string="1.0.12"><![CDATA[<xf:title>Bug Tracker</xf:title>

<xf:css src="xfdev_bug_tracker_style.less"/>
<xf:css src="bug_tracker.css"/>
<main>
    <div class="content">
        <div class="page-header bg-danger mt-n3 mb-3">
            <div class="container d-flex flex-row align-items-center">
                <h1 class="flex-fill">🐞 Bug Tracker</h1>
                <div class="flex-shrink-0 flex-grow-0 ml-3">
                    <a href="{{ link('bug-tracker/create') }}">
                        <button type="button" class="btn btn-transparent" id="report-button">Report Issue</button>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="d-flex flex-row align-items-center mb-3">
            <h2 class="text-danger font-weight-bold flex-fill">
                Reported Issues </h2>
            <div class="flex-shrink-0 flex-grow-0 ml-3">
                <select class="custom-select bg-secondary border-secondary" name="filter" onchange="location = this.value">
                    <option value="--" selected="">Select Filter</option>
                    <option value="{{ link('bug-tracker') }}">All</option>
                    <option value="{{ link('bug-tracker','',{'filter': 1}) }}">Fixed</option>
                    <option value="{{ link('bug-tracker','',{'filter': 2}) }}">Confirmed</option>
                    <option value="{{ link('bug-tracker','',{'filter': 3}) }}">Awaiting Response</option>
                    <option value="{{ link('bug-tracker','',{'filter': 4}) }}">Discarded</option>
                </select>
            </div>
        </div>

        <xf:if is="$bugReports is not empty">
            <div class="wrapper mb-3">
                <xf:foreach loop="$bugReports" key="$bug_report_id" value="$report">
                    <div class="main-row p-3 d-flex flex-row align-items-center">
                        <div class="bug-status position-relative mr-3 flex-shrink-0 flex-grow-0 {$report.status.class}"
                             data-xf-init="tooltip" data-placement="top" title=""
                             data-original-title="{$report.status.title}"></div>
                        <div class="bug-info flex-fill no-overflow">
                            <div class="bug-info-title font-weight-bold"><a href="{{ link('bug-tracker',$report) }}">{$report.bug_title}</a>
                            </div>
                            <div class="font-size-08 font-weight-bold text-secondary">Submitted by
                                <xf:username user="$report.User"/>
                                <span class="date-separator" style="font-weight: bolder">.</span>
                                <span><xf:date time="$report.created_at"/></span>
                            </div>
                        </div>
                    </div>
                </xf:foreach>
            </div>
            <xf:else/>
            <div class="wrapper mb-3">
                <div class="main-row p-3">{{ phrase('xfdev_bt_no_bugs_submitted') }}</div>
            </div>
        </xf:if>

        <xf:pagenav page="{$page}" perpage="{$perPage}" total="{$total}"
            	link="bug-tracker" params="{$params}"
            	wrapperclass="block-outer block-outer--after" />
    </div>
</main>]]></template>
    <template title="xfdev_bug_tracker_macros" type="public" addon_id="" version_id="1001270" version_string="1.0.12"><![CDATA[<xf:macro name="xfdev_bug_tracker_report" arg-bugReport="!">

    <xf:set var="$id" value="bugTrackerReport-{$bugReport.bug_tracker_id}"/>

    <xf:form action="{{ link('bug-tracker/save-report',$bugReport) }}"
             data-xf-init="bug-tracker-edit"
             data-replace="#{$id} with #{$id}"
             class="block bugTrackerReport" ajax="1" id="{$id}">
        <article class="main-row p-3 bugtracker-report" id="#bug-report-{$bugReport.bug_tracker_id}">
            <div class="d-flex flex-row align-items-center mb-3">
                <div class="avatar-30 flex-shrink-0 flex-grow-0 mr-3">
                    <xf:avatar user="$bugReport.User" size="xs"/>
                </div>
                <div class="flex-fill">
                    <div class="font-weight-bold font-size-09">
                        <xf:username user="$bugReport.User"/>
                    </div>
                    <div class="font-weight-bold font-size-07 text-secondary">
                        <xf:date time="$bugReport.created_at"/>
                    </div>
                </div>

                <xf:if is="$xf.visitor.canManageBugTracker()">
                    <div class="flex-fill">
                        <div class="d-flex flex-row align-items-center justify-content-center" style="justify-content: flex-end;">
                            <div class="dropdown">
                                <button type="button" class="button" data-xf-click="menu" aria-expanded="false"
                                    aria-haspopup="true">
                                    <i class="fas fa-cog"></i>
                                </button>
								<div class="menu" data-menu="menu" aria-hidden="true"> 
                                <div class="menu-content">

                                    <xf:if is="$xf.visitor.canChangeBugStatus()">
                                        <xf:if is="$bugReport.bug_status != 'confirmed'">
                                            <a class="dropdown-item"
                                               href="{{ link('bug-tracker/mark-confirmed',$bugReport) }}"
                                               data-xf-click="overlay">Mark Bug as Confirmed</a>
                                        </xf:if>

                                        <xf:if is="$bugReport.bug_status != 'fixed'">
                                            <a class="dropdown-item"
                                               href="{{ link('bug-tracker/mark-fixed',$bugReport) }}"
                                               data-xf-click="overlay">
                                                Mark Bug as Fixed
                                            </a>
                                        </xf:if>

                                        <xf:if is="$bugReport.bug_status != 'not_a_bug'">
                                            <a class="dropdown-item"
                                               href="{{ link('bug-tracker/mark-not-bug',$bugReport) }}"
                                               data-xf-click="overlay">
                                                Mark Bug as Not a Bug
                                            </a>
                                        </xf:if>
                                    </xf:if>

                                    <xf:if is="$bugReport.canDelete()">
                                        <a class="dropdown-item" href="{{ link('bug-tracker/delete',$bugReport) }}"
                                           data-xf-click="overlay">Delete Bug</a>
                                    </xf:if>

                                </div>
                            </div>
							</div>

                            <!--                            <a href="/threads/new-thread.4/reply">-->
                            <!--                                <button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="top"-->
                            <!--                                        title="" data-original-title="Reply to this thread">Reply-->
                            <!--                                    <i class="fas fa-reply fa-flip-horizontal ml-1"></i>-->
                            <!--                                </button>-->
                            <!--                            </a>-->

                        </div>
                    </div>
                </xf:if>
            </div>

            <div class="main-content js-quickEditTarget" style="width: 100%; height: 100%">
                {{ bb_code($bugReport.bug_message,'bug',$bugReport) }}

                <footer class="message-footer" style="margin-top: 10px; display: flex; justify-content: space-between;">
                    <div class="message-actionBar actionBar">
                        <div class="actionBar-set actionBar-set--internal">
                            <a href="{{ link('bug-tracker/edit',$bugReport) }}"
                               data-xf-click="inserter"
                               data-replace="#bugTrackerReport-{$bugReport.bug_tracker_id} .js-quickEditTarget with .js-controls"
                               class="actionBar-action actionBar-action--edit actionBar-action--menuItem">Edit</a>
                        </div>
                    </div>
                    <div>
                        Last Updated: <xf:date time="$bugReport.updated_at" />
                    </div>
                </footer>
            </div>
        </article>
    </xf:form>
</xf:macro>

<xf:macro name="xfdev_bug_tracker_comment" arg-comment="!">
    <div class="main-row p-3 bugtracker-comment">
        <div class="d-flex flex-row align-items-center mb-3">
            <div class="avatar-30 flex-shrink-0 flex-grow-0 mr-3">
                <xf:avatar user="$comment.User" size="xs"/>
            </div>
            <div class="flex-fill">
                <div class="font-weight-bold font-size-09">
                    <xf:username user="$comment.User"/>
                </div>
                <div class="font-weight-bold font-size-07 text-secondary">
                    <xf:date time="$comment.created_at"/>
                </div>
            </div>

            <xf:if is="$comment.canDelete()">
                <div class="flex-fill">
                    <div class="d-flex flex-row align-items-center justify-content-center" style="justify-content: flex-end">
                        <div class="dropdown">
                            <button class="btn btn-secondary mr-1" type="button" id="threadOptions"
                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <i class="fas fa-cog"></i>
                            </button>
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="threadOptions"
                                 style="width: 220px; min-width: unset; position: absolute; transform: translate3d(-176px, 36px, 0px); top: 0px; left: 0px; will-change: transform;"
                                 x-placement="bottom-end">

                                <a class="dropdown-item" href="{{ link('bug-comments/delete',$comment) }}"
                                   data-xf-click="overlay">Delete Reply</a>
                            </div>
                        </div>
                    </div>
                </div>
            </xf:if>
        </div>

        {{ bb_code($comment.message,'comment',$comment) }}
    </div>
</xf:macro>]]></template>
    <template title="xfdev_bug_tracker_style.less" type="public" addon_id="" version_id="1001270" version_string="1.0.12"><![CDATA[html{
  font-size: 16px;
}

body{
  font-size: 14px;
}

.page-header{
  h1{
    font-size: 28.8px;
  }

  #report-button{
    font-size: 13px;
  }
}

.container{
  h2{
    font-size: 22.4px !important;
  }

  h3{
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.75);
    font-weight: 400;
  }

  .custom-select{
    font-size: 14.4px;
    height: 37px;
  }

  .alert{
    padding: 12px 16px;
  }
}

input.form-control{
  padding: 6px 12px !important;
}

input.form-control::placeholder {
  font-size: 15px;
}

.fr-box.fr-basic{
  background-color: var(--bg-secondary);
  border: 1px solid var(--bg-tertiary);
}

.fr-placeholder{
  font-size: 15px !important;
}



.fr-box.fr-basic .fr-wrapper:focus-within {
  background-color: #1b202b !important;
}

.form-control{
  color: white !important;
}

@media only screen and (max-width: 600px)  {
  .page-header .container{
    display: block !important;
  }

  #header-title{
    margin-bottom: 5px;
  }
}

#reply-box .main-row:only-child{
  border-radius: unset;
}

@media (min-width: 576px) {
  .main-row:first-child {
    border-radius: unset;
  }
}

.bug-status::before {
  font-size: 14px !important;
}

.closed-reply-box{
  padding: 10px;
  text-align: center;
  font-size: 15px;
	font-weight: 400 !important;
}

.closed-reply-box.fixed{
  background-color: #43A047;
  color: white;
}

.closed-reply-box.not-a-bug{
  background-color: #DC3545;
  color: white;
}

.closed-reply-box.no-permission-to-reply{
  background-color: #DC3545;
  color: whitesmoke;
}

.overlay-container{
  z-index: 1000 !important;
}

.formSubmitRow-controls{
  text-align: center;
  padding-left: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 650px) {
  .wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 650px) {
  .actionBar .actionBar-action.actionBar-action--menuItem {
      display: inline-block !important;
  }
}]]></template>
    <template title="xfdev_bug_tracker_view" type="public" addon_id="" version_id="1001270" version_string="1.0.12"><![CDATA[<xf:title>{$bugReport.bug_title} - Bug Tracker</xf:title>

<xf:css src="xfdev_bug_tracker_style.less"/>
<xf:css src="bug_tracker.css"/>
<xf:js src="XFDev/BugTracker/bugtracker-edit.js" />

<style>
    #bug-status {
        padding: 6px 10px;
        background-color: {$bugReport.status.color};
        display: inline-block;
        color: white;
        margin-top: 10px;
        border-radius: 30px;
        box-shadow: 2px 2px 4px rgba(0,0,0,0.35);
        letter-spacing: 1px;
    }
</style>

<main>
    <div class="content">
        <div class="page-header bg-danger mt-n3 mb-3">
            <div class="container d-flex flex-row align-items-center">
                <div class="flex-fill" id="header-title">
                    <h1>{$bugReport.bug_title}</h1>
                    <h3>Submitted by <a href="/profile/305500">{$bugReport.User.username}</a> on <span
                            title="01-09-2021, 11:02 PM"><xf:date time="$bugReport.created_at"/></span>
                    </h3>
                </div>

                <div class="flex-shrink-0 flex-grow-0 ml-3">
                    <a href="{{ link('bug-tracker') }}">
                        <button type="button" class="btn btn-transparent" id="report-button"><i
                                class="fas fa-long-arrow-alt-left"></i> Back to Bug Tracker
                        </button>
                    </a>
                </div>
            </div>
            <div class="container">
                <div id="bug-status">
                    {$bugReport.status.title}
                </div>
            </div>
        </div>

        <div class="container">
            <xf:pagenav page="{$page}" perpage="{$perPage}" total="{$total}"
                        link="bug-tracker" data="{$bugReport}" params="{$params}"
                        wrapperclass="block-outer block-outer--after"/>

            <!--            Bug Report-->
            <xf:macro name="xfdev_bug_tracker_macros::xfdev_bug_tracker_report" arg-bugReport="{$bugReport}" />

            <!--            Bug Comments-->
            <xf:foreach loop="$bugComments" key="$bug_comment_id" value="$comment">
                <xf:macro name="xfdev_bug_tracker_macros::xfdev_bug_tracker_comment" arg-comment="{$comment}" />
            </xf:foreach>

            <xf:if is="$xf.visitor.canReplyToBugReport()">
                <xf:if is="$bugReport.bug_status == 'fixed'">

                    <div class="closed-reply-box fixed">
                        {{ phrase('xfdev_bug_tracker_marked_fixed') }}
                    </div>

                    <xf:elseif is="$bugReport.bug_status == 'not_a_bug'"/>
                    <div class="closed-reply-box not-a-bug">
                        {{ phrase('xfdev_bug_tracker_marked_discarded') }}
                    </div>
                    <xf:else/>
                    <div class="wrapper mb-3" id="reply-box">
                        <div class="main-row p-2 form-group">
                            <form action="{{ link('bug-tracker/reply',$bugReport) }}" method="POST"
                                  data-force-flash-message="true"
                                  ajax="true">
                                <xf:macro template="quick_reply_macros" name="body"/>
                                <xf:csrf/>
                            </form>
                        </div>
                    </div>
                </xf:if>

                <xf:else/>
                <div class="closed-reply-box no-permission-to-reply">
                    You do not have permission to reply in Bug Reports.
                </div>
            </xf:if>
            <xf:pagenav page="{$page}" perpage="{$perPage}" total="{$total}"
                        link="bug-tracker" data="{$bugReport}" params="{$params}"
                        wrapperclass="block-outer block-outer--after"/>
        </div>
    </div>
</main>

<!--<xf:js src="xf/message.js" min="1" />-->]]></template>
    <template title="xfdev_lucky_awards_list" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:title>{{ phrase('xfdev_lucky_awards') }}</xf:title>

<xf:css src="awards_pagestyle.less"  />

<style>
    .dataList-totalAwards {
        margin-top: 10px;
        font-size: 14px;
    }
	.block-container {
		background: transparent;
		box-shadow: none !important;
		border: none !important;
	}
	.categoryList-itemRow {
    display: flex;
    background: #272727;
    min-width: 0;
    margin: 5px;
    border-radius: 5px;
}
	.label.label--subtle {
    color: #fff;
background: #5c2a9ea6;
    border-color: #491f92;
}
	.categoryList-itemRow:hover {
    background: #252525;
}
	.categoryList-link:hover {
    text-decoration: none;
    color: white;
}
</style>

<div class="dp-tab-menu-wrapper">
    <h2 class="dp-tab-menu block-tabHeader tabs hScroller" data-xf-init="tabs h-scroller" role="tablist">
        <span class="hScroller-scroll">
            <a href="/awards/" class="tabs-tab" role="tab">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M8 21C8 19.5858 8 18.8787 8.43934 18.4393C8.87868 18 9.58579 18 11 18H13C14.4142 18 15.1213 18 15.5607 18.4393C16 18.8787 16 19.5858 16 21C16 21.5523 15.5523 22 15 22H9C8.44772 22 8 21.5523 8 21Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M12 13V18" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M6 22H18" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M13.0366 2.86651L14.0925 4.99573C14.2364 5.29212 14.6204 5.57642 14.9444 5.63086L16.8582 5.95145C18.082 6.15712 18.37 7.05236 17.4881 7.9355L16.0003 9.43563C15.7483 9.68968 15.6103 10.1796 15.6883 10.5305L16.1142 12.3875C16.4502 13.8574 15.6763 14.426 14.3864 13.6578L12.5926 12.5871C12.2687 12.3935 11.7347 12.3935 11.4048 12.5871L9.61096 13.6578C8.3271 14.426 7.54719 13.8513 7.88315 12.3875L8.3091 10.5305C8.3871 10.1796 8.24911 9.68968 7.99714 9.43563L6.5093 7.9355C5.6334 7.05236 5.91537 6.15712 7.13923 5.95145L9.05302 5.63086C9.37099 5.57642 9.75494 5.29212 9.89893 4.99573L10.9548 2.86651C11.5307 1.71116 12.4666 1.71116 13.0366 2.86651Z" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                All Awards
            </a>
            <a href="/awards/lucky" class="tabs-tab is-active" role="tab">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12 17C12 20.2 13.5 21.5 16 21.5" stroke="#006fcd" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M17.061 3.33315L17.5899 2.80136L17.061 3.33315ZM13.7446 3.54244L14.275 4.07277C14.2911 4.05659 14.3066 4.03967 14.3212 4.02207L13.7446 3.54244ZM17.6827 5.31596L16.958 5.12266C16.889 5.38127 16.9631 5.65703 17.1523 5.84629C17.3416 6.03554 17.6174 6.1096 17.876 6.04062L17.6827 5.31596ZM19.6655 5.9376L20.1973 5.40873L19.6655 5.9376ZM19.4562 9.25401L18.9766 8.67742C18.959 8.69206 18.942 8.70749 18.9259 8.72368L19.4562 9.25401ZM15.262 10.9996L15.0958 10.2682C14.7544 10.3458 14.512 10.6494 14.512 10.9996C14.512 11.3498 14.7544 11.6534 15.0959 11.731L15.262 10.9996ZM19.4569 12.7454L18.9265 13.2757C18.9427 13.2919 18.9596 13.3073 18.9772 13.3219L19.4569 12.7454ZM19.6662 16.0618L20.1979 16.5906L20.1979 16.5906L19.6662 16.0618ZM17.6833 16.6834L17.8766 15.9587C17.618 15.8898 17.3423 15.9638 17.153 16.1531C16.9638 16.3423 16.8897 16.6181 16.9587 16.8767L17.6833 16.6834ZM17.0617 18.6662L17.5906 19.198L17.5906 19.198L17.0617 18.6662ZM13.7453 18.4569L14.3219 17.9773C14.3072 17.9597 14.2918 17.9428 14.2756 17.9266L13.7453 18.4569ZM11.9996 14.2624L12.731 14.0962C12.6534 13.7547 12.3498 13.5124 11.9996 13.5124C11.6494 13.5124 11.3459 13.7547 11.2683 14.0962L11.9996 14.2624ZM10.2541 18.4563L9.72375 17.926C9.70756 17.9422 9.69213 17.9591 9.67749 17.9767L10.2541 18.4563ZM6.93767 18.6656L6.4088 19.1974L6.4088 19.1974L6.93767 18.6656ZM6.31603 16.6828L7.04069 16.8761C7.10967 16.6175 7.03561 16.3417 6.84636 16.1524C6.6571 15.9632 6.38134 15.8891 6.12273 15.9581L6.31603 16.6828ZM4.33322 16.0611L3.80143 16.59L3.80143 16.59L4.33322 16.0611ZM4.54251 12.7447L5.02214 13.3213C5.03974 13.3067 5.05666 13.2912 5.07284 13.2751L4.54251 12.7447ZM8.73446 10.9996L8.90069 11.731C9.24215 11.6534 9.48445 11.3498 9.48446 10.9996C9.48446 10.6495 9.24216 10.3459 8.90071 10.2683L8.73446 10.9996ZM4.54313 9.25469L5.07346 8.72436C5.05727 8.70817 5.04036 8.69273 5.02276 8.6781L4.54313 9.25469ZM4.33383 5.93828L4.86561 6.46715L4.33383 5.93828ZM6.31664 5.31664L6.12334 6.0413C6.38195 6.11028 6.65772 6.03622 6.84697 5.84697C7.03623 5.65771 7.11029 5.38195 7.04131 5.12334L6.31664 5.31664ZM6.93829 3.33383L6.40941 2.80204L6.93829 3.33383ZM10.2547 3.54312L9.6781 4.02275C9.69274 4.04035 9.70818 4.05727 9.72436 4.07345L10.2547 3.54312ZM11.9996 7.73418L11.2682 7.90044C11.3459 8.24189 11.6494 8.48418 11.9996 8.48418C12.3498 8.48417 12.6533 8.24187 12.7309 7.90042L11.9996 7.73418ZM17.5899 2.80136C16.329 1.54734 14.3495 1.64249 13.168 3.06281L14.3212 4.02207C14.9542 3.26114 15.9122 3.24838 16.5322 3.86493L17.5899 2.80136ZM18.4073 5.50926C18.7061 4.38934 18.2437 3.45155 17.5899 2.80136L16.5322 3.86493C16.9303 4.2609 17.0783 4.67174 16.958 5.12266L18.4073 5.50926ZM20.1973 5.40873C19.5471 4.75496 18.6093 4.29257 17.4894 4.5913L17.876 6.04062C18.3269 5.92034 18.7377 6.06833 19.1337 6.46647L20.1973 5.40873ZM19.9358 9.83059C21.3561 8.64912 21.4513 6.66965 20.1973 5.40873L19.1337 6.46647C19.7503 7.08641 19.7375 8.04444 18.9766 8.67742L19.9358 9.83059ZM15.4282 11.731C16.2763 11.5383 17.1626 11.2935 17.9506 10.9864C18.7228 10.6855 19.4733 10.2976 19.9865 9.78434L18.9259 8.72368C18.6339 9.01565 18.1155 9.3123 17.406 9.58881C16.7123 9.85914 15.9041 10.0846 15.0958 10.2682L15.4282 11.731ZM19.9872 12.215C19.4739 11.7017 18.7232 11.3137 17.951 11.0128C17.1628 10.7057 16.2764 10.4609 15.4282 10.2682L15.0959 11.731C15.9042 11.9146 16.7125 12.1401 17.4064 12.4104C18.116 12.687 18.6345 12.9837 18.9265 13.2757L19.9872 12.215ZM20.1979 16.5906C21.452 15.3297 21.3568 13.3502 19.9365 12.1688L18.9772 13.3219C19.7382 13.9549 19.7509 14.913 19.1344 15.5329L20.1979 16.5906ZM17.49 17.4081C18.61 17.7068 19.5478 17.2444 20.1979 16.5906L19.1344 15.5329C18.7384 15.931 18.3276 16.079 17.8766 15.9587L17.49 17.4081ZM17.5906 19.198C18.2443 18.5478 18.7067 17.61 18.408 16.4901L16.9587 16.8767C17.079 17.3276 16.931 17.7385 16.5328 18.1344L17.5906 19.198ZM13.1687 18.9366C14.3502 20.3569 16.3297 20.452 17.5906 19.198L16.5328 18.1344C15.9129 18.751 14.9549 18.7382 14.3219 17.9773L13.1687 18.9366ZM11.2683 14.4285C11.4609 15.2767 11.7057 16.1631 12.0128 16.9512C12.3137 17.7234 12.7017 18.474 13.215 18.9873L14.2756 17.9266C13.9836 17.6346 13.687 17.1162 13.4104 16.4065C13.1401 15.7128 12.9146 14.9045 12.731 14.0962L11.2683 14.4285ZM10.7844 18.9866C11.2976 18.4734 11.6856 17.7229 11.9865 16.9508C12.2935 16.1629 12.5383 15.2766 12.731 14.4286L11.2683 14.0962C11.0846 14.9044 10.8592 15.7125 10.5888 16.4062C10.3123 17.1157 10.0157 17.634 9.72375 17.926L10.7844 18.9866ZM6.4088 19.1974C7.66972 20.4514 9.64919 20.3562 10.8307 18.9359L9.67749 17.9767C9.04451 18.7376 8.08648 18.7504 7.46654 18.1338L6.4088 19.1974ZM5.59137 16.4895C5.29264 17.6094 5.75503 18.5472 6.4088 19.1974L7.46654 18.1338C7.0684 17.7378 6.92041 17.327 7.04069 16.8761L5.59137 16.4895ZM3.80143 16.59C4.45162 17.2438 5.38941 17.7062 6.50933 17.4074L6.12273 15.9581C5.67181 16.0784 5.26097 15.9304 4.865 15.5323L3.80143 16.59ZM4.06288 12.1681C2.64256 13.3496 2.54741 15.3291 3.80143 16.59L4.865 15.5323C4.24845 14.9123 4.26121 13.9543 5.02214 13.3213L4.06288 12.1681ZM8.56822 10.2683C7.72047 10.461 6.83463 10.7057 6.04703 11.0127C5.27528 11.3136 4.52518 11.7014 4.01218 12.2144L5.07284 13.2751C5.36468 12.9832 5.88272 12.6867 6.59182 12.4103C7.28507 12.14 8.09279 11.9146 8.90069 11.731L8.56822 10.2683ZM8.90071 10.2683C8.0929 10.0847 7.28531 9.85925 6.59218 9.58903C5.8832 9.31264 5.36525 9.01615 5.07346 8.72436L4.0128 9.78502C4.52574 10.298 5.27572 10.6858 6.04735 10.9866C6.83483 11.2936 7.72054 11.5383 8.5682 11.731L8.90071 10.2683ZM5.02276 8.6781C4.26182 8.04512 4.24907 7.08709 4.86561 6.46715L3.80205 5.40941C2.54802 6.67033 2.64318 8.6498 4.0635 9.83127L5.02276 8.6781ZM4.86561 6.46715C5.26158 6.06901 5.67242 5.92102 6.12334 6.0413L6.50994 4.59198C5.39003 4.29325 4.45224 4.75564 3.80205 5.40941L4.86561 6.46715ZM7.04131 5.12334C6.92103 4.67242 7.06901 4.26158 7.46716 3.86561L6.40941 2.80204C5.75565 3.45223 5.29325 4.39002 5.59198 5.50994L7.04131 5.12334ZM7.46716 3.86561C8.0871 3.24906 9.04512 3.26182 9.6781 4.02275L10.8313 3.06349C9.6498 1.64317 7.67034 1.54802 6.40941 2.80204L7.46716 3.86561ZM9.72436 4.07345C10.0161 4.36523 10.3126 4.88313 10.589 5.59206C10.8592 6.28514 11.0846 7.09267 11.2682 7.90044L12.7309 7.56791C12.5382 6.72029 12.2935 5.83464 11.9865 5.04721C11.6857 4.27563 11.2979 3.5257 10.785 3.01279L9.72436 4.07345ZM13.2143 3.01211C12.7013 3.52509 12.3135 4.27515 12.0127 5.04686C11.7056 5.83442 11.4609 6.72021 11.2682 7.56793L12.7309 7.90042C12.9146 7.09255 13.14 6.28487 13.4102 5.59166C13.6866 4.8826 13.9831 4.36459 14.275 4.07277L13.2143 3.01211Z" fill="white"></path>
                </svg>
                Lucky Awards
            </a>
        </span><i class="hScroller-action hScroller-action--end" aria-hidden="true"></i><i class="hScroller-action hScroller-action--start" aria-hidden="true"></i>
    </h2>
</div>

<xf:if is="$luckyAwardsData is not empty">
   <div class="awards-grid">
	   <xf:foreach loop="{$luckyAwardsData}" key="$luckyAwardId" value="$luckyAward">
		   <div class="award-item">
				<div class="award-header">
					<div class="award-icon">
						 <img src="{$luckyAward.Award.icon_url}" alt="" />
					</div>
					<div>
						<h4 class="award-title">
							<a href="{{ link('award-system/recent', $luckyAward) }}">{$luckyAward.lucky_award_title}</a>
						</h4>
						<p class="award-description">
							{$luckyAward.lucky_award_reason|nl2br}
						</p>
					</div>
				</div>
				<div class="award-data">
					<div class="award-data-item">
						<p>
							<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M12 17C12 20.2 13.5 21.5 16 21.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
								<path d="M17.061 3.33315L17.5899 2.80136L17.061 3.33315ZM13.7446 3.54244L14.275 4.07277C14.2911 4.05659 14.3066 4.03967 14.3212 4.02207L13.7446 3.54244ZM17.6827 5.31596L16.958 5.12266C16.889 5.38127 16.9631 5.65703 17.1523 5.84629C17.3416 6.03554 17.6174 6.1096 17.876 6.04062L17.6827 5.31596ZM19.6655 5.9376L20.1973 5.40873L19.6655 5.9376ZM19.4562 9.25401L18.9766 8.67742C18.959 8.69206 18.942 8.70749 18.9259 8.72368L19.4562 9.25401ZM15.262 10.9996L15.0958 10.2682C14.7544 10.3458 14.512 10.6494 14.512 10.9996C14.512 11.3498 14.7544 11.6534 15.0959 11.731L15.262 10.9996ZM19.4569 12.7454L18.9265 13.2757C18.9427 13.2919 18.9596 13.3073 18.9772 13.3219L19.4569 12.7454ZM19.6662 16.0618L20.1979 16.5906L20.1979 16.5906L19.6662 16.0618ZM17.6833 16.6834L17.8766 15.9587C17.618 15.8898 17.3423 15.9638 17.153 16.1531C16.9638 16.3423 16.8897 16.6181 16.9587 16.8767L17.6833 16.6834ZM17.0617 18.6662L17.5906 19.198L17.5906 19.198L17.0617 18.6662ZM13.7453 18.4569L14.3219 17.9773C14.3072 17.9597 14.2918 17.9428 14.2756 17.9266L13.7453 18.4569ZM11.9996 14.2624L12.731 14.0962C12.6534 13.7547 12.3498 13.5124 11.9996 13.5124C11.6494 13.5124 11.3459 13.7547 11.2683 14.0962L11.9996 14.2624ZM10.2541 18.4563L9.72375 17.926C9.70756 17.9422 9.69213 17.9591 9.67749 17.9767L10.2541 18.4563ZM6.93767 18.6656L6.4088 19.1974L6.4088 19.1974L6.93767 18.6656ZM6.31603 16.6828L7.04069 16.8761C7.10967 16.6175 7.03561 16.3417 6.84636 16.1524C6.6571 15.9632 6.38134 15.8891 6.12273 15.9581L6.31603 16.6828ZM4.33322 16.0611L3.80143 16.59L3.80143 16.59L4.33322 16.0611ZM4.54251 12.7447L5.02214 13.3213C5.03974 13.3067 5.05666 13.2912 5.07284 13.2751L4.54251 12.7447ZM8.73446 10.9996L8.90069 11.731C9.24215 11.6534 9.48445 11.3498 9.48446 10.9996C9.48446 10.6495 9.24216 10.3459 8.90071 10.2683L8.73446 10.9996ZM4.54313 9.25469L5.07346 8.72436C5.05727 8.70817 5.04036 8.69273 5.02276 8.6781L4.54313 9.25469ZM4.33383 5.93828L4.86561 6.46715L4.33383 5.93828ZM6.31664 5.31664L6.12334 6.0413C6.38195 6.11028 6.65772 6.03622 6.84697 5.84697C7.03623 5.65771 7.11029 5.38195 7.04131 5.12334L6.31664 5.31664ZM6.93829 3.33383L6.40941 2.80204L6.93829 3.33383ZM10.2547 3.54312L9.6781 4.02275C9.69274 4.04035 9.70818 4.05727 9.72436 4.07345L10.2547 3.54312ZM11.9996 7.73418L11.2682 7.90044C11.3459 8.24189 11.6494 8.48418 11.9996 8.48418C12.3498 8.48417 12.6533 8.24187 12.7309 7.90042L11.9996 7.73418ZM17.5899 2.80136C16.329 1.54734 14.3495 1.64249 13.168 3.06281L14.3212 4.02207C14.9542 3.26114 15.9122 3.24838 16.5322 3.86493L17.5899 2.80136ZM18.4073 5.50926C18.7061 4.38934 18.2437 3.45155 17.5899 2.80136L16.5322 3.86493C16.9303 4.2609 17.0783 4.67174 16.958 5.12266L18.4073 5.50926ZM20.1973 5.40873C19.5471 4.75496 18.6093 4.29257 17.4894 4.5913L17.876 6.04062C18.3269 5.92034 18.7377 6.06833 19.1337 6.46647L20.1973 5.40873ZM19.9358 9.83059C21.3561 8.64912 21.4513 6.66965 20.1973 5.40873L19.1337 6.46647C19.7503 7.08641 19.7375 8.04444 18.9766 8.67742L19.9358 9.83059ZM15.4282 11.731C16.2763 11.5383 17.1626 11.2935 17.9506 10.9864C18.7228 10.6855 19.4733 10.2976 19.9865 9.78434L18.9259 8.72368C18.6339 9.01565 18.1155 9.3123 17.406 9.58881C16.7123 9.85914 15.9041 10.0846 15.0958 10.2682L15.4282 11.731ZM19.9872 12.215C19.4739 11.7017 18.7232 11.3137 17.951 11.0128C17.1628 10.7057 16.2764 10.4609 15.4282 10.2682L15.0959 11.731C15.9042 11.9146 16.7125 12.1401 17.4064 12.4104C18.116 12.687 18.6345 12.9837 18.9265 13.2757L19.9872 12.215ZM20.1979 16.5906C21.452 15.3297 21.3568 13.3502 19.9365 12.1688L18.9772 13.3219C19.7382 13.9549 19.7509 14.913 19.1344 15.5329L20.1979 16.5906ZM17.49 17.4081C18.61 17.7068 19.5478 17.2444 20.1979 16.5906L19.1344 15.5329C18.7384 15.931 18.3276 16.079 17.8766 15.9587L17.49 17.4081ZM17.5906 19.198C18.2443 18.5478 18.7067 17.61 18.408 16.4901L16.9587 16.8767C17.079 17.3276 16.931 17.7385 16.5328 18.1344L17.5906 19.198ZM13.1687 18.9366C14.3502 20.3569 16.3297 20.452 17.5906 19.198L16.5328 18.1344C15.9129 18.751 14.9549 18.7382 14.3219 17.9773L13.1687 18.9366ZM11.2683 14.4285C11.4609 15.2767 11.7057 16.1631 12.0128 16.9512C12.3137 17.7234 12.7017 18.474 13.215 18.9873L14.2756 17.9266C13.9836 17.6346 13.687 17.1162 13.4104 16.4065C13.1401 15.7128 12.9146 14.9045 12.731 14.0962L11.2683 14.4285ZM10.7844 18.9866C11.2976 18.4734 11.6856 17.7229 11.9865 16.9508C12.2935 16.1629 12.5383 15.2766 12.731 14.4286L11.2683 14.0962C11.0846 14.9044 10.8592 15.7125 10.5888 16.4062C10.3123 17.1157 10.0157 17.634 9.72375 17.926L10.7844 18.9866ZM6.4088 19.1974C7.66972 20.4514 9.64919 20.3562 10.8307 18.9359L9.67749 17.9767C9.04451 18.7376 8.08648 18.7504 7.46654 18.1338L6.4088 19.1974ZM5.59137 16.4895C5.29264 17.6094 5.75503 18.5472 6.4088 19.1974L7.46654 18.1338C7.0684 17.7378 6.92041 17.327 7.04069 16.8761L5.59137 16.4895ZM3.80143 16.59C4.45162 17.2438 5.38941 17.7062 6.50933 17.4074L6.12273 15.9581C5.67181 16.0784 5.26097 15.9304 4.865 15.5323L3.80143 16.59ZM4.06288 12.1681C2.64256 13.3496 2.54741 15.3291 3.80143 16.59L4.865 15.5323C4.24845 14.9123 4.26121 13.9543 5.02214 13.3213L4.06288 12.1681ZM8.56822 10.2683C7.72047 10.461 6.83463 10.7057 6.04703 11.0127C5.27528 11.3136 4.52518 11.7014 4.01218 12.2144L5.07284 13.2751C5.36468 12.9832 5.88272 12.6867 6.59182 12.4103C7.28507 12.14 8.09279 11.9146 8.90069 11.731L8.56822 10.2683ZM8.90071 10.2683C8.0929 10.0847 7.28531 9.85925 6.59218 9.58903C5.8832 9.31264 5.36525 9.01615 5.07346 8.72436L4.0128 9.78502C4.52574 10.298 5.27572 10.6858 6.04735 10.9866C6.83483 11.2936 7.72054 11.5383 8.5682 11.731L8.90071 10.2683ZM5.02276 8.6781C4.26182 8.04512 4.24907 7.08709 4.86561 6.46715L3.80205 5.40941C2.54802 6.67033 2.64318 8.6498 4.0635 9.83127L5.02276 8.6781ZM4.86561 6.46715C5.26158 6.06901 5.67242 5.92102 6.12334 6.0413L6.50994 4.59198C5.39003 4.29325 4.45224 4.75564 3.80205 5.40941L4.86561 6.46715ZM7.04131 5.12334C6.92103 4.67242 7.06901 4.26158 7.46716 3.86561L6.40941 2.80204C5.75565 3.45223 5.29325 4.39002 5.59198 5.50994L7.04131 5.12334ZM7.46716 3.86561C8.0871 3.24906 9.04512 3.26182 9.6781 4.02275L10.8313 3.06349C9.6498 1.64317 7.67034 1.54802 6.40941 2.80204L7.46716 3.86561ZM9.72436 4.07345C10.0161 4.36523 10.3126 4.88313 10.589 5.59206C10.8592 6.28514 11.0846 7.09267 11.2682 7.90044L12.7309 7.56791C12.5382 6.72029 12.2935 5.83464 11.9865 5.04721C11.6857 4.27563 11.2979 3.5257 10.785 3.01279L9.72436 4.07345ZM13.2143 3.01211C12.7013 3.52509 12.3135 4.27515 12.0127 5.04686C11.7056 5.83442 11.4609 6.72021 11.2682 7.56793L12.7309 7.90042C12.9146 7.09255 13.14 6.28487 13.4102 5.59166C13.6866 4.8826 13.9831 4.36459 14.275 4.07277L13.2143 3.01211Z" fill="currentColor"></path>
							</svg>
							Rarity
						</p>
						<h5 class="lucky-award">
							Lucky
						</h5>
					</div>
					<div class="award-data-item" data-xf-init="tooltip" title="Chance of getting this award per post" id="js-XFUniqueId1">
						<p>
							<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M6.18738 11.3385L6.18066 11.3346" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
								<path d="M10.997 14.1148L10.9902 14.111" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
								<path d="M12.4686 17.1024L11.5431 18.7054C11.0319 19.5908 9.89987 19.8941 9.01454 19.383L2.60238 15.6809C1.71704 15.1697 1.4137 14.0377 1.92485 13.1523L5.62692 6.74017C6.13806 5.85483 7.27014 5.55149 8.15547 6.06264L9.75851 6.98816M9.84863 8.55155L11.765 15.7034C12.0296 16.6909 13.0445 17.2769 14.032 17.0123L21.1838 15.0959C22.1713 14.8313 22.7573 13.8164 22.4927 12.8289L20.5764 5.67706C20.3118 4.68959 19.2968 4.10359 18.3093 4.36818L11.1575 6.28451C10.17 6.5491 9.58404 7.56409 9.84863 8.55155Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
								<path d="M18.1358 7.29717L18.1338 7.28967" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
								<path d="M12.7725 8.73454L12.7705 8.72705" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
								<path d="M19.5723 12.6608L19.5703 12.6533" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
								<path d="M14.21 14.0983L14.208 14.0908" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
							</svg>
							Chance
						</p>
						<h5>
							1/{$luckyAward.lucky_award_chances}
						</h5>
					</div>
					<div class="award-data-item">
						<p>
							<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-lock-open" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
								<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
								<path d="M5 11m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z"></path>
								<path d="M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>
								<path d="M8 11v-5a4 4 0 0 1 8 0"></path>
							</svg>
							Status
						</p>
						<h5>
							<xf:if is="{{$luckyAward.lucky_award_active == 0}}">
								Disabled
							<xf:else />
								Enabled
							</xf:if>
						</h5>
					</div>
				</div>
			</div>
	   </xf:foreach>
	</div>
</xf:if>

<xf:css>
.lucky_award_chances{
		text-align:center;
		font-size:20px;
	}
</xf:css>]]></template>
    <template title="xfdev_rock_paper_scissor.less" type="public" addon_id="" version_id="1020370" version_string="1.2.3"><![CDATA[.pageContent {

  display: none !important;

}

@media only screen and (max-width: 600px) {

  .dice-bets {

    overflow-x: scroll;

  }



  #history-wrapper {

    display: table;

  }

}



.dice-bet-tie::before {

  background-color: rgba(33, 150, 243, 0.15);

}



.dice-bet-win, .dice-bet-tie, .dice-bet-loss {

  border-bottom: 1px solid #161a21 !important;

  border-radius: unset !important;

}



.rps-log-type, .rps-log-bot, .rps-log-outcome, .rps-log-amount {

  width: 80px;

}



.rps-log-time {

  width: 130px;

}



.wrapper {

  margin-left: 0;

  margin-right: 0;

}



//.game-history-list li {

//

//}



.game-history-list {

  padding: 0;



  li{

    list-style: none;

  }

}



#betAmount-Mobile {

  text-align: center;


}



//#betAmount-Mobile input {

//

//  /* box-shadow: inset 0 1px 4px rgb(0 0 0 / 10%); */

//  /* display: block; */

//  /* width: 100%; */

//  /* line-height: 1.4; */

//  /* text-align: left; */

//  /* word-wrap: break-word; */

//}



#betAmount {

  text-align: center;



  input{

    width: 100%;

    background: #3b414b;

    border-width: 1px;

    border-style: solid;

    border-top-color: #4d5460;

    border-right-color: #4d5460;

    border-bottom-color: #4d5460;

    color: #e0e6f0;

    padding: 6px;

    border-radius: 5px;

    text-align: center;

  }

}






/*.rps-box {*/

/*    width: calc(25% - 0.5rem);*/

/*}*/



.notification {



  .error{

    border: 2px solid white;

    background-color: red;

    color: white;

    padding: 3px;

    display: none;

    z-index: 50;

  }



  .success{

    border: 2px solid white;

    background-color: green;

    color: white;

    padding: 3px;

    display: none;

    z-index: 50;

  }

}



//.notification .success {

//

//}



.notification{

  position: fixed;

  right: 20px;

  z-index: 50;

}



.alert {

  padding: 20px;

  color: white;

  opacity: 1;

  transition: opacity 0.6s;

  margin-bottom: 15px;

  z-index: 50;



  &.lost{

    background-color: #f44336;

    display: none;

    //position: fixed;

    //right: 20px;

    z-index: 50;

  }



  &.won{

    background-color: #04AA6D;

    display: none;

    //position: fixed;

    //right: 20px;

    z-index: 50;

  }



  &.tie{

    background-color: #2196F3;

    display: none;

    //position: fixed;

    //right: 20px;

    z-index: 50;

  }



  &.warning{

    background-color: #f44336;

    display: none;

    z-index: 50;

  }

}



//.alert.lost {

//

//}



//.alert.won {

//

//}



//.alert.tie {

//

//}



//.alert.warning {

//

//}



.closebtn {

  margin-left: 15px;

  color: white;

  font-weight: bold;

  float: right;

  font-size: 22px;

  line-height: 20px;

  cursor: pointer;

  transition: 0.3s;



  &:hover{

    color: black;

  }

}



//.closebtn:hover {

//  color: black;

//}]]></template>
    <template title="xfdev_rock_paper_scissor_index" type="public" addon_id="" version_id="1020370" version_string="1.2.3"><![CDATA[<xf:title>Rock Paper Scissor</xf:title>
<xf:breadcrumb href="lol">Rock Paper Scissors</xf:breadcrumb>

<xf:css src="xfdev_rock_paper_scissor.less" />
<xf:css src="rock_paper_scissors.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.min.js" integrity="sha512-WW8/jxkELe2CAiE4LvQfwm1rajOS8PHasCCx+knHG0gBHt8EXxS6T6tJRTGuDQVnluuAvMxWF4j8SNFDKceLFg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/noty/3.1.4/noty.min.css">

<div class="notification">
    <div class="alert won">
        {{ phrase('xfdev_rps_you_have_won') }}
    </div>

    <div class="alert lost">
        <span class="message">
            {{ phrase('xfdev_rps_you_have_lost') }}
        </span>
    </div>

    <div class="alert tie">
        {{ phrase('xfdev_rps_its_a_tie') }}
    </div>

    <div class="alert warning">
        <span class="message">

        </span>
    </div>

</div>

<div class="content">
    <div style="margin-top: 30px;">
        <div class="d-flex flex-column flex-lg-row">
            <div class="sidebar rps-sidebar d-block mr-lg-3 mb-3 mb-lg-0 flex-shrink-0 flex-grow-0 order-2 order-lg-1">

                <xf:comment><!-- User Credits --></xf:comment>
                <div class="wrapper mb-3 d-none d-lg-block">
                    <div class="rps-credits main-row p-3 d-flex flex-row align-items-center bg-warning font-weight-bold">
                        <div class="flex-fill"><i class="fas fa-coins mr-2"></i> {{ phrase('xfdev_rps_available_credits:') }}</div>
                        <div class="ml-3 flex-shrink-0 flex-grow-0 availableCredits">
                                    <xf:set var="$viewableCurrencies"
                                        value="{{ $xf.app.em.getRepository('DBTech\Shop:Currency').getViewableCurrencies() }}" />
                                    <xf:foreach loop="$viewableCurrencies" value="$currency" if="$currency.postbit">
                                        {$currency.prefix}{{ $currency.getValueFromUser($user) }}{$currency.suffix}
                                    </xf:foreach>
                        </div>
                    </div>
                </div>

                <xf:comment><!-- Bet Amount --></xf:comment>
                <div class="wrapper mb-3 d-none d-lg-block">
                    <div class="main-title bg-tertiary">
                        {{ phrase('xfdev_rps_bet_amount') }}
                    </div>
                    <div class="main-row p-3">
                        <div id="betAmount">
                            <input type="number" class="input" style="max-width: 100%;" name="bet_amount" value="{$xf.options.xfdevRPSMinBetAmount}"
                                   min="{$xf.options.xfdevRPSMinBetAmount}" max="{$xf.options.xfdevRPSMaxBetAmount}">
                        </div>
                    </div>
                    {{ phrase('xfdev_rps_bet_amount_details',{'minBetAmount': {$xf.options.xfdevRPSMinBetAmount},
                    'maxBetAmount':
                    {$xf.options.xfdevRPSMaxBetAmount} }) }}
                </div>

                <xf:comment><!-- Statistics --></xf:comment>

                <div class="wrapper mb-3">
                    <div class="main-title bg-tertiary">Statistics</div>
                    <div class="main-row p-3">
                        <ul class="nav nav-tabs d-flex flex-row align-items-center mb-3 rps-tabs" id="rpsStats"
                            role="tablist">
                            <li class="nav-item" role="presentation"><a
                                    class="nav-link text-center font-weight-bold text-uppercase active"
                                    id="personal-tab" data-toggle="tab" href="#personal" role="tab"
                                    aria-controls="personal" aria-selected="true"
                                    style="padding: 10px;font-size: 13px;">{{ phrase('xfdev_rps_personal_statistics') }}</a></li>
                            <li class="nav-item" role="presentation"><a
                                    class="nav-link text-center font-weight-bold text-uppercase" id="global-tab"
                                    data-toggle="tab" href="#global" role="tab" aria-controls="global"
                                    aria-selected="false" style="padding: 10px; font-size: 13px;">{{ phrase('xfdev_rps_global_statistics') }}</a></li>
                        </ul>
                        <div class="tab-content m-n3" id="rpsStatsContent">
                            <div class="tab-pane fade show active" id="personal" role="tabpanel"
                                 aria-labelledby="personal-tab">
                                <div class="main-row p-3 d-flex flex-row align-items-center  font-weight-bold">
                                    <div class="flex-fill"><i class="fas fa-gamepad-alt fa-fw mr-2 text-secondary"></i>
                                        {{ phrase('xfdev_rps_games_played:') }}
                                    </div>
                                    <div class="ml-3 flex-shrink-0 flex-grow-0">{$xf.visitor.xfdev_rps_total_games_played}
                                    </div>
                                </div>
                                <div class="main-row p-3 d-flex flex-row align-items-center  font-weight-bold">
                                    <div class="flex-fill"><i class="fas fa-sack fa-fw mr-2 text-secondary"></i>
                                        {{ phrase('xfdev_rps_total_profit:') }}
                                    </div>
                                    <div class="ml-3 flex-shrink-0 flex-grow-0">{$xf.visitor.xfdev_rps_total_profit}</div>
                                </div>
                                <div class="main-row p-3 d-flex flex-row align-items-center  font-weight-bold">
                                    <div class="flex-fill"><i class="fas fa-exchange-alt fa-fw mr-2 text-secondary"></i>
                                        {{ phrase('xfdev_rps_total_wagered') }}
                                    </div>
                                    <div class="ml-3 flex-shrink-0 flex-grow-0">{$xf.visitor.xfdev_rps_total_wagered}</div>
                                </div>
                                <div class="main-row p-3 d-flex flex-row align-items-center  font-weight-bold">
                                    <div class="flex-fill"><i class="fas fa-smile fa-fw mr-2 text-secondary"></i>
                                        {{ phrase('xfdve_rps_wins:') }}
                                    </div>
                                    <div class="ml-3 flex-shrink-0 flex-grow-0">{$xf.visitor.xfdev_rps_total_wins}</div>
                                </div>
                                <div class="main-row p-3 d-flex flex-row align-items-center font-weight-bold">
                                    <div class="flex-fill"><i class="fas fa-meh fa-fw mr-2 text-secondary"></i>
                                        {{ phrase('xfdev_rps_losses:') }}
                                    </div>
                                    <div class="ml-3 flex-shrink-0 flex-grow-0">{$xf.visitor.xfdev_rps_total_losses}</div>
                                </div>
                                <div class="main-row p-3 d-flex flex-row align-items-center  font-weight-bold">
                                    <div class="flex-fill"><i class="fas fa-frown fa-fw mr-2 text-secondary"></i>
                                        {{ phrase('xfdev_rps_ties:') }}
                                    </div>
                                    <div class="ml-3 flex-shrink-0 flex-grow-0">{$xf.visitor.xfdev_rps_total_ties}</div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="global" role="tabpanel" aria-labelledby="global-tab">
                                <div class="main-row p-3 d-flex flex-row align-items-center  font-weight-bold">
                                    <div class="flex-fill"><i class="fas fa-gamepad-alt fa-fw mr-2 text-secondary"></i>
                                        {{ phrase('xfdev_rps_games_played:') }}
                                    </div>
                                    <div class="ml-3 flex-shrink-0 flex-grow-0">{$gameStatistics.totalGamesPlayed}</div>
                                </div>
                                <div class="main-row p-3 d-flex flex-row align-items-center  font-weight-bold">
                                    <div class="flex-fill"><i class="fas fa-sack fa-fw mr-2 text-secondary"></i>
                                        {{ phrase('xfdev_rps_total_profit:') }}
                                    </div>
                                    <div class="ml-3 flex-shrink-0 flex-grow-0">{$gameStatistics.totalProfit}</div>
                                </div>
                                <div class="main-row p-3 d-flex flex-row align-items-center  font-weight-bold">
                                    <div class="flex-fill"><i class="fas fa-exchange-alt fa-fw mr-2 text-secondary"></i>
                                        {{ phrase('xfdev_rps_total_wagered') }}
                                    </div>
                                    <div class="ml-3 flex-shrink-0 flex-grow-0">{$gameStatistics.totalWagered}</div>
                                </div>
                                <div class="main-row p-3 d-flex flex-row align-items-center  font-weight-bold">
                                    <div class="flex-fill"><i class="fas fa-smile fa-fw mr-2 text-secondary"></i>
                                        {{ phrase('xfdve_rps_wins:') }}
                                    </div>
                                    <div class="ml-3 flex-shrink-0 flex-grow-0">{$gameStatistics.totalWins}</div>
                                </div>
                                <div class="main-row p-3 d-flex flex-row align-items-center  font-weight-bold">
                                    <div class="flex-fill"><i class="fas fa-meh fa-fw mr-2 text-secondary"></i>
                                        {{ phrase('xfdev_rps_losses:') }}
                                    </div>
                                    <div class="ml-3 flex-shrink-0 flex-grow-0">{$gameStatistics.totalLosses}</div>
                                </div>
                                <div class="main-row p-3 d-flex flex-row align-items-center  font-weight-bold">
                                    <div class="flex-fill"><i class="fas fa-frown fa-fw mr-2 text-secondary"></i>
                                        {{ phrase('xfdev_rps_ties:') }}
                                    </div>
                                    <div class="ml-3 flex-shrink-0 flex-grow-0">{$gameStatistics.totalTies}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <xf:comment><!-- Game Explanation --></xf:comment>
                <div class="wrapper">
                    <div class="main-title bg-tertiary">{{ phrase('xfdev_rock_paper_scissor_explanation_heading') }}
                    </div>
                    {{ phrase('xfdev_rock_paper_scissor_explanation') }}
                </div>
            </div>


            <div class="flex-fill order-1 order-lg-2 mb-3 mb-lg-0">

                <xf:comment><!-- User Credits Mobile --></xf:comment>
                <div class="wrapper mb-3 d-block d-lg-none">
                    <div class="rps-credits main-row p-3 d-flex flex-row align-items-center bg-warning font-weight-bold">
                        <div class="flex-fill"><i class="fas fa-coins mr-2"></i>
                            {{ phrase('xfdev_rps_available_credits:') }}
                        </div>
                        <div class="ml-3 flex-shrink-0 flex-grow-0 availableCredits">
                            <xf:set var="$viewableCurrencies"
                                    value="{{ $xf.app.em.getRepository('DBTech\Credits:Currency').getCurrencies(true) }}"/>
                            <xf:foreach loop="$viewableCurrencies" value="$currency" if="$currency.postbit">
                                {{ $currency.getValueFromUser($user) }}
                            </xf:foreach>
                        </div>
                    </div>
                </div>

                <xf:comment><!-- Bet Amount Mobile --></xf:comment>
                <div class="wrapper mb-3 d-block d-lg-none">
                    <div class="main-title bg-tertiary">
                        {{ phrase('xfdev_rps_bet_amount') }}
                    </div>
                    <div class="main-row p-3">
                        <div id="betAmount-Mobile">
                            <input type="number" name="bet_amount" value="{$xf.options.xfdevRPSMinBetAmount}"
                                   min="{$xf.options.xfdevRPSMinBetAmount}" max="{$xf.options.xfdevRPSMaxBetAmount}">
                        </div>
                    </div>
                    {{ phrase('xfdev_rps_bet_amount_details',{'minBetAmount': {$xf.options.xfdevRPSMinBetAmount},
                    'maxBetAmount':
                    {$xf.options.xfdevRPSMaxBetAmount} }) }}
                </div>

                <xf:comment><!-- User Selection Options (Rock, Paper, Scissor)  --></xf:comment>
                <div class="rps-container">
                    <div class="d-flex flex-row align-items-center justify-content-center mb-3">
                        <div id="rock"
                             class="rps-box p-4 rounded shadow d-flex justify-content-center align-items-center flex-shrink-0 flex-grow-0"
                             data-type="rock" onclick="playRPS('rock')"><i class="fas fa-hand-rock font-size-30"></i>
                        </div>
                        <div id="paper"
                             class="rps-box p-4 rounded shadow d-flex justify-content-center align-items-center flex-shrink-0 flex-grow-0"
                             data-type="paper" onclick="playRPS('paper')"><i class="fas fa-hand-paper font-size-30"></i>
                        </div>
                        <div id="scissor"
                             class="rps-box p-4 rounded shadow d-flex justify-content-center align-items-center flex-shrink-0 flex-grow-0"
                             data-type="scissor" onclick="playRPS('scissor')"><i
                                class="fas fa-hand-scissors font-size-30"></i></div>
                    </div>

                    <xf:comment><!-- Game History --></xf:comment>
                    <div class="wrapper dice-bets">
                        <div id="history-wrapper">
                            <div class="v3hide">
                                <div class="main-title bg-tertiary d-flex flex-row align-items-center">
                                    <div class="rps-log-user flex-fill">{{ phrase('xfdev_rock_paper_scissor_user') }}</div>
                                    <div class="rps-log-time flex-shrink-0 flex-grow-0 ml-3 text-center d-none d-lg-block">
                                        {{ phrase('xfdev_rock_paper_scissor_time') }}
                                    </div>
                                    <div class="rps-log-type flex-shrink-0 flex-grow-0 ml-3 text-center">{{
                                        phrase('xfdev_rock_paper_scissor_user_choice') }}
                                    </div>
                                    <div class="rps-log-bot flex-shrink-0 flex-grow-0 ml-3 text-center">{{
                                        phrase('xfdev_rock_paper_scissor_bot_choice') }}
                                    </div>
                                    <div class="rps-log-amount flex-shrink-0 flex-grow-0 ml-3 text-center">{{
                                        phrase('xfdev_rock_paper_scissor_bet_amount') }}
                                    </div>
                                    <div class="rps-log-outcome flex-shrink-0 flex-grow-0 ml-3 text-center">{{
                                        phrase('xfdev_rock_paper_scissor_result') }}
                                    </div>
                                </div>
                            </div>


                            <ul class="game-history-list">
                                <xf:foreach loop="$gameHistory" key="$gameId" value="$game">
                                    <li>
                                        <div class="main-row p-3 d-flex flex-row align-items-center font-weight-bold  position-relative {{ $game.result === 'won' ? 'dice-bet-win' : ($game.result === 'lost' ? 'dice-bet-loss' : 'dice-bet-tie') }}">
                                            <div class="position-relative rps-log-user flex-fill">
                                                <xf:avatar user="$game.User" size="xxs"/>
                                                <xf:username user="$game.User" notooltip="true" style="line-height: 25px;"/>
                                            </div>
                                            <div class="position-relative rps-log-time flex-shrink-0 flex-grow-0 ml-3 text-center d-none d-lg-block">
                                                <xf:date time="$game.played_at"/>
                                            </div>
                                            <div class="position-relative rps-log-type flex-shrink-0 flex-grow-0 ml-3 text-center"
                                                 style="text-transform: capitalize">
                                                {$game.user_chosen_option}
                                            </div>
                                            <div class="position-relative rps-log-bot flex-shrink-0 flex-grow-0 ml-3 text-center"
                                                 style="text-transform: capitalize">
                                                {$game.bot_chosen_option}
                                            </div>
                                            <div class="position-relative rps-log-amount flex-shrink-0 flex-grow-0 ml-3 text-center"
                                                 style="text-transform: capitalize">
                                                {$game.bet_amount}
                                            </div>
                                            <div class="position-relative rps-log-outcome flex-shrink-0 flex-grow-0 ml-3 text-center"
                                                 style="text-transform: capitalize">
                                                <span class="dice-bet-loss-txt">{$game.result}</span></div>
                                        </div>
                                    </li>
                                </xf:foreach>
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="newHistoryTemplate" style="display: none">
    <li>
        <div class="main-row p-3 d-flex flex-row align-items-center font-weight-bold  position-relative newHistory-container">
            <div class="position-relative rps-log-user flex-fill">
                <xf:avatar user="$xf.visitor" size="xxs"/>
                <xf:username user="$xf.visitor" notooltip="true" style="line-height: 25px;"/>
            </div>
            <div class="position-relative rps-log-time flex-shrink-0 flex-grow-0 ml-3 text-center d-none d-lg-block">
                <xf:date time="$xf.time"/>
            </div>
            <div class="position-relative rps-log-type flex-shrink-0 flex-grow-0 ml-3 text-center newHistory-user-choice"
                 style="text-transform: capitalize">

            </div>
            <div class="position-relative rps-log-bot flex-shrink-0 flex-grow-0 ml-3 text-center newHistory-bot-choice"
                 style="text-transform: capitalize">

            </div>
            <div class="position-relative rps-log-amount flex-shrink-0 flex-grow-0 ml-3 text-center newHistory-betAmount"
                 style="text-transform: capitalize">

            </div>
            <div class="position-relative rps-log-outcome flex-shrink-0 flex-grow-0 ml-3 text-center newHistory-result"
                 style="text-transform: capitalize">
                <span class="dice-bet-loss-txt"></span></div>
        </div>
    </li>
</div>

<xf:include template="xfdev_rock_paper_scissor_js" />]]></template>
    <template title="xfdev_trust_scan_page" type="public" addon_id="" version_id="1000870" version_string="1.0.8"><![CDATA[<xf:title>{{ phrase('xfdev_ts_scan_of_x',{'user':$user.username}) }}</xf:title>
<xf:css>
    span.Positive a {
    color: green;
    font-weight: bold;
    }

    span.Negative a {
    color: red;
    font-weight: bold;
    }

    span.Neutral a {
    color: grey;
    font-weight: bold;
    }
	    .left-border{
	text-align:center
    }

    @media (max-width: 480px)
    {
        .block-outer-opposite {
            float: right !important;
        }
    }
</xf:css>
<div class="block">
    <div class="block-container">
        <div class="block-header">
            {{ phrase('xfdev_ts_scan_of_x',{'user':$user.username}) }}

            <div class="block-outer-opposite">
                <xf:avatar user="{$user}" size="xs" canonical="true" />
            </div>
        </div>

        <div class="block-body">
            <xf:datalist>
                <!-- Latest IP Matching Other Members -->
                <xf:datarow>
                    <xf:cell>
                        {{ phrase('xfdev_ts_latest_ip_matching_other_members') }}
                    </xf:cell>
                    <xf:cell class="left-border">
                        {{ $matchedUsersCount >= 1 ? "<span style='color:green'>{$matchedUsersCount}</span>" : '<span style="color:grey">0</span>' }}
                    </xf:cell>
                </xf:datarow>

                <!-- Reputation Count -->
                <xf:datarow>
                    <xf:cell>
                        {{ phrase('xfdev_ts_reputation_count') }}
                    </xf:cell>
                    <xf:cell class="left-border">
                        <a href="{{ link('members/ratings', $user) }}">
                            <span {{ $user.xfa_rs_total > 0 ? 'style="color:#6FB758 !important;"' : 'style="color: #ff1400!important;"' }}>{$user.xfa_rs_total}</span>
                        </a>
                    </xf:cell>
                </xf:datarow>

                <!-- Vouch Count -->
                <xf:datarow>
                    <xf:cell>
                        {{ phrase('xfdev_ts_vouch_count') }}
                    </xf:cell>
                    <xf:cell class="left-border">
                        <div class="num" style="font-size:15px;">
                            <span class="Positive" style="color:green;">
                                 <a href="{{ link ( 'feedback', $user, {'reloadList':1, 'amountFilter[0]':1}) }}">
                                     {$feedback.fb_positive|number}
                                 </a>
                            </span>
                            /
                            <span class="Negative" style="color:red;">
                                <a href="{{ link ( 'feedback', $user, {'reloadList':1, 'amountFilter[0]':-1}) }}">
                                    {$feedback.fb_negative|number}
                                </a>
                            </span>
                            /
                            <span class="Neutral" style="color:grey;">
                                <a href="{{ link ( 'feedback', $user, {'reloadList':1, 'amountFilter[0]':0}) }}">
                                    {$feedback.fb_neutral|number}
                                </a>
                            </span>
                        </div>
                    </xf:cell>
                </xf:datarow>

                <!-- Account Age -->
                <xf:datarow>
                    <xf:cell>
                        {{ phrase('xfdev_ts_account_age') }}
                    </xf:cell>
                    <xf:cell class="left-border">
                        {{ floor(($xf.time - $user.register_date)/(60*60*24)) }} Days
                    </xf:cell>
                </xf:datarow>

                <!-- Last Activity -->
                <xf:datarow>
                    <xf:cell>
                        {{ phrase('xfdev_ts_last_activity') }}
                    </xf:cell>
                    <xf:cell class="left-border">
                        <xf:date time="{$user.last_activity}" />
                    </xf:cell>
                </xf:datarow>

                <!-- Last Password Change -->
                <xf:datarow>
                    <xf:cell>
                        {{ phrase('xfdev_ts_last_pwd_change') }}
                    </xf:cell>
                    <xf:cell class="left-border">
                        <xf:if is="$passwordChangeDate is not empty">
                            <xf:date time="$passwordChangeDate" />
                            <xf:else />
                            N/A
                        </xf:if>
                    </xf:cell>
                </xf:datarow>

                <!-- Deal with Caution Count -->
                <xf:datarow>
                    <xf:cell>
                        {{ phrase('xfdev_ts_deal_with_caution_count') }}
                    </xf:cell>
                    <xf:cell class="left-border">
                        {$user.xfdev_dwc_count}
                    </xf:cell>
                </xf:datarow>

                <!-- Current Deal with Caution -->
                <xf:datarow>
                    <xf:cell>
                        {{ phrase('xfdev_ts_currently_deal_with_caution') }}
                    </xf:cell>
                    <xf:cell class="left-border">
                        {{ $user.xfdev_is_dwc ? "<span style='color: green'>Yes</span>" : "<span style='color: red'>No</span>"  }}
                    </xf:cell>
                </xf:datarow>

                <!-- Matching Registration and Last IP -->
                <xf:datarow>
                    <xf:cell>
                        {{ phrase('xfdev_ts_matching_registration_and_last_ip') }}
                    </xf:cell>
                    <xf:cell class="left-border">
                        {{ $isRegIpAndLastIpMatch ? "<span style='color: green'>Yes</span>" : "<span style='color: red'>No</span>" }}
                    </xf:cell>
                </xf:datarow>

                <!-- Number of Unique Login IPs -->
                <xf:datarow>
                    <xf:cell>
                        {{ phrase('xfdev_ts_number_of_unique_login_ips') }}
                    </xf:cell>
                    <xf:cell class="left-border">
                        {{ $uniqueIpLoginCount }}
                    </xf:cell>
                </xf:datarow>
            </xf:datalist>
        </div>
    </div>
</div>


<!-- Information Section -->
<div class="block">
    <div class="block-container">
        <div class="block-header">
            {{ phrase('xfdev_ts_information') }}
        </div>
        <div class="block-body">
            {{ phrase('xfdev_ts_information_text') }}
        </div>
    </div>
</div>]]></template>
    <template title="xfrm_resource_view" type="public" addon_id="XFRM" version_id="2020570" version_string="2.2.5"><![CDATA[<xf:title>{{ prefix('resource', $resource, 'escaped') }}{$resource.title}</xf:title>

<xf:set var="$descSnippet" value="{{ snippet($description.message, 250, {'stripBbCode': true}) }}" />

<xf:macro template="metadata_macros" name="metadata"
	arg-description="{$descSnippet}"
	arg-shareUrl="{{ link('canonical:resources', $resource) }}"
	arg-canonicalUrl="{{ link('canonical:resources', $resource) }}" />


<xf:page option="ldJsonHtml">
	<script type="application/ld+json">
	{
		"@context": "https://schema.org",
		"@type": "CreativeWork",
		"@id": "{{ link('canonical:resources', $resource)|escape('json') }}",
		"name": "{$resource.title|escape('json')}",
		"headline": "{$resource.title|escape('json')}",
		"alternativeHeadline": "{$resource.tag_line|escape('json')}",
		"description": "{$descSnippet|escape('json')}",
		<xf:if is="$resource.isVersioned()">
			"version": "{$resource.CurrentVersion.version_string|escape('json')}",
		</xf:if>
		<xf:if is="$xf.options.xfrmAllowIcons AND $resource.icon_date">
			"thumbnailUrl": "{{ $resource.getIconUrl('s', true)|escape('json') }}",
		</xf:if>
		"dateCreated": "{{ date($resource.resource_date, 'c')|escape('json') }}",
		"dateModified": "{{ date($resource.last_update, 'c')|escape('json') }}",
		<xf:if is="$resource.rating_count">"aggregateRating": {
			"@type": "AggregateRating",
			"ratingCount": "{$resource.rating_count|escape('json')}",
			"ratingValue": "{$resource.rating_avg|escape('json')}"
		},</xf:if>
		<xf:if is="$resource.hasViewableDiscussion()">
			"discussionUrl": "{{ link('canonical:threads', $resource.Discussion)|escape('json') }}",
		</xf:if>
		"author": {
			"@type": "Person",
			"name": "{{ ($resource.User ? $resource.User.username : $resource.username)|escape('json') }}"
		}
	}
	</script>
</xf:page>

<xf:if is="$iconError">
	<div class="blockMessage blockMessage--error">{{ phrase('xfrm_new_icon_could_not_be_applied_try_later') }}</div>
</xf:if>

<xf:wrap template="xfrm_resource_wrapper">
	<xf:set var="$pageSelected" value="overview" />
</xf:wrap>

<xf:macro template="lightbox_macros" name="setup" arg-canViewAttachments="{{ $resource.canViewUpdateImages() }}" />

<div class="block">
	<xf:if contentcheck="true">
		<div class="block-outer">
			<div class="block-outer-opposite">
			<xf:contentcheck>
				<xf:macro template="xfrm_resource_wrapper_macros" name="action_buttons" arg-resource="{$resource}" />
			</xf:contentcheck>
			</div>
		</div>
	</xf:if>
	<div class="block-container">
		<div class="block-body lbContainer js-resourceBody"
			data-xf-init="lightbox"
			data-lb-id="resource-{$resource.resource_id}"
			data-lb-caption-desc="{{ $resource.User ? $resource.User.username : $resource.username }} &middot; {{ date_time($resource.resource_date) }}">

			<div class="resourceBody">
				<article class="resourceBody-main js-lbContainer">
					<xf:macro template="custom_fields_macros" name="custom_fields_view"
						arg-type="resources"
						arg-group="above_info"
						arg-onlyInclude="{$category.field_cache}"
						arg-set="{$resource.custom_fields}"
						arg-wrapperClass="resourceBody-fields resourceBody-fields--before" />

					<xf:if is="$trimmedDescription">
						{{ bb_code($trimmedDescription, 'resource_update', $description) }}

						<div class="block-rowMessage block-rowMessage--important">
							{{ phrase('xfrm_do_not_have_permission_to_view_full_content_of_this_resource') }}
							<xf:if is="!$xf.visitor.user_id">
								<a href="{{ link('login') }}" data-xf-click="overlay">{{ phrase('log_in_or_register_now') }}</a>
							</xf:if>
						</div>
					<xf:else />
						{{ bb_code($description.message, 'resource_update', $description) }}
					</xf:if>

					<xf:macro template="custom_fields_macros" name="custom_fields_view"
						arg-type="resources"
						arg-group="below_info"
						arg-onlyInclude="{$category.field_cache}"
						arg-set="{$resource.custom_fields}"
						arg-wrapperClass="resourceBody-fields resourceBody-fields--after" />

					<xf:if is="$description.attach_count">
						<xf:if contentcheck="true">
							<xf:css src="attachments.less" />
							<ul class="attachmentList resourceBody-attachments">
								<xf:contentcheck>
									<xf:foreach loop="$description.Attachments" value="$attachment" if="!$description.isAttachmentEmbedded($attachment)">
										<xf:macro template="attachment_macros" name="attachment_list_item"
											arg-attachment="{$attachment}"
											arg-canView="{{ $resource.canViewUpdateImages() }}" />
									</xf:foreach>
								</xf:contentcheck>
							</ul>
						</xf:if>
					</xf:if>

					<xf:if contentcheck="true">
						<div class="actionBar">
							<xf:contentcheck>
								<xf:if contentcheck="true">
									<div class="actionBar-set actionBar-set--external">
									<xf:contentcheck>
										<xf:react content="{$description}" link="resources/update/react" list="< .js-resourceBody | .js-reactionsList" />
									</xf:contentcheck>
									</div>
								</xf:if>

								<xf:if contentcheck="true">
									<div class="actionBar-set actionBar-set--internal">
									<xf:contentcheck>
										<xf:if is="$description.canReport()">
											<a href="{{ link('resources/update/report', $description) }}"
												class="actionBar-action actionBar-action--report" data-xf-click="overlay">{{ phrase('report_verb') }}</a>
										</xf:if>

										<xf:set var="$hasActionBarMenu" value="{{ false }}" />
										<xf:if is="$resource.canEdit()">
											<a href="{{ link('resources/edit', $resource) }}"
												class="actionBar-action actionBar-action--edit actionBar-action--menuItem">{{ phrase('edit') }}</a>
											<xf:set var="$hasActionBarMenu" value="{{ true }}" />
										</xf:if>
										<xf:if is="$description.edit_count && $description.canViewHistory()">
											<a href="{{ link('resources/update/history', $description) }}"
												class="actionBar-action actionBar-action--history actionBar-action--menuItem"
												data-xf-click="toggle"
												data-target="< .js-resourceBody | .js-historyTarget"
												data-menu-closer="true">{{ phrase('history') }}</a>

											<xf:set var="$hasActionBarMenu" value="{{ true }}" />
										</xf:if>
										<xf:if is="$description.canDelete('soft')">
											<a href="{{ link('resources/delete', $description) }}"
												class="actionBar-action actionBar-action--delete actionBar-action--menuItem"
												data-xf-click="overlay">{{ phrase('delete') }}</a>
											<xf:set var="$hasActionBarMenu" value="{{ true }}" />
										</xf:if>
										<xf:if is="$xf.visitor.canViewIps() && $description.ip_id">
											<a href="{{ link('resources/update/ip', $description) }}"
												class="actionBar-action actionBar-action--ip actionBar-action--menuItem"
												data-xf-click="overlay">{{ phrase('ip') }}</a>
											<xf:set var="$hasActionBarMenu" value="{{ true }}" />
										</xf:if>
										<xf:if is="$description.canWarn()">
											<a href="{{ link('resources/update/warn', $description) }}"
												class="actionBar-action actionBar-action--warn actionBar-action--menuItem">{{ phrase('warn') }}</a>
											<xf:set var="$hasActionBarMenu" value="{{ true }}" />
										<xf:elseif is="$description.warning_id && $xf.visitor.canViewWarnings()" />
											<a href="{{ link('warnings', {'warning_id': $description.warning_id}) }}"
												class="actionBar-action actionBar-action--warn actionBar-action--menuItem"
												data-xf-click="overlay">{{ phrase('view_warning') }}</a>
											<xf:set var="$hasActionBarMenu" value="{{ true }}" />
										</xf:if>

										<xf:if is="$hasActionBarMenu">
											<a class="actionBar-action actionBar-action--menuTrigger"
												data-xf-click="menu"
												title="{{ phrase('more_options')|for_attr }}"
												role="button"
												tabindex="0"
												aria-expanded="false"
												aria-haspopup="true">&#8226;&#8226;&#8226;</a>

											<div class="menu" data-menu="menu" aria-hidden="true" data-menu-builder="actionBar">
												<div class="menu-content">
													<h4 class="menu-header">{{ phrase('more_options') }}</h4>
													<div class="js-menuBuilderTarget"></div>
												</div>
											</div>
										</xf:if>
									</xf:contentcheck>
									</div>
								</xf:if>
							</xf:contentcheck>
						</div>
					</xf:if>

					<div class="reactionsBar js-reactionsList {{ $description.reactions ? 'is-active' : '' }}">
						<xf:reactions content="{$description}" link="resources/update/reactions" />
					</div>

					<xf:if is="$description.edit_count && $description.canViewHistory()">
						<div class="js-historyTarget toggleTarget" data-href="trigger-href"></div>
					</xf:if>
				</article>

				<div class="resourceBody-sidebar">
					<div class="resourceSidebarGroup">
						<dl class="pairs pairs--justified">
							<dt>{{ phrase('author') }}</dt>
							<dd><xf:username user="{$resource.User}" defaultname="{$resource.username}" /></dd>
						</dl>
						<xf:if is="$resource.isDownloadable()">
							<dl class="pairs pairs--justified">
								<dt>{{ phrase('xfrm_downloads') }}</dt>
								<dd>{$resource.download_count|number}</dd>
							</dl>
						</xf:if>
						<dl class="pairs pairs--justified">
							<dt>{{ phrase('views') }}</dt>
							<dd>{{ max($resource.view_count, $resource.download_count, 1)|number }}</dd>
						</dl>
						<dl class="pairs pairs--justified">
							<dt>{{ phrase('xfrm_first_release') }}</dt>
							<dd><xf:date time="{$resource.resource_date}" /></dd>
						</dl>
						<dl class="pairs pairs--justified">
							<dt>{{ phrase('xfrm_last_update') }}</dt>
							<dd><xf:date time="{$resource.last_update}" /></dd>
						</dl>
						<dl class="pairs pairs--justified">
							<dt>{{ phrase('rating') }}</dt>
							<dd>
								<xf:macro template="rating_macros" name="stars_text"
									arg-rating="{$resource.rating_avg}"
									arg-count="{$resource.rating_count}"
									arg-rowClass="ratingStarsRow--textBlock" />
							</dd>
						</dl>
					</div>

					<xf:if contentcheck="true">
						<div class="resourceSidebarGroup resourceSidebarGroup--buttons">
							<xf:contentcheck>
								<xf:if is="$resource.hasViewableDiscussion()">
									<xf:button href="{{ link('threads', $resource.Discussion) }}" class="button--fullWidth">{{ phrase('xfrm_join_discussion') }}</xf:button>
								</xf:if>

								<xf:if is="$resource.external_url">
									<xf:button href="{$resource.external_url}" class="button--link button--fullWidth">{{ phrase('xfrm_more_information') }}</xf:button>
								</xf:if>

								<xf:if is="$resource.alt_support_url AND $resource.Category.enable_support_url">
									<xf:button href="{$resource.alt_support_url}" class="button--link button--fullWidth">{{ phrase('xfrm_get_support') }}</xf:button>
								</xf:if>
							</xf:contentcheck>
						</div>
					</xf:if>


					<xf:if is="$resource.canViewTeamMembers() && $teamMembers is not empty">
						<div class="resourceSidebarGroup">
							<h4 class="resourceSidebarGroup-title">
								<xf:if is="$resource.canManageTeamMembers()">
									<a href="{{ link('resources/manage-team', $resource) }}" data-xf-click="overlay">
										{{ phrase('xfrm_resource_team') }}
									</a>
								<xf:else />
										{{ phrase('xfrm_resource_team') }}
								</xf:if>
							</h4>

							<ul class="resourceSidebarList">
								<xf:foreach loop="$teamMembers" value="$teamMember">
									<li>
										<div class="contentRow">
											<div class="contentRow-figure">
												<xf:avatar user="$teamMember.User" size="xxs" />
											</div>

											<div class="contentRow-main contentRow-main--close">
												<xf:username user="$teamMember.User" rich="true" />
												<div class="contentRow-minor">
													<xf:usertitle user="$teamMember.User" />
												</div>
											</div>
										</div>
									</li>
								</xf:foreach>
							</ul>
						</div>
					</xf:if>

					<xf:if is="$authorOthers is not empty">
						<div class="resourceSidebarGroup">
							<h4 class="resourceSidebarGroup-title">
								<a href="{{ link('resources/authors', $resource.User) }}">{{ phrase('xfrm_more_resources_from_x', {'name': $resource.User.username}) }}</a>
							</h4>
							<ul class="resourceSidebarList">
							<xf:foreach loop="$authorOthers" value="$authorOther">
								<li>
									<xf:macro template="xfrm_resource_list_macros" name="resource_simple"
										arg-resource="{$authorOther}"
										arg-withMeta="{{ false }}" />
								</li>
							</xf:foreach>
							</ul>
						</div>
					</xf:if>

					<xf:if contentcheck="true">
						<div class="resourceSidebarGroup">
							<h4 class="resourceSidebarGroup-title">{{ phrase('xfrm_share_this_resource') }}</h4>
							<xf:contentcheck>
								<xf:macro template="share_page_macros" name="buttons" arg-iconic="{{ true }}" />
							</xf:contentcheck>
						</div>
					</xf:if>
				</div>
			</div>
		</div>
	</div>
</div>

<xf:if is="$latestUpdates is not empty">
	<div class="block">
		<div class="block-container">
			<h3 class="block-header">{{ phrase('xfrm_latest_updates') }}</h3>
			<ol class="block-body">
			<xf:foreach loop="$latestUpdates" value="$update">
				<li class="block-row block-row--separated">
					<h3 class="block-textHeader">
						<a href="{{ link('resources/update', $update) }}">{$update.title}</a>
					</h3>
					<div>{{ snippet($update.message, 100, {'stripBbCode': true}) }}</div>
			</xf:foreach>
			</ol>
			<div class="block-footer">
				<span class="block-footer-controls"><xf:button class="button--link" href="{{ link('resources/updates', $resource) }}">{{ phrase('xfrm_read_more...') }}</xf:button></span>
			</div>
		</div>
	</div>
</xf:if>

<xf:if is="$latestReviews is not empty">
	<div class="block">
		<div class="block-container">
			<h3 class="block-header">{{ phrase('xfrm_latest_reviews') }}</h3>
			<div class="block-body">
			<xf:foreach loop="$latestReviews" value="$review">
				<xf:macro template="xfrm_resource_review_macros" name="review"
					arg-review="{$review}"
					arg-resource="{$resource}" />
			</xf:foreach>
			</div>
			<div class="block-footer">
				<span class="block-footer-controls"><xf:button class="button--link" href="{{ link('resources/reviews', $resource) }}">{{ phrase('xfrm_read_more...') }}</xf:button></span>
			</div>
		</div>
	</div>
</xf:if>]]></template>
    <template title="xfrm_resource_wrapper_macros" type="public" addon_id="XFRM" version_id="0" version_string=""><![CDATA[<xf:macro name="header"
	arg-resource="!"
	arg-titleHtml="{{ null }}"
	arg-showMeta="{{ true }}"
	arg-metaHtml="{{ null }}">

	<xf:page option="headerHtml">
		<div class="contentRow contentRow--hideFigureNarrow">
			<span class="contentRow-figure">
				<xf:if is="$xf.options.xfrmAllowIcons">
					{{ resource_icon($resource, 's') }}
				<xf:else />
					<xf:avatar user="{$resource.User}" size="s" />
				</xf:if>
			</span>
			<div class="contentRow-main">
				<div class="p-title">
					<h1 class="p-title-value">
						<xf:if is="$titleHtml !== null">
							{$titleHtml|raw}
						<xf:else />
							{{ prefix('resource', $resource) }}{$resource.title}
						</xf:if>
						<xf:if is="$resource.isVersioned()">
							<span class="u-muted">{$resource.CurrentVersion.version_string}</span>
						</xf:if>
					</h1>
					<xf:if is="$resource.isDownloadable()">
						<div class="p-title-pageAction">
							<xf:if is="$resource.canDownload()">
								<xf:if is="$resource.isExternalDownload()">
									<xf:button href="{{ link('resources/download', $resource) }}" target="_blank"
										rel="noopener"
										data-xf-init="tooltip"
										class="button--cta"
										title="{{ $resource.CurrentVersion.getExternalDownloadDomain() }}"
										icon="redirect">{{ phrase('xfrm_go_to_download') }}</xf:button>
								<xf:else />
									<xf:button href="{{ link('resources/download', $resource) }}" target="_blank"
										class="button--cta"
										data-xf-click="{{ $resource.CurrentVersion.file_count > 1 ? 'overlay' : '' }}"
										icon="download">{{ phrase('download') }}</xf:button>
								</xf:if>
							<xf:else />
								<span class="button button--wrap is-disabled">{{ phrase('xfrm_no_permission_to_download') }}</span>
							</xf:if>
						</div>
					<xf:elseif is="$resource.isExternalPurchasable()" />
						<div class="p-title-pageAction">
							<xf:if is="$resource.canDownload()">
								<xf:button href="{$resource.external_purchase_url}" class="button--cta" icon="purchase" target="_blank" rel="noopener">
									{{ phrase('xfrm_buy_for_x', {'price': $resource.price|currency($resource.currency)}) }}
								</xf:button>
							<xf:else />
								<span class="button button--wrap is-disabled">{{ phrase('xfrm_no_permission_to_buy_price_x', {'price': $resource.price|currency($resource.currency)}) }}</span>
							</xf:if>
						</div>
					</xf:if>
				</div>
				<xf:if is="$showMeta">
					<div class="p-description">
						<xf:if is="$metaHtml !== null">
							{$metaHtml|raw}
						<xf:else />
							<ul class="listInline listInline--bullet">
								<li>
									<xf:fa icon="fa-user" title="{{ phrase('author')|for_attr }}" />
									<span class="u-srOnly">{{ phrase('author') }}</span>

									<xf:username user="{$resource.User}" defaultname="{$resource.username}" class="u-concealed" />
								</li>
								<li>
									<xf:fa icon="fa-clock" title="{{ phrase('xfrm_creation_date')|for_attr }}" />
									<span class="u-srOnly">{{ phrase('xfrm_creation_date') }}</span>

									<a href="{{ link('resources', $resource) }}" class="u-concealed"><xf:date time="{$resource.resource_date}" /></a>
								</li>
								<xf:if is="$xf.options.enableTagging AND ($resource.canEditTags() OR $resource.tags)">
									<li>

										<xf:macro template="tag_macros" name="list"
											arg-tags="{$resource.tags}"
											arg-tagList="tagList--resource-{$resource.resource_id}"
											arg-editLink="{{ $resource.canEditTags() ? link('resources/tags', $resource) : '' }}" />
									</li>
								</xf:if>
								<xf:if is="$resource.Featured">
									<li><span class="label label--accent">{{ phrase('xfrm_featured') }}</span></li>
								</xf:if>
								<xf:if is="$resource.isNonOwnerTeamMember()">
									<li><span class="label label--accent">{{ phrase('xfrm_team_member') }}</span></li>
								</xf:if>
							</ul>
						</xf:if>
					</div>
				</xf:if>
			</div>
		</div>
	</xf:page>
</xf:macro>

<xf:macro name="status" arg-resource="!">
	<xf:if contentcheck="true">
		<dl class="blockStatus blockStatus--standalone">
			<dt>{{ phrase('status') }}</dt>
			<xf:contentcheck>
				<xf:if is="$resource.resource_state == 'deleted'">
					<dd class="blockStatus-message blockStatus-message--deleted">
						<xf:macro template="deletion_macros" name="notice" arg-log="{$resource.DeletionLog}" />
					</dd>
				<xf:elseif is="$resource.resource_state == 'moderated'" />
					<dd class="blockStatus-message blockStatus-message--moderated">
						{{ phrase('awaiting_approval_before_being_displayed_publicly') }}
					</dd>
				</xf:if>
			</xf:contentcheck>
		</dl>
	</xf:if>
</xf:macro>

<xf:macro name="tabs" arg-resource="!" arg-selected="!">
	<xf:if contentcheck="true">
		<div class="dp-tab-menu block-tabHeader tabs tabs--standalone">
			<div class="hScroller" data-xf-init="h-scroller">
				<span class="hScroller-scroll">
					<a class="tabs-tab {{ $selected == 'overview' ? 'is-active' : '' }}" href="{{ link('resources', $resource) }}"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.61 11.67"><path d="m12.61,11.67V0h1.67v11.67h-1.67Zm3.33,0V0h1.67v11.67h-1.67Z" style="fill:#fff;"/><path d="m1.67,11.67c-.46,0-.85-.16-1.18-.49C.16,10.85,0,10.46,0,10V1.67C0,1.21.16.82.49.49S1.21,0,1.67,0h8.33C10.46,0,10.85.16,11.18.49c.33.33.49.72.49,1.18v8.33c0,.46-.16.85-.49,1.18-.33.33-.72.49-1.18.49H1.67Z" style="fill:#006fcd;"/><rect x="1.67" y="1.67" width="8.33" height="8.33" style="fill:#133921; opacity:.25;"/></svg>{{ phrase('overview') }}</a>
					<xf:contentcheck>
						<xf:if is="$resource.hasExtraInfoTab()">
							<a class="tabs-tab {{ $selected == 'extra' ? 'is-active' : '' }}" href="{{ link('resources/extra', $resource) }}">{{ phrase('xfrm_extra_info') }}</a>
						</xf:if>
						<xf:foreach loop="$resource.getExtraFieldTabs()" key="$fieldId" value="$fieldValue">
							<a class="tabs-tab {{ $selected == ('field_' . $fieldId) ? 'is-active' : '' }}" href="{{ link('resources/field', $resource, {'field': $fieldId}) }}">{$fieldValue}</a>
						</xf:foreach>
						<xf:if is="$resource.real_update_count">
							<a class="tabs-tab {{ $selected == 'updates' ? 'is-active' : '' }}" href="{{ link('resources/updates', $resource) }}"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 16.5"><path d="m6.67.23c.26-.15.54-.23.83-.23s.57.08.83.23l5.83,3.35c.26.15.47.35.62.6.15.25.22.53.22.83v3.54c-.25-.18-.51-.34-.79-.47s-.57-.25-.87-.34v-1.83l-3,1.73c-.78.19-1.48.52-2.12.99s-1.15,1.03-1.55,1.7v-1.52L1.67,5.92v5.71l4.21,2.44c.06.44.16.87.31,1.28.15.41.35.8.58,1.16-.03-.01-.05-.02-.05-.03s-.02-.02-.05-.03L.83,13.08c-.26-.15-.47-.35-.61-.6C.07,12.23,0,11.95,0,11.65v-6.62C0,4.72.07,4.44.22,4.19c.15-.25.35-.45.61-.6C.83,3.58,6.67.23,6.67.23Zm.83,1.44l-4.94,2.85,4.94,2.85,4.94-2.85L7.5,1.67Zm4.17,7.5-4.17,4.17" style="fill:#006fcd;"/><path d="m13.78,9.38c-.81-.81-1.8-1.22-2.95-1.22l-4.17,4.17c0,1.15.41,2.13,1.22,2.95.81.81,1.8,1.22,2.95,1.22s2.13-.41,2.95-1.22c.81-.81,1.22-1.8,1.22-2.95s-.41-2.13-1.22-2.95Zm-2.95,5.45l-2.5-2.5.58-.58,1.5,1.5v-3.42h.84v3.42l1.5-1.5.58.58-2.5,2.5Z" style="fill:#fff;"/><path d="m6.66,12.33c0-1.15.41-2.14,1.22-2.95.81-.81,1.8-1.22,2.95-1.22l-4.17,4.17Z" style="fill:#fff;"/></svg>{{ phrase('xfrm_updates') }} {$resource.real_update_count|parens}</a>
						</xf:if>
						<xf:if is="$resource.real_review_count">
							<a class="tabs-tab {{ $selected == 'reviews' ? 'is-active' : '' }}" href="{{ link('resources/reviews', $resource) }}"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.66 16.66"><path d="m16.17.49c-.32-.33-.71-.49-1.17-.49H1.66c-.45,0-.85.16-1.17.49-.33.32-.49.71-.49,1.17v15l3.33-3.33h11.67c.45,0,.85-.16,1.17-.49.33-.33.49-.72.49-1.18V1.66c0-.45-.16-.85-.49-1.17Zm-1.17,10.98H2.62l-.96.94V1.47h13.34v10Z" style="fill:#006fcd;"/><polygon points="8.02 2.41 9.22 4.85 11.91 5.24 9.96 7.14 10.42 9.82 8.02 8.55 5.61 9.82 6.07 7.14 4.13 5.24 6.82 4.85 8.02 2.41" style="fill:#fff;"/></svg>{{ phrase('xfrm_reviews') }} {$resource.real_review_count|parens}</a>
						</xf:if>
						<xf:if is="$resource.isVersioned()">
							<a class="tabs-tab {{ $selected == 'history' ? 'is-active' : '' }}" href="{{ link('resources/history', $resource) }}"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path d="m9.83,11l-3.17-3.17V3.33h1.67v3.83l2.67,2.67s-1.17,1.17-1.17,1.17Z" style="fill:#fff;"/><path d="m7.5,15c-1.92,0-3.59-.64-5.01-1.91S.25,10.24.04,8.33h1.71c.19,1.44.84,2.64,1.93,3.58,1.09.94,2.36,1.42,3.82,1.42,1.62,0,3-.57,4.14-1.7,1.13-1.13,1.7-2.51,1.7-4.13,0-1.62-.57-3-1.7-4.14-1.13-1.13-2.51-1.7-4.13-1.7-.96,0-1.85.22-2.69.67s-1.53,1.06-2.1,1.83h2.29v1.67H0V.83h1.67v1.96c.71-.89,1.57-1.58,2.59-2.06,1.02-.49,2.1-.73,3.24-.73,1.04,0,2.02.2,2.93.59.91.4,1.7.93,2.38,1.6.67.67,1.21,1.47,1.6,2.37.4.91.59,1.89.59,2.93,0,1.04-.2,2.02-.59,2.93-.4.91-.93,1.7-1.6,2.38-.67.67-1.47,1.21-2.38,1.6-.91.4-1.89.59-2.93.59Z" style="fill:#006fcd;"/></svg>{{ phrase('history') }}</a>
						</xf:if>
						<xf:if is="$resource.hasViewableDiscussion()">
							<a class="tabs-tab {{ $selected == 'discussion' ? 'is-active' : '' }}" href="{{ link('threads', $resource.Discussion) }}"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.9 16.32"><path d="m.95,15.48l1.04-3.14c-.76-1.2-1.16-2.59-1.16-4.01-.01-4.14,3.35-7.5,7.49-7.5,1.75,0,3.27.44,4.54,1.45" style="fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.67px;"/><path d="m12.97,2.38c1.13,1.16,1.88,2.7,2.05,4.44.41,4.12-2.59,7.8-6.71,8.2-1.41.14-2.84-.12-4.11-.75l-3.25,1.22" style="fill:none; stroke:#006fcd; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.67px;"/></svg>{{ phrase('xfrm_discussion') }}</a>
						</xf:if>
					</xf:contentcheck>
				</span>
			</div>
		</div>
	</xf:if>
</xf:macro>

<xf:macro name="action_buttons" arg-resource="!">
	<xf:comment><!-- Don't bypass the download requirement for pre-reg as the form will check this --></xf:comment>
	<xf:if is="$resource.canRate(false) OR $resource.canRatePreReg()">
		<xf:button href="{{ link('resources/rate', $resource) }}" overlay="true">
			{{ phrase('leave_rating') }}
		</xf:button>
	</xf:if>
	<xf:if is="$resource.canReleaseUpdate()">
		<xf:button href="{{ link('resources/post-update', $resource) }}">{{ phrase('xfrm_post_update') }}</xf:button>
	</xf:if>

	<xf:if contentcheck="true">
		<div class="buttonGroup">
		<xf:contentcheck>
			<xf:if is="$resource.canUndelete() AND $resource.resource_state == 'deleted'">
				<xf:button href="{{ link('resources/undelete', $resource) }}" class="button--link" overlay="true">
					{{ phrase('undelete') }}
				</xf:button>
			</xf:if>
			<xf:if is="$resource.canApproveUnapprove() AND $resource.resource_state == 'moderated'">
				<xf:button href="{{ link('resources/approve', $resource) }}" class="button--link" overlay="true">
					{{ phrase('approve') }}
				</xf:button>
			</xf:if>
			<xf:if is="$resource.canWatch()">
				<xf:button href="{{ link('resources/watch', $resource) }}" class="button--link"
					data-xf-click="switch-overlay"
					data-sk-watch="{{ phrase('watch') }}"
					data-sk-unwatch="{{ phrase('unwatch') }}">

					<xf:if is="{$resource.Watch.{$xf.visitor.user_id}}">
						{{ phrase('unwatch') }}
					<xf:else />
						{{ phrase('watch') }}
					</xf:if>
				</xf:button>
			</xf:if>
			<xf:macro template="bookmark_macros" name="button"
				arg-content="{$resource}"
				arg-confirmUrl="{{ link('resources/bookmark', $resource) }}" />

			<xf:if contentcheck="true">
				<div class="buttonGroup-buttonWrapper">
					<xf:button class="button--link menuTrigger" data-xf-click="menu" aria-expanded="false" aria-haspopup="true" title="{{ phrase('more_options') }}">&#8226;&#8226;&#8226;</xf:button>
					<div class="menu" data-menu="menu" aria-hidden="true">
						<div class="menu-content">
							<h4 class="menu-header">{{ phrase('more_options') }}</h4>
							<xf:contentcheck>
								<!--[XF:resource_tools_menu:top]-->
								<xf:if is="$resource.canEdit()">
									<a href="{{ link('resources/edit', $resource) }}" class="menu-linkRow">{{ phrase('xfrm_edit_resource') }}</a>
								</xf:if>
								<xf:if is="$resource.canEditIcon()">
									<a href="{{ link('resources/edit-icon', $resource) }}" class="menu-linkRow" data-xf-click="overlay">{{ phrase('xfrm_edit_resource_icon') }}</a>
								</xf:if>
								<xf:if is="$resource.canChangeResourceType()">
									<a href="{{ link('resources/change-type', $resource) }}" class="menu-linkRow">{{ phrase('xfrm_change_resource_type') }}</a>
								</xf:if>
								<xf:if is="$resource.canLeaveTeam()">
									<a href="{{ link('resources/leave-team', $resource) }}" class="menu-linkRow" data-xf-click="overlay">
										{{ phrase('xfrm_leave_resource_team') }}
									</a>
								</xf:if>
								<xf:if is="$resource.canManageTeamMembers()">
									<a href="{{ link('resources/manage-team', $resource) }}" class="menu-linkRow" data-xf-click="overlay">
										{{ phrase('xfrm_manage_resource_team') }}
									</a>
								</xf:if>
								<xf:if is="$resource.canFeatureUnfeature()">
									<a href="{{ link('resources/quick-feature', $resource) }}"
										class="menu-linkRow"
										data-xf-click="switch"
										data-menu-closer="true">

										<xf:if is="$resource.Featured">
											{{ phrase('xfrm_resource_quick_unfeature') }}
										<xf:else />
											{{ phrase('xfrm_resource_quick_feature') }}
										</xf:if>
									</a>
								</xf:if>
								<xf:if is="$resource.canMove()">
									<a href="{{ link('resources/move', $resource) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('xfrm_move_resource') }}</a>
								</xf:if>
								<xf:if is="$resource.canReassign()">
									<a href="{{ link('resources/reassign', $resource) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('xfrm_reassign_resource') }}</a>
								</xf:if>
								<xf:if is="$resource.canChangeDiscussionThread()">
									<a href="{{ link('resources/change-thread', $resource) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('xfrm_change_discussion_thread') }}</a>
								</xf:if>
								<xf:if is="$resource.canDelete('soft')">
									<a href="{{ link('resources/delete', $resource) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('xfrm_delete_resource') }}</a>
								</xf:if>
									<!--[XF:resource_tools_menu:before_footer]-->
								<xf:if is="$resource.canUseInlineModeration()">
									<div class="menu-footer"
										data-xf-init="inline-mod"
										data-type="resource"
										data-href="{{ link('inline-mod') }}"
										data-toggle=".js-resourceInlineModToggle">
										<xf:checkbox>
											<xf:option class="js-resourceInlineModToggle" value="{$resource.resource_id}">{{ phrase('select_for_moderation') }}</xf:option>
										</xf:checkbox>
									</div>
									<xf:js src="xf/inline_mod.js" min="1" />
								</xf:if>
								<!--[XF:resource_tools_menu:bottom]-->
							</xf:contentcheck>
						</div>
					</div>
				</div>
			</xf:if>
		</xf:contentcheck>
		</div>
	</xf:if>
</xf:macro>]]></template>
  </templates>
  <properties>
    <group group_name="dohthemebasic" title="[DohTheme] --&gt; Basic options" description="General settings that control the theme overall." display_order="10" addon_id=""/>
    <group group_name="dohthemeheader" title="[DohTheme] --&gt; Header and navigation" description="Generic header specific settings." display_order="20" addon_id=""/>
    <group group_name="dohthemeforum" title="[DohTheme] --&gt; Node/forum list" description="Controls the display and properties of the categories and other node types." display_order="30" addon_id=""/>
    <group group_name="sidebaroptions" title="[DohTheme] --&gt; Sidebar" description="Properties for sidebar collapse, icons, etc." display_order="40" addon_id=""/>
    <group group_name="dohthemeds" title="[DohTheme] --&gt; Discussion List" description="Control on the appearance of the list of discussions within a forum." display_order="50" addon_id=""/>
    <group group_name="threadoptions" title="[DohTheme] --&gt; Messages" description="Thread list styling, post styles, and post settings." display_order="60" addon_id=""/>
    <group group_name="dohthemefooter" title="[DohTheme] --&gt; Pre-Footer" description="Show footer columns and also general footer settings." display_order="70" addon_id=""/>
    <group group_name="dohthemeglyphs" title="[DohTheme] --&gt; Icons" description="Settings for the main icon font for the theme." display_order="80" addon_id=""/>
    <property property_name="af_as_postbit_award_height" group_name="afAwardSystem" title="List: Award Image Height" description="Default: 35px" property_type="value" value_type="unit" depends_on="" value_group="postbitTypeList" display_order="43" addon_id="AddonFlare/AwardSystem">
      <value>"24px"</value>
    </property>
    <property property_name="af_as_postbit_feature_button" group_name="afAwardSystem" title="Show Feature Button" description="" property_type="value" value_type="boolean" depends_on="" value_group="postbit" display_order="16" addon_id="AddonFlare/AwardSystem">
      <value>0</value>
    </property>
    <property property_name="af_as_postbit_level" group_name="afAwardSystem" title="Show Level In Postbit" description="" property_type="value" value_type="boolean" depends_on="" value_group="postbit" display_order="13" addon_id="AddonFlare/AwardSystem">
      <value>1</value>
    </property>
    <property property_name="af_as_postbit_level_graph" group_name="afAwardSystem" title="Show Level Graph In Postbit" description="" property_type="value" value_type="boolean" depends_on="" value_group="postbit" display_order="14" addon_id="AddonFlare/AwardSystem">
      <value>1</value>
    </property>
    <property property_name="af_as_postbit_position" group_name="afAwardSystem" title="Postbit Position" description="&quot;Manual&quot; position directions:&lt;br&gt;&#10;Use the following code in your &quot;message_macros&quot; template:&lt;br&gt;&#10;&amp;lt;xf:include template=&amp;quot;af_as_message_postbit&amp;quot;&amp;gt;&#10;&amp;lt;xf:set var=&amp;quot;$postbitPosition&amp;quot; value=&amp;quot;manual&amp;quot; /&amp;gt;&#10;&amp;lt;/xf:include&amp;gt;" property_type="value" value_type="radio" depends_on="" value_group="postbit" display_order="12" addon_id="AddonFlare/AwardSystem">
      <value_parameters>userDetails_top={{ phrase('af_as_postbit_top_userDetails') }}
userDetails_bottom={{ phrase('af_as_postbit_bottom_userDetails') }}
userExtras_top={{ phrase('af_as_postbit_top_userExtras') }}
userExtras_bottom={{ phrase('af_as_postbit_bottom_userExtras') }}
manual={{ phrase('af_as_postbit_manual') }}</value_parameters>
      <value>"manual"</value>
    </property>
    <property property_name="af_as_postbit_total" group_name="afAwardSystem" title="Show Total Awards In Postbit" description="" property_type="value" value_type="boolean" depends_on="" value_group="postbit" display_order="15" addon_id="AddonFlare/AwardSystem">
      <value>0</value>
    </property>
    <property property_name="af_as_postbit_type" group_name="afAwardSystem" title="Postbit Type" description="" property_type="value" value_type="radio" depends_on="" value_group="postbit" display_order="7" addon_id="AddonFlare/AwardSystem">
      <value_parameters>carousel={{ phrase('af_as_postbit_type_carousel') }}
list={{ phrase('af_as_postbit_type_list') }}</value_parameters>
      <value>"list"</value>
    </property>
    <property property_name="af_as_profile_total" group_name="afAwardSystem" title="Show Total Awards In Profile" description="Show total awards count in profile and profile hover menu" property_type="value" value_type="boolean" depends_on="" value_group="Profile" display_order="60" addon_id="AddonFlare/AwardSystem">
      <value>0</value>
    </property>
    <property property_name="avatarBorderRadius" group_name="avatar" title="Avatar border radius" description="Controls the size of the rounded corners on avatars - a sufficiently large value will make avatars circular" property_type="value" value_type="unit" depends_on="" value_group="" display_order="200" addon_id="XF">
      <value>"50%"</value>
    </property>
    <property property_name="avatarDefaultImage" group_name="avatar" title="Default avatar image URL" description="The image URL specified here will be used as the image within the default avatar. Only applies if the &quot;Image&quot; type is selected above." property_type="value" value_type="string" depends_on="" value_group="" display_order="800" addon_id="XF">
      <value_parameters>asset=default_avatars</value_parameters>
      <value>"data/assets/default_avatars/default_imge.png"</value>
    </property>
    <property property_name="avatarDefaultType" group_name="avatar" title="Default avatar type" description="Controls whether the default avatar is text or image based. Unless disabled in the options, default avatars will be dynamically generated based on the user's name." property_type="value" value_type="radio" depends_on="" value_group="" display_order="600" addon_id="XF">
      <value_parameters>text={{ phrase('text') }}
image={{ phrase('image') }}</value_parameters>
      <value>"image"</value>
    </property>
    <property property_name="badge" group_name="misc" title="Badge" description="Badges appear to indicate a number if items requiring attention, such as unread messages in your inbox" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,border_radius,extra" addon_id="XF">
      <value>{
    "color": "@xf-paletteColor1",
    "background-color": "@xf-paletteColor5",
    "border-radius": "100%",
    "extra": "font-weight: 500;"
}</value>
    </property>
    <property property_name="badgeHighlighted" group_name="misc" title="Badge - highlighted" description="Highlighted badges grab the viewer's attention more and tend to indicate new items to be reviewed" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "color": "white",
    "background-color": "@xf-contentAccentBg"
}</value>
    </property>
    <property property_name="bbCodeBlock" group_name="bbCode" title="BB code blocks" description="All BB code blocks within messages make use of these styling rules" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,border_radius,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColorDimmed",
    "background-color": "rgb(241, 250, 255)",
    "border-width": "@xf-borderSize",
    "border-color": "rgb(0, 158, 247)",
    "border-radius": "@xf-blockBorderRadius",
    "extra": "font-weight: 500;\npadding: @xf-paddingMedium;\nborder-style: dashed;"
}</value>
    </property>
    <property property_name="bbCodeBlockTitle" group_name="bbCode" title="BB code blocks - title" description="Styles the title section of BB code blocks within messages" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-linkColor",
    "extra": "font-weight: 600;"
}</value>
    </property>
    <property property_name="blockBorder" group_name="block" title="Block border framework" description="Virtually all blocks have their borders styled with these settings" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="border,extra" addon_id="XF">
      <value>{
    "border-width": "@xf-borderSize",
    "border-color": "@xf-borderColor"
}</value>
    </property>
    <property property_name="blockBorderRadius" group_name="block" title="Block border radius" description="Controls the size of the curve on block border corners" property_type="value" value_type="unit" depends_on="" value_group="borderRadius" display_order="1000" addon_id="XF">
      <value>"12px"</value>
    </property>
    <property property_name="blockFilterBar" group_name="block" title="Block filter bar" description="When the content of a block can be filtered, the controls to do so are styled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20800" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-textColorDimmed",
    "background-color": "@xf-contentBg"
}</value>
    </property>
    <property property_name="blockFooter" group_name="block" title="Block footer" description="When information needs to be conveyed in a footer element for a block, its style is controlled here" property_type="css" value_type="" depends_on="" value_group="" display_order="21200" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmaller",
    "color": "@xf-blockFooterTextColor",
    "background-color": "@xf-blockFooterBg",
    "border-top-width": "@xf-borderSize",
    "border-top-color": "@xf-borderColor",
    "extra": "font-weight: 500;"
}</value>
    </property>
    <property property_name="blockFooterBg" group_name="color" title="Block footer background color" description="" property_type="value" value_type="color" depends_on="" value_group="blockFooter" display_order="7100" addon_id="XF">
      <value>"mix(@xf-contentAltBg, @xf-contentBg)"</value>
    </property>
    <property property_name="blockHeader" group_name="block" title="Block header" description="Blocks often have title bars at their tops, which are styled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeLarge",
    "color": "@xf-majorHeadingTextColor",
    "background-color": "@xf-majorHeadingBg",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColorLight",
    "extra": "font-weight: 600;\npadding: @xf-paddingLargest;"
}</value>
    </property>
    <property property_name="blockLink" group_name="misc" title="Block link" description="Some links are displayed as small blocks such as choices in a popup menu, and their background will highlight when hovered" property_type="css" value_type="" depends_on="" value_group="" display_order="20900" css_components="text,background,extra" addon_id="XF">
      <value>{
    "font-size": "14px",
    "color": "@xf-textColorDimmed",
    "text-decoration": "none",
    "extra": "font-weight: 500;\ncursor: pointer;\nborder: none;\nborder-radius: @xf-blockBorderRadius;"
}</value>
    </property>
    <property property_name="blockLinkSelected" group_name="misc" title="Block link - selected" description="Styling for block-type links when in their selected state" property_type="css" value_type="" depends_on="" value_group="" display_order="21000" css_components="text,background,border_width_simple,border_color_simple,extra" addon_id="XF">
      <value>{
    "color": "@xf-contentHighlightBg",
    "background-color": "@xf-contentAltBg"
}</value>
    </property>
    <property property_name="blockMinorHeader" group_name="block" title="Block minor header" description="Sub-headings in blocks use these settings" property_type="css" value_type="" depends_on="" value_group="" display_order="20400" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeLarge",
    "color": "@xf-minorHeadingTextColor",
    "extra": "font-weight: 600;\nfont-size: 17.5px;\nfont-family: 'kingzheader', san-serif;\npadding: @xf-paddingLargest @xf-elementSpacer;\nmargin-bottom: @xf-paddingMedium;"
}</value>
    </property>
    <property property_name="blockMinorTabHeader" group_name="block" title="Block minor tab header" description="Used for multi-part, tabbed sub-headings" property_type="css" value_type="" depends_on="" value_group="" display_order="20500" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeNormal",
    "color": "@xf-textColorDimmed",
    "background-color": "@xf-contentBg",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColor"
}</value>
    </property>
    <property property_name="blockPaddingH" group_name="block" title="Block padding horizontal" description="The horizontal space between the edges of a block and its content" property_type="value" value_type="unit" depends_on="" value_group="padding" display_order="100" addon_id="XF">
      <value>"12px"</value>
    </property>
    <property property_name="blockPaddingV" group_name="block" title="Block padding vertical" description="The vertical space between a block's content and its edges" property_type="value" value_type="unit" depends_on="" value_group="padding" display_order="200" addon_id="XF">
      <value>"8px"</value>
    </property>
    <property property_name="blockTabHeader" group_name="block" title="Block tab header" description="Occasionally, blocks will have multi-part, tab headers, styled with these settings" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeNormal",
    "color": "@xf-blockTabHeaderTextColor",
    "background-color": "@xf-blockTabHeaderBg",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColor",
    "extra": "font-weight: 600;\npadding: 0 @xf-paddingSmall;"
}</value>
    </property>
    <property property_name="blockTabHeaderBg" group_name="color" title="Block tab header background color" description="" property_type="value" value_type="color" depends_on="" value_group="blockTabHeader" display_order="6500" addon_id="XF">
      <value>"@xf-contentBg"</value>
    </property>
    <property property_name="blockTabHeaderSelected" group_name="block" title="Block tab header - selected tab" description="The selected tab in multi-part headers takes additional styling from here" property_type="css" value_type="" depends_on="" value_group="" display_order="20300" css_components="text,background,border_color_simple,extra" addon_id="XF">
      <value>{
    "color": "@xf-contentHighlightBg",
    "border-color": "@xf-borderColorHighlight"
}</value>
    </property>
    <property property_name="blockTabHeaderTextColor" group_name="color" title="Block tab header text color" description="" property_type="value" value_type="color" depends_on="" value_group="blockTabHeader" display_order="6600" addon_id="XF">
      <value>"rgb(161, 165, 183)"</value>
    </property>
    <property property_name="blockTextHeader" group_name="block" title="Block text header" description="Text headers are used for subtle identification of content areas, without changing the background style or color" property_type="css" value_type="" depends_on="" value_group="" display_order="20700" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeLarge",
    "color": "@xf-minorHeadingTextColor",
    "extra": "font-weight: 600;"
}</value>
    </property>
    <property property_name="borderColor" group_name="color" title="Border color" description="Structural borders around blocks of content generally use this color" property_type="value" value_type="color" depends_on="" value_group="borderBasic" display_order="4000" addon_id="XF">
      <value>"@xf-paletteColor4"</value>
    </property>
    <property property_name="borderColorAccentContent" group_name="color" title="Accent content border color" description="" property_type="value" value_type="color" depends_on="" value_group="borderOther" display_order="5200" addon_id="XF">
      <value>"@xf-contentAccentBg"</value>
    </property>
    <property property_name="borderColorHeavy" group_name="color" title="Heavy border color" description="" property_type="value" value_type="color" depends_on="" value_group="borderBasic" display_order="4300" addon_id="XF">
      <value>"rgb(43, 43, 64)"</value>
    </property>
    <property property_name="borderColorHighlight" group_name="color" title="Highlight border color" description="" property_type="value" value_type="color" depends_on="" value_group="borderOther" display_order="5000" addon_id="XF">
      <value>"@xf-contentHighlightBg"</value>
    </property>
    <property property_name="buttonBase" group_name="button" title="Button base" description="Defines the styling for the basic elements that are common to all text-based buttons" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,border_radius,padding,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "border-radius": "@xf-blockBorderRadius",
    "padding-top": "10px",
    "padding-right": "12px",
    "padding-bottom": "10px",
    "padding-left": "12px",
    "extra": "font-weight: 500;\ntext-align: center;\nborder: none;"
}</value>
    </property>
    <property property_name="buttonBg" group_name="color" title="Default button background color" description="" property_type="value" value_type="color" depends_on="" value_group="buttons" display_order="8200" addon_id="XF">
      <value>"fade(@xf-paletteColor1, 10%)"</value>
    </property>
    <property property_name="buttonCta" group_name="button" title="Button - call to action" description="Call to action buttons sit alone and invite the user to do something, like post a new thread" property_type="css" value_type="" depends_on="" value_group="" display_order="20300" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-linkColor",
    "background-color": "@xf-linkHoverColor",
    "extra": "rgba(52,218,113,0.25) rgba(96,226,143,0.25) rgba(96,226,143,0.25) rgba(52,218,113,0.25)"
}</value>
    </property>
    <property property_name="buttonCtaBg" group_name="color" title="Call-to-action button background" description="" property_type="value" value_type="color" depends_on="" value_group="buttons" display_order="8400" addon_id="XF">
      <value>"@xf-paletteColor1"</value>
    </property>
    <property property_name="buttonDefault" group_name="button" title="Button - default" description="Most buttons use this styling, except for primary form submit buttons" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "#fff",
    "background-color": "#39393f"
}</value>
    </property>
    <property property_name="buttonPrimary" group_name="button" title="Button - primary" description="These rules are used mostly for the main submit button for forms" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,background,extra" addon_id="XF">
      <value>{
    "font-size": "14px",
    "color": "@xf-linkColor",
    "background-color": "@xf-linkHoverColor",
    "extra": "border-color: rgba(52,218,113,0.25) rgba(96,226,143,0.25) rgba(96,226,143,0.25) rgba(52,218,113,0.25);"
}</value>
    </property>
    <property property_name="buttonPrimaryBg" group_name="color" title="Primary button background color" description="" property_type="value" value_type="color" depends_on="" value_group="buttons" display_order="8300" addon_id="XF">
      <value>"@xf-paletteColor1"</value>
    </property>
    <property property_name="buttonTextColor" group_name="color" title="Default button text color" description="" property_type="value" value_type="color" depends_on="" value_group="buttons" display_order="8100" addon_id="XF">
      <value>"@xf-paletteColor1"</value>
    </property>
    <property property_name="chip" group_name="misc" title="Chips" description="The primary use for chips is in tagging content, where each tag will appear as a chip" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,background,border_width_simple,border_color_simple,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColorDimmed",
    "background-color": "@xf-contentBg",
    "border-width": "@xf-borderSizeMinorFeature",
    "border-color": "@xf-borderColor",
    "extra": "font-weight: 500;\npadding-top: 2px;\nborder-radius: @xf-blockBorderRadius;"
}</value>
    </property>
    <property property_name="chipHover" group_name="misc" title="Chips - hovered" description="Chip styling is adjusted using these settings when they are hovered" property_type="css" value_type="" depends_on="" value_group="" display_order="20300" css_components="text,background,border_color_simple,extra" addon_id="XF">
      <value>{
    "background-color": "@xf-contentAltBg"
}</value>
    </property>
    <property property_name="chromeBg" group_name="color" title="Page chrome background color" description="" property_type="value" value_type="color" depends_on="" value_group="chrome" display_order="6000" addon_id="XF">
      <value>"@xf-pageBg"</value>
    </property>
    <property property_name="chromeTextColor" group_name="color" title="Page chrome text color" description="" property_type="value" value_type="color" depends_on="" value_group="chrome" display_order="6050" addon_id="XF">
      <value>"@xf-textColorEmphasized"</value>
    </property>
    <property property_name="contentAccentBg" group_name="color" title="Accented content background color" description="This background color is used for further differentiation from regular content" property_type="value" value_type="color" depends_on="" value_group="contentBackground" display_order="2400" addon_id="XF">
      <value>"@xf-linkHoverColor"</value>
    </property>
    <property property_name="contentAccentLink" group_name="content" title="Accented content area links" description="Links within accented content will be styled with these settings" property_type="css" value_type="" depends_on="" value_group="" display_order="20400" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColorAccentContent"
}</value>
    </property>
    <property property_name="contentAltBase" group_name="content" title="Alternate content area base" description="When an alternative background needs to be presented along side the main content background, this will be employed" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColorDimmed",
    "background-color": "@xf-contentAltBg"
}</value>
    </property>
    <property property_name="contentAltBg" group_name="color" title="Alternate content background color" description="In order to differentiate it, some content will be presented on this alternative background" property_type="value" value_type="color" depends_on="" value_group="contentBackground" display_order="2200" addon_id="XF">
      <value>"@xf-paletteColor5"</value>
    </property>
    <property property_name="contentBg" group_name="color" title="Content background color" description="Most normal content will sit on this background" property_type="value" value_type="color" depends_on="" value_group="contentBackground" display_order="2000" addon_id="XF">
      <value>"#151518"</value>
    </property>
    <property property_name="contentHighlightBase" group_name="content" title="Highlighted content area base" description="If an area of content is selected, for example a row in a table, its normal background will be substituted with this" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColorEmphasized",
    "background-color": "@xf-contentHighlightBg"
}</value>
    </property>
    <property property_name="dataListFooter" group_name="dataList" title="Data list footer" description="When data lists have a terminating element at their foot, it is styled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmaller",
    "color": "@xf-blockFooterTextColor",
    "background-color": "@xf-blockFooterBg",
    "border-top-width": "@xf-borderSize",
    "border-top-color": "@xf-borderColor"
}</value>
    </property>
    <property property_name="dataListHeader" group_name="dataList" title="Data list header" description="The title bar of a data list is styled with these settings" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmaller",
    "color": "@xf-majorHeadingTextColor",
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "fade(@xf-majorHeadingBg, 90%)",
    "extra": "text-transform: none;\n.m-backdropFilter(blur(5px));"
}</value>
    </property>
    <property property_name="dbtechShopItemListStyle" group_name="dbtechShop" title="Item list style" description="This only affects the category view and the main home page overview." property_type="value" value_type="radio" depends_on="" value_group="itemList" display_order="1100" addon_id="DBTech/Shop">
      <value_parameters>grid={{ phrase('dbtech_shop_grid') }}
list={{ phrase('list') }}</value_parameters>
      <value>"list"</value>
    </property>
    <property property_name="dt_account_wrapper_glyphs" group_name="dohthemeglyphs" title="Account Wrapper Icons" description="Adds icons to tabs in account wrapper page when enabled." property_type="value" value_type="boolean" depends_on="" value_group="" display_order="100" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_alternative_nodes" group_name="dohthemeforum" title="Alternative Node Background" description="Sets the background color of even node items." property_type="value" value_type="color" depends_on="" value_group="Forum" display_order="50" addon_id="">
      <value>""</value>
    </property>
    <property property_name="dt_alternative_threads" group_name="dohthemeds" title="Alternative Thread Background" description="Set the background color of even discussion list items." property_type="value" value_type="color" depends_on="" value_group="General" display_order="30" addon_id="">
      <value>""</value>
    </property>
    <property property_name="dt_avatar_shape" group_name="dohthemebasic" title="Avatar Shape" description="Change small avatars around the forum to visually crop into a specific shape." property_type="value" value_type="select" depends_on="" value_group="Global" display_order="20" addon_id="">
      <value_parameters>option1=Default
option2=Circle
option3=Rhombus
option4=Pentagon
option5=Hexagon
option6=Heptagon
option7=Octagon
option8=Nonagon
option9=Bevel
option10=Rabbet</value_parameters>
      <value>"option2"</value>
    </property>
    <property property_name="dt_background_sticky_thread_css" group_name="dohthemeds" title="Sticky Threads" description="Styles the individual sticky threads." property_type="css" value_type="" depends_on="" value_group="" display_order="11" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "border-left-width": "4px",
    "border-left-color": "@xf-borderColorHighlight"
}</value>
    </property>
    <property property_name="dt_breadbrumb_bottom" group_name="dohthemebasic" title="Remove Bottom Breadcrumb" description="Removes the breadcrumb at the bottom of the page." property_type="value" value_type="boolean" depends_on="" value_group="Global" display_order="50" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_breadbrumb_index" group_name="dohthemebasic" title="Remove Breadcrumb on Forum Index" description="This removes the breadcrumb for the forum list index page." property_type="value" value_type="boolean" depends_on="" value_group="ForumHome" display_order="100" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_breadbrumb_top" group_name="dohthemebasic" title="Remove Top Breadcrumb" description="Removes the breadcrumb at the top of the page." property_type="value" value_type="boolean" depends_on="" value_group="Global" display_order="40" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_cat_description" group_name="dohthemeforum" title="Category Description" description="Sets the tooltip display type." property_type="value" value_type="select" depends_on="" value_group="Forum" display_order="40" addon_id="">
      <value_parameters>option1=Default
option2=Hover Only
option3=Tooltip</value_parameters>
      <value>"option3"</value>
    </property>
    <property property_name="dt_category_header" group_name="dohthemeforum" title="Category block header" description="Categories often have title bars at their tops, which are styled here." property_type="css" value_type="" depends_on="" value_group="" display_order="10" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="dt_catstrips_minorheader" group_name="dohthemeforum" title="Category minor header" description="Displays a minor header under the category strips with sections info." property_type="value" value_type="boolean" depends_on="" value_group="Forum" display_order="30" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_collaps_sticky_threads" group_name="dohthemeds" title="Collapsible sticky threads" description="It allows the users to collapse sticky threads. Requires Separate Sticky Threads." property_type="value" value_type="boolean" depends_on="dt_seperate_sticky_threads" value_group="General" display_order="15" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_collapsible_categories" group_name="dohthemeforum" title="Enable collapsible category nodes" description="It allows the user to collapse whole categories in the node list." property_type="value" value_type="boolean" depends_on="" value_group="Forum" display_order="10" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_collapsible_extras" group_name="threadoptions" title="Collapsible user extras" description="Adds a trigger to toggle the Postbit extra information open and closed (such as joined, messages, trophies, etc..)." property_type="value" value_type="boolean" depends_on="" value_group="MessageLayout" display_order="30" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_collapsible_sidebar" group_name="sidebaroptions" title="Collapsible sidebar" description="It allows you to collapse and expand the sidebar if it is enabled." property_type="value" value_type="boolean" depends_on="" value_group="Sidebar" display_order="30" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_collapsible_sidebar_block" group_name="sidebaroptions" title="Collapsible sidebar widget" description="It allows you to collapse and expand sidebar widgets if it is enabled." property_type="value" value_type="boolean" depends_on="" value_group="Sidebar" display_order="40" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_collpse_off_icon" group_name="dohthemeglyphs" title="Sidebar Toggle-Off" description="Unicode of the Icon." property_type="value" value_type="string" depends_on="dt_collapsible_sidebar" value_group="Sidebar" display_order="25" addon_id="">
      <value>"\"\\f204\""</value>
    </property>
    <property property_name="dt_collpse_on_icon" group_name="dohthemeglyphs" title="Sidebar Toggle-On" description="Unicode of the Icon." property_type="value" value_type="string" depends_on="dt_collapsible_sidebar" value_group="Sidebar" display_order="20" addon_id="">
      <value>"\"\\f205\""</value>
    </property>
    <property property_name="dt_condense_visito_tabs" group_name="dohthemeheader" title="Condense visitor tabs" description="It allows you to condense the visitor tabs. Links for the Alerts and Conversations are added to the user drop-down menu." property_type="value" value_type="boolean" depends_on="" value_group="Navigation" display_order="40" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_disable_sidebar" group_name="sidebaroptions" title="Disable sidebar" description="Tick in this checked box if you want to disable the sidebar at the forum." property_type="value" value_type="boolean" depends_on="" value_group="Sidebar" display_order="10" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_disable_tab_links" group_name="dohthemeheader" title="Remove Sub-navigation row" description="It allows you to remove the selected navigation sub-links." property_type="value" value_type="boolean" depends_on="" value_group="Navigation" display_order="100" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_disc_minor_header" group_name="dohthemeds" title="Discussion minor header" description="Displays a minor header above the thread list with thread info." property_type="value" value_type="boolean" depends_on="" value_group="General" display_order="8" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_disc_minor_header_css" group_name="dohthemeds" title="Discussion minor header" description="Styles the discussion minor header if enabled." property_type="css" value_type="" depends_on="" value_group="" display_order="10" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-textColorDimmed",
    "background-color": "@xf-contentAltBg",
    "padding": "@xf-paddingLarge"
}</value>
    </property>
    <property property_name="dt_disc_new_indicator" group_name="dohthemeds" title="New indicator on unread posts" description="Displays a &quot;new&quot; indicator next to the node title if there is new content." property_type="value" value_type="boolean" depends_on="" value_group="General" display_order="80" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_discussion_animation" group_name="dohthemeds" title="Discussion list animation" description="Adds animation to discussion list items on page load." property_type="value" value_type="boolean" depends_on="" value_group="General" display_order="45" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_discussion_glyphs" group_name="dohthemeglyphs" title="Discussion List Icons" description="Adds icons next to username and date text." property_type="value" value_type="boolean" depends_on="" value_group="" display_order="80" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_editor_avatar" group_name="threadoptions" title="Remove text editor's avatar" description="This removes the user's avatar from the Rich text editor." property_type="value" value_type="boolean" depends_on="" value_group="MessageLayout" display_order="50" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_euicss" group_name="threadoptions" title="Show user extras on hover" description="As opposed to on click, hovering over the Postbit extra information will trigger the sliding effect." property_type="value" value_type="boolean" depends_on="" value_group="MessageLayout" display_order="40" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_extra_footer" group_name="dohthemefooter" title="Enable Pre-Footer" description="" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="10" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_extra_footer_content_css" group_name="dohthemefooter" title="Pre-Footer widget" description="Styles the widget block." property_type="css" value_type="" depends_on="" value_group="" display_order="100" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "color": "@xf-publicFooter--color",
    "background-color": "@xf-contentBg",
    "border-radius": "@xf-blockBorderRadius",
    "padding": "@xf-paddingLarge",
    "extra": "box-shadow: 0 0 20px 0 rgba(76,87,125,.02);"
}</value>
    </property>
    <property property_name="dt_extra_footer_css" group_name="dohthemefooter" title="Pre-Footer body" description="Styles the body of the footer widgets." property_type="css" value_type="" depends_on="" value_group="" display_order="90" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "color": "@xf-publicFooter--color",
    "background-color": "@xf-publicFooter--background-color",
    "padding-top": "30px",
    "padding-right": "@xf-paddingLarge",
    "padding-bottom": "30px",
    "padding-left": "@xf-paddingLarge"
}</value>
    </property>
    <property property_name="dt_extra_footer_custom_html" group_name="dohthemefooter" title="Custom HTML Content" description="" property_type="value" value_type="string" depends_on="dt_extra_footer" value_group="Custom_HTML" display_order="30" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;p&gt;\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur egestas ex id lacus porttitor congue. Nam tristique massa quis eleifend ornare. Sed mattis est at ipsum tristique egestas curabitur.\n&lt;/p&gt;"</value>
    </property>
    <property property_name="dt_extra_footer_custom_html_title" group_name="dohthemefooter" title="Custom HTML Title" description="" property_type="value" value_type="string" depends_on="dt_extra_footer" value_group="Custom_HTML" display_order="25" addon_id="">
      <value>"About Us"</value>
    </property>
    <property property_name="dt_extra_footer_facebook" group_name="dohthemefooter" title="Facebook URL" description="" property_type="value" value_type="string" depends_on="dt_extra_footer" value_group="Footer_Social" display_order="56" addon_id="">
      <value>"dohtheme"</value>
    </property>
    <property property_name="dt_extra_footer_first_column" group_name="dohthemefooter" title="First Column Content" description="" property_type="value" value_type="select" depends_on="dt_extra_footer" value_group="" display_order="20" addon_id="">
      <value_parameters>option1=Members online
option2=Forum statistics
option3=Share this page
option4=Online statistics
option5=New profile posts
option6=New posts
option7=Newest members
option8=Social Links
option9=Custom HTML
option10=Links Column 1
option11=Links Column 2</value_parameters>
      <value>"option4"</value>
    </property>
    <property property_name="dt_extra_footer_fourth_column" group_name="dohthemefooter" title="Fourth Column Content" description="" property_type="value" value_type="select" depends_on="dt_extra_footer" value_group="" display_order="23" addon_id="">
      <value_parameters>option1=Members online
option2=Forum statistics
option3=Share this page
option4=Online statistics
option5=New profile posts
option6=New posts
option7=Newest members
option8=Social Links
option9=Custom HTML
option10=Links Column 1
option11=Links Column 2</value_parameters>
      <value>"option8"</value>
    </property>
    <property property_name="dt_extra_footer_index" group_name="dohthemefooter" title="Enable Pre-Footer on Forum Index Only" description="" property_type="value" value_type="boolean" depends_on="dt_extra_footer" value_group="" display_order="15" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_extra_footer_instagram" group_name="dohthemefooter" title="Instagram URL" description="" property_type="value" value_type="string" depends_on="dt_extra_footer" value_group="Footer_Social" display_order="58" addon_id="">
      <value>"dohtheme"</value>
    </property>
    <property property_name="dt_extra_footer_link_1" group_name="dohthemefooter" title="Links Column 1" description="" property_type="value" value_type="string" depends_on="dt_extra_footer" value_group="Footer_Links" display_order="40" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;li&gt;&lt;a href=\"#\"&gt;Link Title&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;Link Title&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;Link Title&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;Link Title&lt;/a&gt;&lt;/li&gt;"</value>
    </property>
    <property property_name="dt_extra_footer_link_1_title" group_name="dohthemefooter" title="Links Column 1 Title" description="" property_type="value" value_type="string" depends_on="dt_extra_footer" value_group="Footer_Links" display_order="35" addon_id="">
      <value>"Title Here"</value>
    </property>
    <property property_name="dt_extra_footer_link_2" group_name="dohthemefooter" title="Links Column 2" description="" property_type="value" value_type="string" depends_on="dt_extra_footer" value_group="Footer_Links" display_order="50" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;li&gt;&lt;a href=\"#\"&gt;Link Title&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;Link Title&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;Link Title&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;Link Title&lt;/a&gt;&lt;/li&gt;"</value>
    </property>
    <property property_name="dt_extra_footer_link_2_title" group_name="dohthemefooter" title="Links Column 2 Title" description="" property_type="value" value_type="string" depends_on="dt_extra_footer" value_group="Footer_Links" display_order="45" addon_id="">
      <value>"Title Here"</value>
    </property>
    <property property_name="dt_extra_footer_link_css" group_name="dohthemefooter" title="Pre-Footer links" description="Controls styling for individual links within the links columns." property_type="css" value_type="" depends_on="" value_group="" display_order="130" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "color": "@xf-publicFooterLink--color",
    "padding-top": "2px",
    "padding-bottom": "2px"
}</value>
    </property>
    <property property_name="dt_extra_footer_second_column" group_name="dohthemefooter" title="Second Column Content" description="" property_type="value" value_type="select" depends_on="dt_extra_footer" value_group="" display_order="21" addon_id="">
      <value_parameters>option1=Members online
option2=Forum statistics
option3=Share this page
option4=Online statistics
option5=New profile posts
option6=New posts
option7=Newest members
option8=Social Links
option9=Custom HTML
option10=Links Column 1
option11=Links Column 2</value_parameters>
      <value>"option6"</value>
    </property>
    <property property_name="dt_extra_footer_social_title" group_name="dohthemefooter" title="Social Widget Title" description="" property_type="value" value_type="string" depends_on="dt_extra_footer" value_group="Footer_Social" display_order="55" addon_id="">
      <value>"Stay Connected"</value>
    </property>
    <property property_name="dt_extra_footer_third_column" group_name="dohthemefooter" title="Third Column Content" description="" property_type="value" value_type="select" depends_on="dt_extra_footer" value_group="" display_order="22" addon_id="">
      <value_parameters>option1=Members online
option2=Forum statistics
option3=Share this page
option4=Online statistics
option5=New profile posts
option6=New posts
option7=Newest members
option8=Social Links
option9=Custom HTML
option10=Links Column 1
option11=Links Column 2</value_parameters>
      <value>"option7"</value>
    </property>
    <property property_name="dt_extra_footer_title_css" group_name="dohthemefooter" title="Pre-Footer widget header" description="Styles the heading block in footer widgets." property_type="css" value_type="" depends_on="" value_group="" display_order="120" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "color": "@xf-linkColor",
    "border-bottom-color": "@xf-contentBg",
    "padding-top": "@xf-paddingMedium",
    "padding-right": "@xf-paddingLarge",
    "padding-bottom": "@xf-paddingLarge",
    "padding-left": "@xf-paddingLarge",
    "extra": "font-weight: 600;\nmargin: 0;"
}</value>
    </property>
    <property property_name="dt_extra_footer_twitter" group_name="dohthemefooter" title="Twitter URL" description="" property_type="value" value_type="string" depends_on="dt_extra_footer" value_group="Footer_Social" display_order="57" addon_id="">
      <value>"dohtheme"</value>
    </property>
    <property property_name="dt_extra_footer_widgcont_css" group_name="dohthemefooter" title="Pre-Footer widget content" description="Styles the content block in footer widgets." property_type="css" value_type="" depends_on="" value_group="" display_order="125" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "padding-top": "@xf-paddingMedium",
    "padding-right": "@xf-paddingLarge",
    "padding-bottom": "@xf-paddingMedium",
    "padding-left": "@xf-paddingLarge",
    "extra": "margin: 0;"
}</value>
    </property>
    <property property_name="dt_extra_footer_widgfoot_css" group_name="dohthemefooter" title="Pre-Footer widget footer" description="Styles the content block-footer in footer widgets." property_type="css" value_type="" depends_on="" value_group="" display_order="127" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "border-width": "@xf-borderSize",
    "border-color": "@xf-borderColor",
    "border-radius": "@xf-blockBorderRadius"
}</value>
    </property>
    <property property_name="dt_extra_footer_youtube" group_name="dohthemefooter" title="Youtube URL" description="" property_type="value" value_type="string" depends_on="dt_extra_footer" value_group="Footer_Social" display_order="59" addon_id="">
      <value>"dohtheme"</value>
    </property>
    <property property_name="dt_firstpost_customization" group_name="threadoptions" title="First Post" description="Styles first post in the thread." property_type="css" value_type="" depends_on="" value_group="" display_order="50" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="dt_google_font" group_name="dohthemebasic" title="Google Font" description="Choose which fonts you wanted to be loaded from the Google Fonts API." property_type="value" value_type="string" depends_on="" value_group="Global" display_order="10" addon_id="">
      <value>"Inter:wght@100;200;300;400;500;600;700;800;900"</value>
    </property>
    <property property_name="dt_guest_message" group_name="dohthemebasic" title="Enable Guest Message" description="Shows a welcome section to your visitors." property_type="value" value_type="boolean" depends_on="" value_group="GuestMessage" display_order="70" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_guest_message_content" group_name="dohthemebasic" title="Guest Message Content" description="" property_type="value" value_type="string" depends_on="dt_guest_message" value_group="GuestMessage" display_order="90" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;div class=\"kz-hero-wrapper\"&gt;\n&lt;div class=\"kz-hero\"&gt;\n&lt;div class=\"kz-hero-content\"&gt;\n&lt;h1&gt;\n&lt;span class=\"dp-accent-color\"&gt;Haxodevs&lt;/span&gt; - Digital Marketplace\n&lt;/h1&gt;\n&lt;p&gt;\nOnline digital marketplace created to make your life as a buyer and seller easier.\n&lt;/p&gt;\n&lt;div class=\"kz-hero-button-group\"&gt;\n&lt;a href=\"/login/\" class=\"button--primary--outline arrow-svg-hover button\"&gt;&lt;span class=\"button-text\"&gt;\nLogin\n&lt;svg class=\"arrow-svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"&gt;\n&lt;path class=\"arrow-tail\" d=\"M4 10H16\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"&gt;&lt;/path&gt;\n&lt;path d=\"M10 4L16 10L10 16\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"&gt;&lt;/path&gt;\n&lt;/svg&gt;\n&lt;/span&gt;&lt;/a&gt;\n&lt;a href=\"/register/\" class=\"button--primary arrow-svg-hover button\"&gt;&lt;span class=\"button-text\"&gt;\nRegister\n&lt;svg class=\"arrow-svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"&gt;\n&lt;path class=\"arrow-tail\" d=\"M4 10H16\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"&gt;&lt;/path&gt;\n&lt;path d=\"M10 4L16 10L10 16\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"&gt;&lt;/path&gt;\n&lt;/svg&gt;\n&lt;/span&gt;&lt;/a&gt;\n&lt;/div&gt;\n&lt;/div&gt;\n&lt;/div&gt;\n&lt;/div&gt;"</value>
    </property>
    <property property_name="dt_guest_message_css" group_name="dohthemebasic" title="Guest Message" description="Styles the wrapper around the guest's message." property_type="css" value_type="" depends_on="" value_group="" display_order="52" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "background-color": "@xf-contentBg",
    "border-width": "@xf-borderSize",
    "border-color": "@xf-borderColorFaint",
    "border-radius": "@xf-blockBorderRadius",
    "padding": "@xf-elementSpacer",
    "extra": "width: 100%;\nmargin: 15px auto 30px;"
}</value>
    </property>
    <property property_name="dt_guest_message_index" group_name="dohthemebasic" title="Enable Guest Message on Forum Index Only" description="Enabling this setting shows the guest's message only in the forum list." property_type="value" value_type="boolean" depends_on="dt_guest_message" value_group="GuestMessage" display_order="80" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_hb_nodes" group_name="dohthemeforum" title="Hover Background on Nodes" description="Sets the background color of node items on hover." property_type="value" value_type="color" depends_on="" value_group="Forum" display_order="60" addon_id="">
      <value>""</value>
    </property>
    <property property_name="dt_hb_threads" group_name="dohthemeds" title="Hover Background on Threads" description="Set the background color of discussion list items on hover." property_type="value" value_type="color" depends_on="" value_group="General" display_order="40" addon_id="">
      <value>""</value>
    </property>
    <property property_name="dt_he_nodes" group_name="dohthemeforum" title="Hover effect on nodes" description="This will enable a hover effect for nodes." property_type="value" value_type="boolean" depends_on="" value_group="Forum" display_order="70" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_he_threads" group_name="dohthemeds" title="Hover effect on threads" description="This will enable a hover effect for discussion list threads." property_type="value" value_type="boolean" depends_on="" value_group="General" display_order="50" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_homeCrumb_icon" group_name="dohthemebasic" title="Home breadcrumb as icon" description="Swaps out the &quot;home&quot; text in the breadcrumb for the home icon." property_type="value" value_type="boolean" depends_on="" value_group="Global" display_order="60" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_inline_ballons" group_name="dohthemeheader" title="Inline navigation alert badge" description="Instead of displaying like a balloon, alerts will display inline with the text." property_type="value" value_type="boolean" depends_on="" value_group="Navigation" display_order="50" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_last_avatar_discussion" group_name="dohthemeds" title="Last poster avatar on the discussion list" description="Shows avatar in the last post block in thread list items." property_type="value" value_type="boolean" depends_on="" value_group="General" display_order="100" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_last_avatar_forum" group_name="dohthemeforum" title="Last poster avatar on the forum list" description="Shows avatar in the last post section." property_type="value" value_type="boolean" depends_on="" value_group="Forum" display_order="100" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_link_node_icon" group_name="dohthemeglyphs" title="Link Node Icon" description="Name of Fontawesome Icon." property_type="value" value_type="string" depends_on="" value_group="Node" display_order="38" addon_id="">
      <value>"link"</value>
    </property>
    <property property_name="dt_login_text" group_name="dohthemeheader" title="Remove register/login text" description="This setting allows you to remove the login/registration tab text." property_type="value" value_type="boolean" depends_on="" value_group="Navigation" display_order="80" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_message_animation" group_name="threadoptions" title="Message animation" description="Adds animation to messages on page load." property_type="value" value_type="boolean" depends_on="" value_group="MessageLayout" display_order="15" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_messages_glyphs" group_name="dohthemeglyphs" title="Message Action Bar Icons" description="Adds icons next to the Action Bar text (such as Report, Edit, Delete, etc..)." property_type="value" value_type="boolean" depends_on="" value_group="" display_order="70" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_messages_layout" group_name="threadoptions" title="Messages Layout" description="Specify what message layout you would like to use." property_type="value" value_type="select" depends_on="" value_group="MessageLayout" display_order="20" addon_id="">
      <value_parameters>option1=Vertical
option2=Horizontal
option3=First Post Horizontal</value_parameters>
      <value>"option1"</value>
    </property>
    <property property_name="dt_minime_avatar" group_name="dohthemeds" title="Remove Mini-me Avatar" description="Mini-Me is the small avatar of the current visitor that shows up on discussions." property_type="value" value_type="boolean" depends_on="" value_group="General" display_order="70" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_nav_avatar" group_name="dohthemeheader" title="Remove user avatar from navigation" description="This removes the account tab avatar next to the username." property_type="value" value_type="boolean" depends_on="" value_group="Navigation" display_order="60" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_nav_user_text" group_name="dohthemeheader" title="Remove user text from navigation" description="This removes the account tab username." property_type="value" value_type="boolean" depends_on="" value_group="Navigation" display_order="70" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_navigation_glyphs" group_name="dohthemeglyphs" title="Navigation Icons" description="Adds icons next to the navigation text on the navigation bar." property_type="value" value_type="boolean" depends_on="" value_group="Navigation" display_order="10" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_new_indicator" group_name="dohthemeforum" title="New indicator label" description="Displays a new indicator next to the node title if there is new content." property_type="value" value_type="boolean" depends_on="" value_group="Forum" display_order="110" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_new_indicator_css" group_name="dohthemeforum" title="New Indicator Label" description="Styles the new node indicator if enabled." property_type="css" value_type="" depends_on="" value_group="" display_order="20" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeSmallest",
    "color": "@xf-textColorAccentContent",
    "background-color": "@xf-contentAccentBg",
    "border-radius": "@xf-blockBorderRadius",
    "padding-top": "3px",
    "padding-right": "6px",
    "padding-bottom": "3px",
    "padding-left": "6px",
    "extra": "text-transform: uppercase;"
}</value>
    </property>
    <property property_name="dt_node_animation" group_name="dohthemeforum" title="Node animation" description="Adds animation to nodes on page load." property_type="value" value_type="boolean" depends_on="" value_group="Forum" display_order="5" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_node_background" group_name="dohthemeforum" title="Node Background" description="Use images for nodes instead of glyph icons." property_type="value" value_type="boolean" depends_on="" value_group="Forum" display_order="75" addon_id="DohTheme/Core">
      <value>1</value>
    </property>
    <property property_name="dt_node_icon" group_name="dohthemeglyphs" title="Node Icon" description="Name of Fontawesome Icon." property_type="value" value_type="string" depends_on="" value_group="Node" display_order="36" addon_id="">
      <value>"comments-alt"</value>
    </property>
    <property property_name="dt_node_off_icon" group_name="dohthemeglyphs" title="Node Toggle-Off" description="Unicode of the Icon." property_type="value" value_type="string" depends_on="dt_collapsible_categories" value_group="Node" display_order="35" addon_id="">
      <value>"\"\\f068\""</value>
    </property>
    <property property_name="dt_node_on_icon" group_name="dohthemeglyphs" title="Node Toggle-On" description="Unicode of the Icon." property_type="value" value_type="string" depends_on="dt_collapsible_categories" value_group="Node" display_order="30" addon_id="">
      <value>"\"\\f067\""</value>
    </property>
    <property property_name="dt_node_stats" group_name="dohthemeforum" title="Show node stats on hover" description="Hides the node stats and displays them only when hovering over the node." property_type="value" value_type="boolean" depends_on="" value_group="Forum" display_order="90" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_nodestat_simple" group_name="dohthemeforum" title="Simplified node statics" description="It only shows the number of threads inside the node." property_type="value" value_type="boolean" depends_on="" value_group="Forum" display_order="80" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_offcanvasmenu_linkholder_glyphs" group_name="dohthemeglyphs" title="offCanvasMenu linkHolder Icons" description="Adds icons next to the off-canvas menu header." property_type="value" value_type="boolean" depends_on="" value_group="Navigation" display_order="16" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_offcanvasmenu_links_glyphs" group_name="dohthemeglyphs" title="offCanvasMenu Links Icons" description="Adds icons next to the off-canvas menu links." property_type="value" value_type="boolean" depends_on="" value_group="Navigation" display_order="17" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_offline_indicator" group_name="threadoptions" title="Offline status indicator" description="This is an extension of the status indicator to display Online/Offline depending on the user's status." property_type="value" value_type="boolean" depends_on="" value_group="MessageElements" display_order="60" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_opacity_thread_lock" group_name="dohthemeds" title="Locked threads opacity" description="This will gives transparency to locked threads." property_type="value" value_type="boolean" depends_on="" value_group="General" display_order="60" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_pa_index" group_name="dohthemebasic" title="Remove page actions from forum index" description="Enabling this setting removes the page actions from the forum list. By default, these are New Posts and Post New Thread." property_type="value" value_type="boolean" depends_on="" value_group="ForumHome" display_order="120" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_page_animation" group_name="dohthemebasic" title="Page animations" description="Adds animations to main components (header, sidebars, main content, footer) on page load." property_type="value" value_type="boolean" depends_on="" value_group="Global" display_order="30" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_page_node_icon" group_name="dohthemeglyphs" title="Page Node Icon" description="Name of Fontawesome Icon." property_type="value" value_type="string" depends_on="" value_group="Node" display_order="37" addon_id="">
      <value>"file-text"</value>
    </property>
    <property property_name="dt_prefooter_heading_icons" group_name="dohthemeglyphs" title="Pre-Footer widget header Icons" description="Adds icons to the pre-footer widget headings when enabled." property_type="value" value_type="boolean" depends_on="" value_group="" display_order="65" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_profile_tabs_glyphs" group_name="dohthemeglyphs" title="Member Profiles Tabs Icons" description="Adds icons to tabs in member profile page when enabled." property_type="value" value_type="boolean" depends_on="" value_group="" display_order="90" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_reactions_column" group_name="dohthemeds" title="Reactions column in meta box" description="If enabled, will add the Reactions statics In thread statics box." property_type="value" value_type="boolean" depends_on="" value_group="General" display_order="90" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_removecopy" group_name="dohthemebasic" title="Remove Copyright" description="If you have purchased branding free for this style, add the username to disable our copyright." property_type="value" value_type="string" depends_on="" value_group="version" display_order="400" addon_id="">
      <value>""</value>
    </property>
    <property property_name="dt_search_node_icon" group_name="dohthemeglyphs" title="Search Node Icon" description="" property_type="value" value_type="string" depends_on="" value_group="Node" display_order="39" addon_id="">
      <value>"search"</value>
    </property>
    <property property_name="dt_search_text" group_name="dohthemeheader" title="Remove search tab text" description="This setting allows you to remove the search tab text." property_type="value" value_type="boolean" depends_on="" value_group="Navigation" display_order="90" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_seperate_sticky_threads" group_name="dohthemeds" title="Separate sticky threads" description="This will add headings above sticky threads and above normal threads to clearly differentiate the two types of threads." property_type="value" value_type="boolean" depends_on="" value_group="General" display_order="10" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_seperate_sticky_threads_css" group_name="dohthemeds" title="Sticky Threads Separator" description="Styles the sticky threads separator if enabled." property_type="css" value_type="" depends_on="" value_group="" display_order="12" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "background-color": "@xf-contentAltBg",
    "extra": "margin: 0;"
}</value>
    </property>
    <property property_name="dt_sidebar_glyphs" group_name="dohthemeglyphs" title="Sidebar Heading Icons" description="Adds icons to the sidebar headings when enabled." property_type="value" value_type="boolean" depends_on="" value_group="Sidebar" display_order="26" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_sidebar_login" group_name="sidebaroptions" title="Sidebar login" description="Enables a login box; users can quickly login/register on the sidebar." property_type="value" value_type="boolean" depends_on="" value_group="Sidebar" display_order="50" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_sidebar_position" group_name="sidebaroptions" title="Sidebar Position" description="Set whether the sidebar is on the left, right, or below the main content." property_type="value" value_type="select" depends_on="" value_group="Sidebar" display_order="20" addon_id="">
      <value_parameters>option1=Right
option2=Left
option3=Below content</value_parameters>
      <value>"option1"</value>
    </property>
    <property property_name="dt_sidebar_styling" group_name="sidebaroptions" title="Sidebar" description="Styles the general sidebar block." property_type="css" value_type="" depends_on="" value_group="" display_order="10" css_components="text,background,border,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="dt_sidebar_widget_animation" group_name="sidebaroptions" title="Sidebar widget animation" description="Adds animation to sidebar widgets on page load." property_type="value" value_type="boolean" depends_on="" value_group="Sidebar" display_order="35" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_sticky_catstrips" group_name="dohthemeforum" title="Sticky category strips" description="Enables category strips to stick to the top of the page for the category that is currently in view." property_type="value" value_type="boolean" depends_on="" value_group="Forum" display_order="20" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_sticky_sidebar" group_name="sidebaroptions" title="Sticky sidebar" description="Makes the sidebar component sticky.&#10;&#10;The sticky functionality is being added purely with CSS. This means that it has no performance drawbacks. However, it is not supported in older browsers." property_type="value" value_type="boolean" depends_on="" value_group="Sidebar" display_order="25" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_sticky_staff_tools" group_name="dohthemeheader" title="Sticky Staff tools" description="If you intend for staff tools to stick to the top of the page when it is scrolled." property_type="value" value_type="boolean" depends_on="" value_group="Header" display_order="10" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_sub_navigation_glyphs" group_name="dohthemeglyphs" title="Sub-navigation row Icons" description="Adds icons next to the sub-navigation text on the sub-navigation bar." property_type="value" value_type="boolean" depends_on="" value_group="Navigation" display_order="15" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_text_logo" group_name="dohthemeheader" title="Logo Text" description="Set the text value to replace the logo image." property_type="value" value_type="string" depends_on="" value_group="Header" display_order="20" addon_id="">
      <value>""</value>
    </property>
    <property property_name="dt_text_logo_css" group_name="dohthemeheader" title="Logo Text" description="Styles the Logo Text if enabled." property_type="css" value_type="" depends_on="" value_group="" display_order="110" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeLargest"
}</value>
    </property>
    <property property_name="dt_thread_owner" group_name="threadoptions" title="Thread owner indicator" description="Add an indicator in the user post bit for thread owner." property_type="value" value_type="select" depends_on="" value_group="MessageElements" display_order="70" addon_id="">
      <value_parameters>userbanner=User banner
icon=Icon
none=Disabled</value_parameters>
      <value>"userbanner"</value>
    </property>
    <property property_name="dt_thread_title_center" group_name="threadoptions" title="Center thread title" description="This small modification will allow you to center thread message titles." property_type="value" value_type="boolean" depends_on="" value_group="MessageLayout" display_order="10" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_title_index" group_name="dohthemebasic" title="Remove Title from Forum Index" description="Removes the page title from the forum index." property_type="value" value_type="boolean" depends_on="" value_group="ForumHome" display_order="110" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_triggers_style" group_name="dohthemeheader" title="Login triggers style" description="The method by which the login form displays once the trigger is activated." property_type="value" value_type="select" depends_on="" value_group="Navigation" display_order="30" addon_id="">
      <value_parameters>option1=Overlay
option2=Dropdown</value_parameters>
      <value>"option1"</value>
    </property>
    <property property_name="dt_version" group_name="dohthemebasic" title="Re-Me version" description="This is for development only and should not ever be changed." property_type="value" value_type="string" depends_on="" value_group="version" display_order="500" addon_id="">
      <value>"2.2.8"</value>
    </property>
    <property property_name="dt_visitor_menu_glyphs" group_name="dohthemeglyphs" title="Visitor Menu Icons" description="Adds icons next to the user's visitor menu links." property_type="value" value_type="boolean" depends_on="" value_group="Navigation" display_order="18" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_widget_header" group_name="sidebaroptions" title="Widget minor header" description="Widgets often have title bars at their tops, which are styled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="dt_widget_wrapper" group_name="sidebaroptions" title="Widget wrapper" description="Styles the side widget block-container" property_type="css" value_type="" depends_on="" value_group="" display_order="15" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="editorBg" group_name="rte" title="Editor background" description="The background for the editor before it is activated" property_type="value" value_type="color" depends_on="" value_group="" display_order="1001" addon_id="XF">
      <value>"#101012"</value>
    </property>
    <property property_name="editorButtonActiveColor" group_name="rte" title="Editor button active color" description="Color for icons when active, such as the 'B' when the cursor is on bold text" property_type="value" value_type="color" depends_on="" value_group="buttons" display_order="2102" addon_id="XF">
      <value>"@xf-paletteColor1"</value>
    </property>
    <property property_name="editorButtonColor" group_name="rte" title="Editor button icon color" description="Color of the icons in the toolbar" property_type="value" value_type="color" depends_on="" value_group="buttons" display_order="2101" addon_id="XF">
      <value>"@xf-textColorMuted"</value>
    </property>
    <property property_name="editorButtonHoverBg" group_name="rte" title="Editor button hover background" description="Color for button background when hovered" property_type="value" value_type="color" depends_on="" value_group="buttons" display_order="2112" addon_id="XF">
      <value>"@xf-contentAltBg"</value>
    </property>
    <property property_name="editorButtonSelectedBg" group_name="rte" title="Editor button selected background" description="Color for button background when pressed and held, or when a sub-menu is active" property_type="value" value_type="color" depends_on="" value_group="buttons" display_order="2121" addon_id="XF">
      <value>"fade(@xf-textColorFeature, 8%)"</value>
    </property>
    <property property_name="editorFocusBg" group_name="rte" title="Editor background when focused" description="Background color for the editor when activated" property_type="value" value_type="color" depends_on="" value_group="" display_order="1003" addon_id="XF">
      <value>"@xf-contentBg"</value>
    </property>
    <property property_name="editorImageHandles" group_name="rte" title="Editor image border and handles" description="Color of the border and resize handles for images selected in the editor" property_type="value" value_type="color" depends_on="" value_group="selectedContent" display_order="1103" addon_id="XF">
      <value>"@xf-borderColorHeavy"</value>
    </property>
    <property property_name="editorSelectionBg" group_name="rte" title="Editor selection background" description="Background color for text that has been selected in the editor" property_type="value" value_type="color" depends_on="" value_group="selectedContent" display_order="1101" addon_id="XF">
      <value>"@xf-contentAltBg"</value>
    </property>
    <property property_name="editorSelectionColor" group_name="rte" title="Editor selection text color" description="When text is selected within the text editor, it will use this color" property_type="value" value_type="color" depends_on="" value_group="selectedContent" display_order="1102" addon_id="XF">
      <value>"@xf-textColorDimmed"</value>
    </property>
    <property property_name="editorToolsBg" group_name="rte" title="Editor toolbar background" description="Background for the toolbar when the editor is not focused" property_type="value" value_type="string" depends_on="" value_group="toolbar" display_order="1501" addon_id="XF">
      <value>""</value>
    </property>
    <property property_name="editorToolsFocusBg" group_name="rte" title="Editor toolbar background when focused" description="The background of the toolbar when the editor is focused" property_type="value" value_type="string" depends_on="" value_group="toolbar" display_order="1502" addon_id="XF">
      <value>""</value>
    </property>
    <property property_name="editorToolsOverflowBg" group_name="rte" title="Editor toolbar overflow background" description="Used for the supplemental toolbars that contain overflowed buttons from the main toolbar, and for the header of popup tool windows" property_type="value" value_type="color" depends_on="" value_group="toolbar" display_order="1503" addon_id="XF">
      <value>""</value>
    </property>
    <property property_name="emailHeaderColor" group_name="email" title="Email header text color" description="Defines the color of text in the header bar in HTML email" property_type="value" value_type="color" depends_on="" value_group="" display_order="300" addon_id="XF">
      <value>"@xf-paletteColor1"</value>
    </property>
    <property property_name="emailPublicLogoUrl" group_name="email" title="Email logo URL" description="Defines the logo URL to be used in emails. We do not recommend specifying SVG images here." property_type="value" value_type="string" depends_on="" value_group="" display_order="50" addon_id="XF">
      <value_parameters>asset=email_logo</value_parameters>
      <value>"data/assets/email_logo/logo.png"</value>
    </property>
    <property property_name="emailTextColor" group_name="email" title="Email text color" description="Defines the color of the body text of HTML emails" property_type="value" value_type="color" depends_on="" value_group="" display_order="100" addon_id="XF">
      <value>"@xf-textColorDimmed"</value>
    </property>
    <property property_name="errorBg" group_name="color" title="Error message background" description="" property_type="value" value_type="color" depends_on="" value_group="errorMessage" display_order="10410" addon_id="XF">
      <value>"rgb(255, 245, 248)"</value>
    </property>
    <property property_name="errorColor" group_name="color" title="Error message text color" description="" property_type="value" value_type="color" depends_on="" value_group="errorMessage" display_order="10420" addon_id="XF">
      <value>"rgb(63, 66, 84)"</value>
    </property>
    <property property_name="errorFeatureColor" group_name="color" title="Error message feature color" description="" property_type="value" value_type="color" depends_on="" value_group="errorMessage" display_order="10430" addon_id="XF">
      <value>"rgb(241, 65, 108)"</value>
    </property>
    <property property_name="fontFamilyBody" group_name="fonts" title="Body Text Font" description="This font is used for the text of messages etc." property_type="value" value_type="string" depends_on="" value_group="font" display_order="200" addon_id="XF">
      <value>"'Inter', sans-serif"</value>
    </property>
    <property property_name="fontFamilyUi" group_name="fonts" title="User Interface Font" description="The font list for your main text" property_type="value" value_type="string" depends_on="" value_group="font" display_order="100" addon_id="XF">
      <value>"'Inter', sans-serif"</value>
    </property>
    <property property_name="fontSizeNormal" group_name="fonts" title="Normal font size" description="" property_type="value" value_type="unit" depends_on="" value_group="size" display_order="1000" addon_id="XF">
      <value>"14px"</value>
    </property>
    <property property_name="fontSizeSmall" group_name="fonts" title="Small font size" description="" property_type="value" value_type="unit" depends_on="" value_group="size" display_order="1100" addon_id="XF">
      <value>"1rem"</value>
    </property>
    <property property_name="fontSizeSmaller" group_name="fonts" title="Smaller font size" description="" property_type="value" value_type="unit" depends_on="" value_group="size" display_order="1200" addon_id="XF">
      <value>"13px"</value>
    </property>
    <property property_name="fontWeightNormal" group_name="fonts" title="Normal font weight" description="" property_type="value" value_type="number" depends_on="" value_group="weight" display_order="2000" addon_id="XF">
      <value_parameters>step=100
min=100
max=900</value_parameters>
      <value>"500"</value>
    </property>
    <property property_name="formLabel" group_name="form" title="Form label column" description="In full-width forms, the left column contains labels for the controls in the right column" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,border_color_simple,extra" addon_id="XF">
      <value>{
    "font-size": "14px",
    "color": "mix(@xf-textColorMuted, @xf-textColorDimmed)",
    "background-color": "@xf-contentBg",
    "border-color": "@xf-borderColorLight",
    "extra": "text-align: right;"
}</value>
    </property>
    <property property_name="formSectionHeader" group_name="form" title="Form section header" description="Occasionally, forms are long enough to warrant being divided into sections, with each section headed by an element using these style rules" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeLarge",
    "color": "@xf-minorHeadingTextColor",
    "border-top-width": "@xf-borderSize",
    "border-top-color": "@xf-borderColor",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColor",
    "extra": "padding: @xf-paddingLarge;"
}</value>
    </property>
    <property property_name="formSubmitRow" group_name="form" title="Form submit row" description="At the bottom of most forms is a bar containing the submit button etc." property_type="css" value_type="" depends_on="" value_group="" display_order="20400" css_components="background,border,extra" addon_id="XF">
      <value>{
    "background-color": "@xf-contentBg",
    "border-top-width": "@xf-borderSize",
    "border-top-color": "@xf-borderColor"
}</value>
    </property>
    <property property_name="globalActionColor" group_name="misc" title="Global action indicator color" description="This is the base color of the gadgets that display when an action is being processed in the background." property_type="value" value_type="color" depends_on="" value_group="" display_order="400" addon_id="XF">
      <value>"@xf-paletteAccent1"</value>
    </property>
    <property property_name="inlineModBar" group_name="inlineMod" title="Inline moderation bar" description="A bar containing controls appears when content is selected for inline moderation. Its appearance is controlled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,padding,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColorEmphasized",
    "background-color": "mix(@xf-paletteColor1, @xf-contentBg)",
    "padding-top": "@xf-paddingSmall",
    "padding-bottom": "@xf-paddingSmall"
}</value>
    </property>
    <property property_name="inlineModHighlightColor" group_name="color" title="Inline moderation highlight color" description="When content is selected for inline moderation, its background color will be replaced with this" property_type="value" value_type="color" depends_on="" value_group="contentBackground" display_order="2500" addon_id="XF">
      <value>"rgb(57, 47, 40)"</value>
    </property>
    <property property_name="input" group_name="input" title="Form input" description="Controls the style of most text-input boxes" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,border_radius,padding,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeNormal",
    "color": "@xf-inputTextColor",
    "background-color": "#1F1F23",
    "border-width": "@xf-borderSize",
    "border-color": "@xf-borderColor",
    "border-radius": "@xf-blockBorderRadius",
    "padding": "@xf-paddingLarge",
    "extra": "font-weight: 500;"
}</value>
    </property>
    <property property_name="inputBgColor" group_name="color" title="Text input box background color" description="" property_type="value" value_type="color" depends_on="" value_group="input" display_order="8500" addon_id="XF">
      <value>"@xf-contentAltBg"</value>
    </property>
    <property property_name="inputDisabled" group_name="input" title="Form input - disabled" description="When text boxes are disabled, these rules are applied" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColorMuted",
    "background-color": "@xf-borderColor",
    "border-color": "@xf-borderColor"
}</value>
    </property>
    <property property_name="inputFocus" group_name="input" title="Form input - focused" description="These rules are applied to text boxes when they are selected for input" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "background-color": "#1F1F23",
    "extra": "outline: 0;\n    border-color: #006fcd;\n    box-shadow: 0 0 0 3px rgba(74,222,128,0.25);"
}</value>
    </property>
    <property property_name="inputFocusBgColor" group_name="color" title="Focused text box background color" description="" property_type="value" value_type="color" depends_on="" value_group="input" display_order="8600" addon_id="XF">
      <value>"rgb(23, 23, 35)"</value>
    </property>
    <property property_name="inputTextColor" group_name="color" title="Text input box text color" description="" property_type="value" value_type="color" depends_on="" value_group="input" display_order="8499" addon_id="XF">
      <value>"@xf-textColor"</value>
    </property>
    <property property_name="linkColor" group_name="color" title="Link color" description="Basic hyperlinks on standard background colors will use this style" property_type="value" value_type="color" depends_on="" value_group="links" display_order="1000" addon_id="XF">
      <value>"rgb(255, 255, 255)"</value>
    </property>
    <property property_name="linkHover" group_name="page" title="Links - hovered" description="When basic links are hovered, they use this set of rules for their styling" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,extra" addon_id="XF">
      <value>{
    "color": "@xf-linkHoverColor",
    "text-decoration": "none"
}</value>
    </property>
    <property property_name="linkHoverColor" group_name="color" title="Link hover color" description="Basic hyperlinks will turn this color when hovered" property_type="value" value_type="color" depends_on="" value_group="links" display_order="1100" addon_id="XF">
      <value>"#006fcd"</value>
    </property>
    <property property_name="majorHeadingBg" group_name="color" title="Major heading background color" description="" property_type="value" value_type="color" depends_on="" value_group="heading" display_order="6100" addon_id="XF">
      <value>"@xf-contentBg"</value>
    </property>
    <property property_name="majorHeadingTextColor" group_name="color" title="Major heading text color" description="" property_type="value" value_type="color" depends_on="" value_group="heading" display_order="6200" addon_id="XF">
      <value>"@xf-linkColor"</value>
    </property>
    <property property_name="memberHeader" group_name="member" title="Member profile header" description="The member profile page's content header is styled with these settings" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "background-color": "mix(@xf-contentBg, @xf-contentAltBg)",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColorLight",
    "extra": "box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);"
}</value>
    </property>
    <property property_name="memberHeaderName" group_name="member" title="Member profile header - name" description="The styling of the name of the member whose page is being viewed is controlled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeLargest",
    "color": "@xf-linkColor",
    "extra": "font-weight: 500;"
}</value>
    </property>
    <property property_name="memberTooltipHeader" group_name="member" title="Member tooltip header" description="The member tooltip, which appears when hovering over user names, is styled with these controls" property_type="css" value_type="" depends_on="" value_group="" display_order="20300" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "background-color": "@xf-contentAltBg",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColorLight",
    "extra": "padding: @xf-paddingLarge;"
}</value>
    </property>
    <property property_name="memberTooltipName" group_name="member" title="Member tooltip header - name" description="Styling for the name of the user whose tooltip is being displayed" property_type="css" value_type="" depends_on="" value_group="" display_order="20400" css_components="text,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeLargest",
    "color": "@xf-linkColor"
}</value>
    </property>
    <property property_name="menu" group_name="menu" title="Menu" description="Controls the main block of all popup menus" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border_width_simple,border_color_simple,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-textColor",
    "background-color": "@xf-contentBg"
}</value>
    </property>
    <property property_name="menuBorderRadius" group_name="menu" title="Menu border radius" description="Controls the size of the border radius for all menus" property_type="value" value_type="unit" depends_on="" value_group="" display_order="200" addon_id="XF">
      <value>"@xf-blockBorderRadius"</value>
    </property>
    <property property_name="menuFeatureBorderColor" group_name="menu" title="Menu feature border color" description="Popup menus have a thick feature border on their upper edge, the styling of which is controlled here" property_type="value" value_type="color" depends_on="" value_group="" display_order="100" addon_id="XF">
      <value>"@xf-paletteColor1"</value>
    </property>
    <property property_name="menuFooter" group_name="menu" title="Menu footer" description="When a popup menu has a bottom, footer element, it will use these settings" property_type="css" value_type="" depends_on="" value_group="" display_order="20600" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmaller",
    "color": "@xf-textColorDimmed",
    "background-color": "@xf-contentBg",
    "border-top-width": "@xf-borderSize",
    "border-top-color": "@xf-borderColor",
    "extra": "padding-top: @xf-paddingLarge;\npadding-bottom: @xf-paddingLarge;\nborder-bottom-left-radius: @xf-menuBorderRadius;\nborder-bottom-right-radius: @xf-menuBorderRadius;"
}</value>
    </property>
    <property property_name="menuHeader" group_name="menu" title="Menu header" description="Most menus identify themselves with a header just underneath their top border" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeLarge",
    "color": "@xf-textColor",
    "background-color": "@xf-contentBg",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColor",
    "extra": "-moz-osx-font-smoothing: grayscale;\nfont-weight: 600;\npadding: @xf-paddingLarge @xf-paddingLargest;\nborder-top-left-radius: @xf-menuBorderRadius;\nborder-top-right-radius: @xf-menuBorderRadius;\nmargin: -@xf-paddingLarge -@xf-paddingLarge @xf-paddingMedium;"
}</value>
    </property>
    <property property_name="menuLinkRow" group_name="menu" title="Menu link row" description="Styling for link rows within popup menus" property_type="css" value_type="" depends_on="" value_group="" display_order="20400" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColor",
    "text-decoration": "none"
}</value>
    </property>
    <property property_name="menuLinkRowSelected" group_name="menu" title="Menu link row - selected" description="Styling for link rows in menus, when selected or hovered" property_type="css" value_type="" depends_on="" value_group="" display_order="20500" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-linkHoverColor",
    "text-decoration": "none",
    "background-color": "fade(@xf-chromeBg, 8%)"
}</value>
    </property>
    <property property_name="menuTabHeader" group_name="menu" title="Menu tab header" description="Multi-part, tabbed menu headers use these settings" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeNormal",
    "color": "@xf-textColorMuted",
    "background-color": "@xf-contentBg",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColor",
    "extra": "-moz-osx-font-smoothing: grayscale;\nfont-weight: 500;\nborder-top-left-radius: @xf-menuBorderRadius;\nborder-top-right-radius: @xf-menuBorderRadius;\nmargin: -@xf-paddingLarge -@xf-paddingLarge @xf-paddingLarge;"
}</value>
    </property>
    <property property_name="menuTabHeaderSelected" group_name="menu" title="Menu tab header - selected tab" description="Controls the selected tab in multi-part menu headers" property_type="css" value_type="" depends_on="" value_group="" display_order="20300" css_components="text,background,border_color_simple,extra" addon_id="XF">
      <value>{
    "color": "@xf-paletteColor1",
    "border-color": "@xf-borderColorHighlight"
}</value>
    </property>
    <property property_name="messageNewIndicator" group_name="message" title="New message indicator" description="Usually a small token attached to the message block, the indicator that a message is new/unread is controlled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,border,border_radius,padding,extra" addon_id="XF">
      <value>{
    "font-size": "90%",
    "color": "@xf-textColorAccentContent",
    "background-color": "@xf-contentAccentBg",
    "border-radius": "@xf-blockBorderRadius",
    "padding-top": "1px",
    "padding-right": "6px",
    "padding-bottom": "2px",
    "padding-left": "6px",
    "extra": "font-weight: 600;"
}</value>
    </property>
    <property property_name="messagePadding" group_name="message" title="Message padding" description="When using the full size message block, this value defines the size of the padding around the message text" property_type="value" value_type="unit" depends_on="" value_group="padding" display_order="200" addon_id="XF">
      <value>"@xf-paddingLargest"</value>
    </property>
    <property property_name="messageSignature" group_name="message" title="Message signature" description="Any rules used to apply styling to users' signatures in their messages are defined here" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,background,border,padding,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmaller",
    "color": "@xf-textColorMuted",
    "border-top-width": "@xf-borderSize",
    "border-top-color": "@xf-borderColorHeavy",
    "padding-top": "@xf-paddingMedium",
    "extra": "border-top-style: dashed;"
}</value>
    </property>
    <property property_name="messageUserBlock" group_name="message" title="Message user info block" description="Apart from its width, the (left) message user info column is styled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border_width_simple,border_color_simple,extra" addon_id="XF">
      <value>{
    "background-color": "@xf-contentBg",
    "border-width": "@xf-borderSize",
    "border-color": "@xf-borderColorLight"
}</value>
    </property>
    <property property_name="messageUserBlockWidth" group_name="message" title="Message user info block width" description="Controls the width of the (left) user info column on the full size message block" property_type="value" value_type="unit" depends_on="" value_group="user" display_order="500" addon_id="XF">
      <value>"120px"</value>
    </property>
    <property property_name="messageUserElements" group_name="message" title="Message user info elements" description="The elements selected here will be displayed in the message user info block. It will not be displayed below the single column width." property_type="value" value_type="template" depends_on="" value_group="user" display_order="600" addon_id="XF">
      <value_parameters>template=style_property_template_messageUserElements
type=array</value_parameters>
      <value>{
    "register_date": "1",
    "message_count": "1"
}</value>
    </property>
    <property property_name="metaThemeColor" group_name="misc" title="Meta theme color" description="This sets the theme color used for PWA installations, as well as the address bar color on Chrome for Android." property_type="value" value_type="color" depends_on="" value_group="" display_order="900" addon_id="XF">
      <value>"@xf-paletteColor1"</value>
    </property>
    <property property_name="minorHeadingTextColor" group_name="color" title="Minor heading text color" description="" property_type="value" value_type="color" depends_on="" value_group="heading" display_order="6400" addon_id="XF">
      <value>"@xf-linkColor"</value>
    </property>
    <property property_name="nlBreadcrumbAddRightContent" group_name="nlBreadcrumbEssentials" title="Add icon/link to right of breadcrumb" description="Add a custom link with optional icon to the right of the breadcrumb" property_type="value" value_type="boolean" depends_on="" value_group="customContent" display_order="900" addon_id="Nulumia/BreadcrumbEssentials">
      <value>0</value>
    </property>
    <property property_name="nlBreadcrumbHideHomeLabel" group_name="nlBreadcrumbEssentials" title="&amp;#x27A5; Hide home label" description="Check to only display the FontAwesome icon instead of the text label" property_type="value" value_type="boolean" depends_on="nlBreadcrumbHomeIcon" value_group="settings" display_order="60" addon_id="Nulumia/BreadcrumbEssentials">
      <value>1</value>
    </property>
    <property property_name="nlBreadcrumbHomeIcon" group_name="nlBreadcrumbEssentials" title="Show home icon" description="Check to display a FontAwesome home icon in the first breadcrumb item" property_type="value" value_type="boolean" depends_on="" value_group="settings" display_order="50" addon_id="Nulumia/BreadcrumbEssentials">
      <value>0</value>
    </property>
    <property property_name="nlBreadcrumbMoveShareButtons" group_name="nlBreadcrumbEssentials" title="Move share buttons next to breadcrumb" description="" property_type="value" value_type="boolean" depends_on="" value_group="settings" display_order="90" addon_id="Nulumia/BreadcrumbEssentials">
      <value>0</value>
    </property>
    <property property_name="nlBreadcrumbShowFirstLevel" group_name="nlBreadcrumbEssentials" title="Show first-level pages in breadcrumb" description="Check to display first-level page titles following the home link, such as &quot;Forums&quot;, &quot;What's New&quot; etc. By default, Xenforo does not display these until clicking further into content." property_type="value" value_type="boolean" depends_on="" value_group="settings" display_order="65" addon_id="Nulumia/BreadcrumbEssentials">
      <value>0</value>
    </property>
    <property property_name="nlUseXF1Breadcrumb" group_name="nlBreadcrumbEssentials" title="Use XF1 style breadcrumb" description="Check to add arrow-framed style to breadcrumb items" property_type="value" value_type="boolean" depends_on="" value_group="legacyStyle" display_order="500" addon_id="Nulumia/BreadcrumbEssentials">
      <value>0</value>
    </property>
    <property property_name="nodeIconReadColor" group_name="nodeList" title="Read node icon color" description="When the content within a node has been read, its icon will revert to a less attention-grabbing color, defined here" property_type="value" value_type="color" depends_on="" value_group="" display_order="200" addon_id="XF">
      <value>"@xf-paletteColor1"</value>
    </property>
    <property property_name="nodeIconUnreadColor" group_name="nodeList" title="Unread node icon color" description="Node icons give an at-a-glance indication of whether or not the content housed within the node has been read. The unread icon color should stand out from its background for quick identification" property_type="value" value_type="color" depends_on="" value_group="" display_order="100" addon_id="XF">
      <value>"@xf-paletteAccent1"</value>
    </property>
    <property property_name="nodeListDescriptionDisplay" group_name="nodeList" title="Description display style" description="To save vertical space, it is possible to hide node descriptions until the node title is hovered, at which point they are displayed in a tooltip" property_type="value" value_type="radio" depends_on="" value_group="" display_order="400" addon_id="XF">
      <value_parameters>tooltip={{ phrase('tooltip') }}
inline={{ phrase('inline') }}
none={{ phrase('none') }}</value_parameters>
      <value>"inline"</value>
    </property>
    <property property_name="nodeListSubDisplay" group_name="nodeList" title="Sub-forums display style" description="Choose the style in which sub-forums will be displayed within a particular node element, according to the amount of space you want them to occupy" property_type="value" value_type="radio" depends_on="" value_group="" display_order="300" addon_id="XF">
      <value_parameters>menu={{ phrase('popup_menu') }}
flat={{ phrase('listed_below_node') }}
none={{ phrase('none') }}</value_parameters>
      <value>"flat"</value>
    </property>
    <property property_name="overlayHeader" group_name="overlay" title="Overlay header" description="Overlays use a header element to identify their contents, styled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,padding,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeLargest",
    "color": "@xf-linkColor",
    "background-color": "@xf-contentBg",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColor",
    "padding": "@xf-paddingLargest",
    "extra": "font-weight: 600;"
}</value>
    </property>
    <property property_name="overlayTopMargin" group_name="overlay" title="Overlay top margin" description="This defines the distance between the top of the viewport and the top of the overlay" property_type="value" value_type="unit" depends_on="" value_group="" display_order="100" addon_id="XF">
      <value>"30vh"</value>
    </property>
    <property property_name="ozzmodz_badges_show_in_message" group_name="ozzmodz_badges" title="Display featured badges in messages" description="" property_type="value" value_type="boolean" depends_on="" value_group="messageFeaturedBadges" display_order="10" addon_id="">
      <value>0</value>
    </property>
    <property property_name="ozzmodz_badges_show_in_profile" group_name="ozzmodz_badges" title="Display badges in user profile" description="" property_type="value" value_type="boolean" depends_on="" value_group="profileFeaturedBadges" display_order="50" addon_id="">
      <value>1</value>
    </property>
    <property property_name="ozzmodz_badges_show_in_tooltip" group_name="ozzmodz_badges" title="Display featured badges in member tooltip" description="" property_type="value" value_type="boolean" depends_on="" value_group="memberTooltipFeaturedBadges" display_order="80" addon_id="">
      <value>0</value>
    </property>
    <property property_name="ozzmodz_badges_show_on_mobile" group_name="ozzmodz_badges" title="Display badges on mobile" description="" property_type="value" value_type="boolean" depends_on="" value_group="messageFeaturedBadges" display_order="20" addon_id="">
      <value>0</value>
    </property>
    <property property_name="ozzmodz_badges_show_on_mobile_inline" group_name="ozzmodz_badges" title="Display badges on mobile as inline block" description="If checked, badges will be displaying under the user info. Otherwise will be displayed floating to the right of the postbit." property_type="value" value_type="boolean" depends_on="" value_group="" display_order="25" addon_id="">
      <value>0</value>
    </property>
    <property property_name="ozzmodz_badges_tiers_show_on_mobile" group_name="ozzmodz_badges" title="Display badge tiers on mobile" description="" property_type="value" value_type="boolean" depends_on="" value_group="messageFeaturedBadges" display_order="21" addon_id="">
      <value>0</value>
    </property>
    <property property_name="pageBackground" group_name="page" title="Page background" description="The page background, behind all block elements, uses the styling rules defined here" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="background,extra" addon_id="XF">
      <value>{
    "background-color": "@xf-pageBg",
    "extra": "text-rendering: optimizeLegibility;\n-moz-osx-font-smoothing: grayscale;\n-webkit-font-smoothing: antialiased;\nscroll-behavior: smooth;"
}</value>
    </property>
    <property property_name="pageBg" group_name="color" title="Page background color" description="The background of the page itself, on which all other content rests" property_type="value" value_type="color" depends_on="" value_group="contentBackground" display_order="2100" addon_id="XF">
      <value>"#000000"</value>
    </property>
    <property property_name="pageWidthMax" group_name="page" title="Maximum page width" description="As the window is resized, it will continue to grow in width until this value, after which it will remain static" property_type="value" value_type="unit" depends_on="" value_group="page" display_order="100" addon_id="XF">
      <value>"1440px"</value>
    </property>
    <property property_name="paletteAccent1" group_name="palette" title="Accent 1" description="" property_type="value" value_type="color" depends_on="" value_group="accent" display_order="2000" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>"rgb(8, 218, 242)"</value>
    </property>
    <property property_name="paletteAccent2" group_name="palette" title="Accent 2" description="" property_type="value" value_type="color" depends_on="" value_group="accent" display_order="2100" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>"rgb(4, 200, 200)"</value>
    </property>
    <property property_name="paletteAccent3" group_name="palette" title="Accent 3" description="" property_type="value" value_type="color" depends_on="" value_group="accent" display_order="2200" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>"rgb(255, 199, 0)"</value>
    </property>
    <property property_name="paletteColor1" group_name="palette" title="Color 1" description="" property_type="value" value_type="color" depends_on="" value_group="primary" display_order="1000" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>"white"</value>
    </property>
    <property property_name="paletteColor2" group_name="palette" title="Color 2" description="" property_type="value" value_type="color" depends_on="" value_group="primary" display_order="1100" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>"rgb(0, 191, 244)"</value>
    </property>
    <property property_name="paletteColor3" group_name="palette" title="Color 3" description="" property_type="value" value_type="color" depends_on="" value_group="primary" display_order="1200" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>"rgb(114, 57, 234)"</value>
    </property>
    <property property_name="paletteColor4" group_name="palette" title="Color 4" description="" property_type="value" value_type="color" depends_on="" value_group="primary" display_order="1300" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>"rgb(43, 43, 64)"</value>
    </property>
    <property property_name="paletteColor5" group_name="palette" title="Color 5" description="" property_type="value" value_type="color" depends_on="" value_group="primary" display_order="1400" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>"rgb(27, 27, 41)"</value>
    </property>
    <property property_name="paletteNeutral1" group_name="palette" title="Neutral 1" description="" property_type="value" value_type="color" depends_on="" value_group="neutral" display_order="3000" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>"rgb(30, 30, 45)"</value>
    </property>
    <property property_name="paletteNeutral2" group_name="palette" title="Neutral 2" description="" property_type="value" value_type="color" depends_on="" value_group="neutral" display_order="3100" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>"rgb(161, 165, 183)"</value>
    </property>
    <property property_name="paletteNeutral3" group_name="palette" title="Neutral 3" description="" property_type="value" value_type="color" depends_on="" value_group="neutral" display_order="3200" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>"rgb(205, 205, 222)"</value>
    </property>
    <property property_name="progressBarColor" group_name="misc" title="Progress bar color" description="The progress bar appears at the top of the window when the system is waiting for a response from the server" property_type="value" value_type="color" depends_on="" value_group="" display_order="300" addon_id="XF">
      <value>"@xf-paletteAccent1"</value>
    </property>
    <property property_name="publicFaviconUrl" group_name="basic" title="Favicon URL (32x32)" description="Path to the small logo that is associated with bookmarks pointing to your site. This is expected to be a 32x32 PNG image." property_type="value" value_type="string" depends_on="" value_group="logo" display_order="400" addon_id="XF">
      <value_parameters>asset=logo</value_parameters>
      <value>"/data/assets/h4x0gfx/h4x02.png"</value>
    </property>
    <property property_name="publicFooter" group_name="footer" title="Footer" description="The footer is the primary element that sits below the main content on all public pages" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-textColor",
    "extra": "border-top: 1px solid #292a2b;"
}</value>
    </property>
    <property property_name="publicFooterLink" group_name="footer" title="Footer links" description="Controls styling for individual links within the footer" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,extra" addon_id="XF">
      <value>{
    "color": "@xf-linkColor",
    "extra": "font-weight: 500;"
}</value>
    </property>
    <property property_name="publicHeader" group_name="headerNav" title="Header/logo row" description="The header row contains your logo and sits at the top of every public page" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-chromeTextColor",
    "background-color": "@xf-chromeBg",
    "extra": "padding-top: @xf-paddingLarge;\npadding-bottom: @xf-paddingLarge;"
}</value>
    </property>
    <property property_name="publicHeaderAdjustColor" group_name="headerNav" title="Header adjustment color" description="The color of the header background is adjusted to be used as the background for the inbox and alerts area in the header" property_type="value" value_type="color" depends_on="" value_group="header" display_order="100" addon_id="XF">
      <value>"rgba(255, 255, 255, 0.1)"</value>
    </property>
    <property property_name="publicIconUrl" group_name="basic" title="Icon URL (192x192)" description="The path to your icon image. This should be a 192x192 image and usually a PNG." property_type="value" value_type="string" depends_on="" value_group="logo" display_order="210" addon_id="XF">
      <value_parameters>asset=logo</value_parameters>
      <value>"/data/assets/h4x0gfx/h4x01.png"</value>
    </property>
    <property property_name="publicIconUrlLarge" group_name="basic" title="Icon URL (512x512)" description="The path to your large icon image. This should be a 512x512 image and usually a PNG." property_type="value" value_type="string" depends_on="" value_group="logo" display_order="220" addon_id="XF">
      <value_parameters>asset=logo</value_parameters>
      <value>"/data/assets/h4x0gfx/h4x01.png"</value>
    </property>
    <property property_name="publicLogoUrl" group_name="basic" title="Logo URL" description="The web path from your site's XenForo installation directory to your logo image. If you specify an SVG image here, you should set &lt;b&gt;Emails &amp;gt; Email logo URL&lt;/b&gt; to point to a PNG image, or similar, for increased compatibility." property_type="value" value_type="string" depends_on="" value_group="logo" display_order="101" addon_id="XF">
      <value_parameters>asset=logo</value_parameters>
      <value>"/data/assets/h4x0gfx/h4x01.png"</value>
    </property>
    <property property_name="publicLogoWidth" group_name="basic" title="Public logo width" description="If you specify the width of your logo here, you can avoid a costly re-flow of your page layout once the logo loads." property_type="value" value_type="number" depends_on="" value_group="logo" display_order="115" addon_id="XF">
      <value>""</value>
    </property>
    <property property_name="publicMetadataLogoUrl" group_name="basic" title="Metadata logo URL" description="Path to the metadata / OpenGraph logo used by your site on social media" property_type="value" value_type="string" depends_on="" value_group="logo" display_order="300" addon_id="XF">
      <value_parameters>asset=logo</value_parameters>
      <value>"/data/assets/h4x0gfx/h4x02.png"</value>
    </property>
    <property property_name="publicNav" group_name="headerNav" title="Navigation row" description="The navigation row sits below the header and contains the primary site navigation tabs and menus" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-chromeTextColor",
    "background-color": "rgba(0,0,0,0.75)"
}</value>
    </property>
    <property property_name="publicNavPaddingH" group_name="headerNav" title="Navigation padding horizontal" description="Defines the amount of padding applied horizontally to each main navigational tab in the header" property_type="value" value_type="unit" depends_on="" value_group="navPad" display_order="4100" addon_id="XF">
      <value>"17px"</value>
    </property>
    <property property_name="publicNavPaddingV" group_name="headerNav" title="Navigation padding vertical" description="This value defines the amount of padding applied to the main navigational tabs in the header" property_type="value" value_type="unit" depends_on="" value_group="navPad" display_order="4000" addon_id="XF">
      <value>"13px"</value>
    </property>
    <property property_name="publicNavSelected" group_name="headerNav" title="Navigation row - selected tab" description="Additional styling to apply to navigation tabs when they are selected" property_type="css" value_type="" depends_on="" value_group="" display_order="20300" css_components="text,background,border,border_radius,extra" addon_id="XF">
      <value>{
    "color": "@xf-linkColor",
    "background-color": "@xf-subNavBg",
    "border-top-left-radius": "@xf-blockBorderRadius",
    "border-top-right-radius": "@xf-blockBorderRadius"
}</value>
    </property>
    <property property_name="publicNavSticky" group_name="headerNav" title="Sticky navigation element" description="If you intend for some or all of your header to stick to the top of the page when it is scrolled, choose which elements should stick" property_type="value" value_type="radio" depends_on="" value_group="navigation" display_order="1200" addon_id="XF">
      <value_parameters>primary={{ phrase('primary_navigation_row_only') }}
all={{ phrase('primary_and_sub_navigation_rows') }}
none={{ phrase('none') }}</value_parameters>
      <value>"none"</value>
    </property>
    <property property_name="publicNavTab" group_name="headerNav" title="Navigation row - tab" description="Controls the styling of individual tab elements within the navigation row" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "fade(@xf-chromeTextColor, 40%)",
    "text-decoration": "none",
    "extra": "font-weight: 600;"
}</value>
    </property>
    <property property_name="publicNavTabHover" group_name="headerNav" title="Navigation row - hovered tab" description="Additional styling to apply to navigation tabs when the pointer hovers over them" property_type="css" value_type="" depends_on="" value_group="" display_order="20400" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-linkColor",
    "text-decoration": "none"
}</value>
    </property>
    <property property_name="publicNavTabMenuOpen" group_name="headerNav" title="Navigation row - menu open" description="Styling applied when the popup menu for the current tab is visible" property_type="css" value_type="" depends_on="" value_group="" display_order="20450" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColorEmphasized",
    "text-decoration": "none"
}</value>
    </property>
    <property property_name="publicStaffBar" group_name="headerNav" title="Staff tools bar" description="Visible only to staff, the staff tools bar sits above the header and contains items such as reported content, the moderation queue..." property_type="css" value_type="" depends_on="" value_group="" display_order="20700" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-chromeTextColor",
    "background-color": "@xf-chromeBg"
}</value>
    </property>
    <property property_name="publicSubNav" group_name="headerNav" title="Sub-navigation row" description="Below the main navigation row, this row shows content associated with the selected main navigation tab" property_type="css" value_type="" depends_on="" value_group="" display_order="20500" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-subNavTextColor",
    "background-color": "@xf-subNavBg",
    "extra": "font-weight: 500;\npadding-top: @xf-paddingLarge;\npadding-bottom: @xf-paddingLarge;\nbox-shadow: 0 10px 30px 0 rgba(82,63,105,.08);"
}</value>
    </property>
    <property property_name="publicSubNavElHover" group_name="headerNav" title="Sub-navigation row - hovered element" description="Additional styling applied to sub-navigation tabs when the pointer hovers over them" property_type="css" value_type="" depends_on="" value_group="" display_order="20600" css_components="text,extra" addon_id="XF">
      <value>{
    "color": "@xf-linkHoverColor",
    "extra": "background: @xf-contentAltBg;"
}</value>
    </property>
    <property property_name="publicSubNavElMenuOpen" group_name="headerNav" title="Sub-navigation row - menu-open element" description="Styles sub-navigation elements whose popup menu is currently open" property_type="css" value_type="" depends_on="" value_group="" display_order="20650" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-paletteColor1",
    "text-decoration": "none",
    "extra": "background: @xf-contentAltBg;"
}</value>
    </property>
    <property property_name="responsiveMedium" group_name="page" title="Medium responsive break point" description="Medium width styling rules are used below this page width value" property_type="value" value_type="unit" depends_on="" value_group="responsive" display_order="2100" addon_id="XF">
      <value>"990px"</value>
    </property>
    <property property_name="responsiveWide" group_name="page" title="Wide responsive break point" description="The page will use the 'wide' styling rules if its width is below this value, and the 'full' rules if the width exceeds it" property_type="value" value_type="unit" depends_on="" value_group="responsive" display_order="2000" addon_id="XF">
      <value>"1200px"</value>
    </property>
    <property property_name="sidebarSpacer" group_name="page" title="Sidebar and side navigation spacer" description="Distance between the main content and the sidebar" property_type="value" value_type="unit" depends_on="" value_group="sidebar" display_order="1000" addon_id="XF">
      <value>"20px"</value>
    </property>
    <property property_name="sidebarWidth" group_name="page" title="Sidebar and side navigation width" description="Width of any elements that make up the sidebar" property_type="value" value_type="unit" depends_on="" value_group="sidebar" display_order="1100" addon_id="XF">
      <value>"300px"</value>
    </property>
    <property property_name="siropuShoutboxUserMention" group_name="siropuShoutbox" title="Shout row user mention container" description="Styling of the shout row container for user mentions." property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "background-color": "@xf-borderColorFaint",
    "border-color": "@xf-contentBg",
    "border-radius": "4px",
    "border-top-width": "1px",
    "border-right-width": "1px",
    "border-bottom-width": "1px",
    "border-left-width": "5px",
    "padding": "3px"
}</value>
    </property>
    <property property_name="standaloneTab" group_name="tab" title="Standalone tabs" description="Tabs that are not part of block headers are styled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeNormal",
    "color": "@xf-textColorDimmed",
    "background-color": "@xf-contentBg",
    "extra": "font-weight: 500;\npadding: @xf-paddingMedium;\nborder-radius: @xf-blockBorderRadius;"
}</value>
    </property>
    <property property_name="standaloneTabSelected" group_name="tab" title="Standalone tabs - selected tab" description="The selected tab in groups that are not part of block headers" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,border_color_simple,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColorEmphasized",
    "background-color": "@xf-contentHighlightBg",
    "border-color": "@xf-borderColorHighlight"
}</value>
    </property>
    <property property_name="starEmptyColor" group_name="misc" title="Empty rating star color" description="This is the color of the empty portion of each rating star." property_type="value" value_type="color" depends_on="" value_group="" display_order="700" addon_id="XF">
      <value>"@xf-borderColorHeavy"</value>
    </property>
    <property property_name="starFullColor" group_name="misc" title="Full rating star color" description="This is the color of the full portion of each rating star." property_type="value" value_type="color" depends_on="" value_group="" display_order="800" addon_id="XF">
      <value>"rgb(249, 196, 121)"</value>
    </property>
    <property property_name="styleType" group_name="palette" title="Style type" description="This defines the general type of style in use based on whether the content is placed on a light or dark background. This may change how colors are selected in certain scenarios." property_type="value" value_type="radio" depends_on="" value_group="setup" display_order="100" addon_id="XF">
      <value_parameters>light={{ phrase('light') }}
dark={{ phrase('dark') }}</value_parameters>
      <value>"dark"</value>
    </property>
    <property property_name="subNavBg" group_name="color" title="Page sub-navigation background" description="" property_type="value" value_type="color" depends_on="" value_group="chrome" display_order="6080" addon_id="XF">
      <value>"@xf-contentBg"</value>
    </property>
    <property property_name="subNavTextColor" group_name="color" title="Page sub-navigation text color" description="" property_type="value" value_type="color" depends_on="" value_group="chrome" display_order="6090" addon_id="XF">
      <value>"@xf-textColorDimmed"</value>
    </property>
    <property property_name="successBg" group_name="color" title="Success message background" description="" property_type="value" value_type="color" depends_on="" value_group="successMessage" display_order="10210" addon_id="XF">
      <value>"rgb(232, 255, 243)"</value>
    </property>
    <property property_name="successColor" group_name="color" title="Success message text color" description="" property_type="value" value_type="color" depends_on="" value_group="successMessage" display_order="10220" addon_id="XF">
      <value>"rgb(63, 66, 84)"</value>
    </property>
    <property property_name="successFeatureColor" group_name="color" title="Success message feature color" description="" property_type="value" value_type="color" depends_on="" value_group="successMessage" display_order="10230" addon_id="XF">
      <value>"@xf-linkColor"</value>
    </property>
    <property property_name="textColor" group_name="color" title="Text color" description="Unless otherwise specified, text will be this color" property_type="value" value_type="color" depends_on="" value_group="textBasic" display_order="100" addon_id="XF">
      <value>"#A4A6A8"</value>
    </property>
    <property property_name="textColorAccentContent" group_name="color" title="Accented content text color" description="" property_type="value" value_type="color" depends_on="" value_group="textOther" display_order="3200" addon_id="XF">
      <value>"rgb(254, 254, 254)"</value>
    </property>
    <property property_name="textColorAttention" group_name="color" title="Attention-grabbing text color" description="" property_type="value" value_type="color" depends_on="" value_group="textOther" display_order="3300" addon_id="XF">
      <value>"@xf-paletteAccent3"</value>
    </property>
    <property property_name="textColorDimmed" group_name="color" title="Dimmed text color" description="Used when less-important text is placed next to normal text" property_type="value" value_type="color" depends_on="" value_group="textBasic" display_order="200" addon_id="XF">
      <value>"rgb(94, 98, 120)"</value>
    </property>
    <property property_name="textColorEmphasized" group_name="color" title="Emphasized text color" description="" property_type="value" value_type="color" depends_on="" value_group="textOther" display_order="3100" addon_id="XF">
      <value>"rgb(254, 254, 254)"</value>
    </property>
    <property property_name="textColorFeature" group_name="color" title="Feature text color" description="" property_type="value" value_type="color" depends_on="" value_group="textOther" display_order="3000" addon_id="XF">
      <value>"@xf-paletteAccent2"</value>
    </property>
    <property property_name="textColorMuted" group_name="color" title="Muted text color" description="Text is further de-emphasised using this style" property_type="value" value_type="color" depends_on="" value_group="textBasic" display_order="300" addon_id="XF">
      <value>"#8c8c8c"</value>
    </property>
    <property property_name="tooltip" group_name="tooltip" title="Tooltip" description="Certain elements have special floating tooltips, which are controlled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border_radius,padding,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmaller",
    "color": "@xf-textColorDimmed",
    "background-color": "@xf-contentBg",
    "border-radius": "@xf-blockBorderRadius",
    "padding": "@xf-paddingLarge",
    "extra": "box-shadow: 0 0 50px 0 rgba(82,63,105,.15);"
}</value>
    </property>
    <property property_name="voteNegativeColor" group_name="color" title="Negative vote color" description="" property_type="value" value_type="color" depends_on="" value_group="voting" display_order="11110" addon_id="XF">
      <value>"rgb(241, 65, 108)"</value>
    </property>
    <property property_name="votePositiveColor" group_name="color" title="Positive vote color" description="" property_type="value" value_type="color" depends_on="" value_group="voting" display_order="11100" addon_id="XF">
      <value>"rgb(80, 205, 137)"</value>
    </property>
    <property property_name="warningBg" group_name="color" title="Warning message background" description="" property_type="value" value_type="color" depends_on="" value_group="warningMessage" display_order="10310" addon_id="XF">
      <value>"rgb(255, 248, 221)"</value>
    </property>
    <property property_name="warningColor" group_name="color" title="Warning message text color" description="" property_type="value" value_type="color" depends_on="" value_group="warningMessage" display_order="10320" addon_id="XF">
      <value>"rgb(94, 98, 120)"</value>
    </property>
    <property property_name="warningFeatureColor" group_name="color" title="Warning message feature color" description="" property_type="value" value_type="color" depends_on="" value_group="warningMessage" display_order="10330" addon_id="XF">
      <value>"rgb(255, 199, 0)"</value>
    </property>
  </properties>
</style>
