:root, :host {
	--font-sans: "Manrope", system-ui, sans-serif;
	--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--color-black: #000;
	--color-white: #fff;
	--spacing: .25rem;
	--container-sm: 24rem;
	--container-md: 28rem;
	--container-lg: 32rem;
	--container-xl: 36rem;
	--container-3xl: 48rem;
	--container-5xl: 64rem;
	--container-6xl: 72rem;
	--text-xs: .75rem;
	--text-xs--line-height: calc(1 / .75);
	--text-sm: .875rem;
	--text-sm--line-height: calc(1.25 / .875);
	--text-base: 1rem;
	--text-base--line-height: calc(1.5 / 1);
	--text-lg: 1.125rem;
	--text-lg--line-height: calc(1.75 / 1.125);
	--text-xl: 1.25rem;
	--text-xl--line-height: calc(1.75 / 1.25);
	--text-2xl: 1.5rem;
	--text-2xl--line-height: calc(2 / 1.5);
	--text-3xl: 1.875rem;
	--text-3xl--line-height: calc(2.25 / 1.875);
	--text-4xl: 2.25rem;
	--text-4xl--line-height: calc(2.5 / 2.25);
	--text-5xl: 3rem;
	--text-5xl--line-height: 1;
	--text-6xl: 3.75rem;
	--text-6xl--line-height: 1;
	--text-7xl: 4.5rem;
	--text-7xl--line-height: 1;
	--text-8xl: 6rem;
	--text-8xl--line-height: 1;
	--font-weight-normal: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-weight-black: 900;
	--tracking-tight: -.025em;
	--tracking-wide: .025em;
	--tracking-wider: .05em;
	--tracking-widest: .1em;
	--leading-tight: 1.25;
	--leading-snug: 1.375;
	--leading-relaxed: 1.625;
	--ease-in-out: cubic-bezier(.4, 0, .2, 1);
	--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
	--aspect-video: 16 / 9;
	--default-transition-duration: .15s;
	--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	--default-font-family: "Manrope", system-ui, sans-serif;
	--default-mono-font-family: var(--font-mono);
	--color-background: var(--background);
	--color-foreground: var(--foreground);
	--color-border: var(--border);
	--font-display: "Unbounded", "Manrope", system-ui, sans-serif;
}

body {
	overflow-x: hidden;
}

body.no-scroll {
	overflow: hidden;
}

.errorblock {
	
}

.headblock {
	display: flex;
	padding-top: calc(var(--spacing) * 28);
	padding-bottom: calc(var(--spacing) * 12);
	flex-direction: column;
	align-items: center;
}

.header-text {
	text-align: center;
	padding-left: 28px;
	padding-right: 28px;
}

.headblock-logo {
	display: flex;
	justify-content: center;
}
@media (max-width: 550px) {
	.headblock-logo {
		font-size: 2rem;
	}
}
@media (min-width: 654px) {
	.headblock-logo {
		font-size: 6rem;
	}
}

.footer-logo {
	font-family: 'Manrope', system-ui, sans-serif;
	display: flex;
	justify-content: flex-start;
}

.footer-video-block {
	padding-top: 20px;
	padding-bottom: 20px;
}

@media (max-width: 550px) {
	.footer-video-block {
		height: 90vw;
	}
}

@media (min-width: 551px) {
	.footer-video-block {
		height: 34vw;
	}
}

.hint {
	font-size: 10px;
	text-transform: uppercase;
	color: var(--muted-foreground);
	--tw-tracking: .3em;
	letter-spacing: .3em;
	line-height: var(--tw-leading, var(--text-sm--line-height));
}

.carousel {
	overflow: hidden;
}

.photo {
	overflow: hidden;
}
@media (width < 551px) {
	.block-photo {
		gap: 0;
	}
	.photo {
		margin: -10px;
	}
}
@media (width >= 551px) {
	.block-photo {
		gap: 6px;
	}
}

.footer-video {
	width: stretch;
	height: stretch;
}

