/*! VERSION | 11.0.90 */
.view-cam-model-info {
	padding-top: 20px
}

.view-cam-model-info .navigation-container {
	height: 42px;
	overflow: hidden;
	padding: 0
}

.view-cam-model-info .navigation {
	background-color: transparent;
	height: 41px;
	margin-bottom: 20px;
	margin-top: 20px
}

.view-cam-model-info .navigation .visible-items {
	border-bottom: 1px solid rgba(248, 248, 248, .2);
	flex: 1
}

.view-cam-model-info .right-navigation-section {
	height: 42px;
	margin: 0 0 0 auto;
	padding-left: 18px
}

.view-cam-model-info .close-icon-wrapper {
	align-items: center;
	background-color: #2e2e2e;
	border-radius: 4px;
	display: flex;
	height: 40px;
	justify-content: center;
	width: 40px
}

.view-cam-model-info .close-icon-wrapper .icon {
	color: rgba(255, 255, 255, .6);
	fill: currentColor;
	margin: 0
}

.view-cam-model-info .close-icon-wrapper:hover .icon {
	color: #fff
}

.view-cam-model-info .visible-items .navbar-item {
	margin-bottom: -7px
}

.view-cam-model-info.isTheatreMode {
	display: none
}

.view-cam-model-info-navigation .nav-scrollable {
	height: auto
}

.viewcam-profile-menu-item {
	position: relative;
	text-decoration: none
}

.viewcam-profile-menu-item:active,
.viewcam-profile-menu-item:hover,
.viewcam-profile-menu-item:link,
.viewcam-profile-menu-item:visited {
	text-decoration: none
}

.viewcam-profile-menu-item__avatar {
	border-color: #bfbfbf;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	transition: border-color .15s linear;
	z-index: 1
}

.viewcam-profile-menu-item__avatar:after {
	border: 2px solid #303133;
	border-radius: 100%;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.viewcam-profile-menu-item__label {
	font-size: .875rem;
	background-color: rgba(216, 216, 216, .23);
	border: 0;
	border-radius: 100px;
	color: #fff;
	cursor: pointer;
	font-weight: 500;
	padding: 6px 8px 6px 41px;
	transition: background-color .15s linear, border-color .15s linear
}

.viewcam-profile-menu-item__online-status {
	box-shadow: 0 0 0 2px #303133;
	z-index: 1
}

.viewcam-profile-menu-item:hover .viewcam-profile-menu-item__avatar {
	border-color: #fff
}

.viewcam-profile-menu-item:hover .viewcam-profile-menu-item__label {
	background-color: rgba(216, 216, 216, .4);
	color: #fff
}

.viewcam-profile-menu-item__icon {
	fill: #fff;
	margin: 4px 3px 2px 5px;
	transform: rotate(90deg)
}

.help-tooltip {
	border: 1px solid #8d8d8d;
	border-radius: 50%;
	color: #8d8d8d;
	cursor: default;
	display: inline-block;
	flex-shrink: 0;
	height: 16px;
	line-height: 15px;
	text-align: center;
	width: 16px;
	font-size: .625rem
}

.help-tooltip:hover {
	background-color: #fff;
	border-color: #fff;
	color: #2b2b2b
}

.play-button {
	background: rgba(0, 0, 0, .5);
	border-radius: 33px;
	color: #fff;
	cursor: pointer;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 65px;
	margin: 0;
	padding: 0 70px 0 50px;
	pointer-events: auto;
	text-transform: uppercase;
	z-index: 110;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 1.25rem;
	transition: 120ms ease-in-out
}

.play-button:hover {
	background: rgba(0, 0, 0, .4)
}

.play-button::before {
	background: #88fb3b;
	border-radius: 50%;
	box-shadow: 0 0 14px #52f414;
	content: "";
	display: inline-block;
	height: 15px;
	left: 23px;
	position: absolute;
	top: 25px;
	width: 15px
}

.play-button .icon-play-3 {
	fill: #fff;
	height: 29px;
	margin: 0;
	position: absolute;
	right: 23px;
	top: 18px;
	width: 25px
}

.player-error-boundary {
	align-items: center;
	display: flex;
	justify-content: center;
	position: relative
}

.player-error-boundary__bg {
	background: #3b3b3b;
	border-radius: 12px;
	display: grid;
	grid-row-gap: 12px;
	grid-template-columns: 1fr;
	padding: 24px 32px;
	text-align: center
}

.player-error-boundary__description {
	font-size: 1.125rem;
	line-height: 1.563rem
}

.player-error-boundary__action .btn {
	margin: 0
}

#lvs-control-panel #main-panel-horizontal,
#lvs-control-panel #minify-panel,
#lvs-control-panel #minify-panel-horizontal {
	z-index: inherit
}

.my-video {
	min-height: 500px;
	min-width: 500px;
	position: absolute;
	z-index: 100
}

.my-video video {
	min-height: 500px
}

.player-wrapper--loading canvas {
	opacity: 0
}

.player-wrapper.fullscreen {
	height: 100%;
	left: 0;
	position: fixed !important;
	top: 0;
	width: 100%;
	z-index: 400
}

.player-wrapper.fullscreen .content>.snapshot-player {
	flex-direction: row;
	height: 100%;
	justify-content: center;
	display: flex;
	flex-direction: row
}

.player-wrapper.fullscreen .content>.snapshot-player .canvas-wrapper {
	flex: 1 1 auto;
	height: auto !important;
	justify-content: center;
	margin: auto
}

.player-wrapper.fullscreen .content>.snapshot-player .canvas-container {
	align-content: center;
	justify-content: center;
	position: relative;
	display: flex;
	flex-direction: row
}

.player-wrapper.fullscreen .content>.snapshot-player canvas {
	border-radius: 0;
	max-height: 100vh;
	max-width: 133.3333333333vh;
	position: relative
}

.player-wrapper.fullscreen .controls .btn-fullscreen {
	display: block
}

.video-element-wrapper-blur.with-blur:before {
	content: "";
	background-image: inherit;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	content: ""
}

.video-element-wrapper {
	height: 100%
}

.video-element-wrapper--loading canvas {
	opacity: 0
}

.video-element-wrapper--canvas {
	align-items: center
}

.video-element-wrapper--played .video-element-wrapper-image-poster {
	opacity: 0;
	transition: opacity .4s
}

.video-element-wrapper canvas,
.video-element-wrapper video {
	background: 0 0;
	height: 100%;
	position: relative;
	width: 100%
}

.video-element-wrapper canvas {
	display: block
}

.video-element-wrapper video.video-hidden {
	opacity: 0 !important;
	position: absolute !important
}

.video-element-wrapper video::-webkit-media-controls {
	opacity: 0
}

.video-element-wrapper video::-webkit-media-controls-mute-button {
	display: none !important
}

.video-element-wrapper video::-webkit-media-controls-timeline {
	display: none !important
}

.video-element-wrapper video::-webkit-media-controls-current-time-display {
	display: none !important
}

.video-element-wrapper video::-webkit-media-controls-enclosure {
	display: none !important
}

.video-element-wrapper video::-webkit-media-controls-play-button {
	display: none !important
}

.video-element-wrapper video::-webkit-media-controls-volume-slider {
	display: none !important
}

.player-wrapper video {
	-o-object-fit: contain;
	object-fit: contain
}

.player-wrapper.player.player-type-hls,
.player-wrapper.player.player-type-mse,
.player-wrapper.player.player-type-unknown,
.player-wrapper.player.player-type-webrtc {
	position: absolute
}

.player-wrapper.fullscreen:not(.native-fullscreen) {
	height: 100%;
	left: 0;
	position: fixed !important;
	top: 0;
	width: 100%;
	z-index: 400
}

.player-wrapper.fullscreen .content .poster {
	opacity: .25
}

.video-element-wrapper-image-poster {
	background-size: 0 0;
	overflow: hidden;
	pointer-events: none;
	transition: opacity 50ms;
	z-index: 101;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.video-element-wrapper-image-poster .image-background {
	left: 50%;
	-o-object-fit: contain;
	object-fit: contain;
	top: 50%;
	transform: translate(-50%, -50%)
}

.video-element-wrapper-blur {
	background-size: 0 0;
	overflow: hidden;
	pointer-events: none;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.video-element-wrapper-blur.with-blur .image-background,
.video-element-wrapper-blur.with-blur:before {
	background-image: inherit;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transform-origin: center;
	filter: blur(10px) brightness(.6);
	transform: scale(1.04);
	transform-origin: center;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.video-element-wrapper-blur.with-poster:after {
	background-image: inherit;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.player__player-controls {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.player .loader {
	z-index: 102
}

.player .content {
	height: 100%
}

.player .content .mse-player canvas,
.player .content .mse-player object,
.player .content .mse-player video,
.player .content .snapshot-player canvas,
.player .content .snapshot-player object,
.player .content .snapshot-player video {
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 100
}

.player .content .mse-player #middleView-nano-player {
	display: none
}

.player .content .mse-player,
.player .content .mse-player .mse-player-video-wrapper,
.player .content .snapshot-player,
.player .content .web-rtc-player {
	height: 100%;
	width: 100%
}

.player .content .mse-player .video-element-wrapper,
.player .content .snapshot-player .video-element-wrapper,
.player .content .web-rtc-player .video-element-wrapper {
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%
}

.player .content .mse-player canvas,
.player .content .snapshot-player canvas,
.player .content .web-rtc-player canvas {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px
}

.player .content>.snapshot-player {
	flex-direction: row;
	height: 100%;
	justify-content: center;
	flex: 1;
	flex-basis: auto;
	flex-grow: 1;
	flex-shrink: 0;
	display: flex;
	flex-direction: row
}

.player .content>.snapshot-player .canvas-wrapper {
	height: 100%;
	justify-content: center;
	margin: auto;
	position: relative;
	width: 100%;
	flex: 1;
	flex-basis: auto;
	flex-grow: 1;
	flex-shrink: 0
}

.player .content>.snapshot-player .canvas-container {
	align-content: center;
	height: 100%;
	justify-content: center;
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row
}

.player .content>.snapshot-player canvas {
	border-radius: 0;
	height: 100%;
	position: relative
}

.player .content .poster {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100
}

.hd .player-wrapper.fullscreen .content>.snapshot-player canvas {
	max-width: 179.9856011519vh
}

.hd .player .web-rtc-player .web-rtc-video-wrapper {
	padding: 0;
	flex: 1;
	flex-basis: 30%;
	flex-grow: 1;
	flex-shrink: 1
}

html.ios-fullscreen,
html.ios-fullscreen body {
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: auto;
	width: 100%
}

html.ios-fullscreen div#body .main-layout {
	height: 0;
	min-height: 0;
	overflow: hidden
}

.player-shutter {
	align-items: center;
	display: flex;
	justify-content: center;
	overflow: hidden;
	padding: 20px;
	text-align: center;
	z-index: 3;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	flex-direction: column
}

.player-shutter .icon {
	color: #f14b57;
	height: 5rem;
	width: 5rem
}

.player-shutter .text-wrapper {
	background-color: #3b3b3b;
	border-radius: 12px;
	color: #fff;
	margin-top: 30px;
	max-width: 27.5rem;
	padding: 20px;
	text-align: center;
	font-size: 1.125rem;
	line-height: 1.575rem
}

.ViewCamWrapper\#TP {
	background: #303133;
	display: flex;
	flex: 1;
	flex-direction: column;
	height: 100%;
	width: 100%
}

.ViewCamWrapper\#TP.ViewCamWrapper__fullscreen\#XX,
.ViewCamWrapper\#TP.ViewCamWrapper__theatreMode\#KG {
	background: #000
}

.ViewCamWrapper\#TP.ViewCamWrapper__fullscreen\#XX {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 400
}

