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/f438cf9e-6a7a-44c2-9923-1402ccddd6be/Biocyte-Eye-Patch-1-unite?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Ff438cf9e\u002D6a7a\u002D44c2\u002D9923\u002D1402ccddd6be\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Ff438cf9e\u002D6a7a\u002D44c2\u002D9923\u002D1402ccddd6be\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\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\u002F5bf67484\u002D45f2\u002D457b\u002D889f\u002Dd44cdb663362\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F5bf67484\u002D45f2\u002D457b\u002D889f\u002Dd44cdb663362\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\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\u002F8c6850ad\u002D5318\u002D4059\u002Db167\u002D5da0468608e7\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F8c6850ad\u002D5318\u002D4059\u002Db167\u002D5da0468608e7\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\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\u002Fbeedb5f2\u002Dc265\u002D470f\u002D856d\u002Dea73b2916ebb\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fbeedb5f2\u002Dc265\u002D470f\u002D856d\u002Dea73b2916ebb\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\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\u002Fcfb22557\u002De529\u002D4a55\u002Db6c4\u002Dba7b5156e044\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fcfb22557\u002De529\u002D4a55\u002Db6c4\u002Dba7b5156e044\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\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\u002F604b2010\u002D6313\u002D4658\u002D88e4\u002Dec058ca96e75\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F604b2010\u002D6313\u002D4658\u002D88e4\u002Dec058ca96e75\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\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\u002F85b027c5\u002D18f7\u002D4a99\u002Da859\u002Dfa0f292cbe25\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F85b027c5\u002D18f7\u002D4a99\u002Da859\u002Dfa0f292cbe25\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\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\u002F0e029cba\u002D1b14\u002D431c\u002Db343\u002D5b7249f7e272\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F0e029cba\u002D1b14\u002D431c\u002Db343\u002D5b7249f7e272\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\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\u002F223ecbfe\u002D8ffa\u002D4e77\u002Da1f7\u002D5e85a967f5b0\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F223ecbfe\u002D8ffa\u002D4e77\u002Da1f7\u002D5e85a967f5b0\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 8"
/>
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\u002F251e164b\u002Db9c7\u002D4675\u002Da742\u002Dbf0b36ce9628\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F251e164b\u002Db9c7\u002D4675\u002Da742\u002Dbf0b36ce9628\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 9"
/>
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\u002F78a4b605\u002D14f3\u002D4dec\u002D85ad\u002D146a5504bf64\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F78a4b605\u002D14f3\u002D4dec\u002D85ad\u002D146a5504bf64\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 10"
/>
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\u002F4be08ee5\u002D32fb\u002D467e\u002Db349\u002D2b30a03b8a63\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F4be08ee5\u002D32fb\u002D467e\u002Db349\u002D2b30a03b8a63\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 11"
/>
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\u002F6e3859f7\u002Db683\u002D4239\u002Da03a\u002D81a278a81c7f\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F6e3859f7\u002Db683\u002D4239\u002Da03a\u002D81a278a81c7f\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 12"
/>
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\u002F1711e5f5\u002D2e8b\u002D4c6f\u002D8572\u002D4089ca123baf\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F1711e5f5\u002D2e8b\u002D4c6f\u002D8572\u002D4089ca123baf\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 13"
/>
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\u002F11c128f6\u002D1e83\u002D415b\u002Da73d\u002Da9f198774c59\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F11c128f6\u002D1e83\u002D415b\u002Da73d\u002Da9f198774c59\u002FBiocyte\u002DEye\u002DPatch\u002D1\u002Dunite\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 14"
/>
chevron-left chevron-right