.calendar-sharing__dialog-wrapper {
	display: flex;
	padding: var(--ui-space-inset-md) var(--ui-space-inset-xl);
}

.calendar-sharing__dialog-content-wrapper {
	display: inline-flex;
	flex-direction: column;
	transition: .5s;
	transform: translateX(-20%);
	white-space: normal;
	pointer-events: none;
	min-width: 100%;
	opacity: 0;
}

.calendar-sharing__dialog-content-wrapper.--show {
	opacity: 1;
	pointer-events: auto;
	transform: translateX(0);
}

.calendar-sharing__dialog-top {
	position: relative;
	margin-bottom: 17px;
}

.calendar-sharing__dialog-top:last-child {
	margin-bottom: unset;
}

.calendar-sharing__dialog-title {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
	font: var(--ui-typography-heading-h4-font-size)/var(--ui-typography-heading-h4-line-height) var(--ui-font-family-primary, var(--ui-font-family-system));
	color: var(--ui-color-base-solid);
	font-weight: var(--ui-font-weight-medium);
}

.calendar-sharing__dialog-title-help {
	display: inline-flex;
	width: 30px;
	height: 30px;
	margin: -4px 0;
	background: url(../image/calendar-sharing-dialog-help.svg) center no-repeat;
	opacity: .5;
	transition: .1s;
	transform: translateY(1px);
	cursor: pointer;
}

.calendar-sharing__dialog-title-help.--hover,
.calendar-sharing__dialog-title-help:hover {
	opacity: .6;
	transition: unset;
}

.calendar-sharing__dialog-title-help.--active,
.calendar-sharing__dialog-title-help:active {
	opacity: .7;
	transition: unset;
}

.calendar-sharing__dialog-info {
	font: var(--ui-typography-text-md-font-size)/var(--ui-typography-text-md-line-height) var(--ui-font-family-primary, var(--ui-font-family-system));
	color: var(--ui-color-base-90);
}

.calendar-sharing__dialog-info span {
	font-weight: 500;
	border-bottom: 1px dashed var(--ui-color-base-90);
	cursor: pointer;
}

.calendar-sharing__dialog-info a {
	cursor: pointer;
}

.calendar-sharing__dialog-info_more {
	font-weight: 400 !important;
	color: var(--ui-color-base-50) !important;
	border-bottom: 1px dashed var(--ui-color-base-50) !important;
	cursor: pointer;
}

.calendar-sharing__dialog-body {
	margin-bottom: 20px;
}

.calendar-sharing__dialog-message {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.calendar-sharing__dialog-body:last-child {
	margin-bottom: unset;
}

.calendar-sharing__dialog-info-icon-container {
	display: inline-grid;
	place-content: center;
	min-width: 16px;
	height: 16px;
	margin-right: 10px;
	border-radius: 50px;
	background: var(--ui-color-palette-blue-50);
}

.calendar-sharing__dialog-info-icon {
	width: 11px;
	height: 11px;
	background: url(../image/calendar-sharing-dialog-info.svg) center no-repeat;
}

.calendar-sharing__dialog-userpic {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 3px 17px 0 0;
	background: url(../image/calendar-sharing-userpic-natasha.png) center no-repeat;
	background-size: contain;
}

.calendar-sharing__dialog-notify {
	position: relative;
	z-index: 1;
}

.calendar-sharing__dialog-notify {
	font: var(--ui-typography-text-md-font-size)/18px var(--ui-font-family-primary, var(--ui-font-family-system));
	color: var(--ui-color-base-default);
	cursor: pointer;
}

.calendar-sharing__dialog-notify a {
	padding-bottom: 1px;
	color: var(--ui-color-link-primary-base);
	transition: .1s;
	border-bottom: 1px dashed #a6c2df;
	pointer-events: none;
}

.calendar-sharing__dialog-notify a:hover {
	border-color: rgba(var(--ui-color-link-primary-base-rgb), .7);
}

.calendar-sharing__dialog-link {
	display: inline-block;
	font: 13px\16px var(--ui-font-family-helvetica);
	color: var(--ui-color-base-70);
	border-top: 1px solid transparent;
	border-bottom: 1px dashed rgba(var(--ui-color-base-70-rgb), .4);
	transition: .1s;
	cursor: pointer;
}

.calendar-sharing__dialog-link.--hover,
.calendar-sharing__dialog-link:hover {
	color: var(--ui-color-base-80);
	border-bottom-color: rgba(var(--ui-color-base-70-rgb), .7);
	transition: unset;
}

.calendar-sharing__dialog-bottom {
	display: flex;
	align-items: center;
	justify-content: center;
}

.calendar-sharing__dialog-bottom .calendar-sharing__dialog-link,
.calendar-sharing__dialog-bottom .calendar-sharing__dialog-people {
	margin-left: 20px;
}

.calendar-sharing__dialog-people {
	display: inline-flex;
	--ui-btn-icon: url(../image/calendar-sharing-dialog-people-icon.svg);
	padding-left: calc(var(--ui-btn-height) + 5px );
}

.calendar-sharing__dialog-copy {
	--ui-btn-icon: url(../image/calendar-sharing-dialog-copy-icon.svg);
	padding-left: calc(var(--ui-btn-height) + 5px );
}

.calendar-sharing__qr-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: var(--ui-space-inset-lg) var(--ui-space-inset-xl);
}

.calendar-sharing__qr-title {
	margin-bottom: 10px;
	font: var(--ui-typography-text-md-font-size)/var(--ui-typography-text-md-line-height) var(--ui-font-family-primary, var(--ui-font-family-system));
	font-weight: var(--ui-font-weight-medium);
	color: var(--ui-color-base-90);
}

.calendar-sharing__qr-block {
	margin-bottom: 5px;
}

.calendar-sharing__qr-info {
	margin-bottom: 7px;
	font: var(--ui-typography-text-sm-font-size)/var(--ui-typography-text-sm-line-height) var(--ui-font-family-primary, var(--ui-font-family-system));
	color: var(--ui-color-base-50);
}

.calendar-sharing__qr-block {
	display: inline-block;
	position: relative;
	width: 95px;
	height: 95px;
	margin-bottom: 7px;
}

.calendar-sharing__qr-block > * {
	position: absolute;
	width: 100%;
	height: 100%;
}