:root{
	--ipano-viewer-font-family: inherit;
	--ipano-viewer-font-weight: 400;
	--ipano-viewer-font-size-adjust: 1;
	--ipano-viewer-text-color: #ffffff;
}
[v-cloak]{
	display: none !important;
}
.blurring.dimmable>.inverted.dimmer {
    background: rgba(255,255,255,1) !important;
}

.level_hr {
    border: none;         /* Убираем стандартную рамку */
    height: 2px;          /* Толщина линии */
    background: #333;     /* Цвет линии */
    position: absolute;
    top: 50%;
    left: 0%;
    width: 100%;
    margin:0px;
    padding: 0px;
    transform: translate(0,-50%);
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.7);
  }

.level_grid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image:
      linear-gradient(to right, rgba(0, 0, 0, 0.35) 1px, transparent 1px),
      linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 1px, transparent 1px);
    background-size: 20% 20%;
    box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.5);
}

  #slider_hroll .track-fill {
  background: transparent !important;
}

#slider_hroll2 .track-fill {
  background: transparent !important;
}

.message_red{
	color: #DB2828 !important;
}
.message_green{
	color: #21BA45 !important;
}

.c_hand{
	cursor: pointer;
}

#projects_app {
	margin-top: 60px;
}
.pano-status {
	display: inline-flex;
	align-items: center;
	margin-left: 8px;
	min-width: 250px;
}
.pano-status-loading {
	background-image: linear-gradient(90deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.85) 50%, rgba(0,0,0,0.35) 100%);
	background-size: 200% 100%;
	background-position: 200% 0;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	animation: pano-status-shimmer 2.4s linear infinite;
}
@keyframes pano-status-shimmer {
	0% { background-position: 200% 0; }
	100% { background-position: -200% 0; }
}
.pano-upload-dropzone.is-dragover {
	border: 2px dashed #21ba45;
	background: rgba(33, 186, 69, 0.08);
}
.pano-upload-dropzone,
.pano-upload-dropzone * {
	cursor: pointer !important;
}
.pano-list-thumb{
	border-radius: 8px;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center center;
}
.pano-top-actions{
	display:flex;
	align-items:center;
	gap:8px;
	flex-wrap:nowrap;
}
.pano-top-actions-left,
.pano-top-actions-right{
	flex:1 1 50%;
	min-width:0;
	display:flex;
	align-items:center;
}
.pano-top-actions-left{
	justify-content:flex-start;
	gap:8px;
	flex-wrap:nowrap;
}
.pano-top-actions-right{
	justify-content:flex-end;
}
.pano-top-actions .ui.button{
	margin:0 !important;
	white-space:nowrap;
	max-width:100%;
	display:inline-flex;
	align-items:center;
}
.project-extra-actions{
	margin-top:14px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
}
.project-extra-actions .ui.button{
	margin:0 !important;
}

#pano{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#pano.editor-place-pending{
	cursor: crosshair;
}
#pano.editor-place-pending .pnlm-dragfix,
#pano.editor-place-pending .pnlm-render-container,
#pano.editor-place-pending .pnlm-ui,
#pano.editor-place-pending .pnlm-hotspot-base,
#pano.editor-place-pending canvas{
	cursor: inherit !important;
}
#pano.editor-place-cursor-link{
	cursor: alias;
}
#pano.editor-place-cursor-media{
	cursor: copy;
}
#pano.editor-place-cursor-interactive{
	cursor: crosshair;
}
.editor-place-message{
	background: rgba(0,0,0,0.72) !important;
	color: #fff !important;
	border: 1px solid rgba(255,255,255,0.2) !important;
	box-shadow: 0 8px 24px rgba(0,0,0,0.28) !important;
}
.editor-place-message-main{
	max-width: min(92vw, 680px);
	white-space: normal;
	position: relative;
	z-index: 12050 !important;
	pointer-events: auto;
	cursor: default !important;
}
.editor-place-message-main .ui.button{
	cursor: pointer !important;
}
#pano .ui.huge.breadcrumb{
	background: rgba(255, 255, 255, 0.5);
	padding: 6px 10px;
	border-radius: 6px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	display: inline-block;
}
.pnlm-controls-container{
	top: 100px !important;
}

