/*! name: vanilla-calendar-pro | url: https://github.com/uvarov-frontend/vanilla-calendar-pro */
.vanilla-calendar {
	--border-radius: 9999px;

	position: relative;
	box-sizing: border-box;
	display: flex;
	height: -webkit-max-content;
	height: max-content;
	width: -webkit-max-content;
	width: max-content;
	min-width: 272px;
	max-width: 100%;
	flex-direction: column;
	border-radius: 0.75rem;
	padding: 1rem;
	opacity: 1;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 0.15s;
}

.vanilla-calendar_multiple {
	width: 550px;
}

.vanilla-calendar button:focus,
.vanilla-calendar button:focus-visible {
	outline: none;
}

.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-days {
	flex-grow: 0;
}

.vanilla-calendar_hidden {
	pointer-events: none;
	opacity: 0;
}

.vanilla-calendar_to-input {
	position: absolute;
	left: 0;
	bottom: 0;
	margin-top: 0.25rem;
}

.vanilla-calendar-controls {
	pointer-events: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 20;
	box-sizing: content-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 24px;
	padding-right: 24px;
}

.vanilla-calendar-arrow {
	pointer-events: auto;
	position: relative;
	display: block;
	width: 32px;
	height: 32px;
	border: 1px solid transparent;
	border-radius: 6px;
	background-color: transparent;
	cursor: pointer;
}

