/*2025-04-10*/
#live {
	/*outline:dotted 1px #fff;*/
	/*display:flex;
	flex-direction:column;*/
	--leftBg:rgb(20,20,20);
	--rightBg:rgb(60,60,60);
	--edge:0.5rem;
	margin-bottom:0;
	box-sizing:border-box;
	overflow:hidden auto;
	/*background-image:linear-gradient(to right, var(--leftBg) 0%, var(--leftBg) 70%, var(--rightBg) 70%, var(--rightBg) 100%);
	background-size:100% 100%;*/
	}
	#live figure {
		padding:1rem;
		display:grid;
		grid-template-columns:6rem 1fr;
		grid-template-areas:"pic txt";
		gap:1rem;
		}
		#live figure a {
			display:block;
			text-decoration:none;
			}
		#live figure>a {	grid-area:pic;	}
		#live figure>.status {
			grid-area:pic;
			align-self:start;
			display:block;
			padding:0.3rem 0;
			background:rgba(0,0,0,0.8);
			font-size:0.8rem;
			text-align:center;
			}
		#live figure>.status:empty {	display:none;	}
		#live figure img {
			width:100%;
			vertical-align:middle;
			aspect-ratio:1/1;
			object-fit:cover;
			}
		#live figure img+img {
			position:absolute;
			width:0;
			visibility:hidden;
			}
		#live figure figcaption {	grid-area:txt;	}
			#live figure figcaption .aut {	margin-bottom:0.5rem;	}
				#live figure figcaption .aut * {
					font-weight:bold;
					font-style:normal;
					}
			#live figure figcaption .title {
				display:block;
				margin-bottom:0.5rem;
				font-weight:normal;
				font-style:italic;
				}
			#live figure figcaption dl {	font-size:0.9rem;	}
			#live figure figcaption .lopphind {	display:none;	}
			#live figure.losing figcaption dd.bid_current {	color:rgb(255,69,69);	}
	#live dl.grid {
		margin-top:0;
		margin-bottom:0;
		display:inline-grid;
		grid-template-columns:auto auto;
		grid-template-rows:auto;
		gap:0.3rem 1rem;
		font-size:0.9rem;
		}
		#live dl.grid * {	margin:0;	}
		#live dl.grid dd {	font-weight:bold;	}
	#live form .bid_input {
		margin-bottom:0.5rem;
		display:grid;
		grid-template-columns:1fr auto auto;
		gap:1rem;
		}
		#live form .bid_input input[type="number"] {
			margin:0;
			border:none;
			width:100%;
			height:auto;
			background:none;
			-moz-appearance:textfield;
			}
			#live form .bid_input input[type="number"]::-webkit-inner-spin-button, 
			#live form .bid_input input[type="number"]::-webkit-outer-spin-button {
				-webkit-appearance:none;
				margin:0;
				opacity:1;
				}
			#live form .bid_input label {
				border:solid 1px rgb(135,135,135);
				display:grid;
				grid-template-columns:1fr auto;
				align-items:center;
				}
				#live form .bid_input label .currency {
					padding:0 1rem 0 0.2rem;
					font-size: 1.4rem;
					}
		html #live form .bid_input button,
		#live form .button {
			border-color:var(--underlineColor);
			padding:0.8rem 2rem;
			height:auto;
			background:none;
			font-family:"Ubuntu";
			font-size:0.9rem;
			text-align:center;
			text-transform:none;
			}
	#live .price.losing {	color:rgb(255,69,69);	}
	
#live>.message {
	background:rgba(54,54,54);
	max-height:0;
	overflow:hidden;
	transition:max-height 1s;
	}
#live.message_on>.message {
	position:sticky;
	z-index:1;
	top:0;/*var(--menuFixedHeight);*/
	max-height:100vh;
	overflow:visible;
	}
	#live #live_message {
		margin:0 auto;
		max-width:1000px;
		}