.ViewCamWrapper\#TP.ViewCamWrapper__blur\#SX .ViewCamWrapper__img\#QA {
	filter: blur(10px) brightness(.6);
	transform: scale(1.04)
}

.ViewCamWrapper__stub\#Vs {
	display: block;
	height: 100%;
	overflow: hidden;
	position: absolute;
	width: 100%
}

.ViewCamWrapper__bg\#qk {
	height: 100%;
	position: absolute;
	width: 100%
}

.ViewCamWrapper__img\#QA {
	height: calc(100% - 8px);
	margin: 4px;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	width: calc(100% - 8px)
}

.ViewCamWrapper__filter\#du {
	height: calc(100% + 8px);
	left: -4px;
	position: absolute;
	top: -4px;
	width: calc(100% + 8px)
}

.ViewCamWrapper__backdrop\#ms {
	filter: brightness(.25) blur(1px)
}

.ViewCamWrapper__backdrop\#ms .ViewCamWrapper__bg\#qk {
	background: #303133
}

.ViewCamWrapper__softBackdrop\#Yo {
	background: #000;
	filter: brightness(.4) blur(45px);
	opacity: .75;
	z-index: 101
}

.GroupShowAnnounce\#YA {
	position: relative;
	width: 400px
}

.GroupShowAnnounce__mobile\#Xy {
	width: 100%
}

.GroupShowAnnounce__closeButton\#yT {
	color: rgba(248, 248, 248, .4);
	position: absolute;
	right: 8px;
	top: 8px;
	z-index: 1
}

.GroupShowAnnounce__closeButton\#yT:hover {
	color: rgba(248, 248, 248, .8)
}

.GroupShowAnnounceBody\#Yk {
	background: #262626;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	min-height: 80px;
	padding: 16px 20px
}

.GroupShowAnnounceBody__mobile\#SL {
	background-color: #141414;
	border-radius: 0
}

.GroupShowBody\#Pk {
	align-items: center;
	display: flex
}

.GroupShowBody__info\#pK {
	color: #fff;
	display: flex;
	flex-direction: column;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px
}

.GroupShowBody__rate\#Ov {
	color: #feb601
}

.GroupShowIcon\#To {
	align-items: center;
	border-radius: 50%;
	display: flex;
	justify-content: center
}

.GroupShowIcon__overlay\#o6 {
	background: linear-gradient(135deg, rgba(254, 125, 33, .2) 0%, rgba(251, 201, 50, .1) 100%);
	height: 48px;
	min-width: 48px
}

.GroupShowIcon__icon\#DL {
	background: url("cams/components/ui/GroupShowControl/GroupShowAnnounceNew/GroupShowIcon/images/group.svg");
	height: 32px;
	width: 32px
}

.GroupShowIcon__ticketIcon\#qk {
	background: url("cams/components/ui/GroupShowControl/GroupShowAnnounceNew/GroupShowIcon/images/ticket.svg")
}

.GroupShowIcon__animated\#RE {
	animation: GroupShowIcon__rotateIcon\#QI 2s infinite;
	animation-delay: 1s
}

@keyframes GroupShowIcon__rotateIcon\#QI {

	0%,
	100%,
	20%,
	40% {
		transform: rotate(0deg)
	}

	10%,
	30% {
		transform: rotate(20deg)
	}
}

.TicketShowBody\#aS {
	align-items: center;
	display: flex
}

.TicketShowBody__button\#a0 {
	font-size: 16px;
	font-style: normal;
	font-weight: 500 !important;
	line-height: 24px;
	margin: 0 16px 0 0;
	overflow: initial;
	padding: 6px 17px;
	transition-duration: 0s
}

.TicketShowBody__button\#a0:hover .TicketShowBody__highlight\#Rl {
	color: #101010
}

.TicketShowBody__button\#a0:active .TicketShowBody__highlight\#Rl {
	color: #fff
}

.TicketShowBody__highlight\#Rl {
	color: #feb601
}

.TicketShowBody__text\#Re {
	color: rgba(248, 248, 248, .8);
	font-size: 14px;
	line-height: 18px
}

.TicketShowBody__icon\#oV {
	margin-right: 16px
}

.GroupShowAnnounceHeader\#yv {
	align-items: center;
	background-color: #2e2e2e;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	display: flex;
	min-height: 80px;
	padding: 13px 20px;
	position: relative
}

.GroupShowAnnounceHeader__mobile\#UD {
	background-color: #141414;
	border-radius: 0;
	min-height: 80px;
	position: relative
}

.GroupShowAnnounceHeader__mobile\#UD:after {
	background-color: rgba(255, 255, 255, .08);
	bottom: 0;
	content: "";
	height: 1px;
	left: 20px;
	position: absolute;
	right: 20px
}

.GroupShowAnnounceHeader__icon\#Hp {
	margin-right: 16px
}

.GroupShowAnnounceHeader__title\#X9 {
	color: rgba(248, 248, 248, .8);
	font-size: 13px;
	font-weight: 400;
	line-height: 18px
}

.GroupShowAnnounceHeader__topic\#dX {
	color: #f8f8f8;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px
}

.GroupShowControlButton__announcement\#g0 {
	font-size: 15px
}

.GroupShowControlButton__announcementShort\#Ea {
	display: none
}

.GroupShowControlButton__dropdownContent\#gW {
	border-radius: 12px !important;
	padding: 0 !important
}

.GroupShowControlButton__dropdownContent\#gW:after {
	border-color: #262626 !important;
	border-width: 7px !important
}

.button-pointer__outer {
	border-bottom: 10px solid #424242;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	bottom: -1px;
	height: 0;
	position: absolute;
	width: 0
}

.button-pointer__inner {
	border-bottom: 8px solid #2e2e2e;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	bottom: -10px;
	height: 0;
	left: -8px;
	position: absolute;
	width: 0
}

.subscriptions-control-panel {
	overflow-y: hidden
}

.subscriptions-control-panel.closed {
	height: 0
}

.subscriptions-control-panel__icons-panel {
	align-items: stretch;
	display: flex;
	height: 80px;
	justify-content: stretch;
	padding: 0 16px
}

.subscriptions-control-panel .subscriptions-control-panel__button {
	align-items: center;
	display: flex;
	flex: 5;
	flex-direction: column;
	justify-content: center
}

.subscriptions-control-panel.with-three-button .subscriptions-control-panel__button:nth-child(2) {
	flex: 4
}

.subscriptions-control-panel__icon {
	height: 22px;
	margin-right: 0;
	width: 22px
}

.subscriptions-control-panel .subscriptions-control-panel__favorited-button {
	margin-top: 12px
}

.subscriptions-control-panel__favorited-icon {
	color: #fd4967
}

.subscriptions-control-panel__button-label {
	margin-top: 6px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: normal;
	line-height: normal
}

.subscriptions-control-panel__button-info {
	font-size: 10px;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 12px;
	opacity: .7
}

.subscriptions-control-panel__following-button {
	position: relative
}

.subscriptions-control-panel__notifications-tooltip {
	border-top: 1px solid #424242
}

.subscriptions-control-panel__icons-divider {
	background-color: rgba(255, 255, 255, .15);
	margin: 14px 0;
	width: 2px
}

.subscriptions-control-panel--subscribed .subscriptions-control-panel__icon {
	color: #97c02e
}

.subscriptions-control-toggle.subscriptions-control-toggle {
	background-color: rgba(0, 0, 0, .5);
	border-radius: 50%;
	height: 40px;
	width: 40px
}

.subscriptions-control-toggle__icon {
	color: #fff;
	fill: currentColor;
	margin: 0 0 1px;
	transform: rotate(-90deg)
}

.subscriptions-control-toggle__icon.closed {
	margin: 0;
	transform: rotate(90deg)
}

.favorited-count {
	background-color: #212223;
	color: #fff;
	cursor: default;
	font-size: 14px;
	font-weight: 500;
	height: 40px;
	line-height: 40px;
	margin-left: 13px;
	opacity: .8;
	padding: 0 13px;
	position: relative;
	transition: opacity .7s;
	border-radius: 4px
}

.favorited-count::after {
	background-color: inherit;
	content: " ";
	height: 8px;
	left: -4px;
	position: absolute;
	top: 40%;
	transform: rotate(45deg);
	width: 8px
}

.add-to-favorite-control {
	align-items: center;
	margin-right: auto;
	position: relative;
	display: flex;
	flex-direction: row;
	flex: 1;
	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 0
}

.add-to-favorite-control__toggle {
	align-items: center;
	background-color: rgba(255, 255, 255, .9);
	border-radius: 50%;
	height: 40px;
	justify-content: center;
	transition: background-color 150ms;
	width: 40px;
	display: flex;
	flex-direction: row
}

.add-to-favorite-control__toggle:disabled {
	cursor: default
}

.add-to-favorite-control__toggle:not([disabled]):hover {
	opacity: .7
}

.add-to-favorite-control__toggle-new {
	background-color: rgba(255, 255, 255, .9)
}

.add-to-favorite-control__delimiter {
	border-right: 1px solid rgba(248, 248, 248, .3);
	display: block;
	height: 14px;
	margin: 0 10px;
	width: 1px
}

.add-to-favorite-control__counter {
	opacity: .8
}

.add-to-favorite-control__favorite-icon {
	color: #000;
	flex-shrink: 0;
	height: 22px;
	margin: 2px 0 0;
	transition: color 150ms;
	width: 22px
}

.add-to-favorite-control__favorite-icon-new {
	display: block !important
}

.add-to-favorite-control .add-to-favorite-control__favorite-icon--mobile {
	color: #fff;
	height: 20px;
	width: 20px
}

.add-to-favorite-control__heart-full {
	background-image: url(viewcam/components/ui/ViewCam/ViewCamFavoriteToggle/SubscriptionsControlButtonGroup/images/favorite-sc.svg);
	background-size: cover;
	display: flex;
	height: 19px;
	width: 22px
}

.add-to-favorite-control.animated .add-to-favorite-control__favorite-icon {
	color: #fd4967
}

.add-to-favorite-control.animated .add-to-favorite-control__toggle {
	background-color: transparent
}

.add-to-favorite-control.animated .add-to-favorite-control__favorited-count {
	opacity: 0
}

