calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="high"
src="https://assets.atida.com/transform/00bee87d-b3f2-42c9-bef9-0c179c89452a/Dodot-Panales-Activity-Extra-T6-14-Kg-44-uds?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F00bee87d\u002Db3f2\u002D42c9\u002Dbef9\u002D0c179c89452a\u002FDodot\u002DPanales\u002DActivity\u002DExtra\u002DT6\u002D14\u002DKg\u002D44\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F00bee87d\u002Db3f2\u002D42c9\u002Dbef9\u002D0c179c89452a\u002FDodot\u002DPanales\u002DActivity\u002DExtra\u002DT6\u002D14\u002DKg\u002D44\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 0"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fdbc327d0\u002Db669\u002D40f6\u002Dbcec\u002Dac95748e03c7\u002FDodot\u002DPanales\u002DActivity\u002DExtra\u002DT6\u002D14\u002DKg\u002D44\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fdbc327d0\u002Db669\u002D40f6\u002Dbcec\u002Dac95748e03c7\u002FDodot\u002DPanales\u002DActivity\u002DExtra\u002DT6\u002D14\u002DKg\u002D44\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 1"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F3a58dc99\u002D2c83\u002D4c4b\u002D98d6\u002D5542d6559984\u002FDodot\u002DPanales\u002DActivity\u002DExtra\u002DT6\u002D14\u002DKg\u002D44\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F3a58dc99\u002D2c83\u002D4c4b\u002D98d6\u002D5542d6559984\u002FDodot\u002DPanales\u002DActivity\u002DExtra\u002DT6\u002D14\u002DKg\u002D44\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 2"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F5cc6b8e5\u002D4a5c\u002D4a1b\u002D8065\u002D3f13ef0bc7ca\u002FDodot\u002DPanales\u002DActivity\u002DExtra\u002DT6\u002D14\u002DKg\u002D44\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F5cc6b8e5\u002D4a5c\u002D4a1b\u002D8065\u002D3f13ef0bc7ca\u002FDodot\u002DPanales\u002DActivity\u002DExtra\u002DT6\u002D14\u002DKg\u002D44\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 3"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fd88f46f7\u002Da150\u002D4c2b\u002D8cfc\u002Dac0a3eac2280\u002FDodot\u002DPanales\u002DActivity\u002DExtra\u002DT6\u002D14\u002DKg\u002D44\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fd88f46f7\u002Da150\u002D4c2b\u002D8cfc\u002Dac0a3eac2280\u002FDodot\u002DPanales\u002DActivity\u002DExtra\u002DT6\u002D14\u002DKg\u002D44\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 4"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe1231970\u002D7212\u002D47fd\u002Db685\u002D0f5b994ca4fc\u002FDodot\u002DPanales\u002DActivity\u002DExtra\u002DT6\u002D14\u002DKg\u002D44\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe1231970\u002D7212\u002D47fd\u002Db685\u002D0f5b994ca4fc\u002FDodot\u002DPanales\u002DActivity\u002DExtra\u002DT6\u002D14\u002DKg\u002D44\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 5"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F9311dd63\u002D0124\u002D46f8\u002Db486\u002D96cd108617fb\u002FDodot\u002DPanales\u002DActivity\u002DExtra\u002DT6\u002D14\u002DKg\u002D44\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F9311dd63\u002D0124\u002D46f8\u002Db486\u002D96cd108617fb\u002FDodot\u002DPanales\u002DActivity\u002DExtra\u002DT6\u002D14\u002DKg\u002D44\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 6"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fa0bc3a67\u002D9401\u002D471e\u002Db0b7\u002D04630fcb8c90\u002FDodot\u002DPanales\u002DActivity\u002DExtra\u002DT6\u002D14\u002DKg\u002D44\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fa0bc3a67\u002D9401\u002D471e\u002Db0b7\u002D04630fcb8c90\u002FDodot\u002DPanales\u002DActivity\u002DExtra\u002DT6\u002D14\u002DKg\u002D44\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 7"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fde34fe4d\u002D1594\u002D4c46\u002Da6f7\u002Dd271733ca6bd\u002FDodot\u002DPanales\u002DActivity\u002DExtra\u002DT6\u002D14\u002DKg\u002D44\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fde34fe4d\u002D1594\u002D4c46\u002Da6f7\u002Dd271733ca6bd\u002FDodot\u002DPanales\u002DActivity\u002DExtra\u002DT6\u002D14\u002DKg\u002D44\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 8"
/>
chevron-left chevron-right