.accent-block {
	background-color: var(--brand-yellow);
}

.accent-block a {
	background-color: var(--brand-ink);
}

.accent-block button {
	background-color: var(--brand-ink);
}

.in-one-row {
	display: flex;
	flex-direction: row;
	gap: 7px;
}

.primary-button {
	background:var(--brand-yellow);
}

.secondary-button {
	background:var(--brand-ink);
}

.carousel {
	width: 100%;
}

@media (width >= 40rem) {
	.sm\:text-8xl {
		font-size: var(--text-8xl);
		line-height: var(--tw-leading, var(--text-8xl--line-height));
	}
}

.tracking-tight {
	--tw-tracking: var(--tracking-tight);
	letter-spacing: var(--tracking-tight);
}

.font-black {
	--tw-font-weight: var(--font-weight-black);
	font-weight: var(--font-weight-black);
}

.mt-3 {
	margin-top: calc(var(--spacing) * 3);
}

.text-muted-foreground {
	text-transform: uppercase;
	color: var(--muted-foreground);
	--tw-tracking: .3em;
	letter-spacing: .3em;
	font-size: var(--text-sm);
	line-height: var(--tw-leading, var(--text-sm--line-height));
}

@media (width >= 40rem) {
	.sm\:text-lg {
		font-size: var(--text-lg);
		line-height: var(--tw-leading, var(--text-lg--line-height));
	}
}

.uppercase {
	text-transform: uppercase;
}

.carousel-content {
	display: flex;
	width: 100%;
	min-width: 0;
	transition: transform 0.4s cubic-bezier(0.5, 0.5, 0.4, 1.2);
	will-change: transform;
}

.policy-link {
	text-decoration: none;
	background-color: transparent !important;
	color:var(--color-white);
}

.text-accent {
	color:var(--brand-coral);
}

.text-common {
	color:var(--brand-ink);
}

.link-accent {
	color:var(--brand-yellow);
}

.footer {
	padding-top: 64px;
	background-color: var(--brand-ink);
}

.footer-rights {
	background-color: var(--brand-ink);
	border-top-style: var(--tw-border-style);
	border-top-width: 1px;
	border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
	padding-bottom: 48px;
}

.hidden-window {
	display: none;
}

.opened-window {
	display: flex;
	flex-direction: column;
}

.yellow {
	background:var(--brand-yellow);
}

.blue {
	background:var(--brand-blue);
}

.green {
	background:var(--brand-green);
}

.pink {
	background:var(--brand-pink);
}

.orange {
	background:var(--brand-coral);
}

.puzzle-blocks {
	display: flex;
	flex-wrap: wrap;
}

.puzzle-button {
	position: relative;
	overflow: visible;
}

.puzzle-shape {
	width: 100%;display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 21px;

	border-radius: 28px;
	height: 100%;
}

.puzzle-thorn {
	position: absolute;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	z-index: 8;
}

@media (width >= 768px) {
	.puzzle-shape h3{
		font-size: 12px;
	}
	.puzzle-blocks {
		flex-direction: row;
	}
	.groove-groove-puzzle {
		-webkit-mask:	radial-gradient(circle 15px at 100% 36%, transparent 100%, black 0),
						radial-gradient(circle 15px at 0% 64%, transparent 100%, black 0);
		mask:	radial-gradient(circle 15px at 100% 36%, transparent 100%, black 0),
				radial-gradient(circle 15px at 0% 64%, transparent 100%, black 0);
		-webkit-mask-composite: destination-in;
		mask-composite: intersect;
	}
	.thorn-groove-puzzle {
		-webkit-mask: radial-gradient(circle 15px at 100% 64%, transparent 100%, black 0);
		mask: radial-gradient(circle 15px at 100% 64%, transparent 100%, black 0);
	}
	.puzzle-button {
		width: 25%;
	}
	.puzzle-thorn-top-right {
		top: 54%;
		right: -16px;
	}
	.puzzle-thorn-bottom-left {
		bottom: 54%;
		left: -16px;
	}
}

