.dialog {
	width: 320px;
	height: 568px;
	background-color: #ffffff;
    border-radius: 12px;
	box-shadow: 0 0 10px #a0a0a0;
}

.dialog.grey {
	background-color: #F0F0F0;
}

.dialog.fullScreen {
	border-radius: 0;
}
.dialog > .tab {
	background-color: #f0f0f0;
	position: absolute;
	left: 320px;
	top: 41px;
	padding: 12px 8px;
	cursor: pointer;
}

.dialog.fullScreen > .tab {
	display: none;
}

.dialog > .tab .tabButton {
	width: 24px;
	height: 24px;
	border-radius: 12px;
	background-color: #c0c0c0;
}

.dialog > .tab .closeButton {
	padding: 6px;
}

.dialog > .tab:hover .closeButton {
	background-color: #FC8181;
}

.dialog > .tab .close {
	width: 11px;
	height: 11px;
	background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/close_s_v1.png);
	background-size: 11px 11px;
}

.dialog > .tab .pinButton {
	padding: 6px;
	margin: 5px 0 0 0;
}

.dialog > .tab:hover .pinButton {
	background-color: #3EB4E2;
}

.dialog > .tab .pin {
	width: 10px;
	height: 15px;
	background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/pin_s_v1.png);
	background-size: 10px 15px;
}

.dialog .topBar {
	background-color: #0eb3fc;
    border-radius: 12px 12px 0 0;
	height: 41px;
	padding: 5px;
	position: relative;
	display: flex;
}

.dialog.fullScreen .topBar {
	border-radius: 0;
}

.dialog .backButtonContainer {
    width: 37px;
    height: 24px;
    left: 0;
    position: absolute;
}

.dialog .backButton {
	width: 13px;
    height: 22px;
    background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/navigation/back-arrow@3x.png);
    background-size: 13px 22px;
    display: none;
    position: absolute;
    left: 15px;
}

.dialog.fullScreen .backButton {
	display: block;
}

.dialog.back .backButton {
	display: block;
}

.dialog .topBarContainer {
	text-align: left;
    margin-left: 42px;
    width: fit-content;
    max-width: 60%;
    margin-right: 5px;
}

.dialog.pan .topBarContainer, .dialog.centerTopBar .topBarContainer {
	position: absolute;
	left: 31px;
	right: 31px;
	line-height: 18px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dialog .panningContainer {
	position: absolute;
	top: 41px;
	left: 0;
	right: 0;
	bottom: 0px;
}

.dialog .topBar .dotsContainer {
	position: absolute;
	left: 50%;
	bottom: 4px;
}


.dialog .iconsContainer {
}