.add-to-favorite-control .tooltip {
	padding: 0
}

.add-to-favorite-control .tooltip>.add-to-favorite-control__tooltip-inner {
	background-color: #151515;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	padding: 10px
}

.add-to-favorite-control .tooltip>.add-to-favorite-control__tooltip-inner:before {
	border-radius: 5px;
	border-top-color: #151515;
	border-width: 6px 6px 0;
	left: 14px;
	transform: translateY(-1px)
}

.broken-heart-button {
	display: flex
}

.broken-heart-button.hoverable:hover .broken-heart-button__left-icon {
	opacity: .8;
	transform: translateX(-2px)
}

.broken-heart-button.hoverable:hover .broken-heart-button__right-icon {
	opacity: .8;
	transform: translateX(2px)
}

.broken-heart-button.animated .broken-heart-button__left-icon,
.broken-heart-button.hoverable.animated .broken-heart-button__left-icon {
	opacity: .3;
	transform: translateX(-6px)
}

.broken-heart-button.animated .broken-heart-button__right-icon,
.broken-heart-button.hoverable.animated .broken-heart-button__right-icon {
	opacity: .3;
	transform: translateX(8px)
}

.broken-heart-button__left-icon {
	background-color: #fd4967;
	background-position: center;
	background-size: contain;
	height: 18px;
	opacity: 1;
	transition: transform .2s, background-color .2s, opacity .2s;
	width: 13px;
	margin-right: -2px;
	-webkit-mask-image: url(viewcam/components/ui/ViewCam/ViewCamFavoriteToggle/SubscriptionsControlButtonGroup/images/broken-heart-left.svg);
	mask-image: url(viewcam/components/ui/ViewCam/ViewCamFavoriteToggle/SubscriptionsControlButtonGroup/images/broken-heart-left.svg)
}

.broken-heart-button__right-icon {
	background-color: #fd4967;
	background-position: center;
	background-size: contain;
	height: 18px;
	opacity: 1;
	transition: transform .2s, background-color .2s, opacity .2s;
	width: 13px;
	margin-left: -3px;
	-webkit-mask-image: url(viewcam/components/ui/ViewCam/ViewCamFavoriteToggle/SubscriptionsControlButtonGroup/images/broken-heart-right.svg);
	mask-image: url(viewcam/components/ui/ViewCam/ViewCamFavoriteToggle/SubscriptionsControlButtonGroup/images/broken-heart-right.svg)
}

.subscriptions-control-button-group {
	align-items: center;
	background-color: #414141;
	border-radius: 90px;
	display: flex;
	padding: 10px 13px 8px 10px;
	transition: width 250ms, background-color 250ms, opacity .2s .1s
}

.subscriptions-control-button-group.animated {
	background-color: transparent;
	opacity: 0
}

.subscriptions-control-button-group__counter {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: normal;
	color: #fff;
	line-height: 1em;
	margin-left: 10px;
	opacity: .8
}

.subscriptions-control-button-group__divider {
	align-self: stretch;
	background-color: #c4c4c4;
	margin: 0 10px;
	opacity: .4;
	width: 1px
}

.subscriptions-control-button-group__notification-button {
	opacity: .6
}

.subscriptions-control-button-group__notification-button.active,
.subscriptions-control-button-group__notification-button:hover {
	opacity: 1
}

.subscriptions-control-button-group__notification-button.active:hover {
	opacity: .6
}

.subscriptions-control-button-group__notification-icon {
	color: #fff;
	height: 20px;
	margin: 0;
	width: 20px
}

.subscriptions-control-button-group__notification-icon.icon-notifications-off-2 {
	margin-left: 1px;
	margin-right: -1px
}

.broken-heart-icons-preloader {
	visibility: hidden
}

.broken-heart-icons-preloader:before {
	content: "";
	-webkit-mask-image: url(viewcam/components/ui/ViewCam/ViewCamFavoriteToggle/SubscriptionsControlButtonGroup/images/broken-heart-left.svg);
	mask-image: url(viewcam/components/ui/ViewCam/ViewCamFavoriteToggle/SubscriptionsControlButtonGroup/images/broken-heart-left.svg)
}

.broken-heart-icons-preloader:after {
	content: "";
	-webkit-mask-image: url(viewcam/components/ui/ViewCam/ViewCamFavoriteToggle/SubscriptionsControlButtonGroup/images/broken-heart-right.svg);
	mask-image: url(viewcam/components/ui/ViewCam/ViewCamFavoriteToggle/SubscriptionsControlButtonGroup/images/broken-heart-right.svg)
}

.favorite-control {
	display: flex;
	flex: 1;
	margin-right: 8px
}

.one-click-recharge-wrapper {
	align-items: center;
	background-color: #303133;
	height: 100%;
	justify-content: space-between;
	left: 0;
	opacity: 1;
	padding: 22px 16px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
	display: flex;
	flex-direction: row
}

.one-click-recharge-wrapper.one-click-recharge-wrapper-exit {
	opacity: 0;
	transition: 1s ease-in-out
}

.one-click-recharge-wrapper.one-click-recharge-wrapper-exit .btn {
	pointer-events: none
}

.one-click-recharge-wrapper.one-click-recharge-wrapper-processing .one-click-recharge-layer-left {
	justify-content: center;
	padding-left: 40px
}

.one-click-recharge-wrapper.one-click-recharge-wrapper-processing .one-click-recharge-title {
	font-size: .875rem
}

.one-click-recharge-wrapper .highlighted-brand {
	color: #ffa800
}

.one-click-recharge-wrapper .highlighted-pale {
	opacity: .6
}

.one-click-recharge-wrapper .highlighted-green {
	color: #7dd239
}

.one-click-recharge-wrapper .highlighted-red {
	color: #bc4848
}

.one-click-recharge-layer-left {
	align-items: center;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex: 1;
	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 1
}

.one-click-recharge-layer-left.centered {
	justify-content: center
}

.one-click-recharge-layer-right {
	align-items: center;
	margin-left: 16px;
	display: flex;
	flex-direction: row;
	flex: 1;
	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 0
}

.one-click-recharge-layer-right .btn {
	height: 40px;
	margin: 0;
	line-height: 2.5rem
}

.one-click-recharge-layer-right .btn.one-click-recharge-close-btn {
	border: none;
	line-height: initial;
	margin-left: 16px;
	padding: 0 !important;
	background: 0 0;
	color: rgba(255, 255, 255, .4);
	transition: 90ms ease-in-out
}

.one-click-recharge-layer-right .btn.one-click-recharge-close-btn>.icon {
	fill: rgba(255, 255, 255, 0.4);
	transition: 90ms ease-in-out
}

.one-click-recharge-layer-right .btn.one-click-recharge-close-btn.focus,
.one-click-recharge-layer-right .btn.one-click-recharge-close-btn:focus {
	background: 0 0;
	color: rgba(255, 255, 255, .8)
}

.one-click-recharge-layer-right .btn.one-click-recharge-close-btn.focus>.icon,
.one-click-recharge-layer-right .btn.one-click-recharge-close-btn:focus>.icon {
	fill: rgba(255, 255, 255, 0.8)
}

.one-click-recharge-layer-right .btn.one-click-recharge-close-btn.active,
.one-click-recharge-layer-right .btn.one-click-recharge-close-btn:active {
	background: 0 0;
	color: rgba(255, 255, 255, .8)
}

.one-click-recharge-layer-right .btn.one-click-recharge-close-btn.active>.icon,
.one-click-recharge-layer-right .btn.one-click-recharge-close-btn:active>.icon {
	fill: rgba(255, 255, 255, 0.8)
}

.one-click-recharge-layer-right .btn.one-click-recharge-close-btn .btn-loader-overlay {
	background-color: transparent;
	color: rgba(255, 255, 255, .4)
}

.one-click-recharge-layer-right .btn.one-click-recharge-close-btn .icon {
	height: 20px;
	margin: 0;
	width: 20px
}

.with-new-send-tip .one-click-recharge-layer-right .btn {
	height: 36px;
	line-height: 2.25rem
}

.with-new-send-tip .one-click-recharge-layer-right .one-click-recharge-alternative-action {
	margin-top: 2px
}

.one-click-recharge-alternative-action {
	cursor: pointer;
	font-weight: 400;
	margin-top: 6px;
	opacity: .6;
	text-align: center;
	text-decoration: underline;
	font-size: .75rem;
	transition: 120ms ease-in-out
}

.one-click-recharge-alternative-action:hover {
	opacity: 1
}

.one-click-recharge-icon {
	height: 40px;
	margin-right: 15px;
	width: 40px;
	flex: 1;
	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 0
}

.one-click-recharge-loader {
	margin-right: 12px !important
}

.one-click-recharge-loader .sector-circle {
	border-color: #d7d7d7 #d7d7d7 transparent !important;
	border-width: 3px !important
}

.one-click-recharge-title {
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.25rem
}

.one-click-recharge-description {
	font-weight: 400;
	margin-top: 4px;
	opacity: .6;
	font-size: .75rem
}

.view-cam-controls {
	align-items: center;
	background-color: #303133;
	box-shadow: none;
	justify-content: space-between;
	position: relative;
	display: flex;
	flex-direction: column
}

.view-cam-controls__private-btn--chevron {
	margin-left: 4px
}

.view-cam-controls__private-btn-actual-price {
	margin: 0 4px 0 8px;
	opacity: .4
}

.view-cam-controls__private-btn-actual-price:before {
	background-color: currentColor
}

.view-cam-controls .view-cam-controls__private-btn--with-discount {
	padding-left: 20px;
	padding-right: 20px
}

.view-cam-controls__private-btn-price {
	white-space: nowrap
}

.view-cam-controls__end-cam2cam {
	fill: #af262f
}

.view-cam-controls .view-cam-controls-status {
	align-items: center;
	background-color: rgba(0, 0, 0, .1);
	color: rgba(248, 248, 248, .9);
	justify-content: center;
	padding: 6px 20px;
	width: 100%;
	display: flex;
	flex-direction: row;
	line-height: 1.5rem;
	font-size: .688rem
}

.view-cam-controls .view-cam-controls-toolbox {
	display: flex;
	flex-direction: row
}

.view-cam-controls .view-cam-controls-toolbox .view-cam-controls-btn:first-child {
	margin-left: 0
}

.view-cam-controls .view-cam-controls-wrapper {
	align-items: center;
	justify-content: space-between;
	min-height: 50px;
	padding: 10px 12px;
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row
}

.view-cam-controls .view-cam-controls-wrapper__center,
.view-cam-controls .view-cam-controls-wrapper__left,
.view-cam-controls .view-cam-controls-wrapper__right {
	display: flex;
	flex-basis: 0;
	flex-grow: 1
}

.view-cam-controls .view-cam-controls-wrapper__left {
	justify-content: flex-start
}

.view-cam-controls .view-cam-controls-wrapper__center {
	justify-content: center
}

.view-cam-controls .view-cam-controls-wrapper__right {
	justify-content: flex-end
}

