@font-face {
  font-family:'urban';
  font-style:normal;
  font-weight:normal;
  src: url('urban.woff2') format('woff2');
}
@font-face {
  font-family:'handelgot';
  font-style:normal;
  font-weight:normal;
  src: url('handelgot.woff2') format('woff2');
}
@font-face {
  font-family:'handelgot';
  font-style:normal;
  font-weight:bold;
  src: url('handelgot_bold.woff2') format('woff2');
}
@font-face {
  font-family:'nasi';
  font-style:normal;
  font-weight:normal;
  src: url('nasi.woff2') format('woff2');
}
:root {
	--skewfactor:0;
	--forecast-margin:0px;
}
#dates {
  font-family:handelgot;
}

.photos img {
	border-radius:8px;
}
#reportlist .row .photos .ph0 {
	background-color:#FFFFFF;
}
#reportlist .row.on .photos .ph0 {
	background-color:#0FF5C7;
}
body.SPLITTIMES #reportlist .row.on .photos .ph0 {
	background-color:#ED481C;
}
#reportlist .row .rank {
	border-radius:8px;
	margin:7px 5px;
}
#report.shrink #reportlist .row .rank {
	margin:3px 5px 3px 3px;
}
#report.dashboard #reportlist .row .rank {
	margin:2px 5px 2px 2px;
}
#reportlist .row .boat {
  font-family:handelgot;
  font-size:12px;
  text-transform:uppercase;
}
#reportlist .row .skippers {
  font-family:urban;
  font-size:12px;
}

#dashboard {
	border-radius:20px;
	overflow:hidden;
}
#dashboard article {
	background-color:#171E38;
}
#dashboard section {
	border-radius:0 20px;
	background-color:#2F354C;
}
#dashboard header .row .rank {
	border-radius:8px;
}
#dashboard header .row .photos .ph0 {
	display:none;
	background-color:#171E38;
}
#dashboard .profile .img {
	background-color:#FFFFFF;
	width:100%;
	border-radius:12px;
	display:flex;
	justify-content:center;
	margin-top:10px;
	padding:10px;
	box-sizing:border-box;
}
#dashboard .profile .img img {
	width:75%;
}
#dashboard .splittime .name {
	border-radius:0 12px;
}
#forecasts .variables {
	background-color: #171E38;
	padding:5px;
	border-radius:0 0 0 18px;
}
#forecasts .variables .var {
	border-radius:0 12px;
	margin:0 var(--forecast-margin);
}
#forecasts.shrinked .variables .var {
	padding-right:0;
}	
#forecasts .scroll {
	margin-top:var(--forecast-margin);
	border-radius:0 0 0 12px;
	background-color:#2F354C;
}
#forecasts .cursor {
	border-radius:0 12px;
	margin-left:0;
}
#forecasts .params {
	margin-top:var(--forecast-margin);
	border-radius:0 0 0 5px;
}
#forecasts legend {
	border-radius:0 12px 12px 0;
	overflow:hidden;
}
#forecasts .advert {
	margin-top:var(--forecast-margin);
	border-radius:0 0 0 5px;
}

#display > .button {
	border-radius:12px 0 0 0;
}
#display .content {
	border-radius:12px 0 0 0;
}
#display .preferences {
	border-radius:0 12px 0 0;
}
#datetime::before {
	border-radius:0 12px 0 0;
}
#boatcard article {
	border-radius:12px;
  overflow:hidden;
}
#boatcard header .rank {
	border-radius:8px;
}
#geoblog {
	border-radius:12px;
  overflow:hidden;
}
#infopoint {
	border-radius:12px;
  overflow:hidden;
}
#geovoile {
  border-radius:20px 0 0 0;
  margin-left:10px;
}

#poiLayer .start text {
	text-shadow:none;
	font-size:14px;
}
#areasLayer path {
	stroke-opacity:0.4;
}

#poiLayer .trophy {
	display:none;
}
#poiLayer g.icon.video>g {
	transform:scale(0.8);
	opacity:0.6;
	transition:all 200ms  ease-in-out;
}
#poiLayer g.icon image {
	display:none;
}
#poiLayer g.icon text.name {
	font-family:nasi;
	font-weight:normal;
	font-size:12px;
	fill:#FFFFFF;
}
#poiLayer g.icon text.point {
	font-family:handelgot;
	font-weight:normal;
	font-size:10px;
	fill:#171E38;
}
#poiLayer g.icon.sprint {
	cursor:pointer;
}
#poiLayer g.icon.sprint text.point {
	fill:#171E38;
}
body.SPLITTIMES #poiLayer g.icon.sprint.active text.name {
	fill:#ED481C;
}
#poiLayer g.icon.video text.point {
	fill:#FFFFFF;
}

#poiLayer g.icon.sprint rect {
	fill:#0FF5C7;
}
body.SPLITTIMES #poiLayer g.icon.sprint.active rect {
	fill:#ED481C;
}
#poiLayer g.icon.video rect {
	fill:#171E38;
}

#poiLayer g.icon.video rect.detect {
	cursor:pointer;
	fill:#FFFFFF;
	fill-opacity:0;
}
#poiLayer g.icon.sprint rect.detect {
	cursor:pointer;
	fill:#FFFFFF;
	fill-opacity:0;
}
#splittimesLayer .icon {
	display:none !important;
	visibility:hidden ! important;
}

#captivante {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	align-items:center;
	justify-content:center;
	backdrop-filter: blur(20px);
	cursor:pointer;
}
#captivante:before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(23,30,56,0.30);

}
#captivante iframe {
	width:85vw;
	aspect-ratio:480 / 275;
}
#captivante.on {
	display:flex;
}

body.TOUCHSCREEN #poiLayer g.icon.video {
	display:none !important;
}

#splashscreen img {
	height:20vh;
	width:auto;
	max-height:200px;
}


@media (hover:hover) and (pointer:fine) {
#reportlist .row:hover .photos .ph0 {
	background-color:#EEF3F9;
}
#poiLayer g.icon.sprint:hover text.name {
	fill:#ED481C;
}
#poiLayer g.icon.sprint:hover rect {
	fill:#ED481C;
}
#poiLayer g.icon.video:hover>g {
	transform: scale(1);
	opacity:1;
}
#poiLayer g.icon.video:hover text.point {
	fill:#171E38;
}
#poiLayer g.icon.video:hover rect {
	fill:#0FF5C7;
}
}