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/abf20023-a781-47b7-8da2-8d378b7b51fe/Mixa-Crema-Niacinamida-400-ml?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fabf20023\u002Da781\u002D47b7\u002D8da2\u002D8d378b7b51fe\u002FMixa\u002DCrema\u002DNiacinamida\u002D400\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fabf20023\u002Da781\u002D47b7\u002D8da2\u002D8d378b7b51fe\u002FMixa\u002DCrema\u002DNiacinamida\u002D400\u002Dml\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\u002Fc0c0f8c4\u002D1e42\u002D40e8\u002D8acd\u002Da90b326e0b8f\u002FMixa\u002DCrema\u002DNiacinamida\u002D400\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fc0c0f8c4\u002D1e42\u002D40e8\u002D8acd\u002Da90b326e0b8f\u002FMixa\u002DCrema\u002DNiacinamida\u002D400\u002Dml\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\u002F3e44e1c6\u002D88d1\u002D40e0\u002Db423\u002D14b1ced4997d\u002FMixa\u002DCrema\u002DNiacinamida\u002D400\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F3e44e1c6\u002D88d1\u002D40e0\u002Db423\u002D14b1ced4997d\u002FMixa\u002DCrema\u002DNiacinamida\u002D400\u002Dml\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\u002F064303a0\u002D56fd\u002D443c\u002Da519\u002D12c045ccbaee\u002FMixa\u002DCrema\u002DNiacinamida\u002D400\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F064303a0\u002D56fd\u002D443c\u002Da519\u002D12c045ccbaee\u002FMixa\u002DCrema\u002DNiacinamida\u002D400\u002Dml\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\u002F3a8d069b\u002D8fc7\u002D4641\u002Da9c1\u002Dbf41467bd9db\u002FMixa\u002DCrema\u002DNiacinamida\u002D400\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F3a8d069b\u002D8fc7\u002D4641\u002Da9c1\u002Dbf41467bd9db\u002FMixa\u002DCrema\u002DNiacinamida\u002D400\u002Dml\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\u002Fd75e7147\u002Dd01d\u002D4302\u002D8919\u002D6e18293f542d\u002FMixa\u002DCrema\u002DNiacinamida\u002D400\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fd75e7147\u002Dd01d\u002D4302\u002D8919\u002D6e18293f542d\u002FMixa\u002DCrema\u002DNiacinamida\u002D400\u002Dml\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\u002F08113419\u002Ddbc6\u002D48ad\u002D95f0\u002Dec8c12450bfc\u002FMixa\u002DCrema\u002DNiacinamida\u002D400\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F08113419\u002Ddbc6\u002D48ad\u002D95f0\u002Dec8c12450bfc\u002FMixa\u002DCrema\u002DNiacinamida\u002D400\u002Dml\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\u002F30216e78\u002D2a81\u002D4342\u002Dbe3b\u002Dab9470fb7d5b\u002FMixa\u002DCrema\u002DNiacinamida\u002D400\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F30216e78\u002D2a81\u002D4342\u002Dbe3b\u002Dab9470fb7d5b\u002FMixa\u002DCrema\u002DNiacinamida\u002D400\u002Dml\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\u002F2c7a0f03\u002D14fb\u002D4446\u002D98e8\u002D349fa6c9daaa\u002FMixa\u002DCrema\u002DNiacinamida\u002D400\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F2c7a0f03\u002D14fb\u002D4446\u002D98e8\u002D349fa6c9daaa\u002FMixa\u002DCrema\u002DNiacinamida\u002D400\u002Dml\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\u002F902ef8d6\u002Dd6f9\u002D418d\u002D8db6\u002D3aca9bc76a2f\u002FMixa\u002DCrema\u002DNiacinamida\u002D400\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F902ef8d6\u002Dd6f9\u002D418d\u002D8db6\u002D3aca9bc76a2f\u002FMixa\u002DCrema\u002DNiacinamida\u002D400\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 9"
/>
chevron-left chevron-right