@media (width < 768px) {
	.puzzle-shape h3{
		font-size: 22px;
	}
	.puzzle-shape {
		font-size: 32px;
	}
	.puzzle-blocks {
		flex-direction: column;
	}
	.groove-groove-puzzle {
		-webkit-mask:	radial-gradient(circle 15px at 62px 100%, transparent 100%, black 0),
						radial-gradient(circle 15px at calc(100% - 62px) 0%, transparent 100%, black 0);
		mask:	radial-gradient(circle 15px at 62px 100%, transparent 100%, black 0),
				radial-gradient(circle 15px at calc(100% - 62px) 0%, transparent 100%, black 0);
		-webkit-mask-composite: destination-in;
		mask-composite: intersect;
	}
	.thorn-groove-puzzle {
		-webkit-mask: radial-gradient(circle 15px at calc(100% - 62px) 100%, transparent 100%, black 0);
		mask: radial-gradient(circle 15px at calc(100% - 62px) 100%, transparent 100%, black 0);
	}
	.puzzle-button {
		width: 100%;
		height: 160px;
	}
	.puzzle-thorn-top-right {
		bottom: -16px;
		right: 46px;
	}
	.puzzle-thorn-bottom-left {
		top: -16px;
		left: 46px;
	}
}

.hover-pop {
	transition: transform .2s,box-shadow .2s
}

.hover-pop:hover {
	transform: translateY(-4px)rotate(-.5deg);
	z-index: 9;
}

.dialog-window {
	overflow: hidden;
	overflow-y: scroll;
}






























@font-face {
	font-family: 'CameraPlainVariable';
	src: url('https://cdn.gpteng.co/mcp-widgets/v1/fonts/CameraPlainVariable.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

#lovable-badge {
	--badge-bg: #1b1b1b;
	--badge-text: #c5c1b9;
	--badge-text-hover: #dcdad5;
	--badge-radius: 6px;
	--badge-padding: 8px;
	--badge-gap: 6px;
	--badge-shadow:
			0 0 0 1px rgba(0, 0, 0, 0.88),
			0 1px 0 0 rgba(0, 0, 0, 0.04),
			0 2px 2px -1px rgba(0, 0, 0, 0.08),
			0 4px 4px -2px rgba(0, 0, 0, 0.08),
			0 8px 8px -4px rgba(0, 0, 0, 0.08),
			0 16px 16px -8px rgba(0, 0, 0, 0.08);
	--badge-transition-duration: 0.2s;
	--badge-transition-easing: cubic-bezier(0.16, 1, 0.32, 1);
	--focus-color: #575ECF;
	--focus-offset: 2px;
	--focus-width: 2px;

	position: fixed;
	bottom: 12px;
	right: 12px;
	height: 24px;
	display: flex;
	align-items: center;
	z-index: 1000000;
	background-color: var(--badge-bg) !important;
	color: var(--badge-text) !important;
	border-radius: var(--badge-radius);
	box-shadow: var(--badge-shadow) !important;
	font-size: 12px;
	font-family: CameraPlainVariable, "CameraPlainVariable Fallback", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-weight: 400 !important;
	text-transform: none !important;
	font-feature-settings: normal !important;
	transform: translateZ(0);
	will-change: transform, opacity;
}

#lovable-badge-cta {
	display: flex;
	align-items: center;
	gap: var(--badge-gap);
	padding: 0 var(--badge-padding);
	height: 100%;
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
	border-radius: var(--badge-radius) 0 0 var(--badge-radius);
	transition:
			background-color var(--badge-transition-duration) ease,
			color var(--badge-transition-duration) ease,
			transform 0.1s ease;
}

#lovable-badge-cta:hover {
	background: rgba(255, 255, 255, 0.04);
	color: var(--badge-text-hover);
}

#lovable-badge-cta:active {
	transform: scale(0.98);
}

#lovable-badge-cta:focus {
	outline: none;
}

