h1.svelte-pr4w1s{font-size:.8rem;font-weight:300;margin-bottom:.5rem;margin-top:.5rem;text-transform:uppercase;font-weight:500}.nude.svelte-pr4w1s{background-color:#f2d6c4}.black.svelte-pr4w1s{background-color:#000}button.svelte-pr4w1s{pointer-events:all}.color-button.svelte-pr4w1s{width:1.5rem;height:1.5rem;margin:.3rem;border:none;cursor:pointer}.color-button.selected.svelte-pr4w1s{outline:1px solid black;outline-offset:2px}.show.svelte-exv9n9{opacity:1;animation:svelte-exv9n9-fadeIn .3s ease-in-out;animation-delay:.3s;animation-fill-mode:forwards}.ui.svelte-exv9n9{opacity:0}@keyframes svelte-exv9n9-fadeIn{0%{opacity:0}to{opacity:1}}.colorselection.svelte-exv9n9{pointer-events:all}.descriptionContainer.svelte-1nsv3hv p:where(.svelte-1nsv3hv){font-size:2rem;line-height:1.3;font-family:Anek Latin Light}p.svelte-1nsv3hv{font-size:1.2rem;line-height:1.3}.descriptions.svelte-1nsv3hv{height:100vh}.description.svelte-1nsv3hv{scroll-snap-align:start;scroll-snap-stop:always;height:100%;display:flex;flex-direction:column;justify-content:center}.descriptionContainer.svelte-1nsv3hv{display:flex;flex-direction:column;justify-content:center;pointer-events:all;margin:0 6rem}.description.svelte-1nsv3hv h1:where(.svelte-1nsv3hv){font-size:var(--large_font-size);font-weight:300;margin-bottom:.5rem}.interaction.svelte-1nsv3hv{grid-area:interaction;position:sticky;top:0;left:0;height:100%;width:100%;display:grid;place-items:center;grid-template-areas:"... ... ..." "... canvasContainer ..." "... ... ...";grid-template-columns:0 100% 0;grid-template-rows:0 100% 0;background-color:#fff}.ui.svelte-1nsv3hv{position:absolute;top:100%;left:0}.transitionCanvas.svelte-1nsv3hv{transition:all .3s ease-in-out}section.svelte-1nsv3hv{width:100%;position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(7,1fr);grid-template-areas:"description interaction";align-items:start;gap:3rem;height:600%}.scrollCanvas.svelte-1nsv3hv{background-color:#f5f5f5}.canvasContainer.svelte-1nsv3hv{background-color:#f5f5f5;grid-area:canvasContainer;position:relative;width:100%;height:100%;max-height:100vh;margin:0;padding:0;display:inline-block}.webshopCanvas.svelte-1nsv3hv{height:50vh;width:50vh;background-color:#f0f0f0}@media(max-width:768px){.descriptionContainer.svelte-1nsv3hv{margin:0 2rem}section.svelte-1nsv3hv{margin-left:0rem;margin-right:0rem}section.svelte-1nsv3hv{grid-template-areas:"interaction" "description";grid-template-columns:1fr;height:fit-content;gap:0rem;margin-left:0;margin-right:0}.dummyCanvas.svelte-1nsv3hv,.canvasContainer.svelte-1nsv3hv{width:100%;height:calc(100% - 6rem);max-height:calc(50vh - 6rem);margin:0;padding:0;margin-top:6rem}.dummyCanvas.svelte-1nsv3hv{background-color:#fff}.descriptions.svelte-1nsv3hv{pointer-events:none}.canvasContainer.svelte-1nsv3hv{background-color:#f5f5f5}.active.svelte-1nsv3hv{opacity:1}.inactive.svelte-1nsv3hv{opacity:0}.description.svelte-1nsv3hv{transition:opacity .3s ease-in-out;transition-delay:.2s}.interaction.svelte-1nsv3hv{position:sticky;width:100%;height:auto;background-color:#fff}.interaction.svelte-1nsv3hv:has(.webshopCanvas:where(.svelte-1nsv3hv)){margin-bottom:calc(100vh - (30vh + 6rem))}.webshopCanvas.svelte-1nsv3hv{height:30vh;width:30vh;background-color:#f0f0f0}.descriptionContainer.svelte-1nsv3hv p:where(.svelte-1nsv3hv){font-size:1.5rem;line-height:1.3;font-family:Anek Latin Light}.description.svelte-1nsv3hv{box-sizing:border-box;z-index:-1}.description.svelte-1nsv3hv h1:where(.svelte-1nsv3hv){font-size:2rem;margin-bottom:1rem}.scrollCanvas.svelte-1nsv3hv{background-color:#f5f5f5}}@font-face{font-family:Anek Latin Light;src:url(../../../fonts/AnekLatin-Light.woff2) format("woff2"),url(../../../fonts/AnekLatin-Light.woff) format("woff"),url(../../../fonts/AnekLatin-Light.ttf) format("truetype");font-weight:400;font-style:normal}