#live #live_title {
	margin:0;
	padding:0.2rem var(--edge) 0.2rem var(--edge);
	display:grid;
	grid-template-columns:1fr auto;
	/*align-items:end;*/
	color:inherit;
	font-size:inherit;
	font-weight:normal;
	text-decoration:none;
	}
	#live #live_title>a.title {
		color:inherit;
		text-decoration:none;
		}
		#live #live_title>a.title em {
			margin-right:0.5rem;
			font-style:normal;
			}
		#live #live_title>a.title em::after {
			content:"";
			display:inline-block;
			margin:0 0 0 0.5rem;
			vertical-align:-1%;
			border:solid 0.4em transparent;
			border-left-color:#fff;
			}
		
		#live #live_title>a.title #live_current_title {	display:block;	}
		#live #live_title>a.title #live_current_title::after {
			content:"";
			display:inline-block;
			margin:0 0 0 0.5rem;
			width:0.8em;
			height:0.8em;
			background-size:contain;
			filter:invert(1);
			}
		@keyframes blink {	0{	opacity:1;	}	50%{	opacity:0;	}}
		#live #live_title>a.title[data-status="1"] em::after {
			animation-name:blink;
			animation-duration:1.5s;
			animation-iteration-count:infinite;
			}
		#live #live_title>a.title[data-status="-1"] #live_current_title {	color:rgb(120,120,120);	}
		#live #live_title>a.title[data-status="-1"] #live_current_title::after {
			background-image:url(../gfx/ui.remove.svg);
			filter:invert(0.5);
			}
		#live #live_title>a.title[data-status="-2"] #live_current_title::after {	background-image:url(../gfx/ui.checked.svg);	}
	#live #live_title .logo {	display:none;	}
	#live #live_title button {
		margin:0 0 0 1rem;
		border:none;
		display:inline-block;
		vertical-align:middle;
		padding:0;
		background:none;
		width:1rem;
		height:1rem;
		cursor:pointer;
		}
		#live #live_title button img {
			height:100% !important;
			vertical-align:top;
			}
	#live #live_title #ui_control {
		/*margin:0 0 0 1rem;
		display:inline-block;
		vertical-align:middle;
		width:1.0rem;
		height:1.0rem;
		text-decoration:none;
		*/
		background:left center no-repeat;
		background-image:url(ok.live.control.fullscr.png);
		background-size:contain;
		font-size:0;
		}