#lovable-badge-cta:focus-visible {
	outline: var(--focus-width) solid var(--focus-color);
	outline-offset: var(--focus-offset);
	z-index: 1;
}

#lovable-badge-text {
	line-height: 1;
}

#lovable-badge-divider {
	width: 1px;
	height: 24px;
	background-color: rgba(255, 255, 255, 0.04);
	flex-shrink: 0;
}

#lovable-badge-close {
	width: 24px;
	height: 24px;
	min-width: 24px;
	min-height: 24px;
	cursor: pointer;
	background: none;
	border: none;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0 var(--badge-radius) var(--badge-radius) 0;
	flex-shrink: 0;
	transition:
			background-color var(--badge-transition-duration) ease,
			transform 0.1s ease;
}

#lovable-badge-close:hover {
	background: rgba(255, 255, 255, 0.04);
}

#lovable-badge-close:active {
	transform: scale(0.92);
}

#lovable-badge-close:focus {
	outline: none;
}

#lovable-badge-close:focus-visible {
	outline: var(--focus-width) solid var(--focus-color);
	outline-offset: calc(var(--focus-offset) * -1);
	z-index: 1;
}

#lovable-badge-close svg path {
	fill: var(--badge-text);
	transition: fill var(--badge-transition-duration) ease;
}

#lovable-badge-close:hover svg path {
	fill: var(--badge-text-hover);
}

@media (prefers-reduced-motion: reduce) {
	#lovable-badge-cta,
	#lovable-badge-close,
	#lovable-badge-close svg path {
		transition: none;
	}

	#lovable-badge-cta:active,
	#lovable-badge-close:active {
		transform: none;
	}
}

@media (prefers-contrast: high) {
	#lovable-badge {
		--badge-bg: #000;
		--badge-text: #fff;
		--badge-text-hover: #fff;
		border: 2px solid currentColor;
	}

	#lovable-badge-cta:focus-visible,
	#lovable-badge-close:focus-visible {
		outline-width: 3px;
	}
}





[data-sonner-toaster][dir=ltr],html[dir=ltr]
{
	--toast-icon-margin-start:-3px;
	--toast-icon-margin-end:4px;
	--toast-svg-margin-start:-1px;
	--toast-svg-margin-end:0px;
	--toast-button-margin-start:auto;
	--toast-button-margin-end:0;
	--toast-close-button-start:0;
	--toast-close-button-end:unset;
	--toast-close-button-transform:translate(-35%, -35%)
}

[data-sonner-toaster][dir=rtl],html[dir=rtl]
{
	--toast-icon-margin-start:4px;
	--toast-icon-margin-end:-3px;
	--toast-svg-margin-start:0px;
	--toast-svg-margin-end:-1px;
	--toast-button-margin-start:0;
	--toast-button-margin-end:auto;
	--toast-close-button-start:unset;
	--toast-close-button-end:0;
	--toast-close-button-transform:translate(35%, -35%)
}

[data-sonner-toaster]
{
	position:fixed;
	width:var(--width);
	font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	--gray1:hsl(0, 0%, 99%);
	--gray2:hsl(0, 0%, 97.3%);
	--gray3:hsl(0, 0%, 95.1%);
	--gray4:hsl(0, 0%, 93%);
	--gray5:hsl(0, 0%, 90.9%);
	--gray6:hsl(0, 0%, 88.7%);
	--gray7:hsl(0, 0%, 85.8%);
	--gray8:hsl(0, 0%, 78%);
	--gray9:hsl(0, 0%, 56.1%);
	--gray10:hsl(0, 0%, 52.3%);
	--gray11:hsl(0, 0%, 43.5%);
	--gray12:hsl(0, 0%, 9%);
	--border-radius:8px;
	box-sizing:border-box;
	padding:0;
	margin:0;
	list-style:none;
	outline:0;
	z-index:999999999;
	transition:transform .4s ease
}

@media (hover:none) and (pointer:coarse)
{
	[data-sonner-toaster][data-lifted=true]
	{
		transform:none
	}
}