.view-cam-controls .view-cam-controls-wrapper .a11y-button,
.view-cam-controls .view-cam-controls-wrapper .btn {
	white-space: nowrap
}

.view-cam-controls__btn-wrapper {
	position: relative
}

.view-cam-controls.with-new-send-tip .view-cam-controls-wrapper {
	height: 60px
}

.view-cam-controls .view-cam-buttons-wrapper {
	align-items: center;
	justify-content: flex-start;
	display: flex;
	flex-direction: row
}

.view-cam-controls .view-cam-buttons-wrapper>* {
	margin-left: 18px
}

.view-cam-controls .view-cam-buttons-wrapper .chat-actions {
	height: 40px;
	margin: 0;
	width: 40px
}

.view-cam-controls .proposal-controls-block {
	align-items: center;
	display: flex;
	flex-flow: row nowrap;
	white-space: nowrap
}

.view-cam-controls .notifications-tooltip-content.mobile+.view-cam-controls-wrapper {
	display: none
}

.view-cam-controls-btn {
	align-items: center;
	box-sizing: border-box;
	display: inline-flex;
	flex-shrink: 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 40px;
	margin: 0;
	max-height: 40px;
	padding-left: 16px;
	padding-right: 16px;
	white-space: break-spaces;
	word-break: normal
}

.view-cam-controls-btn.btn-default-outline {
	border-width: 2px
}

.view-cam-controls-btn__stop-spy {
	display: none
}

.view-cam-controls .proposal {
	align-items: center;
	box-sizing: border-box;
	color: #f8f8f8;
	display: inline-block;
	line-height: 42px;
	opacity: .8;
	padding-right: 20px;
	vertical-align: top;
	font-size: .688rem;
	display: flex;
	flex-direction: row
}

.view-cam-controls .proposal .loader {
	display: inline-block;
	margin-right: 20px;
	vertical-align: -6px
}

.view-cam-controls .proposal-cancel {
	align-items: center;
	background-color: transparent;
	border-radius: 50%;
	cursor: pointer;
	height: 36px;
	justify-content: center;
	opacity: .7;
	width: 36px;
	display: flex;
	flex-direction: row
}

.view-cam-controls .proposal-cancel .icon {
	fill: #f8f8f8;
	height: 16px;
	margin: 0;
	width: 16px
}

.view-cam-controls .proposal-cancel:hover {
	background-color: rgba(24, 24, 24, .3)
}

.view-cam-controls .icon.icon-envelope-bubble,
.view-cam-controls .icon.icon-gift {
	height: 18px;
	width: 18px
}

.view-cam-controls .send-pm-mobile {
	background-color: rgba(255, 255, 255, .8);
	opacity: .8;
	padding: 0 11px
}

.view-cam-controls .send-pm-mobile .icon-envelope-bubble {
	fill: rgba(0, 0, 0, 0.6);
	margin: 0
}

.view-cam-controls .icon-gift {
	opacity: .6
}

.view-cam-controls .btn-apply-alter {
	background: #c5d448;
	color: #000;
	transition: 90ms ease-in-out
}

.view-cam-controls .btn-apply-alter>.icon {
	fill: black;
	transition: 90ms ease-in-out
}

.view-cam-controls .btn-apply-alter.focus,
.view-cam-controls .btn-apply-alter:focus {
	background: #c5d448;
	color: #000
}

.view-cam-controls .btn-apply-alter.focus>.icon,
.view-cam-controls .btn-apply-alter:focus>.icon {
	fill: black
}

.view-cam-controls .btn-apply-alter.active,
.view-cam-controls .btn-apply-alter:active {
	background: #c5d448;
	color: #000
}

.view-cam-controls .btn-apply-alter.active>.icon,
.view-cam-controls .btn-apply-alter:active>.icon {
	fill: black
}

.view-cam-controls .btn-apply-alter .btn-loader-overlay {
	background-color: #c5d448;
	color: #000
}

.view-cam-controls .group-show-btn {
	align-items: center;
	border-color: rgba(128, 128, 128, .6);
	border-width: 2px;
	font-size: 13px;
	margin-left: 0;
	white-space: nowrap;
	display: flex;
	flex-direction: row
}

.view-cam-controls .group-show-btn .icon {
	fill: #fff !important;
	transition: none;
	width: 26px
}

.view-cam-controls .group-show-btn .icon.icon-ticket {
	height: 18px
}

.view-cam-controls .group-show-btn .pale,
.view-cam-controls .group-show-btn .private-show-timer {
	opacity: .6
}

.view-cam-controls .group-show-btn:active,
.view-cam-controls .group-show-btn:focus {
	background-color: transparent
}

.view-cam-controls .group-show-btn:hover {
	background-color: rgba(128, 128, 128, .6);
	border-color: transparent;
	color: #fff !important
}

.view-cam-controls .group-show-btn__dropdownContent {
	border-radius: 8px
}

.view-cam-controls .group-show-btn__dropdownContent .ticket-show-announce-join {
	background: rgba(255, 255, 255, .8);
	color: #000
}

.view-cam-controls .group-show-btn__dropdownContent .ticket-show-announce-join:hover {
	background: rgba(255, 255, 255, .6);
	color: #000
}

.view-cam-controls .group-show-btn.group-show-btn--new {
	background-color: #feb601;
	border-color: transparent;
	border-width: 2px;
	color: #101010;
	font-size: 15px;
	font-weight: 700;
	padding-left: 12px;
	transition: none
}

.view-cam-controls .group-show-btn.group-show-btn--new .pale,
.view-cam-controls .group-show-btn.group-show-btn--new .private-show-timer {
	opacity: 1
}

.view-cam-controls .group-show-btn.group-show-btn--new .private-show-timer {
	color: #101010
}

.view-cam-controls .group-show-btn.group-show-btn--new .icon {
	color: #101010;
	display: block;
	height: 20px !important;
	margin-right: 8px;
	width: 20px !important
}

.view-cam-controls .group-show-btn.group-show-btn--new:active,
.view-cam-controls .group-show-btn.group-show-btn--new:hover {
	background-color: #fbc932;
	color: #101010 !important
}

.view-cam-controls .group-show-btn.group-show-btn--purchased {
	background: 0 0;
	border: 2px solid #feb601;
	color: #f8f8f8
}

.view-cam-controls .group-show-btn.group-show-btn--purchased .icon {
	fill: rgb(254, 182, 1) !important
}

.view-cam-controls .group-show-btn.group-show-btn--purchased .private-show-timer {
	color: #feb601
}

.view-cam-controls .group-show-btn.group-show-btn--purchased:active,
.view-cam-controls .group-show-btn.group-show-btn--purchased:hover {
	background-color: rgba(254, 182, 1, .1);
	border: 2px solid #feb601;
	color: #f8f8f8 !important
}

.view-cam-controls .group-show-btn.group-show-btn--purchased:active .icon,
.view-cam-controls .group-show-btn.group-show-btn--purchased:hover .icon {
	fill: rgb(254, 182, 1) !important
}

.view-cam-controls .group-show-btn.group-show-btn--purchased:active .private-show-timer,
.view-cam-controls .group-show-btn.group-show-btn--purchased:hover .private-show-timer {
	color: #feb601
}

.view-cam-controls .group-show-dropdown-mobile .dropdown-content {
	border-radius: 0;
	padding: 20px
}

.view-cam-controls .group-show-dropdown-mobile .dropdown-content:after {
	border-width: 6px;
	left: 80%;
	transform: translate(-50%, -6px) rotate(45deg)
}

.view-cam-controls .group-show-dropdown-mobile--new {
	padding: 0 !important
}

.view-cam-controls .group-show-dropdown-xhl .dropdown-content {
	background-color: #fff;
	box-shadow: 0 1px 0 rgba(79, 79, 79, .4);
	color: #4f4f4f
}

.view-cam-controls .group-show-dropdown-xhl .dropdown-content .group-show-announce-rate {
	color: #4f4f4f
}

.view-cam-controls .group-show-dropdown-xhl .dropdown-content .group-show-announce-head {
	border-bottom: 1px solid rgba(140, 140, 140, .4)
}

.view-cam-controls .group-show-dropdown-xhl .dropdown-content:after {
	border-color: #fff transparent transparent #fff
}

.view-cam-controls .button-text-short,
.view-cam-controls .button-text-xs-short,
.view-cam-controls .button-text-xxs-short {
	display: none
}

.view-cam-controls .button-text {
	display: inline
}

.view-cam-controls__private-tip-button {
	font-weight: 500 !important
}

.view-cam-controls:not(.with-new-send-tip) .view-cam-controls-btn {
	font-size: 15px;
	line-height: 42px;
	max-height: 42px
}

.view-cam-controls:not(.with-new-send-tip) .view-cam-controls__private-btn {
	border-width: 1px
}

.view-cam-controls:not(.with-new-send-tip) .view-cam-controls__pm-btn {
	font-size: 13px
}

.view-cam-controls:not(.with-new-send-tip) .view-cam-controls__end-cam2cam,
.view-cam-controls:not(.with-new-send-tip) .view-cam-controls__private-tip {
	font-size: 13px;
	line-height: 30px;
	max-height: 36px
}

.view-cam-controls:not(.with-new-send-tip) .view-cam-controls__stop-spy {
	font-size: 15px;
	line-height: 30px;
	max-height: 36px
}

.view-cam-controls:not(.with-new-send-tip) .btn-default-outline {
	border-width: 1px
}

.view-cam-controls:not(.with-new-send-tip) .view-cam-controls-wrapper {
	padding: 15px 20px
}

.view-cam-controls:not(.with-new-send-tip) .group-show-btn {
	font-size: 13px
}

.view-cam-info {
	align-items: flex-start;
	cursor: default;
	height: 0;
	margin-top: 10px;
	display: flex;
	flex-direction: row
}

.view-cam-info:not(.view-cam-info--visible) {
	position: relative;
	z-index: 0
}

.view-cam-info--with-new-goal {
	margin-top: 4px
}

.view-cam-info .tooltip .tooltip-inner {
	text-align: center
}

.view-cam-info .tooltip .icon {
	margin-bottom: 3px
}

.view-cam-info .tooltip button:not(.epic-goal-progress__complete-button):not(.btn-v2-green-outline-ds):not(.ds-btn-apply-2-ds) {
	background: #ffa900;
	font-weight: 700;
	margin: 10px 0
}

.view-cam-info .tooltip button:not(.epic-goal-progress__complete-button):not(.btn-v2-green-outline-ds):not(.ds-btn-apply-2-ds):hover {
	background: rgba(255, 169, 0, .9)
}

.view-cam-info .view-cam-info-king {
	align-items: flex-end;
	color: #767676;
	font-weight: 400;
	font-size: .688rem;
	line-height: 1.125rem;
	flex: 1;
	flex-basis: 30%;
	flex-grow: 1;
	flex-shrink: 0;
	display: flex;
	flex-direction: column
}

.view-cam-info--with-new-goal .view-cam-info-king {
	flex-basis: 25%
}

