XOILACTV
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="318q66h8z7g2qo9"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="ednm9wh58d2gryo"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="965mkyhkv460r1g"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="318q66hxl14zqo9"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="l5ergph417jyr8k"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="1l4rjnhnyp4ym7v"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="jw2r09hkd8ekrz8"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="dj2ryohl8477q1z"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="dj2ryohl8477q1z"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="318q66h8z7g2qo9"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="ednm9wh58d2gryo"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="965mkyhkv460r1g"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="318q66hxl14zqo9"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="l5ergph417jyr8k"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="vjxm8ghkv041r6o"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="jw2r09h54wd6rz8"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="318q66h8z684qo9"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="1l4rjnhny4lvm7v"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="zp5rzgh3yoz1q82"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="jw2r09h54dk0rz8"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="l7oqdehjykgzr51"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="n54qllhn0go3qvy"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="6ypq3nhk6dn8md7"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="4wyrn4hyzoy9q86"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="k82rekh2z461rep"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
{ showModal = false }, 200)"
x-effect="
if (showModal && !$el.dataset.modalLoaded) {
$el.dataset.modalLoaded = '1';
if (typeof loadMatchModal === 'function') loadMatchModal($el);
}
"
data-match-id="y39mp1hdvnw1moj"
class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
style="display: none;"
:style="{
top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
left: '50%',
transform: 'translateX(-50%)'
}">
League settings
Tin tức & Cập nhật
Lời
giới thiệu