[data-sonner-toaster][data-x-position=right]
{
	right:var(--offset-right)
}

[data-sonner-toaster][data-x-position=left]
{
	left:var(--offset-left)
}

[data-sonner-toaster][data-x-position=center]{
	left:50%;
	transform:translateX(-50%)
}

[data-sonner-toaster][data-y-position=top]
{
	top:var(--offset-top)
}

[data-sonner-toaster][data-y-position=bottom]
{
	bottom:var(--offset-bottom)
}

[data-sonner-toast]
{
	--y:translateY(100%);
	--lift-amount:calc(var(--lift) * var(--gap));
	z-index:var(--z-index);
	position:absolute;
	opacity:0;
	transform:var(--y);
	touch-action:none;
	transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;
	box-sizing:border-box;
	outline:0;
	overflow-wrap:anywhere
}

[data-sonner-toast][data-styled=true]
{
	padding:16px;
	background:var(--normal-bg);
	border:1px solid var(--normal-border);
	color:var(--normal-text);
	border-radius:var(--border-radius);
	box-shadow:0 4px 12px rgba(0,0,0,.1);
	width:var(--width);
	font-size:13px;
	display:flex;
	align-items:center;
	gap:6px
}

[data-sonner-toast]:focus-visible
{
	box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)
}

[data-sonner-toast][data-y-position=top]
{
	top:0;
	--y:translateY(-100%);
	--lift:1;
	--lift-amount:calc(1 * var(--gap))
}

[data-sonner-toast][data-y-position=bottom]
{
	bottom:0;
	--y:translateY(100%);
	--lift:-1;
	--lift-amount:calc(var(--lift) * var(--gap))
}

[data-sonner-toast][data-styled=true] [data-description]
{
	font-weight:400;
	line-height:1.4;
	color:#3f3f3f
}

[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]
{
	color:inherit
}

[data-sonner-toaster][data-sonner-theme=dark] [data-description]
{
	color:#e8e8e8
}

[data-sonner-toast][data-styled=true] [data-title]
{
	font-weight:500;
	line-height:1.5;
	color:inherit
}

[data-sonner-toast][data-styled=true] [data-icon]
{
	display:flex;
	height:16px;
	width:16px;
	position:relative;
	justify-content:flex-start;
	align-items:center;
	flex-shrink:0;
	margin-left:var(--toast-icon-margin-start);
	margin-right:var(--toast-icon-margin-end)
}

[data-sonner-toast][data-promise=true] [data-icon]>svg
{
	opacity:0;
	transform:scale(.8);
	transform-origin:center;
	animation:sonner-fade-in .3s ease forwards
}

[data-sonner-toast][data-styled=true] [data-icon]>*{
	flex-shrink:0
}

[data-sonner-toast][data-styled=true] [data-icon] svg
{
	margin-left:var(--toast-svg-margin-start);
	margin-right:var(--toast-svg-margin-end)
}

[data-sonner-toast][data-styled=true] [data-content]
{
	display:flex;
	flex-direction:column;
	gap:2px
}

[data-sonner-toast][data-styled=true] [data-button]
{
	border-radius:4px;
	padding-left:8px;
	padding-right:8px;
	height:24px;
	font-size:12px;
	color:var(--normal-bg);
	background:var(--normal-text);
	margin-left:var(--toast-button-margin-start);
	margin-right:var(--toast-button-margin-end);
	border:none;
	font-weight:500;
	cursor:pointer;
	outline:0;
	display:flex;
	align-items:center;
	flex-shrink:0;
	transition:opacity .4s,box-shadow .2s
}

[data-sonner-toast][data-styled=true] [data-button]:focus-visible
{
	box-shadow:0 0 0 2px rgba(0,0,0,.4)
}

[data-sonner-toast][data-styled=true] [data-button]:first-of-type
{
	margin-left:var(--toast-button-margin-start);
	margin-right:var(--toast-button-margin-end)
}

