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/3a7adf1f-53ae-4f44-9f48-e6e1ede5a460/Soria-Natural-Formula-XXI-Composor-40-Circuven-Complex-50-ml?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F3a7adf1f\u002D53ae\u002D4f44\u002D9f48\u002De6e1ede5a460\u002FSoria\u002DNatural\u002DFormula\u002DXXI\u002DComposor\u002D40\u002DCircuven\u002DComplex\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F3a7adf1f\u002D53ae\u002D4f44\u002D9f48\u002De6e1ede5a460\u002FSoria\u002DNatural\u002DFormula\u002DXXI\u002DComposor\u002D40\u002DCircuven\u002DComplex\u002D50\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\u002F047f100f\u002Ddfc6\u002D4006\u002Db2da\u002Dfcc73b080d6a\u002FSoria\u002DNatural\u002DFormula\u002DXXI\u002DComposor\u002D40\u002DCircuven\u002DComplex\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F047f100f\u002Ddfc6\u002D4006\u002Db2da\u002Dfcc73b080d6a\u002FSoria\u002DNatural\u002DFormula\u002DXXI\u002DComposor\u002D40\u002DCircuven\u002DComplex\u002D50\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\u002F2612c8e2\u002Dbf97\u002D45ff\u002D922e\u002Dcd23000e4f92\u002FSoria\u002DNatural\u002DFormula\u002DXXI\u002DComposor\u002D40\u002DCircuven\u002DComplex\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F2612c8e2\u002Dbf97\u002D45ff\u002D922e\u002Dcd23000e4f92\u002FSoria\u002DNatural\u002DFormula\u002DXXI\u002DComposor\u002D40\u002DCircuven\u002DComplex\u002D50\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\u002F5a702fd0\u002Dd43e\u002D4b97\u002D9ecf\u002Da805b41ea676\u002FSoria\u002DNatural\u002DFormula\u002DXXI\u002DComposor\u002D40\u002DCircuven\u002DComplex\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F5a702fd0\u002Dd43e\u002D4b97\u002D9ecf\u002Da805b41ea676\u002FSoria\u002DNatural\u002DFormula\u002DXXI\u002DComposor\u002D40\u002DCircuven\u002DComplex\u002D50\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\u002F74be5b05\u002D76d9\u002D4bb6\u002Dbd12\u002D4d2940083570\u002FSoria\u002DNatural\u002DFormula\u002DXXI\u002DComposor\u002D40\u002DCircuven\u002DComplex\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F74be5b05\u002D76d9\u002D4bb6\u002Dbd12\u002D4d2940083570\u002FSoria\u002DNatural\u002DFormula\u002DXXI\u002DComposor\u002D40\u002DCircuven\u002DComplex\u002D50\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\u002Fc96a88ed\u002Def1e\u002D4914\u002D9dac\u002Da0d1eb5b9c09\u002FSoria\u002DNatural\u002DFormula\u002DXXI\u002DComposor\u002D40\u002DCircuven\u002DComplex\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fc96a88ed\u002Def1e\u002D4914\u002D9dac\u002Da0d1eb5b9c09\u002FSoria\u002DNatural\u002DFormula\u002DXXI\u002DComposor\u002D40\u002DCircuven\u002DComplex\u002D50\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 5"
/>
chevron-left chevron-right