.vanilla-calendar-arrow:before {
	--size: 16px;

	position: absolute;
	top: 50%;
	left: 50%;
	width: var(--size);
	height: var(--size);
	background-color: currentColor;
	--tw-content: "";
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 16c-.3 0-.5-.1-.7-.3l-6-6c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l5.3 5.3 5.3-5.3c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-6 6c-.2.2-.4.3-.7.3z'/></svg>");
	mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 16c-.3 0-.5-.1-.7-.3l-6-6c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l5.3 5.3 5.3-5.3c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-6 6c-.2.2-.4.3-.7.3z'/></svg>");
	-webkit-mask-position: center center;
	mask-position: center center;
	content: var(--tw-content);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

.vanilla-calendar-arrow.vanilla-calendar-arrow_prev:before {
	transform: rotate(90deg) translate(-50%, 50%);
}

.vanilla-calendar-arrow.vanilla-calendar-arrow_next:before {
	transform: rotate(-90deg) translate(50%, -50%);
}

.vanilla-calendar-grid {
	display: grid;
	flex-grow: 1;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 1.75rem;
}

.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column {
	pointer-events: none;
	opacity: 0.3;
}

.vanilla-calendar-grid.vanilla-calendar-grid_disabled
.vanilla-calendar-column.vanilla-calendar-column_month,
.vanilla-calendar-grid.vanilla-calendar-grid_disabled
.vanilla-calendar-column.vanilla-calendar-column_year {
	pointer-events: auto;
	opacity: 1;
}

.vanilla-calendar-column {
	display: flex;
	min-width: -webkit-min-content;
	min-width: min-content;
	flex-direction: column;
}

.vanilla-calendar-header {
	position: relative;
	margin-bottom: 16px;
	display: flex;
	align-items: center;
}

.vanilla-calendar-header__content {
	display: grid;
	flex-grow: 1;
	grid-auto-columns: -webkit-max-content;
	grid-auto-columns: max-content;
	grid-auto-flow: column;
	align-items: center;
	justify-content: center;
	white-space: pre-wrap;
	padding-left: 1rem;
	padding-right: 1rem;
}

.vanilla-calendar-month,
.vanilla-calendar-year {
	cursor: pointer;
	border-radius: 0.25rem;
	border-width: 0px;
	background-color: transparent;
	padding: 0.25rem;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}

.vanilla-calendar[data-calendar-lang="ko"] .vanilla-calendar-year,
.vanilla-calendar[data-calendar-lang="ko"] .vanilla-calendar-month {
	padding-inline: 0;
}

.vanilla-calendar[data-calendar-lang="ko"] .vanilla-calendar-month::before {
	content: ".";
}

.vanilla-calendar-month.vanilla-calendar-month_disabled,
.vanilla-calendar-year.vanilla-calendar-year_disabled {
	pointer-events: none;
}

.vanilla-calendar-months {
	display: grid;
	flex-grow: 1;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: center;
	row-gap: 10px;
	column-gap: 5px;
}

.vanilla-calendar-years {
	display: grid;
	flex-grow: 1;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	align-items: center;
	row-gap: 10px;
	column-gap: 5px;
}

.vanilla-calendar-months_selecting .vanilla-calendar-months__month,
.vanilla-calendar-years_selecting .vanilla-calendar-years__year {
	cursor: pointer;
}

.vanilla-calendar-months_selecting
.vanilla-calendar-months__month
.vanilla-calendar-months__month_disabled,
.vanilla-calendar-years_selecting
.vanilla-calendar-years__year
.vanilla-calendar-years__year_disabled {
	cursor: default;
}

.vanilla-calendar-months__month,
.vanilla-calendar-years__year {
	display: flex;
	align-items: center;
	justify-content: center;
	word-break: break-all;
	border-radius: var(--border-radius);
	border-width: 0;
	padding: 8px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
}

.vanilla-calendar-months__month.vanilla-calendar-months__month_disabled,
.vanilla-calendar-years__year.vanilla-calendar-years__year_disabled {
	pointer-events: none;
}

.vanilla-calendar-week-numbers {
	display: flex;
	flex-direction: column;
}

.vanilla-calendar-week-numbers__title {
	margin-bottom: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.75rem;
	line-height: 1rem;
	font-weight: 700;
}

.vanilla-calendar-week-numbers__content {
	display: grid;
	grid-auto-flow: row;
	align-items: center;
	justify-items: center;
	row-gap: 0.25rem;
}

.vanilla-calendar-week-number {
	margin: 0;
	display: flex;
	height: 100%;
	min-height: 1.875rem;
	width: 100%;
	min-width: 1.875rem;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	border-style: none;
	background-color: transparent;
	padding: 0;
	font-size: 0.75rem;
	line-height: 1rem;
	font-weight: 600;
	border-radius: 6px;
}

.vanilla-calendar-wrapper {
	display: flex;
	flex-grow: 1;
}

.vanilla-calendar-content {
	display: flex;
	flex-grow: 1;
	flex-direction: column;
}

.vanilla-calendar-week {
	margin-bottom: 4px;
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	justify-items: center;
}

.vanilla-calendar-week__day {
	display: flex;
	height: 100%;
	width: 100%;
	min-width: 1.875rem;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	padding-block: 10px;
}

.vanilla-calendar-days {
	display: grid;
	flex-grow: 1;
	grid-template-columns: repeat(7, 1fr);
	align-items: center;
	justify-items: center;
	gap: 4px;
}

.vanilla-calendar-days_selecting .vanilla-calendar-day__btn {
	cursor: pointer;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 75ms;
}

.vanilla-calendar-days_selecting .vanilla-calendar-day__btn_disabled {
	cursor: default;
}

.vanilla-calendar-day {
	position: relative;
	display: flex;
	height: 100%;
	width: 100%;
	align-items: center;
	justify-content: center;
}

.vanilla-calendar-day::after {
	content: '';
	padding-top: 100%;
}

.vanilla-calendar-day_hover-intermediate .vanilla-calendar-day__btn {
	border-radius: 0;
}

.vanilla-calendar-day_hover-first .vanilla-calendar-day__btn {
	border-radius: var(--border-radius);
}

.vanilla-calendar-day_hover-last .vanilla-calendar-day__btn {
	border-radius: var(--border-radius);
}

.vanilla-calendar-day_hover-first.vanilla-calendar-day_hover-last .vanilla-calendar-day__btn {
	border-radius: var(--border-radius);
}

.vanilla-calendar-day:focus-visible .vanilla-calendar-day__popup,
.vanilla-calendar-day:hover .vanilla-calendar-day__popup {
	pointer-events: auto;
	opacity: 1;
}

.vanilla-calendar-day_selected-first .vanilla-calendar-day__btn_selected {
	border-radius: var(--border-radius);
}

.vanilla-calendar-day_selected-last .vanilla-calendar-day__btn_selected {
	border-radius: var(--border-radius);
}

.vanilla-calendar-day_selected-first.vanilla-calendar-day_selected-last
.vanilla-calendar-day__btn_selected {
	border-radius: var(--border-radius);
}

.vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected {
	border-radius: 0;
}

.vanilla-calendar-day__btn {
	position: relative;
	display: flex;
	height: 100%;
	width: 100%;
	cursor: default;
	align-items: center;
	justify-content: center;
	border-radius: var(--border-radius);
	border-width: 0px;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
}

.vanilla-calendar-day__btn_today {
	position: relative;
	font-weight: 400;
}

.vanilla-calendar-day__btn_today::before {
	content: "";
	position: absolute;
	bottom: 6px;
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background-color: transparent;
}

.vanilla-calendar-day__btn_disabled {
	pointer-events: none;
}

.vanilla-calendar-day__popup {
	transform: translate(-50%);
	pointer-events: none;
	position: absolute;
	left: 50%;
	top: 100%;
	z-index: 20;
	width: 8rem;
	padding: 1rem 0.75rem 0.5rem;
	font-size: 0.75rem;
	line-height: 1rem;
	font-weight: 400;
	opacity: 0;
}

.vanilla-calendar-day__popup:before {
	content: var(--tw-content);
	position: absolute;
}

.vanilla-calendar-day__popup:after {
	content: var(--tw-content);
	position: absolute;
}

.vanilla-calendar-day__popup:hover {
	pointer-events: auto;
	opacity: 1;
}

.vanilla-calendar-day__popup:before {
	content: "";
	left: 0;
	bottom: 0;
	z-index: -10;
	display: block;
	height: calc(100% - 8px);
	width: 100%;
	border-radius: 0.5rem;
}

.vanilla-calendar-day__popup:after {
	content: "";
	transform: translate(-50%);
	left: 50%;
	top: 1px;
	z-index: -10;
	display: block;
	height: 0px;
	width: 0px;
	border-left-width: 8px;
	border-right-width: 8px;
	border-top-width: 0px;
	border-bottom-width: 8px;
	border-style: solid;
	border-left-color: transparent;
	border-right-color: transparent;
	border-top-color: transparent;
}

.vanilla-calendar-time {
	margin-top: 0.75rem;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.75rem;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: solid;
	padding-top: 0.75rem;
}

.vanilla-calendar-time__content {
	display: grid;
	grid-auto-flow: column;
	align-items: center;
}

.vanilla-calendar-time__hours {
	position: relative;
	margin-right: 0.35rem;
	width: 1.75rem;
}

.vanilla-calendar-time__hours:after {
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: calc(-50% + 1px);
	display: block;
	--tw-content: ":";
	content: var(--tw-content);
}

.vanilla-calendar-time__minutes {
	width: 1.75rem;
}

.vanilla-calendar-time__hours input,
.vanilla-calendar-time__minutes input {
	position: relative;
	margin: 0;
	box-sizing: border-box;
	display: block;
	width: 100%;
	border-radius: 0.25rem;
	border-width: 0px;
	padding: 0.125rem;
	text-align: center;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.125rem;
}

.vanilla-calendar-time__hours input:focus-visible,
.vanilla-calendar-time__minutes input:focus-visible {
	outline-style: solid;
	outline-width: 1px;
}

.vanilla-calendar-time__hours input:disabled,
.vanilla-calendar-time__minutes input:disabled {
	cursor: default;
}

.vanilla-calendar-time__hours input:hover:disabled,
.vanilla-calendar-time__minutes input:hover:disabled {
	background-color: transparent;
}

.vanilla-calendar-time__keeping {
	margin-left: 1px;
	margin-top: 0.25rem;
	width: 22px;
	cursor: pointer;
	border-radius: 0.25rem;
	border-width: 0px;
	background-color: transparent;
	padding: 0;
	font-size: 11px;
}

.vanilla-calendar-time__keeping:focus-visible {
	outline-style: solid;
	outline-width: 1px;
}

.vanilla-calendar-time__keeping:disabled {
	cursor: default;
}

.vanilla-calendar-time__keeping:hover:disabled {
	background-color: transparent;
}

.vanilla-calendar-time__ranges {
	display: grid;
	grid-auto-flow: row;
}

.vanilla-calendar-time__range {
	position: relative;
	z-index: 10;
	font-size: 0;
}

.vanilla-calendar-time__range:before {
	content: var(--tw-content);
	left: 0;
}

.vanilla-calendar-time__range:after {
	content: var(--tw-content);
	right: 0;
}

.vanilla-calendar-time__range:before,
.vanilla-calendar-time__range:after {
	content: "";
	transform: translateY(-50%);
	pointer-events: none;
	position: absolute;
	top: 50%;
	z-index: 10;
	height: 0.5rem;
	width: 1px;
}

.vanilla-calendar-time__range input {
	position: relative;
	margin: 0;
	height: 1.25rem;
	width: 100%;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	outline-width: 0px;
}

.vanilla-calendar-time__range input::-webkit-slider-thumb {
	position: relative;
	z-index: 20;
	margin-top: -0.5rem;
	box-sizing: border-box;
	height: 1rem;
	width: 0.75rem;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0.25rem;
	border-width: 1px;
	border-style: solid;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
	var(--tw-shadow);
}

.vanilla-calendar-time__range input::-moz-range-thumb {
	position: relative;
	z-index: 20;
	box-sizing: border-box;
	height: 1rem;
	width: 0.75rem;
	cursor: pointer;
	border-radius: 0.25rem;
	border-width: 1px;
	border-style: solid;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
	var(--tw-shadow);
}

.vanilla-calendar-time__range input::-webkit-slider-runnable-track {
	margin-top: 1px;
	box-sizing: border-box;
	height: 1px;
	width: 100%;
	cursor: pointer;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
	var(--tw-shadow);
}

.vanilla-calendar-time__range input::-moz-range-track {
	margin-top: 1px;
	box-sizing: border-box;
	height: 1px;
	width: 100%;
	cursor: pointer;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
	var(--tw-shadow);
}

/* 추가 */
.vanilla-calendar-day_selected-first:not(:empty) {
	border-top-left-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.vanilla-calendar-day_selected-last:not(:empty) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
}

.vanilla-calendar-day_selected-first:not(:empty).vanilla-calendar-day_selected-last:not(:empty) {
	border-radius: 0;
}

.vanilla-calendar-day_hover-first:not(:empty) {
	border-top-left-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.vanilla-calendar-day_hover-last:not(:empty) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
}

.vanilla-calendar-day_hover-first:not(:empty).vanilla-calendar-day_hover-last:not(:empty) {
	border-radius: 0;
}

.vanilla-calendar-day:nth-child(7n + 1),
.vanilla-calendar-day:nth-child(7n + 1) > .vanilla-calendar-day__btn {
	border-top-left-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
}

.vanilla-calendar-day:nth-child(7n),
.vanilla-calendar-day:nth-child(7n) > .vanilla-calendar-day__btn {
	border-top-right-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
}

.vanilla-calendar-day:empty + .vanilla-calendar-day:not(:empty),
.vanilla-calendar-day:empty + .vanilla-calendar-day:not(:empty) > .vanilla-calendar-day__btn {
	border-top-left-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
}

.vanilla-calendar-day:not(:empty):has(+ .vanilla-calendar-day:empty),
.vanilla-calendar-day:not(:empty):has(+ .vanilla-calendar-day:empty) > .vanilla-calendar-day__btn {
	border-top-right-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
}

.vanilla-calendar-day_selected-first::before,
.vanilla-calendar-day_selected-intermediate::before,
.vanilla-calendar-day_hover-intermediate::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%;
}

.vanilla-calendar-day:empty::before,
.vanilla-calendar-day:nth-child(7n)::before,
.vanilla-calendar-day:not(:empty):has(+ .vanilla-calendar-day:empty)::before,
.vanilla-calendar-day_selected-last::before,
.vanilla-calendar-day_hover-intermediate.vanilla-calendar-day_hover-last::before {
	z-index: -1;
}