[data-sonner-toast][data-styled=true] [data-cancel]
{
	color:var(--normal-text);
	background:rgba(0,0,0,.08)
}

[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]
{
	background:rgba(255,255,255,.3)
}

[data-sonner-toast][data-styled=true] [data-close-button]
{
	position:absolute;
	left:var(--toast-close-button-start);
	right:var(--toast-close-button-end);
	top:0;
	height:20px;
	width:20px;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0;
	color:var(--gray12);
	background:var(--normal-bg);
	border:1px solid var(--gray4);
	transform:var(--toast-close-button-transform);
	border-radius:50%;
	cursor:pointer;
	z-index:1;
	transition:opacity .1s,background .2s,border-color .2s
}

[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible
{
	box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)
}

[data-sonner-toast][data-styled=true] [data-disabled=true]
{
	cursor:not-allowed
}

[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover
{
	background:var(--gray2);
	border-color:var(--gray5)
}

[data-sonner-toast][data-swiping=true]::before
{
	content:'';
	position:absolute;
	left:-100%;
	right:-100%;
	height:100%;
	z-index:-1
}

[data-sonner-toast][data-y-position=top][data-swiping=true]::before
{
	bottom:50%;
	transform:scaleY(3) translateY(50%)
}

[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before
{
	top:50%;
	transform:scaleY(3) translateY(-50%)
}

[data-sonner-toast][data-swiping=false][data-removed=true]::before
{
	content:'';
	position:absolute;
	inset:0;
	transform:scaleY(2)
}

[data-sonner-toast][data-expanded=true]::after
{
	content:'';
	position:absolute;
	left:0;
	height:calc(var(--gap) + 1px);
	bottom:100%;
	width:100%
}

[data-sonner-toast][data-mounted=true]
{
	--y:translateY(0);
	opacity:1
}

[data-sonner-toast][data-expanded=false][data-front=false]
{
	--scale:var(--toasts-before) * 0.05 + 1;
	--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));
	height:var(--front-toast-height)
}

[data-sonner-toast]>*
{
	transition:opacity .4s
}

[data-sonner-toast][data-x-position=right]
{
	right:0
}

[data-sonner-toast][data-x-position=left]
{
	left:0
}

[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*
{
	opacity:0
}

[data-sonner-toast][data-visible=false]{
	opacity:0;
	pointer-events:none
}

[data-sonner-toast][data-mounted=true][data-expanded=true]
{
	--y:translateY(calc(var(--lift) * var(--offset)));
	height:var(--initial-height)
}

[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]
{
	--y:translateY(calc(var(--lift) * -100%));
	opacity:0
}

[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]
{
	--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));
	opacity:0
}

[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]
{
	--y:translateY(40%);
	opacity:0;
	transition:transform .5s,opacity .2s
}

[data-sonner-toast][data-removed=true][data-front=false]::before
{
	height:calc(var(--initial-height) + 20%)
}

[data-sonner-toast][data-swiping=true]
{
	transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));
	transition:none
}

[data-sonner-toast][data-swiped=true]
{
	user-select:none
}

[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]
{
	animation-duration:.2s;
	animation-timing-function:ease-out;
	animation-fill-mode:forwards
}

[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]
{
	animation-name:swipe-out-left
}

[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]
{
	animation-name:swipe-out-right
}

[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]
{
	animation-name:swipe-out-up
}

[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]
{
	animation-name:swipe-out-down
}

@keyframes swipe-out-left
{
	from
	{
		transform:var(--y) translateX(var(--swipe-amount-x));
		opacity:1
	}
	to
	{
		transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));
		opacity:0
	}
}

@keyframes swipe-out-right
{
	from
	{
		transform:var(--y) translateX(var(--swipe-amount-x));
		opacity:1
	}
	to
	{
		transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));
		opacity:0
	}
}

@keyframes swipe-out-up
{
	from
	{
		transform:var(--y) translateY(var(--swipe-amount-y));
		opacity:1
	}
	to
	{
		transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));
		opacity:0
	}
}

