@font-face {
	font-family: "TT Ricordi Nobili";
	src: url(../fonts/TTRicordiNobili.ttf) format("truetype")
}

.DF_utQ {
	cursor: auto;
	outline: 0;
	position: absolute
}

.DF_utQ:hover {
	cursor: unset
}

._7KaXww,
.bFnJ2A {
	position: absolute
}

._7KaXww {
	height: 0;
	width: 0
}

.a26Xuw {
	height: 100%;
	width: 100%
}

.fbzKiw {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.PcHy7w {
	height: 100%;
	width: 100%
}

.Izwocg {
	position: relative
}

.uk_25A {
	height: 100%;
	width: 100%
}

.Ty61NA {
	transition: transform .3s ease
}

._7_i_XA {
	display: block;
	height: 100%;
	position: absolute;
	width: 100%
}

._7_i_XA {
	object-fit: fill
}

._mXnjA {
	position: relative
}

._6t4CHA {
	bottom: 0;
	left: 0;
	outline: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0
}

.YkerfQ {
	position: absolute
}

html {
	--safe-area-inset-top: 0px;
	--safe-area-inset-bottom: 0px;
	--safe-area-inset-left: 0px;
	--safe-area-inset-right: 0px
}

.d91g7A {
	display: flex;
	flex-shrink: 0;
	height: 8px;
	justify-content: center;
	overflow: visible;
	position: relative
}

._088g1Q {
	display: flex
}

._0yZ6Qg {
	text-rendering: geometricPrecision
}

.aF9o6Q {
	height: 100%
}

.Zp7NQw {
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%
}

.w0dq3Q {
	box-sizing: border-box
}

@font-face {
	font-display: block;
	font-family: calibrate;
	src: url(images/b46630e470f4040eba7033cf2435edce.woff) format("woff")
}

.AdBbhQ {
	font-feature-settings: "liga" var(--l9Z1Mw, off), "clig" var(--lqQ0Ow, off), "calt" var(--FUF8JQ, off);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	text-size-adjust: none;
	color: #000;
	contain: style;
	direction: ltr;
	font-family: unset;
	font-kerning: none;
	font-size: 16px;
	font-style: normal;
	font-synthesis: none;
	font-weight: 400;
	height: auto;
	letter-spacing: 0;
	line-height: 1.4;
	overflow: visible;
	overflow-wrap: break-word;
	padding: 0;
	position: relative;
	-moz-tab-size: 4;
	tab-size: 4;
	text-align: left;
	text-transform: none;
	white-space: normal;
	word-break: normal
}

_::-webkit-full-page-media,
_:future {
	white-space: pre-wrap
}

_::-webkit-full-page-media,
_:future {
	white-space: pre
}

.rLWGlw {
	text-wrap: nowrap;
	overflow-wrap: normal
}

.cgHgbA {
	margin: 0;
	position: relative
}

.hGbcYA .cgHgbA {
	top: calc(var(--1Zy1_A, 0)*1em)
}

.hGbcYA .cgHgbA {
	margin-top: calc(var(--pY_8zA)*1em)
}

.hGbcYA .PanoWQ {
	margin-top: 0
}

.cgHgbA.Xp24Nw.nxe3IQ {
	text-align: left
}

.cgHgbA.Xp24Nw.pYZEjA {
	text-align: center
}

.hGbcYA .cgHgbA.Xp24Nw {
	margin-left: calc(var(--oJepFA)*1em)
}

.cgHgbA:not(._bsDhw) {
	counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8
}

.hWv4NA {
	position: relative;
	transform-origin: top left
}

.u39wDw {
	height: 100%;
	position: absolute;
	width: 100%
}

.u39wDw {
	left: 0;
	top: 0
}

.IJanIQ {
	height: 100%;
	overflow: visible;
	width: 100%
}

.nmQ_KA {
	position: relative
}

.i6797g {
	height: 100%;
	position: absolute;
	width: 100%
}

.i6797g {
	box-sizing: border-box;
	padding: 24px
}

.light {
	--pu8pYg: #f6f7f8
}

.light {
	--iXacOw: #f0f1f5;
	--BKx0jQ: rgba(165, 112, 255, .2)
}

._97009w {
	height: 100%;
	position: absolute;
	width: 100%
}

@keyframes eT6GTQ {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(1turn)
	}
}

