.flipcard.svelte-tijz3r.svelte-tijz3r{cursor:pointer;width:100%;aspect-ratio:1568/775;perspective:100vw;perspective-origin:50% 50%;transform-style:preserve-3d;position:relative}.flipcard.svelte-tijz3r .face.svelte-tijz3r{backface-visibility:hidden;position:absolute;width:100%;height:100%;transition:transform 1s cubic-bezier(.13,1.03,.39,.98),box-shadow 1s cubic-bezier(.13,1.03,.39,.98),border-width 1s cubic-bezier(.13,1.03,.39,.98);box-shadow:0 1.2vw 4vw -1vw #0009;background-position:0 0;background-size:cover;background-repeat:no-repeat;border:1px solid rgba(0,0,0,.1);border-radius:1.1vw}.flipcard.svelte-tijz3r .front.svelte-tijz3r{background-image:url(../../../pages/gift/front.png);transform:rotateX(0)}.flipcard.svelte-tijz3r .back.svelte-tijz3r{background-image:url(../../../pages/gift/back.png);transform:rotateX(180deg)}.flipcard.svelte-tijz3r:hover .front.svelte-tijz3r{transform:rotateX(8deg);box-shadow:0 10vw 9vw -6vw #00000080,inset 0 8vw 12vw -5vw #0003;border-bottom:1px solid rgba(255,255,255,.8);border-top:1px solid rgba(0,0,0,.8)}.flipcard.svelte-tijz3r:hover .back.svelte-tijz3r{transform:rotateX(188deg);box-shadow:0 -2vw 4vw -2vw #230202ad,inset 0 -8vw 12vw -5vw #0000004d;border-top:1px solid rgba(255,255,255,.8);border-bottom:1px solid rgba(0,0,0,.8)}.flipcard.flipped.svelte-tijz3r .front.svelte-tijz3r{transform:rotateX(180deg)}.flipcard.flipped.svelte-tijz3r .back.svelte-tijz3r{transform:rotateX(360deg)}.flipcard.flipped.svelte-tijz3r:hover .front.svelte-tijz3r{transform:rotateX(188deg)}.flipcard.flipped.svelte-tijz3r:hover .back.svelte-tijz3r{transform:rotateX(352deg)}