@keyframes swipe-out-down
{
	from
	{
		transform:var(--y) translateY(var(--swipe-amount-y));
		opacity:1
	}
	to
	{
		transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));
		opacity:0
	}
}

@media (max-width:600px)
{
	[data-sonner-toaster]
	{
		position:fixed;
		right:var(--mobile-offset-right);
		left:var(--mobile-offset-left);
		width:100%
	}
	[data-sonner-toaster][dir=rtl]
	{
		left:calc(var(--mobile-offset-left) * -1)
	}
	[data-sonner-toaster] [data-sonner-toast]
	{
		left:0;
		right:0;
		width:calc(100% - var(--mobile-offset-left) * 2)
	}
	[data-sonner-toaster][data-x-position=left]
	{
		left:var(--mobile-offset-left)
	}
	[data-sonner-toaster][data-y-position=bottom]
	{
		bottom:var(--mobile-offset-bottom)
	}
	[data-sonner-toaster][data-y-position=top]
	{
		top:var(--mobile-offset-top)
	}
	[data-sonner-toaster][data-x-position=center]
	{
		left:var(--mobile-offset-left);
		right:var(--mobile-offset-right);
		transform:none
	}
}
[data-sonner-toaster][data-sonner-theme=light]
{
	--normal-bg:#fff;
	--normal-border:var(--gray4);
	--normal-text:var(--gray12);
	--success-bg:hsl(143, 85%, 96%);
	--success-border:hsl(145, 92%, 87%);
	--success-text:hsl(140, 100%, 27%);
	--info-bg:hsl(208, 100%, 97%);
	--info-border:hsl(221, 91%, 93%);
	--info-text:hsl(210, 92%, 45%);
	--warning-bg:hsl(49, 100%, 97%);
	--warning-border:hsl(49, 91%, 84%);
	--warning-text:hsl(31, 92%, 45%);
	--error-bg:hsl(359, 100%, 97%);
	--error-border:hsl(359, 100%, 94%);
	--error-text:hsl(360, 100%, 45%)
}
[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]
{
	--normal-bg:#000;
	--normal-border:hsl(0, 0%, 20%);
	--normal-text:var(--gray1)
}