#live>.main {
	display:grid;
	grid-template-columns:1fr;
	grid-template-rows:auto;
	grid-template-areas:
		"video"
		"item"
		"bid"
		"bid-auto"
		"bids"
		"items-your"
		"items";
	}
	/*#live>.main>* {	outline:dotted 1px #F00;	}*/
	#live>.main #video {
		margin-bottom:var(--edge);
		aspect-ratio:16/9;
		background:rgb(37,37,37) url(haus-ee/gfx/logo.svg) center no-repeat;
		background-size:auto 40%;
		}
		#live>.main #video * {
			width:100%;
			height:100%;
			}
		#live>.main #video>#live_video {
			opacity:0;
			transition:opacity 2s;
			}
		#live.video_on>.main #video>#live_video {	opacity:1;	}
			#live>.main #video>#live_video iframe {
				width:100%;
				height:100%;
				vertical-align:middle;
				}
	
	#live>.main #live_item {}
		#live>.main #live_item #bid_pic {
			position:relative;
			display:block;
			margin-bottom:2rem;
			aspect-ratio:1/1;
			}
			#live>.main #live_item #bid_pic img {
				position:absolute;
				border:none;
				width:100%;
				height:100% !important;
				object-fit:contain;
				object-position:top;
				}
			#live.js>.main #live_item #bid_pic img {
				opacity:0;
				transition-property:opacity;
				transition-duration:1s;
				}
			#live.js>.main #live_item #bid_pic img.in {	opacity:1;	transition-delay:1s;	}
			#live.js>.main #live_item #bid_pic img.rem {	opacity:0;	}
			#live>.main #live_item .bid_current_title {
				padding:0 0 0 1rem;
				}
				#live>.main #live_item .bid_current_title h3 {
					margin-bottom:0.8rem;
					text-decoration:none;
					}
					#live>.main #live_item #bid_autor {	margin-left:0.9rem;	}
				#live>.main #live_item .bid_current_title h4 {
					margin-bottom:0.3rem;
					font-weight:normal;
					font-style:italic;
					text-decoration:none;
					}
				#live>.main #live_item #bid_raamitud {	display:none;	}
				#live>.main #live_item .bid_current_title p.price_start {	font-size:1.2rem;	}
					#live>.main #live_item .bid_current_title p.price_start strong {	margin-left:0.3rem;	}
	
	#live>.main #bid_form_login {
		grid-area:bid;
		z-index:1;
		background-color:rgba(37,37,37,0.8);
		}
	#live>.main #bid_form_login:empty {	display:none;	}
		#live>.main #bid_form_login .msg {
			margin:0;
			background-color:transparent;
			color:rgb(255,69,69);
			}
		#live>.main #bid_form_login button {
			margin-left:5rem;
			background:rgb(37,37,37);
			}
	#live>.main #bid_form {
		grid-area:bid;
		--buttonWidth:7rem;
		margin-bottom:0;
		padding-top:1.5rem;
		padding-bottom:0.5rem;
		background:rgb(37,37,37);
		}
		#live>.main #bid_form>* {
			padding-left:2rem;
			padding-right:2rem;
			}
		#live>.main #bid_form p.bid_time_left {
			/*margin:0 0 0.5rem 0;*/
			margin:0;
			/*padding-top:0.9rem;
			padding-bottom:0.9rem;*/
			min-height:2em;
			/*background:rgb(54,54,54);*/
			font-size:1.2rem;
			/*text-align:center;*/
			font-weight:bold;
			}
			#live>.main #bid_form p.bid_time_left {	min-height:2rem;	}
		#live>.main  #bid_form .bid_time_left .s {	font-size:1.3rem;	}
		#live>.main  #bid_form #bid_time_left_lbl strong {
			animation-name:blink1;
			animation-duration:1.5s;
			animation-iteration-count:infinite;
			color:rgb(255,69,69);
			text-transform:uppercase;
			}
		#live>.main  #bid_form #bid_time_left_warning.count3::after {
			position:absolute;
			left:50%;
			top:50%;
			z-index:10000;
			content:"";
			color:#f00;
			text-shadow:0 0 0.1em #fff;
			animation-name:countdown;
			animation-duration:6s;
			animation-timing-function:linear;
			animation-iteration-count:1;
			}
		@keyframes blink1 {	0% {color:inherit;}	50% {color:rgb(255,0,0);}	100% {color:inherit;}	}
		@keyframes blink2 {	0% {opacity:0.3;}	50% {opacity:1;}	100% {opacity:0.3;}	}
		@keyframes countdown {
			0% {	content:"3";	opacity:1; transform:scale(1);	}
			31% {	content:"3";	opacity:0; transform:scale(20);	}
			32% {	content:"2";	opacity:0; transform:scale(1);	}
			33% {	content:"2";	opacity:1; transform:scale(1);	}
			64% {	content:"2";	opacity:0; transform:scale(20);	}
			65% {	content:"1";	opacity:0; transform:scale(1);	}
			66% {	content:"1";	opacity:1; transform:scale(1);	}
			100% {	content:"1";	opacity:0; transform:scale(20);	}
			}
	#live>.main  #bid_form .bid_current_info {
		position:relative;
		margin:0;
		}
		#live>.main  #bid_form .bid_current_info div {
			padding-bottom:0.5rem;
			}
			#live>.main  #bid_form .bid_current_info div>* {	display:inline;	}
			#live>.main  #bid_form .bid_current_info dt {	padding-right:0.3rem;	}
			#live>.main  #bid_form .bid_current_info dd {
				margin:0;
				padding:0;
				font-weight:bold;
				white-space:nowrap;
				}
			#live>.main  #bid_form .bid_current_info div.bid_current {	font-size:1.2rem;	}
		#live>.main  #bid_form #bid_time_fmt {	display:none;	}
		/*#live>.main  form .bid_current_info #bid_time_fmt {	display:block;	font-weight:normal;	}
		#live>.main  form .bid_current_info #bid_time_fmt::before {	content:"(";	}
		#live>.main  form .bid_current_info #bid_time_fmt::after {	content:")";	}
		#live>.main  form .bid_current_info #bid_time_fmt:empty {	display:none;	}*/
		@keyframes text-glow {
			0%{	text-shadow:0 0 0 #fff;	}
			40%{	text-shadow:0 0 2em #fff;	}
			100%{	text-shadow:0 0 0 #fff;	}
			}
		#live>.main .bid_current_info #bid_current_fmt.updated {
			animation-name:text-glow;
			animation-duration:1s;
			animation-iteration-count:1;
			}
		#live>.main .bid_current_info #bid_current_fmt.losing {	color:rgb(255,69,69);	}
		#live>.main #bid_form>fieldset {
			margin:0.5rem 0 0 0;
			border:none;
			padding-top:0.5rem;
			padding-bottom:0.5rem;
			}
			#live>.main #bid_form>fieldset>legend {
				margin-bottom:0.5rem;
				padding:0;
				font-size:1.2rem;
				font-weight:bold;
				}
			#live>.main #bid_form>fieldset div>ul.msg {
				margin:0 0 0.5rem 0;
				}
				#live>.main #bid_form[data-status="-2"]>fieldset div>ul.msg li[data-f="bid_status"] {	color:rgb(255,69,69);	}
			#live>.main #bid_form>fieldset .bid_input {
				margin-bottom:0.5rem;
				display:grid;
				grid-template-columns:1fr auto;
				gap:1rem;
				}
				#live>.main #bid_form .bid_input input#bid {
					margin:0;
					border:none;
					width:100%;
					height:auto;
					background:none;
					-moz-appearance:textfield;
					font-size:1.2rem;
					}
					#live>.main #bid_form .bid_input input#bid::-webkit-inner-spin-button, 
					#live>.main #bid_form .bid_input input#bid::-webkit-outer-spin-button {
						-webkit-appearance:none;
						margin:0;
						opacity:1;
						}
					#live>.main #bid_form .bid_input label {
						border:solid 1px rgb(135,135,135);
						display:grid;
						grid-template-columns:1fr auto;
						align-items:center;
						}
						/*#live>.main #bid_form .bid_input label .currency {
							padding:0 1rem 0 0.2rem;
							font-size: 1.4rem;
							}*/
				#live>.main #bid_form .bid_input button {
					min-width:var(--buttonWidth);
					/*border-color:var(--underlineColor);
					padding:0.5rem 2rem;
					height:auto;
					background:none;
					text-transform:none;*/
					}
				/*#live>.main #bid_form dl.bid_you {
					margin-top:0;
					margin-bottom:0;
					display:inline-grid;
					grid-template-columns:auto auto;
					grid-template-rows:auto;
					gap:0.5rem 1rem;
					}
					#live>.main #bid_form dl.bid_you * {	margin:0;	}*/
		#live>.main #bid_form .bid_choose {	font-size:0.9rem;	}
		#live>.main #bid_form p.bid_choose {	margin-bottom:0.5rem;	}
		#live>.main #bid_form #bid_step_list_buttons button {
			margin:0 0.5rem 0.5rem 0;
			border-color:rgb(84,84,84);
			padding:0.5rem 0.7rem;
			height:auto;
			font-weight:bold;
			font-size:1rem;
			}
			#live.js>.main #bid_form #bid_you_rise_confirm {	display:none;	}
			#bid_you_rise_confirm_dialog {
				position:fixed;
				top:0;
				left:0;
				width:100%;
				height:100%;
				display:flex;
				align-items:center;
				background:rgba(0,0,0,0.5);
				}
				#bid_you_rise_confirm_dialog>* {
					margin:0 auto;
					width:30rem;
					max-width:99%;
					}
					#bid_you_rise_confirm_dialog fieldset {	border:none;	}
		/*#live>.main #bid_form .bid {
			margin-bottom:0.5rem;
			display:inline-block;
			background:#fff;
			}*/
		#live>.main #bid_form .bottom {
			border-top:solid 1px rgb(72,72,72);
			padding-top:1rem;
			padding-bottom:0.5rem;
			}
		#live>.main  #refresh {
			float:right;
			display:inline-block;
			border:solid 1px var(--underlineColor);
			box-sizing:border-box;
			min-width:var(--buttonWidth);
			text-decoration:none;
			}
		
		#live>.main #bid_list_container {
			width:100%;
			/*border-spacing:0.5rem;*/
			table-layout:fixed;
			}
			#live>.main #bid_list_container th {		}
			#live>.main #bid_list_container th,
			#live>.main #bid_list_container td {
				border-color:rgb(72,72,72);
				padding:0.5rem;
				}
			#live>.main #bid_list_container th.nr,
			#live>.main #bid_list_container th.nr {
				padding-left:2rem;
				}
			#live>.main #bid_list_container thead,
				#live>.main #bid_list_container tbody tr {
					display:table;
					width:100%;
					table-layout:fixed;
					}
			#live>.main #bid_list_container tbody {
				display:block;
				max-height:15rem;
				overflow:auto;
				}
			#live>.main #bid_list_container td.nr {
				text-align:center;
				}
				#live>.main #bid_list_container td.nr * {
					display:inline-block;
					box-sizing:border-box;
					padding:0.4rem 0.5rem;
					width:4.5ex;
					text-align:right;
					}
				#live>.main #bid_list_container tbody tr.you td.nr * {	border:solid 1px var(--underlineColor);	}
				#live>.main #bid_list_container td.time {	text-align:center;	}
					#live>.main #bid_list_container td.time span {	display:block;	}
				#live>.main #bid_list_container td.bid {
					padding-right:2.5rem;
					text-align:right;
					white-space:nowrap;
					}
					#live>.main #bid_list_container td.bid .u {	padding-left:0.3em;	}
	
	#live>.main #bid_auto_form {
		grid-area:bid-auto;
		padding-left:2rem;
		padding-right:2rem;
		}
		#live>.main #bid_auto_form>label {
			display:block;
			padding-bottom:1rem;
			font-weight:bold;
			}
		#live>.main #bid_auto_form>.bid_input {	gap:0.5rem;	}
			#live>.main #bid_auto_form>.bid_input button {
				padding-top:0.5rem;
				padding-bottom:0.5rem;
				}
			#live>.main #bid_auto_form button[name="bid_auto_rem"] {
				border-color:rgb(84,84,84);
				padding-left:1.1rem;
				padding-right:1.1rem;
				font-family:"Ubuntu";
				}
			#live>.main #bid_auto_form button[name="bid_auto_rem"] abbr {	text-decoration:none;	}
	
	#live>.main #bid_pics {
		grid-area:items;
		background:rgb(37,37,37);
		/*max-height:20rem;*/
		overflow-y:auto;
		scroll-behavior:smooth !important;
		}
		#live>.main #bid_pics figure {
			border-bottom:solid 2px rgb(72,72,72);
			grid-template-columns:8rem 1fr;
			}
			#live>.main #bid_pics figure figcaption .title {	/*margin-bottom:1rem;*/	}
				#live>.main #bid_pics figure figcaption dl :is(.bid_you, .bid_you_auto) {	display:none !important;	}
	
	#live #bid_pics_you {
		margin-top:var(--edge);
		margin-bottom:2rem;
		padding:var(--edge);
		background:rgb(37,37,37);
		}
		#live #bid_pics_you>h3 {
			padding:0 0.5rem;
			text-decoration:none;
			}
			#live #bid_pics_you figure .bid_count {	display:none;	}
		#live #bid_pics_you .support {
			/*margin:1.5rem 0 0 0;*/
			max-width:none;
			font-size:1.2rem;
			}
			#live #bid_pics_you .support a {	white-space:nowrap;	}

