.wrapper.svelte-17qq44n{width:347px;height:478px;overflow:hidden;border-radius:22px;position:relative}canvas.svelte-17qq44n{width:100%;height:100%}.text-block-dark.svelte-17qq44n{position:absolute;display:flex;flex-direction:row;z-index:100;left:20px;bottom:20px;align-items:center;gap:8px;pointer-events:none}.text-block-light.svelte-17qq44n{position:absolute;display:flex;flex-direction:row;z-index:100;right:20px;top:20px;align-items:center;gap:8px;pointer-events:none}.text-block-light.svelte-17qq44n .text:where(.svelte-17qq44n){color:#333;opacity:0;transition:all .3s ease-out}.wrapper.svelte-17qq44n:hover .text-block-light:where(.svelte-17qq44n) .text:where(.svelte-17qq44n){opacity:1}.wrapper.svelte-17qq44n:hover .text-block-dark:where(.svelte-17qq44n) .text:where(.svelte-17qq44n){opacity:0}.icon.svelte-17qq44n{width:32px;height:32px}.text.svelte-17qq44n{text-transform:uppercase;font-size:12px;color:#fff;margin:0;transition:all .3s ease-out}canvas.svelte-7of1oo{width:583px;height:510px}.container.svelte-4ydd9z{display:flex;padding:20px;align-items:center;justify-content:center;width:100%;transition:background-color .3s linear;position:relative;height:510px}.container.svelte-4ydd9z:has(.spline:where(.svelte-4ydd9z):hover){background-color:#efefef}@media (max-width: 768px){.container.svelte-4ydd9z{height:100px;transform:scale(.4)}}