.custom-hotspot-link {
          height: 1px;
          width: 1px;
          background-color: red;
          display: block;
          
}
.hotspot-draggable {
	cursor: move !important;
	touch-action: none;
	display: inline-block;
}
.hotspot-dragging {
	cursor: move !important;
}
.cnt {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.cnt.icon-anchor-top-left {
	transform: translate(0, 0);
}
.cnt.icon-anchor-top {
	transform: translate(-50%, 0);
}
.cnt.icon-anchor-top-right {
	transform: translate(-100%, 0);
}
.cnt.icon-anchor-left {
	transform: translate(0, -50%);
}
.cnt.icon-anchor-center {
	transform: translate(-50%, -50%);
}
.cnt.icon-anchor-right {
	transform: translate(-100%, -50%);
}
.cnt.icon-anchor-bottom-left {
	transform: translate(0, -100%);
}
.cnt.icon-anchor-bottom {
	transform: translate(-50%, -100%);
}
.cnt.icon-anchor-bottom-right {
	transform: translate(-100%, -100%);
}
.hotspot-actions{
	position: absolute;
	top: -25px;
	right: -45px;
	z-index: 2;
}
.hotspot-actions .ui.button{
	padding: 4px !important;
	width: 18px;
	height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hotspot-actions .ui.button i{
	margin: 0;
}
.hotspot-settings,
.hotspot-go,
.hotspot-media-edit{
	cursor: pointer;
}

.note-modal-backdrop{display: none !important;}

.leaflet-control-attribution{display: none !important;}

.portal-settings {
  display: none;
}

.portal-settings.is-open {
  display: block;
}
.interactive-settings {
  display: none;
}

.interactive-settings.is-open {
  display: block;
}
.point-settings {
  display: none;
  width: min(260px, calc(100vw - 20px));
  max-width: calc(100vw - 20px);
  min-width: 0;
  box-sizing: border-box;
  overflow: visible;
  left: auto;
}
.point-settings.is-open {
  display: block;
}
.point-settings .point-form-compact .field{
  margin-bottom: .45em;
}
.point-settings .point-form-compact .field > label{
  margin-bottom: .2em;
}
.point-settings .ui.segment{
  max-height: none;
}
.point-settings .point-panel-shell{
  display: flex;
  flex-direction: column;
  max-height: none;
  min-height: auto;
}
.point-settings .point-form-scroll{
  flex: 1 1 auto;
  overflow-y: visible;
  overflow-x: visible;
  padding-right: 4px;
  padding-left: 2px;
  box-sizing: border-box;
  min-height: auto;
}
.point-settings .ui.selection.dropdown{
  max-width: 100%;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}
.point-settings .ui.selection.dropdown > .text{
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.point-settings .field{
  min-width: 0;
}
.point-settings .field[style*="display:flex"]{
  flex-wrap: wrap;
}
.point-settings .field > .ui.input,
.point-settings .field > select,
.point-settings .field > .ui.dropdown{
  max-width: 100%;
}
.ai-panel-fade-enter-active,
.ai-panel-fade-leave-active {
  transition: opacity .2s ease, transform .2s ease;
  transform-origin: top center;
}
.ai-panel-fade-enter,
.ai-panel-fade-leave-to {
  opacity: 0;
  transform: translateY(-6px);
}
.point-settings .point-form-footer{
  flex: 0 0 auto;
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid #dfe3e8;
  background: #fff;
  box-shadow: 0 -4px 10px -8px rgba(0,0,0,.28);
}
.point-preview-placeholder {
  background: #bfbfbf;
  box-sizing: border-box;
}
.point-preview-noborder .panoimg {
  padding: 0;
}
.point-preview-noborder .icon_img {
  background: transparent;
}



.icon_select{
  background: transparent !important;
  box-shadow: inset 0 0 0 2px rgba(128,128,128,.65) !important;
  border-radius: 0 !important;
}
.ui.mini.images .iconimage.icon_select{
  padding: 3px !important;
}
.ui.mini.images .iconimage{
	background: #f1f1f1;
	border-radius: 6px;
}
.mapicon{
	border-radius: 50%;
	  position: relative;
  overflow: hidden;
  border: 3px solid;
  border-color: white;
  width:71px;
  height: 71px;
  background-color: white;
}

.maptag{
	position: absolute;
	left:70px;
	top:-70px;
}

.mapdelete{
	position: absolute;
	left:-10px;
	top:-5px;
}

.minimap-content{
	display: flex;
	flex-direction: column;
	height: 100%;
}

.minimapmodal.ui.modal{
	overflow: hidden !important;
}

.minimapmodal.ui.modal > .content{
	max-height: calc(100vh - 180px) !important;
	height: calc(100vh - 180px) !important;
	overflow: hidden !important;
	display: flex;
	flex-direction: column;
	min-height: 0;
}

.minimap-toolbar{
	margin-bottom: 10px;
	padding: 8px 10px !important;
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
}
.minimap-extra-actions{
	display: flex;
	align-items: flex-end;
	gap: 6px;
}

.minimap-help{
	margin-left: 0;
	color: #666;
}

.minimap-stage{
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

#minimap_image_wrap{
	position: relative;
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
}

#minimap_image{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 6px;
}

.minimap-point-editor{
	position: absolute;
	transform: translate(-50%, -50%);
	touch-action: none;
	cursor: move;
}
.minimap-point-compass{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 108px;
	height: 108px;
	border-radius: 50%;
	overflow: hidden;
	transform: translate(-50%, -50%);
	box-shadow: none;
	background: transparent;
	cursor: ew-resize;
	z-index: 1;
}
.minimap-point-compass:active{
	cursor: ew-resize;
}
.minimap-point-compass img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	-webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,0,0,0.75) 70%, rgba(0,0,0,0.35) 100%);
	mask-image: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,0,0,0.75) 70%, rgba(0,0,0,0.35) 100%);
}
.minimap-point-compass-rotate-hint{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 54px;
	height: 21px;
	transform: translate(-50%, 37px);
	z-index: 3;
	pointer-events: none;
	filter: drop-shadow(0 1px 2px rgba(0,0,0,0.28));
}

.minimap-point-dot{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #2185d0;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 0 2px rgba(255,255,255,0.85);
	z-index: 5;
}

