body {
	--blockmark-width:400px;
	--report-width:400px;
	--forecast-margin:0px;
}
.photos img {
	border-radius:8px;
}
#reportlist .row .rank {
	border-radius:8px;
	margin:3px 5px 3px 3px;
}
#dashboard:before {
	border-radius:13px 0 13px 13px;
}
#dashboard section {
	border-radius:0 20px;
}
#dashboard header .row {
	border-radius:8px;
}
#dashboard header .row .rank {
	border-radius:8px;
	margin-right:5px;
}
#dashboard .content .group {
	border-radius:8px;
}
#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 {
	background-color:transparent;
}
#forecasts .variables {
	background-color: #0E3247;
	padding:5px;
	border-radius:0 18px 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:#0E3247;
}
#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);
	margin-right:3px;
	padding:5px;
	border-radius:0 12px 0 12px;
	height:39px;
	overflow:hidden;
}
#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 {
	border-radius:12px;
	padding:0;
}
#boatcard .infos {
	padding:5px 12px;
}
#boatcard header {
	padding:5px;
	border-radius:8px 8px 0 0;
}
#boatcard header .rank {
	border-radius:8px;
}

#geoblog {
	border-radius:12px;
	overflow:hidden;
}
#infopoint {
	border-radius:12px;
	overflow:hidden;
}

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

#poiLayer .icon.sptresults.off,
body.SPLITTIMES_EMPTY #poiLayer .icon.sptresults {
	pointer-events: none;
	cursor:initial;
}

#poiLayer g.icon text.name {
	font-family:zendots;
	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.trophy {
	cursor:pointer;
}
#poiLayer g.icon.trophy text.point {
	fill:#171E38;
}
#poiLayer g.icon.video text.point {
	fill:#FFFFFF;
}

#poiLayer g.icon.trophy rect {
	fill:#BDD1DD;
}
body.SPLITTIMES #poiLayer g.icon.trophy.active text.name {
	fill:#FFFFFF;
}
body.SPLITTIMES #poiLayer g.icon.trophy.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.trophy rect.detect {
	cursor:pointer;
	fill:#FFFFFF;
	fill-opacity:0;
}
#splittimesLayer .icon {
	display:none !important;
	visibility:hidden ! important;
}
#splashscreen {
	backdrop-filter: blur(20px);
}
#splashscreen img {
	height:20vh;
	width:auto;
	max-height:200px;
	max-width: 55%;
}


@media (hover:hover) and (pointer:fine) {
	#reportlist .row:hover .photos .ph0 {
		background-color:#EEF3F9;
	}
	#poiLayer g.icon.trophy:hover text.name {
		fill:#FFFFFF;
	}
	#poiLayer g.icon.trophy: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;
	}
}