.view-cam-info .view-cam-info-king-content {
	text-align: right;
	line-height: 1rem
}

.view-cam-info .dash {
	margin: 0 5px
}

.view-cam-info .king-wrapper {
	align-items: flex-start;
	color: #fff;
	justify-content: flex-end;
	line-height: 1.188rem;
	display: flex;
	flex-direction: row
}

.view-cam-info .king-wrapper .icon {
	fill: #fff
}

.view-cam-info .king-wrapper.is-king {
	color: #e1ad5b
}

.view-cam-info .king-wrapper.is-king .icon {
	fill: #e1ad5b
}

.view-cam-info .king-wrapper .king-wrapper-tooltip-username {
	color: #e1ad5b
}

.view-cam-info .king-wrapper .king-wrapper-tooltip-tokens {
	color: #fff
}

.view-cam-info .king-wrapper .be-first {
	font-weight: 700
}

.view-cam-info .king-wrapper-tooltip-description,
.view-cam-info .king-wrapper-tooltip-title {
	color: #767676;
	display: block;
	font-weight: 400;
	text-align: center;
	font-size: .75rem;
	line-height: 1.313rem
}

.view-cam-info .king-icon {
	fill: currentColor
}

.view-cam-info .become-king-info {
	display: block
}

.view-cam-info .become-king-info .king-threshold {
	color: #fff;
	text-decoration: underline
}

.view-cam-info .king-wrapper-tooltip-tokens {
	color: #fff
}

.view-cam-info--visible {
	height: auto;
	padding: 4px 0
}

.view-cam-notification {
	align-items: center;
	background: rgba(255, 255, 255, .6);
	border-radius: 4px;
	color: #2b2b2b;
	font-weight: 400;
	letter-spacing: 0;
	min-height: 55px;
	padding: .75rem 20px .75rem .75rem;
	position: relative;
	display: flex;
	flex-direction: row;
	font-size: .875rem
}

.view-cam-notification .view-cam-notification-content {
	margin: 0 8px 0 0;
	flex: 1;
	flex-basis: auto;
	flex-grow: 1;
	flex-shrink: 1;
	line-height: 1rem
}

.view-cam-notification .view-cam-notification-controls {
	flex: 1;
	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 1
}

.view-cam-notification .view-cam-notification-controls .btn {
	margin: 0;
	padding: 0 14px
}

.view-cam-notification .view-cam-notification-closer {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	display: flex;
	flex-direction: row
}

.view-cam-notification .view-cam-notification-closer .icon {
	fill: rgba(0, 0, 0, 0.4);
	height: 10px;
	margin: 0;
	width: 10px
}

.view-cam-notification .view-cam-notification-closer:hover .icon {
	fill: rgba(0, 0, 0, 0.8)
}

.view-cam-notification .view-cam-notification-closer-icon-wrapper {
	padding: .375rem;
	display: flex;
	flex-direction: row
}

.view-cam-notification .view-cam-notification-image {
	margin: 0 8px 0 0
}

.view-cam-notification .view-cam-notification-image .avatar {
	height: 36px;
	width: 36px
}

.is-tablet .view-cam-notification {
	padding-right: 16px
}

.is-tablet .view-cam-notification-closer {
	padding: 10px 10px 0 0;
	right: -18px;
	top: -18px
}

.is-tablet .view-cam-notification-closer .icon {
	fill: #7d7d7d
}

.is-tablet .view-cam-notification-closer-icon-wrapper {
	background: #fff;
	border-radius: 50%
}

.view-cam-notifications {
	margin: 14px 14px 0 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 44px;
	width: 330px;
	z-index: 111
}

.view-cam-notifications .children-transition-enter {
	opacity: .01;
	transform: translate3d(100%, 0, 0)
}

.view-cam-notifications .children-transition-enter.children-transition-enter-active {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition: transform .5s ease-out, opacity .5s ease-out
}

.view-cam-notifications .children-transition-exit.children-transition-exit-active {
	opacity: .01;
	transition: opacity .5s ease-out
}

.is-tablet .view-cam-notifications {
	top: 56px;
	width: 308px
}

.vc-status-hint {
	align-items: center;
	background: #222;
	color: rgba(255, 255, 255, .6);
	font-weight: 400;
	justify-content: center;
	padding: 16px 28px;
	font-size: .688rem;
	display: flex;
	flex-direction: row
}

.vc-status-hint .vc-status-hint-icon-box {
	margin: 0 10px 0 0
}

.vc-status-hint .vc-status-hint-icon {
	fill: rgba(255, 255, 255, 0.4);
	height: 24px;
	margin: 0;
	width: 27px
}

.vc-status-hint .vc-status-hint-text {
	text-align: center
}

.vc-status {
	align-items: stretch;
	color: #f1f1f1;
	justify-content: center;
	overflow: hidden;
	padding: 20px;
	text-align: center;
	z-index: 3;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	flex-direction: column
}

.vc-status .status {
	margin-bottom: 10px
}

.vc-status .status .status-text {
	color: #fff;
	display: inline-block;
	opacity: .8;
	font-size: 1.5rem
}

.vc-status .vc-status-body {
	align-items: center;
	justify-content: center;
	flex: 1;
	flex-basis: auto;
	flex-grow: 1;
	flex-shrink: 1;
	display: flex;
	flex-direction: column
}

.vc-status .vc-status-footer {
	margin: 0
}

.vc-status .vc-status-heading-icon {
	color: #f8f8f8;
	height: 48px;
	margin: 0;
	width: 48px
}

.vc-status .vc-status-heading-text {
	color: #f8f8f8;
	font-weight: 400;
	margin: 0;
	max-width: 90%;
	padding: 10px 0 0;
	font-size: 1.125rem
}

.vc-status .vc-status-subheading-text {
	background-color: #2f2f2f;
	color: #fff;
	font-style: italic;
	font-weight: 500;
	letter-spacing: -.1px;
	margin: 15px 0 0;
	max-width: 80%;
	padding: 12px;
	position: relative;
	text-shadow: none;
	border-radius: 12px;
	font-size: .875rem;
	line-height: 1.063rem
}

.vc-status .vc-status-subheading-text .icon {
	fill: white;
	margin-right: 10px
}

.vc-status .vc-status-subheading-text::before {
	background-color: #2f2f2f;
	content: "";
	height: 8px;
	left: 50%;
	position: absolute;
	top: -4px;
	transform: translateX(-50%) rotate(45deg);
	width: 8px
}

.vc-status .vc-status-body-text {
	color: rgba(248, 248, 248, .8);
	font-weight: 400;
	letter-spacing: -.1px;
	margin-top: 20px;
	max-width: 80%;
	padding: 10px 0 0;
	position: relative;
	font-size: .875rem;
	line-height: 1.375rem
}

.vc-status .vc-status-body-text::before {
	border-top: 1px solid rgba(255, 255, 255, .26);
	content: "";
	left: 30%;
	position: absolute;
	right: 30%;
	top: 0
}

.vc-status .vc-status-private-btn {
	align-items: center;
	font-weight: 700;
	margin: 0;
	display: flex;
	flex-direction: row
}

.vc-status .vc-status-first-some-seconds-free {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: normal;
	line-height: normal;
	margin-top: 10px
}

.vc-status .vc-status-first-some-seconds-free-green {
	color: #bbe14f
}

.vc-status .vc-status-private-btn-icon {
	align-self: center;
	display: none;
	height: 22px;
	margin: 0 8px 0 0;
	width: 22px
}

.vc-status.status-p2p,
.vc-status.status-private {
	padding: 0
}

.vc-status.status-private .vc-status-controls {
	display: flex;
	flex-direction: column;
	margin-top: 20px
}

.vc-status.status-groupShow .vc-status-heading-icon,
.vc-status.status-groupShow .vc-status-heading-icon.icon-ticket {
	height: 48px
}

.vc-status.status-groupShow .vc-status-undercontrols-text {
	align-items: center;
	margin-top: 20px;
	padding: 0;
	display: flex;
	flex-direction: row;
	font-size: .813rem;
	line-height: 1.063rem
}

.vc-status.status-groupShow .vc-status-undercontrols-text::before {
	display: none
}

.vc-status.status-groupShow .vc-status-undercontrols-text--regular {
	opacity: .6
}

.vc-status.status-groupShow .vc-status-undercontrols-text--accent {
	color: #fff;
	font-weight: 700
}

.vc-status.status-groupShow .vc-status-controls {
	margin-top: 20px;
	padding-top: 20px;
	position: relative
}

.vc-status.status-groupShow .vc-status-controls .icon {
	height: 13px;
	margin-right: 8px;
	width: 24px
}

.vc-status.status-groupShow .vc-status-controls::before {
	background-color: rgba(255, 255, 255, .21);
	content: " ";
	height: 1px;
	left: -15%;
	position: absolute;
	top: 0;
	width: 130%
}

.vc-status.status-groupShow .view-cam-groupShow-watchers {
	margin-top: 20px
}

.vc-status.status-groupShow .vc-status-subheading-text {
	margin-top: 10px;
	font-size: .875rem
}

.vc-status-elapsed-show-time {
	color: rgba(248, 248, 248, .7);
	margin-bottom: 3px;
	margin-top: 8px;
	font-size: .813rem
}

.vc-status .vs-status-ticket-show-wrapper {
	position: relative
}

.vc-status .vs-status-ticket-show-check-icon {
	left: 27px;
	position: absolute;
	top: 23px
}

.ViewCamGroupV2__wrapper\#VU {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100%;
	padding: 25px;
	position: relative;
	width: 100%
}

.ViewCamGroupV2__wrapper\#VU .ViewCamGroupV2__timer\#Hs {
	color: rgba(248, 248, 248, .6);
	font-size: 14px;
	font-weight: 500;
	height: 20px;
	letter-spacing: .2px;
	line-height: 20px;
	text-align: center
}

.ViewCamGroupV2__wrapper\#VU .ViewCamGroupV2__joinBtn\#f3 {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	margin: 0;
	position: relative;
	transform: translateY(-50%)
}

.ViewCamGroupV2__iconContainer\#dC {
	color: #f8f8f8;
	margin-bottom: 16px;
	position: relative
}

.ViewCamGroupV2__iconContainer\#dC .ViewCamGroupV2__icon\#zi {
	height: 56px;
	margin: 0;
	width: 56px
}

.ViewCamGroupV2__iconContainer\#dC .ViewCamGroupV2__subIcon\#Zp {
	height: 24px;
	left: 32px;
	margin: 0;
	position: absolute;
	top: 30px;
	width: 24px
}

.ViewCamGroupV2__title\#nu {
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 2px;
	opacity: .9;
	text-align: center
}

.ViewCamGroupV2__title\#nu strong {
	font-weight: 700
}

.ViewCamGroupV2__descriptionBlock\#rC {
	align-items: center;
	background: rgba(63, 64, 66, .9);
	border-radius: 20px;
	color: #f8f8f8;
	display: flex;
	font-size: 16px;
	justify-content: center;
	margin-top: 29px;
	max-width: 320px;
	min-width: 290px;
	padding: 20px 20px 36px;
	text-align: left
}