.minimap-point-delete{
	padding: 2px 4px !important;
	width: 24px !important;
	height: 24px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.minimap-point-compass-toggle{
	padding: 2px 4px !important;
	position: relative;
	z-index: 4;
	background: #ffffff !important;
	color: #1f2937 !important;
	border: 1px solid rgba(0,0,0,0.16) !important;
	width: 26px !important;
	height: 26px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.minimap-point-compass-toggle.is-off i{
	opacity: 0.8;
}
.minimap-point-actions{
	position: absolute;
	left: 50%;
	top: -18px;
	transform: translate(-50%, -100%);
	display: inline-flex;
	gap: 4px;
	z-index: 3;
}
.minimap-point-actions .button{
	opacity: 0.6;
}
.minimap-click-hint{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 8px 12px;
	border-radius: 6px;
	background: rgba(0,0,0,0.62);
	color: #fff;
	font-size: 12px;
	line-height: 1.35;
	text-align: center;
	max-width: min(80%, 520px);
	pointer-events: none;
	z-index: 1;
}

.minimap-preview{
	position: relative;
	display: inline-block;
	max-width: 320px;
	max-height: 200px;
}

.minimap-preview img{
	display: block;
	max-width: 100%;
	max-height: 200px;
	border-radius: 6px;
}

.minimap-preview-points{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.minimap-preview-point{
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	background: #2185d0;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.85);
}
.minimap-cards-list{
	align-items: flex-start !important;
}
.minimap-cards-list > .card{
	height: auto !important;
	align-self: flex-start !important;
}
.minimap-cards-list > .card > .image{
	width: fit-content;
}

.new_html.ui.modal{
	max-height: 90vh;
	overflow: visible;
}

.new_html.ui.modal > .content{
	max-height: calc(90vh - 140px);
	overflow-y: visible;
}

.new_html.ui.modal .media-link-project-dropdown{
	position: relative;
	z-index: 5;
}

.new_html.ui.modal .media-link-project-dropdown > .menu{
	z-index: 10050 !important;
}

.new_html.ui.modal .note-editor .note-editing-area{
	max-height: 40vh;
}

.project-text-editor-compact .note-toolbar,
.summernote-compact .note-toolbar{
	padding: 6px 4px;
}

.project-text-editor-compact .note-btn-group,
.summernote-compact .note-btn-group{
	margin-right: 4px;
}

.project-text-editor-compact .note-btn,
.summernote-compact .note-btn{
	padding: 3px 7px;
	font-size: 12px;
	line-height: 1.2;
}

.project-text-editor-compact .note-editing-area .note-editable,
.summernote-compact .note-editing-area .note-editable{
	min-height: 100px;
	padding: 8px;
}

#account_app_modal .account-settings-compact-form .field{
	margin-bottom: 0.8rem;
}

#account_app_modal .account-settings-compact-form .field > label{
	margin-bottom: 0.35rem;
	font-size: 0.9rem;
}

#account_app_modal .account-settings-compact-form input[type="text"]{
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}