#root,
body,
html {
	height: 100%
}

.light {
	--GoAooA: #f5f0fe;
	--Uhgt1Q: #eef5fc;
	---mghVQ: linear-gradient(180deg, #f5f0fe, #eef5fc);
	--wh70Rg: rgba(74, 46, 126, .15);
	--P0E6lw: 0px;
	--XalmXw: transparent;
	--5NEHmA: var(--wlsoXA)
}

.SEkd2Q {
	height: 100%
}

.SEkd2Q {
	background-color: var(--4RaSjg);
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	position: relative
}

.SEkd2Q:focus {
	outline: 0
}

.YRVZMA.mYGVGg {
	background: var(---mghVQ)
}

.IYiBuQ {
	display: flex;
	flex: 1 0 1px;
	flex-direction: row;
	flex-wrap: nowrap;
	overflow: hidden;
	position: relative
}

.NRPtWA {
	background-color: var(--Tp54Vw);
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	flex-wrap: nowrap;
	overflow: hidden;
	position: relative
}

.GvmGew {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	flex-wrap: nowrap;
	position: relative
}

._3llDEg {
	flex-direction: column;
	flex-grow: 1;
	isolation: isolate;
	overflow: hidden
}

.NlDPOw,
._3llDEg {
	background-color: var(--Tp54Vw);
	display: flex;
	position: relative
}

.NlDPOw {
	flex: 1;
	flex-direction: column;
	min-height: 0;
	width: 100%
}

.vWU3Dw {
	flex: 1;
	min-height: 0;
	position: relative
}

.y8C28Q {
	flex-shrink: 0;
	position: relative
}

._3nqnhw {
	height: 100%;
	position: absolute
}

._3nqnhw,
.pb6miQ {
	display: flex;
	width: 100%
}

.pb6miQ {
	overflow: hidden;
	position: relative
}

.jbNdZA {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-shrink: 0;
	justify-content: center;
	width: 100%
}

.jbNdZA._0AQd1g {
	transition: padding .25s ease-in-out
}

.AiJqmA,
.kMDoBQ,
.mkQHSA {
	position: relative
}

.kMDoBQ {
	--druPZw: 0px;
	z-index: 0
}

.wjS_DQ {
	align-items: center;
	display: flex;
	flex-direction: column
}

.CAi1bQ {
	display: flex;
	flex-direction: column;
	position: relative
}

.caBU6Q {
	box-shadow: 0 4px 32px -14px rgba(64, 87, 109, .3);
	overflow: hidden
}

._14BoqA {
	background-color: #fff;
	direction: ltr;
	position: relative;
	transform-origin: 0 0
}

.mWwrtw {
	bottom: 0
}

.mWwrtw {
	left: 0;
	position: absolute
}

.mWwrtw {
	direction: ltr
}

.light {
	--aLGhxQ: rgba(43, 59, 74, .3);
	--YmTBtQ: rgba(28, 39, 48, .5);
	--fToZQg: hsla(0, 0%, 100%, .3)
}

.iH_BFQ {
	-ms-overflow-style: none;
	overflow: scroll;
	position: relative;
	scrollbar-width: none
}

.NmadZQ {
	contain: content;
	height: 100%;
	position: relative
}

.h0_i9w {
	height: 100%
}

.T6XjCg {
	display: flex;
	min-height: 100%;
	min-width: 100%
}

.T6XjCg {
	position: absolute
}

.h0_i9w:focus {
	outline: 0
}

.WVSfHg {
	display: flex;
	flex: 1;
	grid-area: canvas;
	position: relative;
	transform: scale(1)
}

.light {
	--gJAqkA: hsla(0, 0%, 100%, .5)
}

.vs4T1g {
	position: absolute;
	right: calc(100% + 8px);
	width: 28px
}

.vs4T1g {
	flex-direction: column
}

.light {
	--FzoXNQ: #f0f1f5
}

.light {
	--2lyf3Q: #f0f1f5
}

.light {
	--lLIt9w: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom right, #00c4cc, #8b3dff) border-box
}

.Q4_i6g {
	border-width: 2px
}

:first-child>.mIJZiw {
	display: none
}

.x62r4A {
	background: var(--OuCkCQ);
	height: 24px;
	width: 1px
}

.light {
	--6wnRSA: rgba(74, 46, 126, .15)
}

.e9U33w {
	background-image: linear-gradient(90deg, #00c4cc, #7d2ae8)
}

.light {
	--lWjjYA: var(--Tp54Vw);
	--MDbtTg: var(--4RaSjg)
}

body,
html {
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%
}

.light {
	--VsFRFg: rgba(64, 87, 109, .04)
}

@keyframes e_W9xw {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.p236IQ {
	border-radius: 9999px;
	box-sizing: border-box;
	height: 20px;
	justify-content: center;
	line-height: 20px;
	min-width: 20px
}

.p236IQ.p236IQ {
	padding: 0 3px
}

@keyframes PWhc8A {
	0% {
		transform: scale(.85)
	}

	20% {
		transform: scale(.85)
	}

	35% {
		transform: scale(1)
	}

	80% {
		transform: scale(1)
	}

	to {
		transform: scale(.85)
	}
}

@keyframes _40LOaA {
	0% {
		opacity: 0;
		transform: scale(0)
	}

	15% {
		opacity: 1;
		transform: scale(0)
	}

	60% {
		opacity: 0;
		transform: scale(2)
	}

	to {
		opacity: 0;
		transform: scale(0)
	}
}

.t1U7DQ {
	display: inline-flex;
	line-height: 16px
}

.light {
	--TQZnpw: var(--KtXlRg);
	--_fYF2A: var(--QADODw);
	--NP-zQw: var(--Shm3YQ);
	--Rv5mPw: var(--z7Xq7A)
}

.light {
	--bX5JUg: none
}

.light {
	--EnqqwA: none
}

.light {
	--jQvPrA: rgba(43, 59, 74, .3);
	--tkosDw: rgba(28, 39, 48, .5)
}

.C8d21g {
	background-color: rgba(13, 18, 22, 0);
	touch-action: none
}

._2X3P_A {
	background: var(--Zya5eQ);
	border-radius: 9999px;
	bottom: -8px;
	height: 4px;
	position: absolute;
	width: 32px;
	z-index: 1
}

._2X3P_A {
	box-shadow: var(--wlsoXA)
}

.light {
	--1hfp2Q: rgba(28, 39, 48, .5)
}

@keyframes _mQmHw {
	0% {
		transform: scale(1)
	}

	to {
		transform: scale(0)
	}
}

@keyframes _3KWzZA {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(1turn)
	}
}

@keyframes ayduOg {
	0% {
		stroke-dashoffset: 4px
	}

	to {
		stroke-dashoffset: 40px
	}
}

html {
	font-size: 62.5%
}

#root,
body,
html {
	margin: 0;
	padding: 0;
	width: 100%
}

#root {
	position: relative;
	z-index: 0
}

:root:lang(ko) {
	word-break: keep-all
}

.yIDCqA {
	height: 100%;
	position: relative;
	width: 100%
}

.yIDCqA,
[tabindex] {
	-webkit-tap-highlight-color: transparent
}

._6mOE8w {
	height: 100%;
	position: absolute;
	width: 100%
}

._7R038g {
	width: 111.2px
}

@keyframes O_PE6g {
	0% {
		background-position: -100%
	}

	to {
		background-position: 100%
	}
}

@keyframes pGKFsg {
	0% {
		transform: translateY(0)
	}

	to {
		transform: translateY(-32px)
	}
}

@keyframes _8FMXCA {
	0% {
		transform: translateY(0)
	}

	to {
		transform: translateY(-32px)
	}
}

.light {
	--CqW5JQ: rgba(28, 39, 48, .5)
}

body {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh
}

.main-card {
	width: 927px;
	height: 1294px;
	transform-origin: top left;
	position: absolute;
	top: 50%;
	left: 50%
}

.rsvp {
	background-color: #f8f8f3;
	border-radius: 10px;
	padding: 10px 16px;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	font-size: 48px
}

.rsvp:hover {
	color: #fff
}

.rsvp-yes {
	color: #94bccc
}

.rsvp-yes:hover {
	background: #94bccc
}

.rsvp-no {
	color: #8f6841;
	margin-left: 120px
}

.rsvp-no:hover {
	background: #8f6841
}

@keyframes spin {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

.spinner {
	width: 24px;
	height: 24px;
	border: 2px solid #ccc;
	border-top-color: #333;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	margin-right: 5px
}