.ViewCamGroupV2__descriptionBlock\#rC span {
	overflow: hidden;
	text-overflow: ellipsis
}

.ViewCamGroupV2__avatar\#FZ {
	border: 3px solid rgba(255, 255, 255, .15);
	border-radius: 50%;
	flex-shrink: 0;
	height: 54px;
	margin-right: 16px;
	width: 54px
}

.ViewCamGroupV2__watchersBlock\#Tz {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-top: -4px
}

.ViewCamGroupV2__haveTicket\#OE {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .2px;
	line-height: 20px
}

.ViewCamGroupV2__fires\#sO {
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	height: 32px;
	line-height: 32px;
	margin-bottom: 4px
}

.ViewCamGroupV2__watchers\#Wo {
	color: rgba(248, 248, 248, .6);
	font-size: 14px;
	font-weight: 500;
	height: 20px;
	letter-spacing: .2px;
	line-height: 20px;
	text-align: center
}

.ViewCamGroupV2__watchersAccent\#R2 {
	color: #feb601
}

.lets-chat-plasma {
	align-items: center;
	border-radius: 70px;
	display: flex;
	flex-direction: row;
	font-size: 14px;
	font-weight: 500;
	height: 40px;
	justify-content: center;
	margin: 0;
	padding: 12px 20px
}

.lets-chat-plasma .plasma-icon {
	background: url(common/images/plasma-dark.svg) center no-repeat;
	height: 16px;
	margin-right: 6px;
	width: 16px
}

.request-private-button .btn {
	background: #feb601;
	color: #101010;
	transition: 90ms ease-in-out;
	border-width: 0;
	font-weight: 500;
	height: 100%;
	margin: 0;
	width: 100%
}

.request-private-button .btn>.icon {
	fill: #101010;
	transition: 90ms ease-in-out
}

.request-private-button .btn.focus,
.request-private-button .btn:focus {
	background: #fbc932;
	color: #101010
}

.request-private-button .btn.focus>.icon,
.request-private-button .btn:focus>.icon {
	fill: #101010
}

.request-private-button .btn.active,
.request-private-button .btn:active {
	background: #fbc932;
	color: #101010
}

.request-private-button .btn.active>.icon,
.request-private-button .btn:active>.icon {
	fill: #101010
}

.request-private-button .btn .btn-loader-overlay {
	background-color: #feb601;
	color: #101010
}

.request-private-button .btn.disabled {
	background-color: #90732b;
	color: #313131;
	opacity: 1
}

.request-private-button.request-private-button--with-timer .btn.disabled {
	background-color: #2e2e2e
}

.request-private-button.request-private-button--with-timer .btn.disabled .request-private-button__timer {
	align-items: center;
	color: #feb601;
	display: flex;
	font-size: 14px;
	font-weight: 500;
	justify-content: center;
	line-height: 17px;
	text-align: center
}

.request-private-button.request-private-button--with-timer .btn.disabled .request-private-button__timer .icon {
	fill: #feb601;
	margin-right: 8px
}

.request-private-button.request-private-button--with-ended-timer .btn.disabled .request-private-button__timer {
	color: #db555d
}

.request-private-button.request-private-button--with-ended-timer .btn.disabled .request-private-button__timer .icon {
	fill: #db555d
}

.schedule-next-informer {
	color: #fff;
	margin: 12px 0;
	text-align: center
}

.schedule-next-informer .icon-calendar {
	display: inline-block;
	fill: #fff;
	vertical-align: -2px
}

.schedule-next-informer__link {
	align-items: center;
	color: #b2e345;
	display: inline-flex;
	text-decoration: none !important
}

.schedule-next-informer__link .icon-chevron-right {
	display: inline-block;
	margin-left: 6px
}

.schedule-next-informer__weekday .schedule-next-informer__weekday-short {
	display: none
}

.schedule-next-informer__weekday .schedule-next-informer__weekday-full {
	display: inline
}

.subscribe-switch-container {
	align-items: center;
	background: #2f2f2f;
	border-radius: 12px;
	height: 34px;
	justify-content: center;
	padding: 10px 6px 10px 10px;
	display: flex;
	flex-direction: row
}

.subscribe-switch-container .subscribe-caption {
	color: #f7f7f7;
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	margin-left: 9px
}

.subscribe-switch-container .icon-notifications-2 {
	color: #f7f7f7
}

.subscribe-switch .switcher-label .icon {
	visibility: hidden
}

.subscribe-switch.switcher.medium {
	background-clip: padding-box;
	border: 1px solid rgba(255, 255, 255, .2);
	display: inline-block;
	height: 32px;
	margin: 0;
	width: 56px
}

.subscribe-switch.switcher.medium .switcher-label .icon {
	fill: #000;
	margin: 0;
	width: 14px
}

.subscribe-switch.switcher.medium .switcher-switch {
	background-color: #979797;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.subscribe-switch.switcher.medium.on .switcher-switch {
	background-color: #eaeaea
}

.subscribe-switch.switcher.medium.on .switcher-wrapper {
	transform: translateX(0)
}

.add-to-calendar-from-offline-view-cam__button {
	align-items: center;
	border: 2px solid #5b5b5b;
	border-radius: 12px;
	color: #f8f8f8;
	display: flex;
	height: 34px;
	padding-left: 7px;
	padding-right: 7px
}

.add-to-calendar-from-offline-view-cam__button:hover {
	border: 2px solid #9a9a9a;
	color: #fff
}

.add-to-calendar-from-offline-view-cam__button:hover .add-to-calendar-from-offline-view-cam__icon {
	transform: scale(1.2)
}

.add-to-calendar-from-offline-view-cam__text {
	margin-right: 8px
}

.add-to-calendar-from-offline-view-cam__icon {
	color: #b2e345;
	transition: transform 150ms
}

.vc-status-offline {
	align-items: center;
	display: flex;
	justify-content: center;
	overflow: hidden;
	padding: 16px;
	text-align: center;
	z-index: 3;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	flex-direction: column
}

.vc-status-offline .offline-status,
.vc-status-offline .offline-status.mobile-relative {
	align-self: center;
	display: inline-block;
	margin-top: 12px;
	max-width: 536px;
	padding: 0;
	position: relative;
	word-wrap: break-word;
	z-index: 1;
	font-size: .875rem
}

.vc-status-offline .offline-status.mobile-relative>.tooltip-arrow,
.vc-status-offline .offline-status>.tooltip-arrow {
	border-bottom-color: #3b3b3b;
	border-width: 0 5px 5px;
	display: block;
	left: calc(50% - 5px);
	top: 0
}

.vc-status-offline .offline-status.mobile-relative>.tooltip-inner,
.vc-status-offline .offline-status>.tooltip-inner {
	background-color: #3b3b3b;
	border-radius: 12px;
	color: #fff;
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
	line-height: 18px;
	max-width: 100%;
	padding: 12px;
	text-align: center
}

.vc-status-offline .offline-status.mobile-relative>.tooltip-inner .icon-megaphone-bold,
.vc-status-offline .offline-status>.tooltip-inner .icon-megaphone-bold {
	fill: #fff;
	height: 15px;
	margin-bottom: 2px;
	margin-right: 9px;
	width: 15px
}

.vc-status-offline .offline-status-time {
	color: #f8f8f8;
	margin-top: 8px;
	opacity: .6;
	font-size: .875rem
}

.vc-status-offline .private-and-start-chatting {
	display: flex;
	justify-content: center
}

.vc-status-offline .private-and-start-chatting-card {
	align-items: center;
	background: #474747;
	border-radius: 12px;
	display: flex;
	flex: none;
	flex-direction: column;
	flex-grow: 0;
	justify-content: center;
	left: 0;
	margin-top: 14px;
	order: 0;
	padding: 16px;
	position: static;
	top: 0;
	width: 260px
}

.vc-status-offline .private-and-start-chatting-card .private-and-start-chatting-title {
	color: #fff;
	font-size: 17px;
	font-weight: 500;
	line-height: 22px;
	margin-bottom: 16px;
	text-align: center
}

.vc-status-offline .private-and-start-chatting-card .private-and-start-chatting-body {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	margin-bottom: 16px;
	opacity: .8;
	text-align: center
}

.vc-status-offline .private-and-start-chatting-card.single {
	min-width: 332px
}

.vc-status-offline .private-and-start-chatting-card.single .private-and-start-chatting-body,
.vc-status-offline .private-and-start-chatting-card.single .private-and-start-chatting-title {
	margin-bottom: 24px
}

.vc-status-offline .private-and-start-chatting-card+.private-and-start-chatting-card {
	margin-left: 16px
}

.vc-status-offline .private-and-start-chatting-button {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	margin-top: auto;
	min-width: 167px
}

.vc-status-offline .private-and-start-chatting-button .btn {
	height: 40px
}

.vc-status-offline .vc-status-offline-bottom {
	margin-top: 22px
}

.vc-status-offline .vc-status-next-broadcast .schedule-next-informer {
	margin: 0
}

.vc-status-offline .vc-status-subscribe {
	display: flex;
	justify-content: center;
	margin-top: 12px
}

.vc-status-offline .vc-status-avatar-container {
	align-items: center;
	display: flex;
	flex-direction: column;
	position: relative
}

.vc-status-offline .vc-status-avatar-container.avatar-hidden .availability-status {
	position: relative
}

.vc-status-offline .vc-status-avatar-container.avatar-hidden .vc-status-offline-avatar {
	display: none
}

.vc-status-offline .vc-status-offline-avatar {
	flex-shrink: 0;
	height: 90px;
	width: 90px
}

.vc-status-offline .availability-status {
	align-items: center;
	border-radius: 5px;
	bottom: 0;
	box-shadow: 0 0 22px rgba(0, 0, 0, .38);
	color: #101010;
	display: flex;
	font-size: 11px;
	font-weight: 700;
	height: 22px;
	justify-content: center;
	line-height: 14px;
	min-width: 63px;
	padding: 4px 8px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap
}

.vc-status-offline .availability-status.available {
	background: #feb601
}

.vc-status-offline .availability-status.offline {
	background: #fff
}

.vc-status-offline .private-and-start-chatting-mobile-title {
	display: none
}

.vc-status-offline__button-divider {
	align-self: center;
	background: rgba(255, 255, 255, .4);
	height: 15px;
	margin: 0 16px;
	width: 1px
}

.view-cam .view-cam-room-nav {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 4
}

.view-cam .view-cam-room-nav .page-button {
	border-color: rgba(255, 255, 255, .4)
}

.view-cam .view-cam-room-nav .icon {
	fill: rgba(255, 255, 255, 0.4)
}

.view-cam>.wrapper {
	box-shadow: none;
	display: flex;
	flex-direction: row
}

.view-cam>.wrapper .main {
	position: relative;
	width: 100%
}

.view-cam,
.view-cam>.wrapper>.strut {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative
}

