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/eb6c215f-a62a-4774-bacf-5cf43bb09149/L-Oreal-Paris-Barra-de-Labios-Color-Riche-Intense-Volume-Mate-602-Nude-Admirable?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Feb6c215f\u002Da62a\u002D4774\u002Dbacf\u002D5cf43bb09149\u002FL\u002DOreal\u002DParis\u002DBarra\u002Dde\u002DLabios\u002DColor\u002DRiche\u002DIntense\u002DVolume\u002DMate\u002D602\u002DNude\u002DAdmirable\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Feb6c215f\u002Da62a\u002D4774\u002Dbacf\u002D5cf43bb09149\u002FL\u002DOreal\u002DParis\u002DBarra\u002Dde\u002DLabios\u002DColor\u002DRiche\u002DIntense\u002DVolume\u002DMate\u002D602\u002DNude\u002DAdmirable\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\u002F6c5127ac\u002Da1d6\u002D4667\u002D9123\u002D26c89dccddd5\u002FL\u002DOreal\u002DParis\u002DBarra\u002Dde\u002DLabios\u002DColor\u002DRiche\u002DIntense\u002DVolume\u002DMate\u002D602\u002DNude\u002DAdmirable\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F6c5127ac\u002Da1d6\u002D4667\u002D9123\u002D26c89dccddd5\u002FL\u002DOreal\u002DParis\u002DBarra\u002Dde\u002DLabios\u002DColor\u002DRiche\u002DIntense\u002DVolume\u002DMate\u002D602\u002DNude\u002DAdmirable\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\u002Fc9dbe2aa\u002D0728\u002D4c20\u002D8616\u002Dc0f3d70d0d32\u002FL\u002DOreal\u002DParis\u002DBarra\u002Dde\u002DLabios\u002DColor\u002DRiche\u002DIntense\u002DVolume\u002DMate\u002D602\u002DNude\u002DAdmirable\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fc9dbe2aa\u002D0728\u002D4c20\u002D8616\u002Dc0f3d70d0d32\u002FL\u002DOreal\u002DParis\u002DBarra\u002Dde\u002DLabios\u002DColor\u002DRiche\u002DIntense\u002DVolume\u002DMate\u002D602\u002DNude\u002DAdmirable\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\u002Ffea9ab1f\u002Dd04a\u002D4d4a\u002D8b3b\u002D9ba5d365664e\u002FL\u002DOreal\u002DParis\u002DBarra\u002Dde\u002DLabios\u002DColor\u002DRiche\u002DIntense\u002DVolume\u002DMate\u002D602\u002DNude\u002DAdmirable\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Ffea9ab1f\u002Dd04a\u002D4d4a\u002D8b3b\u002D9ba5d365664e\u002FL\u002DOreal\u002DParis\u002DBarra\u002Dde\u002DLabios\u002DColor\u002DRiche\u002DIntense\u002DVolume\u002DMate\u002D602\u002DNude\u002DAdmirable\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\u002Fde685555\u002D5d63\u002D4df2\u002Dbba4\u002D436eceab1b34\u002FL\u002DOreal\u002DParis\u002DBarra\u002Dde\u002DLabios\u002DColor\u002DRiche\u002DIntense\u002DVolume\u002DMate\u002D602\u002DNude\u002DAdmirable\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fde685555\u002D5d63\u002D4df2\u002Dbba4\u002D436eceab1b34\u002FL\u002DOreal\u002DParis\u002DBarra\u002Dde\u002DLabios\u002DColor\u002DRiche\u002DIntense\u002DVolume\u002DMate\u002D602\u002DNude\u002DAdmirable\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\u002F167caa01\u002D95ea\u002D4a5d\u002D973c\u002Dd7cc77bbf71d\u002FL\u002DOreal\u002DParis\u002DBarra\u002Dde\u002DLabios\u002DColor\u002DRiche\u002DIntense\u002DVolume\u002DMate\u002D602\u002DNude\u002DAdmirable\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F167caa01\u002D95ea\u002D4a5d\u002D973c\u002Dd7cc77bbf71d\u002FL\u002DOreal\u002DParis\u002DBarra\u002Dde\u002DLabios\u002DColor\u002DRiche\u002DIntense\u002DVolume\u002DMate\u002D602\u002DNude\u002DAdmirable\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\u002F3ac59017\u002D0d31\u002D40d6\u002Dbf72\u002Df7b7d08c6b77\u002FL\u002DOreal\u002DParis\u002DBarra\u002Dde\u002DLabios\u002DColor\u002DRiche\u002DIntense\u002DVolume\u002DMate\u002D602\u002DNude\u002DAdmirable\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F3ac59017\u002D0d31\u002D40d6\u002Dbf72\u002Df7b7d08c6b77\u002FL\u002DOreal\u002DParis\u002DBarra\u002Dde\u002DLabios\u002DColor\u002DRiche\u002DIntense\u002DVolume\u002DMate\u002D602\u002DNude\u002DAdmirable\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\u002F76eb0bf3\u002D3ec0\u002D4770\u002Dbf2d\u002Dc11f781e6993\u002FL\u002DOreal\u002DParis\u002DBarra\u002Dde\u002DLabios\u002DColor\u002DRiche\u002DIntense\u002DVolume\u002DMate\u002D602\u002DNude\u002DAdmirable\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F76eb0bf3\u002D3ec0\u002D4770\u002Dbf2d\u002Dc11f781e6993\u002FL\u002DOreal\u002DParis\u002DBarra\u002Dde\u002DLabios\u002DColor\u002DRiche\u002DIntense\u002DVolume\u002DMate\u002D602\u002DNude\u002DAdmirable\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\u002Fd0c620c6\u002D46a9\u002D4cc9\u002D968e\u002D749d9a972c1e\u002FL\u002DOreal\u002DParis\u002DBarra\u002Dde\u002DLabios\u002DColor\u002DRiche\u002DIntense\u002DVolume\u002DMate\u002D602\u002DNude\u002DAdmirable\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fd0c620c6\u002D46a9\u002D4cc9\u002D968e\u002D749d9a972c1e\u002FL\u002DOreal\u002DParis\u002DBarra\u002Dde\u002DLabios\u002DColor\u002DRiche\u002DIntense\u002DVolume\u002DMate\u002D602\u002DNude\u002DAdmirable\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 8"
/>
chevron-left chevron-right