@font-face {
  font-family:'barlow';
  font-style:normal;
  font-weight:normal;
  src: url('barlow-medium.woff2') format('woff2');
}
@font-face {
  font-family:'barlow';
  font-style:normal;
  font-weight:bold;
  src: url('barlow-bold.woff2') format('woff2');
}

body {
	--skewfactor:0;	
	--default-font-family:barlow;
	--default-font-size:12px;
	--rank-font-size:24px;
	--boatname-font-size:12px;
	--boatname-text-transform:uppercase;
	--skippername-font-size:12px;
	
		--queginer-margins:10px;
	
}

#logo {
	height:auto;
}
#linkpetitprince,
#linkqueguiner {
	position:absolute;
	top:0;
}
#dates {
	align-items:flex-start;
	padding-left:1em;
}
#startdate, 
#reportdate {
	font-weight:normal;
	font-size:14px;
	text-align:left;
}
#dates .group.report {
	flex-direction: column;
	align-items:flex-start;
}

#report {
	background-image:none;
}

#reportlist .row .rank {
	justify-content:flex-start;
	align-items: flex-end;
	padding-top:7px;
}
#report.shrink #reportlist .row .rank {
	font-size:19px;
	padding-top:1px;
}
#report.small #reportlist .row .rank,
#report.mixed #reportlist .row .rank {
  justify-content:center;
  padding-top:0;
}
#reportlist .row .rank:after {
	position:absolute;
	top:auto;
	bottom:7px;
	font-size:16px;
}
#report.shrink #reportlist .row .rank:after {
	bottom:2px;
	font-size:14px;
}
#reportlist .row .rank.up:after,
#reportlist .row .rank.down:after {
	transform:translateX(-50%) !important;
}
#reportlist .row .infos {
	font-size:11px;
}
#reportlist .row .infos .values .val + .val::before {
	content: " / ";
}		
#reportlist .row .infos .date {
  color:#339CD5;
}

#dashboard {
	top:var(--dashboard-margin);
}
#dashboard header .row .rank {
	justify-content:flex-start;
	align-items: flex-end;
	margin-right:5px;
}
#dashboard header .row .rank:after {
	position:absolute;
	top:auto;
	bottom:7px;
	font-size:16px;
}
#dashboard header .row .rank.up:after,
#dashboard header .row .rank.down:after {
	transform:translateX(-50%) !important;
}

#zoomwindow {
	top:calc(80px + 5vmin);
}

#datetime {
	box-sizing:border-box;
}
#datetime>span {
	position:relative;
	display:grid;
}
#datetime .date,
#datetime .hour {
	font-size:15px;
	text-align:left;
	min-width:75px;
}
#replay {
  fill:#0E1D3B;
}
#replay .buttons {
	opacity:1; 
	width:26px;
	height:26px;
}
#replay.on .buttons {
	width:22px;
	height:22px;
}
#timeline .bar, 
#timeline .backbar, 
#timeline .interval {
	height:11px;
}
#timeline .button {
	--size: 27px;
}
#chrono {
	display:none;
}
#brackets {
	visibility:hidden;
}
#brackets * {
	display:none;
}

#display .content .button label {
	font-size:12px;
	font-weight:normal;
}
#display > .button {
	bottom:var(--queginer-margins);
	right:var(--queginer-margins);
}
#display.on .content {
	margin:0 var(--queginer-margins) var(--queginer-margins) 0;
}
body.TOUCHSCREEN #display.on .preferences {
	--height:var(--display-button-size);
	bottom:var(--queginer-margins);
	width: calc(100% - var(--queginer-margins) - var(--display-button-size) - var(--margin) * 3);
}

#tools {
	right:var(--queginer-margins);
}

#boatcard header {
	padding:5px 1em 5px 5px;
	grid-template-rows: 23px 20px 0px;
}
#boatcard header .photos {
	display:none;
}
#boatcard header .rank {
	justify-content:flex-start;
}
#boatcard header .rank::after {
	position:absolute;
	top:auto;
	bottom:0px;
	font-size:16px;
}
#boatcard header .rank.up:after,
#boatcard header .rank.down:after {
	transform:translateX(-50%) !important;
}
#boatcard .infos {
	font-size:11px;
}

#forecasts .hours > div {
	font-size:11px;
}
#forecasts .hours > div.on {
	font-weight:normal;
}
#forecasts .currentdate {
	font-size:11px;
	line-height:1;
}