.view-cam .player.player-wrapper.view-cam_bg-player,
.view-cam>.wrapper>.strut .player.player-wrapper.view-cam_bg-player {
	height: 100% !important;
	position: absolute
}

.view-cam .player.player-wrapper.view-cam_bg-player .loader,
.view-cam .player.player-wrapper.view-cam_bg-player .play-button,
.view-cam .player.player-wrapper.view-cam_bg-player .watermark,
.view-cam>.wrapper>.strut .player.player-wrapper.view-cam_bg-player .loader,
.view-cam>.wrapper>.strut .player.player-wrapper.view-cam_bg-player .play-button,
.view-cam>.wrapper>.strut .player.player-wrapper.view-cam_bg-player .watermark {
	display: none
}

.view-cam .player.player-wrapper.view-cam_bg-player .video-element,
.view-cam>.wrapper>.strut .player.player-wrapper.view-cam_bg-player .video-element {
	-o-object-fit: cover;
	object-fit: cover
}

.view-cam .poster,
.view-cam>.wrapper>.strut .poster {
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	width: 100%
}

.view-cam .poster.big-height,
.view-cam>.wrapper>.strut .poster.big-height {
	position: relative
}

.view-cam .poster.above-background-video,
.view-cam>.wrapper>.strut .poster.above-background-video {
	z-index: 106
}

.view-cam .poster.above-background-video+.player.player-wrapper,
.view-cam>.wrapper>.strut .poster.above-background-video+.player.player-wrapper {
	height: 100% !important;
	position: absolute;
	top: 0
}

.view-cam .poster.above-background-video .backdrop,
.view-cam>.wrapper>.strut .poster.above-background-video .backdrop {
	opacity: .75
}

.view-cam .poster .subscribe-button,
.view-cam>.wrapper>.strut .poster .subscribe-button {
	border: none
}

@supports (filter:brightness(0.25) blur(1px)) {

	.view-cam .poster .backdrop:not(.prevent-dark):not(.blur),
	.view-cam>.wrapper>.strut .poster .backdrop:not(.prevent-dark):not(.blur) {
		filter: brightness(.25) blur(1px)
	}

	.view-cam .poster .backdrop:not(.prevent-dark):not(.blur)::before,
	.view-cam>.wrapper>.strut .poster .backdrop:not(.prevent-dark):not(.blur)::before {
		display: none
	}
}

.view-cam .poster .clock-wrapper,
.view-cam>.wrapper>.strut .poster .clock-wrapper {
	margin-bottom: 30px;
	z-index: 1
}

.view-cam .poster .clock-wrapper .icon-time-clock,
.view-cam>.wrapper>.strut .poster .clock-wrapper .icon-time-clock {
	height: 100px;
	width: 100px
}

.view-cam .backdrop,
.view-cam>.wrapper>.strut .backdrop {
	background-color: #303133;
	background-position: center;
	background-size: cover;
	bottom: -3px;
	left: -3px;
	position: absolute;
	right: -3px;
	top: -3px;
	z-index: 0
}

.view-cam .backdrop::before,
.view-cam>.wrapper>.strut .backdrop::before {
	background: #000;
	content: " ";
	height: 100%;
	left: 0;
	opacity: .75;
	position: absolute;
	top: 0;
	width: 100%
}

.view-cam .backdrop.blur,
.view-cam>.wrapper>.strut .backdrop.blur {
	filter: brightness(.4) blur(45px)
}

.view-cam .backdrop.prevent-dark::before,
.view-cam>.wrapper>.strut .backdrop.prevent-dark::before {
	display: none
}

.view-cam .backdrop.non-nude-cover,
.view-cam>.wrapper>.strut .backdrop.non-nude-cover {
	background: url(non-nude-cover-placeholder.svg) center/contain no-repeat, #eee
}

.view-cam__non-nude-shutter {
	width: 100%
}

.view-cam-watching-limit {
	align-items: center;
	background: rgba(2, 2, 2, .85);
	height: 100%;
	justify-content: center;
	padding: 10px;
	position: absolute;
	width: 100%;
	z-index: 114;
	display: flex;
	flex-direction: column;
	transition: 120ms ease-in-out
}

.view-cam-watching-limit .btn-accept {
	padding: 0 30px
}

.view-cam-watching-limit .watching-limit-features {
	align-items: center;
	background-color: rgba(244, 244, 244, .1);
	border-radius: 30px;
	color: rgba(255, 255, 255, .7);
	cursor: pointer;
	justify-content: space-between;
	margin-bottom: 30px;
	padding: 10px 20px;
	display: flex;
	flex-direction: row;
	font-size: .813rem;
	line-height: 1.75rem
}

.view-cam-watching-limit .watching-limit-features .watching-limit-feature {
	align-items: center;
	margin: 0 10px;
	display: flex;
	flex-direction: row
}

.view-cam-watching-limit .watching-limit-features .icon {
	fill: rgba(255, 255, 255, 0.7);
	margin-right: 10px
}

.view-cam-watching-limit .watching-limit-title {
	color: #fa5365;
	color: var(--primary-light);
	font-weight: 700;
	margin-bottom: 20px;
	max-width: 600px;
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.75rem
}

.view-cam-watching-limit .watching-limit-description {
	color: #fff;
	margin-bottom: 20px;
	max-width: 600px;
	opacity: .7;
	text-align: center;
	font-size: 1rem;
	line-height: 1.75rem
}

.ViewCamWrapper__videoLayout\#EP {
	display: flex;
	flex-direction: column
}

.ViewCamWrapper__videoLayout\#EP .ViewCamWrapper__video\#XY {
	display: flex;
	flex-direction: column;
	position: relative
}

.ViewCamWrapper__videoLayout\#EP .vc-status,
.ViewCamWrapper__videoLayout\#EP .view-cam-resizer-player {
	height: 100%;
	width: 100%
}

.ViewCamWrapper__videoLayout\#EP .vc-status {
	flex: 1
}

.ViewCamWrapper__videoLayout\#EP .non-nude-shutter-background,
.ViewCamWrapper__videoLayout\#EP .poster {
	align-items: center;
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: center
}

.view-cam-model-tags {
	color: #8d8d8d;
	margin-bottom: 40px
}

.view-cam-model-tags-title {
	font-weight: 400;
	margin-bottom: 20px;
	font-size: 1.125rem
}

.view-cam-model-tags-title .link {
	color: #f8f8f8
}

.view-cam-model-tags-specials {
	margin-top: 20px
}

.view-cam-model-tags-group {
	margin-bottom: 10px
}

.view-cam-model-tags-group-title {
	font-size: .75rem;
	margin: 8px 12px 0 0
}

.view-cam-model-tags-group-title-mobile {
	font-size: .75rem;
	display: none;
	margin: 0 0 10px
}

.banned-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 35px 0 108px;
	max-width: 100%;
	text-align: center
}

.banned-container .icon {
	color: #f8f8f8;
	height: 93px;
	width: 90px
}

.banned-container .icon .svg-account-blocked-head {
	fill: url(#dark_head_gradient)
}

.banned-container .icon .svg-account-blocked-body {
	fill: url(#dark_body_gradient)
}

.banned-container .icon .svg-account-blocked-sign {
	fill: url(#sign_gradient)
}

.banned-container .banned-container-title {
	color: #f8f8f8;
	margin-top: 6px;
	font-size: 1.5rem;
	line-height: 1.813rem
}

.banned-container .banned-container-description {
	color: #f0f0f0;
	margin-top: 19px;
	max-width: 520px;
	width: 100%;
	font-size: .938rem;
	line-height: 1.313rem
}

.banned-container .banned-container-description__highlight {
	color: #ecd141
}

.banned-container_geo .banned-container-title {
	margin-top: 10px
}

:root {
	--viewcam-max-width: calc(100vw - 28px)
}

#body>.viewcampage {
	height: 100%
}

#body>.viewcampage .page>.page-error {
	margin-top: 100px;
	text-align: center
}

#body>.viewcampage>.wrapper {
	background-color: rgba(24, 24, 24, .5) !important;
	min-height: 300px
}

#body>.viewcampage .view-cam-page-wrapper.theatre-mode {
	margin-bottom: auto;
	margin-top: auto
}

#body>.viewcampage .view-cam-page-wrapper.theatre-mode .view-cam-page .page,
#body>.viewcampage .view-cam-page-wrapper.theatre-mode .view-cam-page-main {
	max-width: 100vw;
	width: 100vw
}

#body>.viewcampage .view-cam-page-wrapper.theatre-mode .view-cam-page .page {
	padding-bottom: 0
}

#body.shaded .view-cam-page-wrapper .profile-wrapper {
	background: #0d0d0d;
	border-top: 1px solid #0d0d0d
}

#body.shaded .view-cam-page-wrapper .profile-wrapper .profile-header {
	color: #fff
}

#body.shaded .view-cam-page-wrapper .profile-wrapper .icon-wrapper .icon {
	fill: #fff
}

#body.shaded .header-email-verification-warning,
#body.shaded .user-level-notification {
	filter: brightness(15%);
	pointer-events: none
}

.view-cam-page .view-cam-page-main {
    display: flex;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
    gap: 15px;
}

.view-cam-page .view-cam-page-main.theatre-mode {
	margin-bottom: 0;
	margin-top: 0
}

.view-cam-page .view-cam-page-main.theatre-mode .chat {
	padding-right: 0
}

.view-cam-page .view-cam-page-main.widescreen-container {
	padding-left: 0;
	padding-right: 0
}

.view-cam-page .view-cam-page-main .video {
	position: relative
}

.view-cam-page .view-cam-container .loader-wrapper {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}

.view-cam-page .view-cam-container .loader-wrapper .loader {
	position: relative
}

.view-cam-page .view-cam-container .loader-wrapper .loader-wrapper-message {
	font-size: 14px;
	line-height: 19px;
	opacity: .5;
	text-align: center
}

.view-cam-page-wrapper .profile-wrapper {
	background: #000;
	border-top: 1px solid rgba(255, 255, 255, .05)
}

.view-cam-page-wrapper .profile-wrapper .page {
	padding-bottom: 10px
}

.view-cam-page-wrapper .profile-wrapper .profile-header {
	align-items: flex-start;
	color: #f8f8f8;
	display: flex;
	justify-content: flex-end;
	margin-bottom: 10px;
	padding-top: 14px
}

.view-cam-page-wrapper .profile-wrapper .profile-header .icon-wrapper {
	background: rgba(255, 255, 255, .1);
	border-radius: 4px;
	cursor: pointer;
	display: block;
	float: right;
	padding: 10px
}

.view-cam-page-wrapper .profile-wrapper .profile-header .icon-wrapper .icon {
	color: #606060;
	margin: 0
}

.view-cam-page-wrapper .profile-wrapper .bottom-close {
	cursor: pointer;
	display: block;
	margin: 0 auto 30px;
	width: 50px
}

.view-cam-page-wrapper .profile-wrapper .bottom-close .icon {
	fill: #646464;
	margin-right: 0
}

