<div data-external-resources-target="supportModal" class="hidden flex justify-end z-40 bg-black/80 fixed inset-0 w-full h-full"> <div id="technicalSupportModalSpace" class="w-full"></div> <div class="w-1/4 min-w-[450px] bg-white h-full px-8 py-10"> <div class="flex justify-between"> <h1 class="text-title font-semibold"> {{ 'info.support.modal.title'|trans }} </h1> <span class="cursor-pointer mt-1" data-action="click->external-resources#hideTechnicalSupportModal"> <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M30.5002 9.51711C29.8502 8.86711 28.8002 8.86711 28.1502 9.51711L20.0002 17.6504L11.8502 9.50044C11.2002 8.85044 10.1502 8.85044 9.5002 9.50044C8.8502 10.1504 8.8502 11.2004 9.5002 11.8504L17.6502 20.0004L9.5002 28.1504C8.8502 28.8004 8.8502 29.8504 9.5002 30.5004C10.1502 31.1504 11.2002 31.1504 11.8502 30.5004L20.0002 22.3504L28.1502 30.5004C28.8002 31.1504 29.8502 31.1504 30.5002 30.5004C31.1502 29.8504 31.1502 28.8004 30.5002 28.1504L22.3502 20.0004L30.5002 11.8504C31.1335 11.2171 31.1335 10.1504 30.5002 9.51711Z" fill="#8E95AF"></path> </svg> </span> </div> <ul class="mt-14"> <li class="mb-8"> <div class="text-disabled-200 font-semibold mb-1"> {{ 'info.support.modal.email'|trans }} </div> <a href="mailto:{{ support_email }}" class="text-main font-bold"> {{ support_email }} </a> </li> <li class="mb-8"> <div class="text-disabled-200 font-semibold mb-1"> {{ 'info.support.modal.phone'|trans }} </div> <div class="text-black font-bold"> {{ support_phone }} </div> </li> <li class="mb-8"> <div class="text-disabled-200 font-semibold mb-1"> {{ 'info.support.modal.bot'|trans }} </div> <a href="{{ support_bot_link }}" class="text-main font-bold"> {{ support_bot_name }} </a> </li> </ul> </div></div>