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/cc720e04-309f-47ad-9ce5-26c62f5c8329/L-Oreal-Paris-Shadow-Stick-Crayon-fard-a-paupieres-multi-usages-T245?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fcc720e04\u002D309f\u002D47ad\u002D9ce5\u002D26c62f5c8329\u002FL\u002DOreal\u002DParis\u002DShadow\u002DStick\u002DCrayon\u002Dfard\u002Da\u002Dpaupieres\u002Dmulti\u002Dusages\u002DT245\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fcc720e04\u002D309f\u002D47ad\u002D9ce5\u002D26c62f5c8329\u002FL\u002DOreal\u002DParis\u002DShadow\u002DStick\u002DCrayon\u002Dfard\u002Da\u002Dpaupieres\u002Dmulti\u002Dusages\u002DT245\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\u002F96e0b453\u002D3568\u002D4d64\u002D98cb\u002De75fe1ec4069\u002FL\u002DOreal\u002DParis\u002DShadow\u002DStick\u002DCrayon\u002Dfard\u002Da\u002Dpaupieres\u002Dmulti\u002Dusages\u002DT245\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F96e0b453\u002D3568\u002D4d64\u002D98cb\u002De75fe1ec4069\u002FL\u002DOreal\u002DParis\u002DShadow\u002DStick\u002DCrayon\u002Dfard\u002Da\u002Dpaupieres\u002Dmulti\u002Dusages\u002DT245\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\u002F3f66d04c\u002D23b4\u002D4b46\u002Da1b7\u002Da480718c1252\u002FL\u002DOreal\u002DParis\u002DShadow\u002DStick\u002DCrayon\u002Dfard\u002Da\u002Dpaupieres\u002Dmulti\u002Dusages\u002DT245\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F3f66d04c\u002D23b4\u002D4b46\u002Da1b7\u002Da480718c1252\u002FL\u002DOreal\u002DParis\u002DShadow\u002DStick\u002DCrayon\u002Dfard\u002Da\u002Dpaupieres\u002Dmulti\u002Dusages\u002DT245\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\u002F5e75fdae\u002D830b\u002D4afe\u002D9217\u002D0cbdd7af5dd8\u002FL\u002DOreal\u002DParis\u002DShadow\u002DStick\u002DCrayon\u002Dfard\u002Da\u002Dpaupieres\u002Dmulti\u002Dusages\u002DT245\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F5e75fdae\u002D830b\u002D4afe\u002D9217\u002D0cbdd7af5dd8\u002FL\u002DOreal\u002DParis\u002DShadow\u002DStick\u002DCrayon\u002Dfard\u002Da\u002Dpaupieres\u002Dmulti\u002Dusages\u002DT245\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\u002F9ba47b01\u002De627\u002D4d73\u002Db89d\u002D11ba63388f8a\u002FL\u002DOreal\u002DParis\u002DShadow\u002DStick\u002DCrayon\u002Dfard\u002Da\u002Dpaupieres\u002Dmulti\u002Dusages\u002DT245\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F9ba47b01\u002De627\u002D4d73\u002Db89d\u002D11ba63388f8a\u002FL\u002DOreal\u002DParis\u002DShadow\u002DStick\u002DCrayon\u002Dfard\u002Da\u002Dpaupieres\u002Dmulti\u002Dusages\u002DT245\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\u002F29426a03\u002Da9a9\u002D4f60\u002Da01c\u002D7ea9cd892596\u002FL\u002DOreal\u002DParis\u002DShadow\u002DStick\u002DCrayon\u002Dfard\u002Da\u002Dpaupieres\u002Dmulti\u002Dusages\u002DT245\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F29426a03\u002Da9a9\u002D4f60\u002Da01c\u002D7ea9cd892596\u002FL\u002DOreal\u002DParis\u002DShadow\u002DStick\u002DCrayon\u002Dfard\u002Da\u002Dpaupieres\u002Dmulti\u002Dusages\u002DT245\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\u002F671edf22\u002D3525\u002D42d2\u002D9c77\u002D2f58cd240b32\u002FL\u002DOreal\u002DParis\u002DShadow\u002DStick\u002DCrayon\u002Dfard\u002Da\u002Dpaupieres\u002Dmulti\u002Dusages\u002DT245\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F671edf22\u002D3525\u002D42d2\u002D9c77\u002D2f58cd240b32\u002FL\u002DOreal\u002DParis\u002DShadow\u002DStick\u002DCrayon\u002Dfard\u002Da\u002Dpaupieres\u002Dmulti\u002Dusages\u002DT245\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\u002F0134439e\u002D621f\u002D4b36\u002Dad0a\u002D2f94adec37a2\u002FL\u002DOreal\u002DParis\u002DShadow\u002DStick\u002DCrayon\u002Dfard\u002Da\u002Dpaupieres\u002Dmulti\u002Dusages\u002DT245\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F0134439e\u002D621f\u002D4b36\u002Dad0a\u002D2f94adec37a2\u002FL\u002DOreal\u002DParis\u002DShadow\u002DStick\u002DCrayon\u002Dfard\u002Da\u002Dpaupieres\u002Dmulti\u002Dusages\u002DT245\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\u002Fb375fc13\u002D4950\u002D4236\u002D99af\u002D501991d78e74\u002FL\u002DOreal\u002DParis\u002DShadow\u002DStick\u002DCrayon\u002Dfard\u002Da\u002Dpaupieres\u002Dmulti\u002Dusages\u002DT245\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fb375fc13\u002D4950\u002D4236\u002D99af\u002D501991d78e74\u002FL\u002DOreal\u002DParis\u002DShadow\u002DStick\u002DCrayon\u002Dfard\u002Da\u002Dpaupieres\u002Dmulti\u002Dusages\u002DT245\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 8"
/>
chevron-left chevron-right