[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]
{
	--normal-bg:#fff;
	--normal-border:var(--gray3);
	--normal-text:var(--gray12)
}
[data-sonner-toaster][data-sonner-theme=dark] {
	--normal-bg: #000;
	--normal-bg-hover: hsl(0, 0%, 12%);
	--normal-border: hsl(0, 0%, 20%);
	--normal-border-hover: hsl(0, 0%, 25%);
	--normal-text: var(--gray1);
	--success-bg: hsl(150, 100%, 6%);
	--success-border: hsl(147, 100%, 12%);
	--success-text: hsl(150, 86%, 65%);
	--info-bg: hsl(215, 100%, 6%);
	--info-border: hsl(223, 43%, 17%);
	--info-text: hsl(216, 87%, 65%);
	--warning-bg: hsl(64, 100%, 6%);
	--warning-border: hsl(60, 100%, 9%);
	--warning-text: hsl(46, 87%, 65%);
	--error-bg: hsl(358, 76%, 10%);
	--error-border: hsl(357, 89%, 16%);
	--error-text: hsl(358, 100%, 81%)
}
[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]
{
	background:var(--normal-bg);
	border-color:var(--normal-border);
	color:var(--normal-text)
}
[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover
{
	background:var(--normal-bg-hover);
	border-color:var(--normal-border-hover)
}

[data-rich-colors=true][data-sonner-toast][data-type=success]
{
	background:var(--success-bg);
	border-color:var(--success-border);
	color:var(--success-text)
}
[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]
{
	background:var(--success-bg);
	border-color:var(--success-border);
	color:var(--success-text)
}
[data-rich-colors=true][data-sonner-toast][data-type=info]
{
	background:var(--info-bg);
	border-color:var(--info-border);
	color:var(--info-text)
}
[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]
{
	background:var(--info-bg);
	border-color:var(--info-border);
	color:var(--info-text)
}
[data-rich-colors=true][data-sonner-toast][data-type=warning]
{
	background:var(--warning-bg);
	border-color:var(--warning-border);
	color:var(--warning-text)
}
[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]
{
	background:var(--warning-bg);
	border-color:var(--warning-border);
	color:var(--warning-text)
}
[data-rich-colors=true][data-sonner-toast][data-type=error]
{
	background:var(--error-bg);
	border-color:var(--error-border);
	color:var(--error-text)
}
[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]
{
	background:var(--error-bg);
	border-color:var(--error-border);
	color:var(--error-text)
}
.sonner-loading-wrapper
{
	--size:16px;
	height:var(--size);
	width:var(--size);
	position:absolute;
	inset:0;
	z-index:10
}
.sonner-loading-wrapper[data-visible=false]
{
	transform-origin:center;
	animation:sonner-fade-out .2s ease forwards
}
.sonner-spinner
{
	position:relative;
	top:50%;
	left:50%;
	height:var(--size);
	width:var(--size)
}
.sonner-loading-bar
{
	animation:sonner-spin 1.2s linear infinite;
	background:var(--gray11);
	border-radius:6px;
	height:8%;
	left:-10%;
	position:absolute;
	top:-3.9%;
	width:24%
}
.sonner-loading-bar:first-child
{
	animation-delay:-1.2s;
	transform:rotate(.0001deg) translate(146%)
}
.sonner-loading-bar:nth-child(2)
{
	animation-delay:-1.1s;
	transform:rotate(30deg) translate(146%)
}
.sonner-loading-bar:nth-child(3)
{
	animation-delay:-1s;
	transform:rotate(60deg) translate(146%)
}
.sonner-loading-bar:nth-child(4)
{
	animation-delay:-.9s;
	transform:rotate(90deg) translate(146%)
}
.sonner-loading-bar:nth-child(5)
{
	animation-delay:-.8s;
	transform:rotate(120deg) translate(146%)
}
.sonner-loading-bar:nth-child(6)
{
	animation-delay:-.7s;
	transform:rotate(150deg) translate(146%)
}
.sonner-loading-bar:nth-child(7)
{
	animation-delay:-.6s;
	transform:rotate(180deg) translate(146%)
}
.sonner-loading-bar:nth-child(8)
{
	animation-delay:-.5s;
	transform:rotate(210deg) translate(146%)
}
.sonner-loading-bar:nth-child(9)
{
	animation-delay:-.4s;
	transform:rotate(240deg) translate(146%)
}
.sonner-loading-bar:nth-child(10)
{
	animation-delay:-.3s;
	transform:rotate(270deg) translate(146%)
}
.sonner-loading-bar:nth-child(11)
{
	animation-delay:-.2s;
	transform:rotate(300deg) translate(146%)
}
.sonner-loading-bar:nth-child(12)
{
	animation-delay:-.1s;
	transform:rotate(330deg) translate(146%)
}

@keyframes sonner-fade-in
{
	0% 
	{
		opacity:0;
		transform:scale(.8)
	}
	100%
	{
		opacity:1;
		transform:scale(1)
	}
}

@keyframes sonner-fade-out
{
	0%
	{
		opacity:1;
		transform:scale(1)
	}
	100%
	{
		opacity:0;
		transform:scale(.8)
	}
}
@keyframes sonner-spin
{
	0%
	{
		opacity:1
	}
	100%
	{
		opacity:.15
	}
}
@media (prefers-reduced-motion)
{
	.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*
	{
		transition:none!important;
		animation:none!important
	}
}
.sonner-loader
{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	transform-origin:center;
	transition:opacity .2s,transform .2s
}
.sonner-loader[data-visible=false]
{
	opacity:0;
	transform:scale(.8) translate(-50%,-50%)
}