/* Hide scrollbars cross browser and enable momentum scroll for touch devices */
	[data-select-viewport] {
		scrollbar-width: none !important;
		-ms-overflow-style: none !important;
		-webkit-overflow-scrolling: touch !important;
	}

	[data-combobox-viewport] {
		scrollbar-width: none !important;
		-ms-overflow-style: none !important;
		-webkit-overflow-scrolling: touch !important;
	}

	[data-combobox-viewport]::-webkit-scrollbar {
		display: none !important;
	}
	[data-select-viewport]::-webkit-scrollbar {
		display: none !important;
	}

	.value-indicator.svelte-1bybcev,
	.slider-wrapper.svelte-1bybcev,
	.slider-track-wrapper.svelte-1bybcev {
		transition-duration: var(--spring-default-duration);
		transition-timing-function: var(--spring-default-timing-function);
	}

	.slider-container.svelte-1bybcev {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
	}

	.slider-wrapper.svelte-1bybcev {
		display: flex;
		width: 100%;
		touch-action: none;
		user-select: none;
		align-items: center;
		justify-content: center;
		gap: 1rem;
	}

	.slider-root.svelte-1bybcev {
		position: relative;
		display: flex;
		width: 100%;
		flex-grow: 1;
		touch-action: none;
		user-select: none;
		align-items: center;
		padding: 1rem 0;
	}

	.slider-track-wrapper.svelte-1bybcev {
		display: flex;
		flex-grow: 1;
	}

	.slider-track.svelte-1bybcev {
		position: relative;
		height: 100%;
		flex-grow: 1;
		overflow: hidden;
		border-radius: 9999px;
		background-color: rgba(128, 128, 128, 0.4);
	}

	.slider-range.svelte-1bybcev {
		position: absolute;
		height: 100%;
		background-color: #888;
		border-radius: 9999px;
	}

	/* .frameRef :global(canvas) {
		max-width: 100cqw;
		max-height: 100cqh;
	} */

	.frameRef.svelte-mg0lri {
		--a: hsla(0, 0%, 10%, 0.4);
		--b: hsla(0, 0%, 20%, 0.4);

		--cell: 20px;
	}

	.frameRef.svelte-mg0lri {
		/* 1) 이미지(그라데이션) */
		background-image: repeating-conic-gradient(var(--a) 0 25%, var(--b) 0 50%);

		/* 2) 위치 */
		background-position: 50% 50%;

		/* 3) 크기 */
		background-size: var(--cell) var(--cell);

		/* background: repeating-conic-gradient(var(--a) 0 25%, var(--b) 0 50%) 50% / var(--cell)
			var(--cell); */
	}
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-duration: initial;
    }
  }
}

.bounce.svelte-1yugma0 {
  transform: translateZ(0) var(--tw-rotate-x,  ) var(--tw-rotate-y,  ) var(--tw-rotate-z,  ) var(--tw-skew-x,  ) var(--tw-skew-y,  );
  --tw-duration: .16s;
  will-change: transform;
  transition-duration: .16s;
}

.bounce.svelte-1yugma0:active {
  scale: .9;
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}