.carousel-container.svelte-8ojyxu{position:relative;perspective:2000px;width:100%;padding:0 20px;overflow:hidden}.carousel.svelte-8ojyxu{width:100vw;height:750px;position:relative;inset:0;transform-style:flat}.square-pallete.svelte-8ojyxu{display:none;grid-template-rows:1fr 30px;justify-content:space-between;justify-items:center;align-items:center;justify-content:center;gap:1rem;width:650px;text-align:center;position:absolute;top:calc(50% - 325px);left:calc(50% - 325px);transition:transform .5s ease;z-index:-1}.square-pallete.active.svelte-8ojyxu{transform:translate(0);display:grid;z-index:2}.square-pallete.isPrev.svelte-8ojyxu{transform:translate(-700px);display:grid;z-index:2}.square-pallete.isFarPrev.svelte-8ojyxu{transform:translate(-1400px);display:grid;z-index:1}.square-pallete.isNext.svelte-8ojyxu{transform:translate(700px);display:grid;z-index:2}.square-pallete.isFarNext.svelte-8ojyxu{transform:translate(1400px);display:grid;z-index:1}.square-pallete.svelte-8ojyxu h5:where(.svelte-8ojyxu){font-size:2.6rem;line-height:1;padding:0 5px;border-bottom:2px solid transparent;width:fit-content;color:var(--global)}.square-pallete.svelte-8ojyxu h5.titlemain:where(.svelte-8ojyxu){border-bottom:2px solid #1f2525}.image.svelte-8ojyxu{width:100%;aspect-ratio:1/1;transition:all .5s ease}.image.svelte-8ojyxu img:where(.svelte-8ojyxu){object-fit:cover;aspect-ratio:1/1;border-radius:30px}.row.svelte-8ojyxu{z-index:5;background-color:transparent;border:none;position:absolute;top:50%;transform:translateY(-50%) rotateY(0);transform-origin:center;width:52px;height:52px;cursor:pointer}.row.left.svelte-8ojyxu{transform:translateY(-50%) rotateY(180deg);left:0}.row.right.svelte-8ojyxu{right:0;left:inherit}@media (max-width: 768px){.carousel.svelte-8ojyxu{height:auto;aspect-ratio:1/1.1;width:95vw}.square-pallete.svelte-8ojyxu{width:100%;top:calc(50% - var(--isNext));left:calc(50% - var(--isNext))}.square-pallete.active.svelte-8ojyxu{transform:translate(0)}.square-pallete.isPrev.svelte-8ojyxu{transform:translate(calc(var(--isPrev) * 2 - 50px))}.square-pallete.isFarPrev.svelte-8ojyxu{transform:translate(calc(var(--isFarPrev) * 2 - 50px))}.square-pallete.isNext.svelte-8ojyxu{transform:translate(calc(var(--isNext) * 2 + 50px))}.square-pallete.isFarNext.svelte-8ojyxu{transform:translate(calc(var(--isFarNext) * 2 + 50px))}}