#live.fullscreen {
	margin:0;
	padding:0;
	width:100vw;
	min-height:100%;
	}
/*#live:-webkit-full-screen {
	width:100vw;
	min-height:100vh;
	}*/
	#live.fullscreen>.main #live_title {
		padding:0 0 0.5rem 0;
		}
		#live.fullscreen>.main #live_title .logo {
			display:inline-block;
			margin:0 0.5rem 0 0;
			border:none;
			vertical-align:top;
			width:2.5rem;
			}
		#live.fullscreen>.main #live_title #ui_control {
			margin-left:0.5rem;
			background-image:url(ok.live.control.minscr.png);
			}
	#live.fullscreen>.main {
		/*min-height:100.2vh;*/
		/*min-height:100%;*/
		}

@media all and (min-width:45em) { /* 45*12px=720px */
	#live {
		--edge:2rem;
		}
	#live figure {
		padding:1rem;
		grid-template-columns:9rem 1fr;
		gap:1.5rem;
		}
	#live>.message {	/*grid-area:msg;*/	}
	#live #live_title {	/*grid-area:title;*/	}
		#live #live_title>a.title #live_current_title {	display:inline;	}
	/*#live>.left {
		grid-area:left;
		padding-left:var(--edge);
		}*/
	#live>.main {
		--colGap:1rem;
		padding-left:var(--edge);
		padding-right:var(--edge);
		grid-template-columns:1fr 1fr 1fr;
		grid-template-rows:auto auto auto 1fr auto auto;
		grid-template-areas:
			"video item bid"
			"items item bid"
			"items item bids"
			"items bid-auto bids"
			". bid-auto ."
			"items-your items-your items-your";
		}
		#live>.main #video {	grid-area:video;	}
		#live>.main #live_item {
			grid-area:item;
			padding-left:var(--colGap);
			padding-right:var(--colGap);
			}
			#live>.main #live_item .bid_current_title {
				padding-bottom:1.5rem;
				}
			#live>.main #bid_form>fieldset .bid_input {	margin-bottom:1rem;	}
				#live>.main #bid_form p.bid_choose {
					margin-right:0.5rem;
					/*display:inline;*/
					}
				#live>.main #bid_form #bid_step_list_buttons {	display:inline;	}
		#live>.main #bid_list_container {
			grid-area:bids;
			position:relative;
			display:block;
			overflow:auto;
			}
			#live>.main #bid_list_container thead {
				position:sticky;
				top:0;
				z-index:1;
				background:#000;
				}
			#live>.main #bid_list_container tbody {
				position:absolute;
				/*max-height:19rem;*/
				max-height:none;
				}
			#live>.main #bid_list_container td.time span {	display:inline;	}
		#live>.main #bid_auto_form {
			padding-left:var(--colGap);
			padding-right:var(--colGap);
			}
		#live>.main #bid_pics {
			position:relative;
			max-height:none;
			}
			#live>.main #bid_pics>div {
				position:absolute;
				left:0;
				right:0;
				}
	
	#live #bid_pics_you {
		grid-area:items-your;
		display:grid;
		grid-template-columns:auto 1fr;
		grid-template-rows:auto;
		grid-template-areas:
			"title support"
			"list list";
		}
		#live #bid_pics_you .list {
			grid-area:list;
			display:grid;
			grid-template-columns:1fr 1fr 1fr;
			grid-template-rows:auto;
			gap:var(--edge);
			}
		#live #bid_pics_you>h3 {	grid-area:title;	}
		#live #bid_pics_you .support {
			grid-area:support;
			margin:0;
			text-align:right;
			}
	
	#live.view2 {
		grid-template-columns:1fr 1fr 1fr;
		grid-template-rows:auto;
		grid-template-areas:
			"msg msg msg"
			"title title title"
			"video video right"
			"items mid right"
			"items-your items-your items-your";
		}
		#live>.left {
			display:grid;
			grid-template-columns:subgrid;
			grid-template-rows:subgrid;
			grid-template-areas:subgrid;
			grid-area:unset;
			grid-column:auto / span 2;
			grid-row:3 / 4;
			}
			#live>.left #video {
				grid-area:video;
				}
			#live>.left #bid_pics {
				grid-area:items;
				}
	}

@media all and (min-width:45em) and (orientation:portrait) { /* 45*12px=720px */
	}
@media all and (min-width:75em) { /* 75*16px=1200px */
	#live>.main {	--colGap:3rem;	}
	}
/*2020-03*/