.menu-settings-table .menu-settings-thumb{
	width: 48px;
	height: 32px;
	object-fit: cover;
	border-radius: 3px;
	margin-right: 0;
	vertical-align: middle;
	flex: 0 0 auto;
}
.menu-settings-table{
	width: 100%;
	max-width: 100%;
	table-layout: auto;
}
.menu-settings-table .menu-actions-col{
	width: 56px;
	white-space: nowrap;
}
.menu-settings-table .menu-main-cell{
	min-width: 0;
	max-width: 0;
	overflow: hidden;
}
.menu-settings-table .menu-main-line{
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}
.menu-settings-table .menu-main-title{
	flex: 1 1 auto;
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.menu-tree .tree-title{
	padding: 6px 8px;
}

.menu-tree .tree-title:hover{
	background: rgba(0,0,0,0.04);
}

.menu-tree .tree-title.tree-has-children .tree-label:before{
	content: "⤷";
	display: inline-block;
	margin-right: 6px;
	color: #9aa0a6;
}

.menu-tree .tree-row{
	display: flex;
	align-items: center;
	gap: 8px;
}

.menu-tree .tree-label{
	flex: 1 1 auto;
	min-width: 0;
	font-weight: 500;
}

.menu-tree .tree-thumb{
	width: 28px !important;
	height: 28px !important;
	border-radius: 4px;
	object-fit: cover;
}

.menu-tree .tree-actions{
	display: flex;
	align-items: center;
	gap: 6px;
}

.menu-tree .tree-actions .button{
	padding: 4px 6px !important;
}

.menu-tree .tree-content{
	padding: 6px 0 6px 16px;
}

.menu-tree .tree-drag-handle{
	color: #9aa0a6;
	cursor: grab;
}

.menu-tree .tree-title.tree-dragging{
	opacity: 0.6;
}

.menu-tree .tree-title.tree-drop-target{
	background: rgba(33,133,208,0.08);
}

.menu-tree .tree-content .tree-row{
	padding-left: 12px;
}

.menu-tree .tree-content .tree-content .tree-row{
	padding-left: 24px;
}

.menu-tree .tree-content .tree-content .tree-content .tree-row{
	padding-left: 36px;
}

.menu-settings-table .menu-settings-row{
	cursor: grab;
}

.menu-settings-table .menu-settings-row:active{
	cursor: grabbing;
}
.menu-settings-table .menu-settings-row.menu-touch-dragging{
	opacity: 0.65;
	background: rgba(33,133,208,0.08);
}
.menu-settings-table .menu-settings-row.menu-drop-source{
	opacity: 0.6;
}
.menu-settings-table .menu-settings-row.menu-drop-target{
	background: rgba(33, 133, 208, 0.12);
	box-shadow: inset 0 0 0 2px rgba(33, 133, 208, 0.45);
}
@media (max-width: 767px){
	.menu-add-btn .menu-add-btn-text{
		display: none;
	}
	.menu-add-btn .icon{
		margin-right: 0 !important;
	}
}

.panoimg{
	width:32px;
	height: 32px;
	padding: 3px;
	border-radius: 50%;
	box-sizing: border-box;
	-webkit-user-drag: none;
	user-select: none;
	display: block;
}
.icon_img{
	width:32px;
	padding:3px;
	border-radius: 50%;
	display: block;
}
.icon_img.icon-no-limit,
.panoimg.icon-no-limit{
	width: auto !important;
	height: auto !important;
	max-width: none !important;
	max-height: none !important;
}
.icon_img.nb,
.panoimg.nb{
	width: auto !important;
	height: auto !important;
	max-width: 32px !important;
	max-height: 32px !important;
	object-fit: contain;
}
.theme_red{
	background: #db2828;
}
.theme_blue{
	background: #2185d0;
}
.theme_green{
	background: #21ba45;
}
.theme_yellow{
	background: #fbbd08;
}
.theme_black{
	background: #000;
}
.theme_white{
	background: #fff;
}
.icontype_square{
	border-radius: 0%;
}
.nb{
	background: transparent !important;
	border-radius: 0% !important;
	padding: 0 !important;
}
.surface-icon-item .icon_img.surface-live-gif{
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	padding: 0 !important;
	border-radius: 0 !important;
	object-fit: fill !important;
	display: block !important;
	background: transparent !important;
}
.surface-icon-item .surface-corner-handle{
	position: absolute;
	width: 12px;
	height: 12px;
	margin-left: -6px;
	margin-top: -6px;
	border-radius: 50%;
	background: #21ba45;
	border: 2px solid #fff;
	box-sizing: border-box;
	display: none;
	pointer-events: auto;
	cursor: pointer;
	z-index: 5;
}
.surface-icon-item.surface-quad-editing .surface-corner-handle{
	display: block;
}
.surface-icon-item .surface-corner-handle.corner-0{ left: 0; top: 0; }
.surface-icon-item .surface-corner-handle.corner-1{ left: 100%; top: 0; }
.surface-icon-item .surface-corner-handle.corner-2{ left: 100%; top: 100%; }
.surface-icon-item .surface-corner-handle.corner-3{ left: 0; top: 100%; }
.icon_text{
	color: var(--ipano-viewer-text-color, #ffffff);
	text-decoration: none;
	text-align: center;
	position: absolute;
	width: 128px;
	margin-left: -45px;
	margin-top: -3px;
	text-shadow: #000 1px 0 5px;
	line-height: 1;
	pointer-events: none;
}
#panorama .icon_text,
#panorama .surface-icon-label,
.pnlm-container .icon_text,
.pnlm-container .surface-icon-label{
	color: var(--ipano-viewer-text-color, #ffffff) !important;
	font-family: var(--ipano-viewer-font-family) !important;
	font-weight: var(--ipano-viewer-font-weight) !important;
	font-size: calc(16px * var(--ipano-viewer-font-size-adjust, 1)) !important;
}
.point-preview-label.icon_text{
	color: #bfbfbf;
	text-shadow: none;
}
.point-preview-label.icon_text.is-ready{
  color: #fff;
  text-shadow: #000 1px 0 5px;
}
.icon-segment{
  position: relative;
  padding: 0 !important;
  overflow: visible;
  margin-top: 4px !important;
}
.icon-segment-actions{
  display: flex;
  gap: 3px;
  padding: 3px;
  border-bottom: 1px solid #e8e8e8;
  background: #fafafa;
}
.icon-segment .icon-add-btn{
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 2;
  cursor: pointer;
}
.icon-segment .icon-library-btn{
  position: absolute;
  top: 6px;
  right: 38px;
  z-index: 2;
  cursor: pointer;
}
.icon-segment-scroll{
  height: 130px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #f1f1f1;
  border-radius: 0;
  padding: 8px;
}
.point-scale-popup-content.ui.popup{
  z-index: 20050 !important;
  max-width: none !important;
}
.point-surface-blink-popup-content.ui.popup{
  z-index: 20050 !important;
  max-width: none !important;
}
.point-remove-icon-popup-content.ui.popup{
  z-index: 20050 !important;
  max-width: none !important;
}
.icon-empty-hint{
  color: #666;
  font-size: 12px;
  padding: 6px 8px 10px;
}
.icon-anchor-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  max-width: 130px;
  margin: 0 auto;
}
.icon-anchor-grid .button{
  min-width: 0 !important;
  padding: 0.25em !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
}
.icon-library-grid{
  max-height: 60vh;
  overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
  gap: 6px;
  padding: 6px;
  background: #f7f7f7;
  border-radius: 6px;
}
.icon-library-item{
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 8px 6px;
  background: #fff;
  cursor: pointer;
  text-align: center;
  min-height: 96px;
}
.icon-library-item.active{
  border-color: #2185d0;
  box-shadow: 0 0 0 1px #2185d0 inset;
}
.icon-library-glyph{
  font-size: 20px !important;
  margin: 0 !important;
  color: #333;
}
.icon-library-glyph-char{
  font-size: 14px;
  line-height: 1;
  display: inline-block;
  color: #222;
}
.icon-library-svg-char{
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #222;
}
.icon-library-svg-char svg{
  display: block;
  width: 14px;
  height: 14px;
}
.icon-library-name-ru{
  margin-top: 6px;
  font-size: 12px;
  color: #222;
  line-height: 1.2;
}
.icon-library-name-en{
  margin-top: 2px;
  font-size: 11px;
  color: #777;
  line-height: 1.2;
}
.icon-library-palette{
  display: flex;
  gap: 6px;
  flex-wrap: nowrap;
  align-items: center;
  overflow-x: auto;
}
.icon-library-color-btn{
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,.25);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.15);
  cursor: pointer;
}
.icon-library-color-btn.active{
  border-color: #111;
  box-shadow: 0 0 0 1px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.25);
}
.icon-library-color-input{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.icon-library-custom-color-btn{
  position: relative;
  overflow: hidden;
}
.icon-library-preview{
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed #ccc;
  border-radius: 8px;
  background: #e6e8ec;
  padding: 2px 4px;
}
.icon-library-preview-empty{
  color: #6f7782;
  font-size: 12px;
}
.icon-library-preview .icon{
  margin: 0 !important;
  font-size: 1.8rem !important;
  line-height: 1 !important;
}
.icon-library-preview-glyph{
  display: inline-block;
  font-size: 30px;
  line-height: 1;
}
.icon-library-preview-svg{
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.icon-library-preview-svg svg{
  display: block;
  width: 30px;
  height: 30px;
}
.ui.small.modal.icon_library{
  max-height: 80vh;
}
.ui.small.modal.icon_library > .content{
  height: calc(80vh - 165px);
  min-height: 0;
  overflow: hidden;
}
.ui.small.modal.icon_library > .content > .ui.form{
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto auto;
  row-gap: 8px;
  min-height: 0;
}
.ui.small.modal.icon_library > .content > .ui.form > .field{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.ui.small.modal.icon_library .icon-library-bottom-row{
  margin: 0 !important;
}
.ui.small.modal.icon_library > .content > .ui.form > .field.icon-library-list-field{
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.ui.small.modal.icon_library > .content > .ui.form > .field.icon-library-list-field > .icon-library-grid{
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.icon-library-grid.compact{
  grid-template-columns: repeat(auto-fill, minmax(34px, 1fr));
  gap: 4px;
  padding: 4px;
  max-height: none;
}
.icon-library-grid.compact .icon-library-item{
  min-height: 0;
  height: 34px;
  width: 34px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-library-grid.compact .icon-library-glyph-char{
  font-size: 14px !important;
}
.icon-library-grid.compact .icon-library-svg-char svg{
  width: 14px;
  height: 14px;
}
.icontitle_no{
	display: none;
}
.icontitle_down{
	margin-top: 10px;
}
.icontitle_up{
	margin-top: -48px;
	transform: translateY(-100%);
}
.icontitle_right{
	text-align: left;
	transform: translateY(-50%);
	margin-top: -27px;
	margin-left: 43px;
}
.icontitle_left{
	text-align: right;
	transform: translateY(-50%);
	margin-top: -27px;
	margin-left: -135px;
}
.surface-icon-label{
	left: 50%;
	top: 100%;
	transform: translate(-50%, 2px);
	margin-left: 0 !important;
	margin-top: 0 !important;
	text-align: center;
}
.surface-icon-label.icontitle_up{
	left: 50%;
	top: 0;
	transform: translate(-50%, calc(-100% - 8px));
	margin-left: 0 !important;
	margin-top: 0 !important;
	text-align: center;
}
.surface-icon-label.icontitle_right{
	left: 100%;
	top: 50%;
	transform: translate(8px, -50%);
	margin-left: 0 !important;
	margin-top: 0 !important;
	text-align: left;
}
.surface-icon-label.icontitle_left{
	left: 0;
	top: 50%;
	transform: translate(calc(-100% - 8px), -50%);
	margin-left: 0 !important;
	margin-top: 0 !important;
	text-align: right;
}
.surface-icon-label.icontitle_no{
	display: none !important;
}

#balance_app_modal .ui.two.column.grid {
	align-items: stretch;
}

#balance_app_modal .ui.two.column.grid > .column {
	display: flex;
}

#balance_app_modal .ui.two.column.grid > .column > .ui.fluid.card {
	display: flex;
	flex-direction: column;
	width: 100%;
}

#balance_app_modal .ui.two.column.grid > .column > .ui.fluid.card > .content {
	flex: 1 1 auto;
}

@media only screen and (max-width: 767px) {
  .point-settings,
  .portal-settings,
  .interactive-settings{
	zoom: 0.75;
	transform: none !important;
  }
  .postfx-preview-overlay{
	transform: scale(0.75);
	transform-origin: top left;
  }
  [class*="hidmob"] {
    display: none !important;
  }
  .pano-top-actions{
	flex-wrap:wrap;
	align-items:stretch;
  }
  .pano-top-actions-left,
  .pano-top-actions-right{
	flex:1 1 100%;
  }
  .pano-top-actions-left{
	justify-content:stretch;
	flex-wrap:nowrap;
	flex-direction:column;
	gap:8px;
  }
  .pano-top-actions-left .ui.button{
	width:100%;
	flex:1 1 100%;
	justify-content:center;
  }
  .pano-top-actions-right{
	justify-content:stretch;
  }
  .pano-top-actions-right .ui.button{
	width:100%;
	justify-content:center;
  }
  .project-extra-actions{
	flex-direction:column;
	align-items:stretch;
  }
  .project-extra-actions .ui.button{
	width:100%;
	justify-content:center;
  }
  .pano-list-thumb{
	height: 100%;
  }
  .pano-actions-wrap{
	display: flex !important;
	width: 100%;
  }
  .pano-actions-wrap > .ui.button:not(.icon.button){
	flex: 1 1 auto;
	width: 100%;
  }
  .pano-actions-wrap > .ui.icon.button{
	flex: 0 0 auto;
  }
  #menu_controls_wrap .ui.buttons{
	display: flex;
	flex-direction: column;
	width: 100%;
  }
  #menu_controls_wrap .ui.buttons .ui.button{
	display: flex;
	width: 100%;
	justify-content: flex-start;
  }
}