.viewcam-page-traffic-star {
	margin-top: -6px;
	padding-bottom: 12px
}

@media screen and (min-width:375px) {
	.view-cam-controls .view-cam-controls__private-btn--with-icon {
		padding-right: 12px
	}
}

@media screen and (min-width:480px) {

	.add-to-favorite-control .add-to-favorite-control__favorite-icon--mobile,
	.favorite-control__mobile {
		display: none
	}

	.view-cam-controls .group-show-btn>.icon {
		display: block
	}

	.view-cam .view-cam-room-nav {
		display: none
	}
}

@media screen and (min-width:640px) {
	.vc-status-hint {
		background: rgba(255, 255, 255, .07);
		padding: 16px 20px;
		font-size: .813rem
	}

	.vc-status .vc-status-body {
		padding: 0 0 24px
	}

	.vc-status .vc-status-heading-text {
		margin: 0;
		padding: 10px 0 0;
		font-size: 1.5rem
	}

	.vc-status .vc-status-body-text {
		max-width: 60%;
		padding: 13px 0 0;
		font-size: 1rem;
		line-height: 1.813rem
	}

	.vc-status .vc-status-footer {
		align-self: center;
		margin: 0 0 36px;
		max-width: 90%
	}

	.vc-status .vc-status-private-btn {
		font-weight: 700;
		font-size: 1rem
	}

	.vc-status .vc-status-private-btn-icon {
		display: inline-block
	}

	.vc-status.status-group .vc-status-body-text {
		margin: 20px 0
	}

	.vc-status.status-group .vc-status-controls .icon {
		display: inline-block
	}
}

@media screen and (min-width:1024px) {

	.view-cam-controls .chat-actions,
	.view-cam-controls .chat-actions-wrapper {
		display: none
	}

	.view-cam-controls .view-cam-buttons-wrapper {
		order: 1
	}

	.view-cam-controls .button-text-l-min {
		display: inline
	}

	.view-cam-controls .button-text-m-max {
		display: none
	}

	.ViewCamWrapper\#p6.ViewCamWrapper__theatreMode\#fV.ViewCamWrapper__theatreMode\#fV.ViewCamWrapper__theatreMode\#fV {
		height: 100%;
		margin: 0;
		position: fixed;
		top: 0;
		width: 100%
	}

	.ViewCamWrapper\#p6.ViewCamWrapper__theatreMode\#fV.ViewCamWrapper__theatreMode\#fV.ViewCamWrapper__theatreMode\#fV .ViewCamWrapper__videoLayout\#EP {
		height: 100%;
		width: calc(100% - 446px)
	}

	.ViewCamWrapper\#p6.ViewCamWrapper__theatreMode\#fV.ViewCamWrapper__theatreMode\#fV.ViewCamWrapper__theatreMode\#fV .ViewCamWrapper__chatLayout\#HW .ViewCamWrapper__chat\#Fq,
	.ViewCamWrapper\#p6.ViewCamWrapper__theatreMode\#fV.ViewCamWrapper__theatreMode\#fV.ViewCamWrapper__theatreMode\#fV .ViewCamWrapper__videoLayout\#EP .ViewCamWrapper__video\#XY {
		flex: 1;
		max-height: unset
	}

	.ViewCamWrapper\#p6 .ViewCamWrapper__chatLayout\#HW,
	.ViewCamWrapper\#p6 .ViewCamWrapper__chatLayout\#HW .ViewCamWrapper__chat\#Fq,
	.ViewCamWrapper\#p6 .ViewCamWrapper__videoLayout\#EP,
	.ViewCamWrapper\#p6 .ViewCamWrapper__videoLayout\#EP .ViewCamWrapper__video\#XY {
		transition: width .2s, height .2s;
	}

	.ViewCamWrapper__videoLayout\#EP {
		--max-height: calc(100vh - 256px);
		--max-width: calc(100vw - 446px)
	}

	@supports (height:100svh) {
		.ViewCamWrapper__videoLayout\#EP {
			--max-height: calc(100svh - 256px)
		}
	}

	@supports (height:100dvw) {
		.ViewCamWrapper__videoLayout\#EP {
			--max-width: calc(100dvw - 446px)
		}
	}

	.ViewCamWrapper\#p6:not(.ViewCamWrapper__vertical\#AV) .ViewCamWrapper__videoLayout\#EP {
		max-width: calc(100% - 640px);
		min-width: 640px;
		width: calc(var(--max-height) * var(--aspect-ratio))
	}

	.ViewCamWrapper\#p6:not(.ViewCamWrapper__vertical\#AV) .ViewCamWrapper__videoLayout\#EP .ViewCamWrapper__video\#XY {
		height: var(--max-height);
		max-height: calc((calc(100vw - 28px) - 446px)/ var(--aspect-ratio));
		max-height: calc((var(--viewcam-max-width) - 446px)/ var(--aspect-ratio));
		min-height: calc(550px / var(--aspect-ratio));
		width: 100%
	}

	.ViewCamWrapper\#p6.ViewCamWrapper__vertical\#AV .ViewCamWrapper__videoLayout\#EP {
		max-width: calc(calc(100vw - 28px) - 446px);
		max-width: calc(var(--viewcam-max-width) - 446px);
		min-width: 590px;
		width: calc(var(--max-height) * 1.333)
	}

	.ViewCamWrapper\#p6.ViewCamWrapper__vertical\#AV .ViewCamWrapper__videoLayout\#EP .ViewCamWrapper__video\#XY {
		height: var(--max-height);
		max-height: calc((calc(100vw - 28px) - 446px)/ 1.333);
		max-height: calc((var(--viewcam-max-width) - 446px)/ 1.333);
		min-height: calc(590px / 1.333);
		width: 100%
	}

	#body>.viewcampage .view-cam-container .page {
		max-width: calc(100vw - 28px);
		max-width: var(--viewcam-max-width);
		padding: 0 !important
	}

	#body>.viewcampage .view-cam-container .view-cam-header-sub .container {
		max-width: calc(100vw - 28px);
		max-width: var(--viewcam-max-width);
		padding: 0
	}

	.view-cam-page .view-cam-container .view-cam-page-main {
		max-width: calc(100vw - 28px);
		max-width: var(--viewcam-max-width);
		width: calc(calc(100vw - 28px) * 1.6 + 400px);
		width: calc(var(--viewcam-max-width) * 1.6 + 400px)
	}
}

@media screen and (min-width:1024px) and (max-aspect-ratio:16/9) {
	.ViewCamWrapper\#p6:not(.ViewCamWrapper__vertical\#AV) .ViewCamWrapper__videoLayout\#EP {
		width: var(--max-width)
	}

	.ViewCamWrapper\#p6:not(.ViewCamWrapper__vertical\#AV) .ViewCamWrapper__videoLayout\#EP .ViewCamWrapper__video\#XY {
		height: calc(var(--max-width)/ var(--aspect-ratio))
	}

	.ViewCamWrapper\#p6:not(.ViewCamWrapper__vertical\#AV) .ViewCamWrapper__chatLayout\#HW.ViewCamWrapper__chatLayout\#HW .ViewCamWrapper__chat\#Fq {
		height: calc(var(--max-chat-width)/ var(--aspect-ratio) + 60px)
	}
}

@media screen and (min-width:1281px) {
	#body>.viewcampage .view-cam-page-wrapper.theatre-mode .view-cam-container {
		--viewcam-max-width: 100vw
	}
}

@media screen and (min-width:1366px) {
	.vc-status .vc-status-heading-icon {
		height: 70px;
		width: 70px
	}
}

@media screen and (min-width:1600px) {
	.vc-status .vc-status-heading-icon {
		height: 85px;
		width: 85px
	}

	.vc-status .vc-status-heading-text {
		margin: 0;
		padding: 28px 0 0;
		font-size: 1.75rem
	}

	.vc-status .vc-status-body-text {
		padding: 27px 0 0;
		font-size: 1.25rem;
		line-height: 1.813rem
	}

	.vc-status .vc-status-footer {
		margin: 0 0 50px
	}

	.view-cam-page .view-cam-container .view-cam-page-main {
		max-width: 100%;
		width: 100%
	}
}

@media screen and (min-width:1948px) {
	#body>.viewcampage .view-cam-container {
		--viewcam-max-width: 1920px
	}

	#body>.viewcampage .view-cam-container .page,
	#body>.viewcampage .view-cam-container .view-cam-header-sub .container {
		max-width: 1920px
	}
}

@media screen and (min-width:2041px) {
	.view-cam-page .view-cam-container .view-cam-page-main {
		min-width: 1920px
	}
}

@media screen and (min-width:2561px) {
	.view-cam-page .view-cam-container .view-cam-page-main {
		max-width: 1920px;
		min-width: 1920px
	}
}

@media screen and (max-width:1599px) {

	.view-cam .poster .clock-wrapper .icon-time-clock,
	.view-cam>.wrapper>.strut .poster .clock-wrapper .icon-time-clock {
		height: 80px;
		width: 80px
	}
}

@media screen and (max-width:1365px) {
	.view-cam-controls .view-cam-buttons-wrapper>* {
		margin-left: 14px
	}

	.view-cam-controls .button-text-short {
		display: none
	}

	.view-cam-controls .button-text-xs-short {
		display: inline
	}

	.view-cam-controls .button-text {
		display: none
	}
}

@media screen and (max-height:900px) {
	.view-cam .main.hd .vc-status-footer {
		display: none
	}
}

@media screen and (max-height:700px) {
	.one-click-recharge-wrapper .one-click-recharge-layer-right .btn.btn-apply-alter2 {
		padding: 0 16px
	}

	.one-click-recharge-wrapper .one-click-recharge-icon {
		display: none
	}
}

@media (orientation:landscape) {

	html.ios-fullscreen,
	html.ios-fullscreen body {
		height: calc(100vh + 150px)
	}
}

@media (pointer:fine) {

	.one-click-recharge-layer-right .btn.one-click-recharge-close-btn.hover,
	.one-click-recharge-layer-right .btn.one-click-recharge-close-btn:hover {
		background: 0 0;
		color: rgba(255, 255, 255, .8)
	}

	.one-click-recharge-layer-right .btn.one-click-recharge-close-btn.hover>.icon,
	.one-click-recharge-layer-right .btn.one-click-recharge-close-btn:hover>.icon {
		fill: rgba(255, 255, 255, 0.8)
	}

	.view-cam-controls .btn-apply-alter.hover,
	.view-cam-controls .btn-apply-alter:hover {
		background: #fff;
		color: #000
	}

	.view-cam-controls .btn-apply-alter.hover>.icon,
	.view-cam-controls .btn-apply-alter:hover>.icon {
		fill: black
	}

	.request-private-button .btn.hover,
	.request-private-button .btn:hover {
		background: #fbc932;
		color: #101010
	}

	.request-private-button .btn.hover>.icon,
	.request-private-button .btn:hover>.icon {
		fill: #101010
	}
}