.android-cropper-wrap{
  margin-top: 12px;
  background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
  border: 1px solid rgba(34,36,38,.12);
  border-radius: 12px;
  padding: 12px;
}

.android-cropper-head{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.android-cropper-head label{
  font-weight: 600;
}

.android-cropper-tip{
  font-size: 12px;
  color: rgba(34,36,38,.62);
}

.android-cropper-editor{
  position: relative;
  width: 128px;
  height: 128px;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(34,36,38,.2);
  background: #eef2f7;
  cursor: grab;
  user-select: none;
  touch-action: none;
}

.android-cropper-editor:active{
  cursor: grabbing;
}

.android-cropper-image{
  position: absolute;
  inset: 0;
}

.android-cropper-grid{
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(to right, rgba(255,255,255,.45) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.45) 1px, transparent 1px);
  background-size: calc(100% / 3) 100%, 100% calc(100% / 3);
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.7), inset 0 0 0 9999px rgba(0,0,0,.05);
}

.android-cropper-actions{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.android-cropper-preview{
  margin-top: 10px;
}

.android-cropper-preview-box{
  width: 72px;
  height: 72px;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(34,36,38,.2);
  background: #eef2f7;
}

.android-cropper-preview-image{
  width: 100%;
  height: 100%;
}

.radio-wrap{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.radio-wrap input[type="radio"]{
  margin: 0;
}

.media-video-task-status{
  margin-top:4px;
  font-size:12px;
  color:#f2711c;
  display:flex;
  align-items:center;
  gap:4px;
}

.media-video-task-pulse{
  margin:0 !important;
  animation: mediaVideoPulse 1.2s ease-in-out infinite;
}
.media-library-table{
  width: 100%;
  max-width: 100%;
  table-layout: auto;
}
.media-library-table .media-group-col{
  width: 140px;
  white-space: nowrap;
}
.media-library-table .media-actions-col{
  width: 96px;
  white-space: nowrap;
}
.media_library_modal .media-category-inline{
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100%;
}
.media_library_modal .media-category-inline > .text{
  max-width: calc(100% - 18px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.media-library-table .media-main-cell{
  min-width: 0;
  max-width: 0;
  overflow: hidden;
}
.media-library-table .media-main-line{
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.media-library-table .media-main-line > i.icon{
  flex: 0 0 auto;
  margin: 0;
}
.media-library-table .media-main-title{
  flex: 1 1 auto;
  min-width: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  color: rgba(0,0,0,0.85);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@keyframes mediaVideoPulse{
  0% { opacity: .35; transform: scale(0.9); }
  50% { opacity: 1; transform: scale(1.08); }
  100% { opacity: .35; transform: scale(0.9); }
}
.short360-delete-popup:before{
  display: none !important;
}
.media-delete-popup:before{
  display: none !important;
}

.tour-editor-content{
  padding: 0 !important;
}
.tour-editor-shell{
  position: fixed;
  inset: 0;
  z-index: 10050;
  background: rgba(5,7,10,0.92);
}
.tour-editor-dialog{
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
}
.tour-editor-header{
  color: #fff;
  background: #111316;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  font-size: 13px;
  line-height: 1.2;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.tour-editor-header-title{
  font-size: 13px;
  font-weight: 600;
}
.tour-editor-content{
  min-height: 0;
  overflow: hidden !important;
}
.tour-editor-footer{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px 14px;
  border-top: 1px solid rgba(255,255,255,0.1);
  background: #111316;
}
.tour-editor-footer-right{
  display: flex;
  align-items: center;
  gap: 8px;
}
.tour-editor-stage{
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  border-radius: 0;
  overflow: hidden;
  background: #0f1115;
}
.tour-editor-pano-host{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.tour-editor-pano-loading{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.36);
  z-index: 6;
}
.tour-editor-overlay-top{
  position: absolute;
  left: 12px;
  right: 12px;
  top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  z-index: 7;
  flex-wrap: wrap;
}
.tour-editor-play-group{
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  border-radius: 10px;
  background: rgba(0,0,0,0.5);
  border: 1px solid rgba(255,255,255,0.15);
}
.tour-editor-time-badge{
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.03em;
  padding: 6px 10px;
  border-radius: 8px;
  background: rgba(10,10,10,0.64);
  border: 1px solid rgba(255,255,255,0.14);
  color: #fff;
}
.tour-editor-actions{
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  padding: 4px;
  border-radius: 10px;
  background: rgba(0,0,0,0.5);
  border: 1px solid rgba(255,255,255,0.15);
}
.tour-editor-overlay-bottom{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 10px;
  z-index: 7;
}
.tour-editor-bottom-top{
  position: relative;
  min-height: 44px;
  margin: 0 0 6px 0;
}
.tour-editor-video-wrap{
  position: absolute;
  left: 0;
  bottom: 0;
  width: min(150px, 50vw);
  max-width: 150px;
}
.tour-editor-video{
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 240px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.25);
  background: rgba(0,0,0,0.7);
}
.tour-editor-timeline-wrap{
  padding: 6px 12px 4px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.18);
  background: linear-gradient(180deg, rgba(10,11,13,0.82) 0%, rgba(10,11,13,0.92) 100%);
  backdrop-filter: blur(2px);
}
.tour-timeline-toolbar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
  min-height: 36px;
}
.tour-timeline-toolbar-left,
.tour-timeline-toolbar-center,
.tour-timeline-toolbar-right{
  flex: 1 1 0;
  display: flex;
  align-items: center;
}
.tour-timeline-toolbar-left{
  justify-content: flex-start;
}
.tour-timeline-toolbar-center{
  justify-content: center;
}
.tour-timeline-toolbar-right{
  justify-content: flex-end;
}
.tour-timeline-nav-strip{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 4px;
  border-radius: 10px;
  background: rgba(0,0,0,0.5);
  border: 1px solid rgba(255,255,255,0.15);
}
.tour-timeline-nav-strip .ui.basic.icon.button{
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.65) !important;
  background: rgba(255,255,255,0.06) !important;
}
.tour-timeline-nav-strip .ui.basic.icon.button .icon{
  color: #ffffff !important;
}
.tour-timeline-nav-strip .ui.basic.icon.button:hover{
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.95) !important;
  background: rgba(255,255,255,0.16) !important;
}
.tour-timeline-nav-strip .ui.basic.icon.button.disabled,
.tour-timeline-nav-strip .ui.basic.icon.button:disabled{
  opacity: 0.45 !important;
  color: rgba(255,255,255,0.9) !important;
  border-color: rgba(255,255,255,0.4) !important;
  background: rgba(255,255,255,0.04) !important;
}
.tour-timeline-action-strip{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 4px;
  border-radius: 10px;
  background: rgba(0,0,0,0.5);
  border: 1px solid rgba(255,255,255,0.15);
}
.tour-timeline-action-strip .ui.basic.button{
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.65) !important;
  background: rgba(255,255,255,0.06) !important;
}
.tour-timeline-action-strip .ui.basic.button:hover{
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.95) !important;
  background: rgba(255,255,255,0.16) !important;
}
.tour-timeline-action-strip .ui.tiny.button .icon{
  margin-right: 4px !important;
}
.tour-timeline-action-strip .tour-action-text{
  margin-left: 4px;
}
.tour-timeline-toolbar .ui.basic.button{
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.55) !important;
  background: rgba(255,255,255,0.05) !important;
}
.tour-timeline-toolbar .ui.basic.button .icon{
  color: #ffffff !important;
}
.tour-timeline-toolbar .ui.icon.button{
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.65) !important;
  background: rgba(255,255,255,0.08) !important;
}
.tour-timeline-toolbar .ui.icon.button .icon{
  color: #ffffff !important;
}
.tour-timeline-toolbar .ui.icon.button:hover{
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.95) !important;
  background: rgba(255,255,255,0.18) !important;
}
.tour-timeline-bar{
  position: relative;
  height: 44px;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.12);
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,0.16) 0px,
      rgba(255,255,255,0.16) 1px,
      transparent 1px,
      transparent 8px
    ),
    rgba(255,255,255,0.04);
  cursor: grab;
  user-select: none;
}
.tour-timeline-bar:active{
  cursor: grabbing;
}
.tour-timeline-overview{
  position: relative;
  height: 10px;
  margin-top: 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.15);
  background: rgba(255,255,255,0.08);
  cursor: pointer;
}
.tour-timeline-overview-window{
  position: absolute;
  top: 0;
  bottom: 0;
  min-width: 10px;
  border-radius: 999px;
  background: rgba(33,133,208,0.72);
  border: 1px solid rgba(255,255,255,0.55);
  box-shadow: 0 1px 6px rgba(0,0,0,0.35);
  cursor: grab;
}
.tour-timeline-overview-window:active{
  cursor: grabbing;
}
.tour-timeline-progress{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(255,255,255,0.12), rgba(255,255,255,0.22));
  pointer-events: none;
}
.tour-timeline-video-span{
  position: absolute;
  top: 3px;
  height: 6px;
  border-radius: 999px;
  background: rgba(255,255,255,0.35);
  border: 1px solid rgba(255,255,255,0.55);
  z-index: 1;
  pointer-events: none;
}
.tour-timeline-lookat-span{
  position: absolute;
  top: 50%;
  height: 12px;
  margin-top: -6px;
  border-radius: 999px;
  background: rgba(33,133,208,0.32);
  border: 1px solid rgba(255,255,255,0.55);
  z-index: 2;
}
.tour-timeline-lookat-handle{
  position: absolute;
  right: -6px;
  top: 50%;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  border-radius: 999px;
  background: #2185d0;
  border: 2px solid rgba(255,255,255,0.95);
  box-shadow: 0 1px 6px rgba(0,0,0,0.35);
  cursor: ew-resize;
}
.tour-timeline-playhead{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  margin-left: -1px;
  background: #fbbd08;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.28);
  pointer-events: none;
}
.tour-timeline-marker{
  position: absolute;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,0.95);
  box-shadow: 0 1px 8px rgba(0,0,0,0.32);
  cursor: grab;
  transition: transform .12s ease, box-shadow .12s ease;
  z-index: 3;
}
.tour-timeline-marker.selected{
  transform: scale(1.1);
  box-shadow: 0 0 0 3px rgba(251,189,8,0.3), 0 1px 8px rgba(0,0,0,0.35);
}
.tour-timeline-marker.marker-start{
  background: #fbbd08;
  margin-left: -5px;
}
.tour-timeline-marker.marker-lookat{
  background: #2185d0;
}
.tour-timeline-marker.marker-goto{
  background: #21ba45;
}
.tour-timeline-marker:active{
  cursor: grabbing;
}
.tour-timeline-scale{
  margin-top: 0;
  color: rgba(255,255,255,0.72);
  font-size: 11px;
  display: flex;
  justify-content: space-between;
}
.tour-marker-popup{
  position: absolute;
  bottom: 92px;
  left: 12px;
  right: auto;
  transform: none;
  width: min(260px, calc(100% - 24px));
  min-width: min(170px, calc(100% - 24px));
  max-width: calc(100% - 24px);
  padding: 10px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(17,19,24,0.92);
  color: #f3f4f6;
  z-index: 8;
  box-shadow: 0 8px 24px rgba(0,0,0,0.35);
}
.tour-marker-popup.tour-marker-popup-start{
  width: min(310px, calc(100% - 24px));
}
.tour-marker-popup.tour-marker-popup-goto{
  width: min(340px, calc(100% - 24px));
}
.tour-marker-popup-title{
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  min-width: 0;
  flex: 1 1 auto;
  max-width: calc(100% - 60px);
}
.tour-popup-head-inline{
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex: 1 1 auto;
  width: 100%;
}
.tour-popup-head-label{
  flex: 0 0 auto;
  white-space: nowrap;
}
.tour-popup-head-inline .tour-popup-pano-split{
  display: flex !important;
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  max-width: none;
}
.tour-popup-head-inline .tour-popup-pano-split.ui.buttons > .button{
  min-width: 0;
}
.tour-popup-head-inline .tour-popup-pano-split.ui.buttons > .tour-popup-pano-label{
  flex: 1 1 0;
  display: block;
  text-align: left;
}
.tour-popup-head-inline .tour-popup-pano-split.ui.buttons > .tour-popup-pano-dropdown{
  flex: 0 0 auto;
}
.tour-popup-head-inline .tour-popup-pano-label{
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tour-popup-head-inline .tour-popup-pano-split .ui.floating.dropdown.icon.button{
  min-width: 2.4em;
  padding-left: .6em !important;
  padding-right: .6em !important;
}
.tour-popup-head-inline .tour-popup-pano-split .menu .item{
  white-space: nowrap;
}
.tour-marker-popup-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}
.tour-marker-popup-head-actions{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
}
.tour-marker-popup-delete.ui.button{
  padding: 4px !important;
  min-width: 24px !important;
  width: 24px !important;
  height: 24px !important;
  line-height: 1 !important;
  color: #ff6b6b !important;
  border-color: rgba(255,107,107,0.7) !important;
  background: rgba(255,107,107,0.1) !important;
}
.tour-marker-popup-delete.ui.button:hover{
  color: #ff9b9b !important;
  border-color: rgba(255,107,107,0.95) !important;
  background: rgba(255,107,107,0.2) !important;
}
.tour-marker-popup-close.ui.button{
  padding: 4px !important;
  min-width: 24px !important;
  width: 24px !important;
  height: 24px !important;
  line-height: 1 !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.72) !important;
  background: rgba(255,255,255,0.1) !important;
}
.tour-marker-popup-close.ui.button .icon{
  color: #ffffff !important;
  opacity: 1 !important;
}
.tour-marker-popup-close.ui.button:hover{
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.95) !important;
  background: rgba(255,255,255,0.2) !important;
}
.tour-marker-popup-row{
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 5px;
}
.tour-live-chip.ui.button{
  cursor: ew-resize !important;
  user-select: none;
  -webkit-user-select: none;
  touch-action: none;
  min-width: 66px;
  justify-content: center;
}
.tour-marker-popup-time{
  font-size: 12px;
  opacity: 0.95;
}
.tour-marker-popup-sep{
  opacity: 0.5;
}
@media (max-width: 900px){
  .tour-editor-stage{
    height: 100%;
    min-height: 360px;
  }
  .tour-editor-overlay-top{
    top: 8px;
    left: 8px;
    right: 8px;
  }
  .tour-editor-overlay-bottom{
    left: 8px;
    right: 8px;
    bottom: 8px;
  }
  .tour-editor-video-wrap{
    width: min(150px, 70vw);
    max-width: 150px;
  }
  .tour-marker-popup{
    bottom: 82px;
    min-width: 190px;
  }
  .tour-editor-footer{
    justify-content: flex-end;
  }
  .tour-editor-footer-right{
    width: 100%;
    justify-content: flex-end;
  }
}
@media (max-width: 767px){
  .tour-timeline-action-strip .tour-action-text{
    display: none;
  }
  .tour-timeline-action-strip .ui.tiny.button .icon{
    margin-right: 0 !important;
  }
}