/*!
 * Sipslo
 * development by webberin.xyz
 *
 * Licensed MIT for open source use
 *
 * https://webberin.xyz
 * Copyright 2022 Webberin
 */

:root {
	/* colors */
	--primary-color: #0007C6;
	--secondary-color: #FFB0E4;
	--secondary-bright-color: #fd90d7;
	--white-color: #FFFFFF;
	--black-color: #000245;
	--grey-color: #AAAAAA;
	--grey-secondary-color: #F2F2F2;
	--light-brown-color: #9D7F89;
	--dark-brown-color: #624F55;
	--yellow-color: #FDDF61;
	--red-color: #FF5D5D;
	--sub-primary-color:#f8ecde;
}
@media (max-width: 767px) {
	:root {
		--gutter: 4vw;
	}
}
::selection {
	/* color: var(--black-color); */
	/* color: rgba(0,0,0,0); */
	/* background-color: var(--primary-color); */
	/* background-color: rgba(0,0,0,0); */
}
*,*:hover,*:active {
	outline: none
}
@media (min-width: 320px) and (max-width: 767px) {
	html {
		font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (767 - 320)));
	}
}

.__xhr {padding:3vw;position: absolute;top: 0;width:calc(100% - 0vw);height:calc(100% - 0vw);display: flex;align-items: center;justify-content: center;z-index: 100;background-color: rgba(255,255,255,.5);backdrop-filter:blur(.15rem);-o-backdrop-filter:blur(.15rem);-moz-backdrop-filter:blur(.15rem);-webkit-backdrop-filter:blur(.15rem);opacity: 0;visibility: hidden;transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}.__xhr.--active {opacity: 1;visibility: visible;}
.lds-ring{display:inline-block;position:relative;width:7vw;height:7vw}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:5vw;height:5vw;margin:.25rem;border:.25rem solid var(--primary-color);border-radius:50%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-ring;border-color:var(--primary-color) transparent transparent}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}

@font-face {
	font-family: 'Moderat';
	src: url("/public/sipslo/fonts/Moderat-Bold.otf") format("opentype");
}
@font-face {
	font-family: 'Moderat-trial-regular';
	src: url("/public/sipslo/fonts/Moderat-Trial-Regular.otf") format("opentype");
}
@font-face {
	font-family: 'Moderat-trial-black';
	src: url("/public/sipslo/fonts/Moderat-Trial-Extended-Black.otf") format("opentype");
}
@font-face {
	font-family: 'Moderat-trial-thin';
	src: url("/public/sipslo/fonts/Moderat-Trial-Extended-Thin.otf") format("opentype");
}
* {
	font-family:'Moderat','Moderat-trial-regular','Moderat-trial-black','Moderat-trial-thin', sans-serif;
}
a {
	color: var(--primary-color);
}
*:focus,*:active,*:hover{outline:none}*,*::before,*::after{box-sizing:border-box}html{font-size:16px}body{margin:0;padding:0}.--empty{border-color:#d6093f !important}

main{overflow:hidden}

.__row{padding:0;width:calc(100% - 6rem);margin:0 auto}.__col-m-1,.__col-m-2,.__col-m-3,.__col-m-4,.__col-m-5,.__col-m-6,.__col-m-7,.__col-m-8,.__col-m-9,.__col-m-10,.__col-m-11,.__col-m-12{display:block;margin-left:.5rem;margin-right:.5rem;float:left}.__col-m-1{width:calc(8.333333% - 1rem)}.__col-m-2{width:calc(16.666667% - 1rem)}.__col-m-3{width:calc(25% - 1rem)}.__col-m-4{width:calc(33.333333% - 1rem)}.__col-m-5{width:calc(41.666667% - 1rem)}.__col-m-6{width:calc(50% - 1rem)}.__col-m-7{width:calc(58.333333% - 1rem)}.__col-m-8{width:calc(66.666667% - 1rem)}.__col-m-9{width:calc(75% - 1rem)}.__col-m-10{width:calc(83.333333% - 1rem)}.__col-m-11{width:calc(91.666667% - 1rem)}.__col-m-12{width:calc(100% - 1rem)}.--m-hidden{display:none}.--x-hidden{display:block}@media (max-width:1024px){.__row{width:calc(100% - 10vw)}.__col-x-1,.__col-x-2,.__col-x-3,.__col-x-4,.__col-x-5,.__col-x-6,.__col-x-7,.__col-x-8,.__col-x-9,.__col-x-10,.__col-x-11,.__col-x-12{display:block;margin-left:2vw;margin-right:2vw;float:left}.__col-x-1{width:calc(8.333333% - 4vw)}.__col-x-2{width:calc(16.666667% - 4vw)}.__col-x-3{width:calc(25% - 4vw)}.__col-x-4{width:calc(33.333333% - 4vw)}.__col-x-5{width:calc(41.666667% - 4vw)}.__col-x-6{width:calc(50% - 4vw)}.__col-x-7{width:calc(58.333333% - 4vw)}.__col-x-8{width:calc(66.666667% - 4vw)}.__col-x-9{width:calc(75% - 4vw)}.__col-x-10{width:calc(83.333333% - 4vw)}.__col-x-11{width:calc(91.666667% - 4vw)}.__col-x-12{width:calc(100% - 4vw)}.--x-hidden{display:none}.--m-hidden{display:block}}


.__h0,
.__h1,
.__h5 {
	width: 100%;
	display: table;
}
.__h0 {
	height: 0rem;
}
.__h1 {
	height: 4vw;
}
.__h5 {
	height: calc(5vw * 5);
}

.__path {
	position: absolute;
}
.__navbar {
	display: none;
}
main {
	display: none;
}
@media (max-width:767px) {
	main.__login-pages,
	main.__page-content {
		display: flex;
		min-height: 100vh;
		align-items: center;
		justify-content: center;
		background-color: var(--primary-color);
		position: relative;
	}
	main.__login-pages {
		background-color: var(--black-color);
	}
	main.__page-content {
		background-color: var(--white-color);
	}
	.__btn {
		display: block;
		padding: 2.5vw 6vw;
		font-size: 5vw;
		font-weight: bold;
		cursor: pointer;
		margin: 0;
		text-align: center;
		border-radius: 100vw;
		-moz-border-radius: 100vw;
		-webkit-border-radius: 100vw;
		transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-o-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-ms-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-moz-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-webkit-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		position: relative;
		font-family: 'Moderat';
	}
	.__btn.--primary {
		border: 1px solid var(--secondary-color);
		background-color: var(--secondary-color);
		color: var(--white-color);
	}
	.__btn.--primary:hover {
		border: 1px solid var(--secondary-bright-color);
		background-color: var(--secondary-bright-color);
	}
	.__btn.--secondary {
		border: 1px solid var(--black-color);
		background-color: var(--black-color);
		color: var(--white-color);
	}
	.__btn.--secondary:hover {
		border: 1px solid var(--black-color);
		background-color: var(--black-color);
	}
	.__btn.--red {
		border: 1px solid var(--red-color);
		background-color: var(--red-color);
		color: var(--white-color);
	}
	.__btn.--red:hover {
		border: 1px solid var(--red-color);
		background-color: var(--red-color);
	}
	.__btn.--transparent {
		border: 2px solid var(--secondary-color);
		background-color: transparent;
		color: var(--secondary-color);
	}
	.__btn.--transparent:hover {
		border: 2px solid var(--secondary-color);
		background-color: var(--secondary-color);
		color: var(--white-color);
	}
	.__btn.--transparent.--blue {
		border: 2px solid var(--primary-color);
		background-color: transparent;
		color: var(--primary-color);
	}
	.__btn.--transparent.--blue:hover {
		border: 2px solid var(--primary-color);
		background-color: var(--primary-color);
		color: var(--white-color);
	}
	.__btn.--transparent.--white {
		border: 2px solid var(--white-color);
		background-color: transparent;
		color: var(--white-color);
	}
	.__btn.--transparent.--white:hover,
	.__btn.--transparent.--white:active,
	.__btn.--transparent.--white:focus {
		border: 2px solid var(--white-color);
		background-color: var(--white-color);
		color: var(--black-color);
	}
	.__btn.--blue {
		border: 1px solid var(--primary-color);
		background-color: var(--primary-color);
		color: var(--white-color);
	}
	.__btn.--blue:hover {
		border: 1px solid var(--primary-color);
		background-color: var(--primary-color);
	}
	.__btn.--blue.--backdrop {
		background-color: rgba(0,2,69,.25);
		border: none;
		backdrop-filter: blur(5vw);
		-o-backdrop-filter: blur(5vw);
		-moz-backdrop-filter: blur(5vw);
		-webkit-backdrop-filter: blur(5vw);
	}
	form {
		display: block;
		width: 100%;
		position: relative;
		z-index: 1;
	}
	form .__data-row {
		display: block;
		width: 100%;
		margin-bottom: 5vw;
		position: relative;
	}
	form .__data-row input,
	form .__data-row textarea,
	form .__data-row select,
	.__search input,
	input[type="range"],
	.__ins input {
		width: 100%;
		height: auto;
		font-size: 4vw;
		font-weight: 300;
		padding: 3.25vw 5vw;
		background-color: var(--white-color);
		border: 1px solid var(--white-color);
		color: var(--black-color)!important;
		/* font-weight: 600; */
		font-style: normal;
		transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-o-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-ms-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-moz-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-webkit-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		border-radius: 100vw;
		-moz-border-radius: 100vw;
		-webkit-border-radius: 100vw;
		font-family: 'Moderat-trial-regular';
		box-shadow:none!important;
		-moz-box-shadow: none!important;
		-webkit-box-shadow: none!important;
		appearance: none!important;
		-webkit-appearance: none!important;
		-moz-appearance: none!important;
	}
	form .__data-row .__ins textarea {
		resize: none;
		border-radius: 0vw;
		-moz-border-radius: 0vw;
		-webkit-border-radius: 0vw;
		background-color: var(--white-color);
		height: 25vw;
		width: 100%;
		padding: 0;
		font-size: 3.75vw;
	}
	form .__data-row select {
		padding: 3.65vw 4vw;
		background-size: 5vw;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		line-height: auto;
		background: var(--secondary-color) url('/public/sipslo/media/caret-down.svg');
		background-repeat: no-repeat;
		background-position-x: 95%;
		background-position-y: 50%;
		cursor: pointer;
		border:none;
	}
	form .__data-row input::placeholder {
		/* font-weight: 400; */
		color: var(--gray-color)!important;
	}
	form .__data-row .__password-control {
		position: absolute;
		top: 4.5vw;
		right: 4vw;
		display: inline-block;
		width: 7.5vw;
		height: 7.5vw;
		background: url(/public/sipslo/media/eye-icon.svg) 0 0 no-repeat;
	}
	form .__data-row .__password-forgot,
	form.__login-form .__data-row.--confirm p,
	form.__login-form .__data-row.--confirm p a {
		color: var(--white-color);
		display: block;
		font-family: 'Moderat';
		text-align: right;
		font-size: 4vw;
	}
	form .__data-row.--password {
		margin-bottom: 3vw;
	}
	form.__login-form {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 20vh;
		min-height: 90vh;
	} 
	form.__login-form.--signup {
		min-height: 100vh;
	}
	form.__login-form .__data-row.--confirm {
		display: flex;
		flex-direction: column;
		text-align: center;
		margin-bottom: 0;
		bottom: 0;
		margin-top: 5vh;
	}
	form.__login-form .__data-row.--confirm p {
		text-align: center;
		margin-top: 0;
		margin-bottom: 5vw;
	}
	form.__login-form .__data-row.--confirm p a {
		display: unset;
	}	
	form.__login-form .__data-row button {
		width: 100%;
	}
	form.__backgrounded-form .__data-row,
	.__form-container .__data-row {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background-color: var(--white-color);
		border-radius: 10vw;
		-moz-border-radius: 10vw;
		-webkit-border-radius: 10vw;
	}
	form.__backgrounded-form .__data-row > button {
		width: 90%;
		font-size: 4.75vw;
		font-family: 'Moderat';
	}
	.__inputfile,
	.__ingredient,
	form.__backgrounded-form .__data-row .__data-field input {
		width: 0.1px;
		height: 0.1px;
		opacity: 0;
		overflow: hidden;
		position: absolute;
		z-index: -1;
		padding: 0;
	}
	.__inputfile + label,
	.__ingredient + label {
		display: flex;
		position: relative;
		align-items: center;
		justify-content: center;
		color: var(--black-color);
		font-size: 4vw;
		font-family: 'Moderat';
		background-color: var(--white-color);
		width: 100%;
		height: inherit;
		border-radius: 100vw;
		-moz-border-radius: 100vw;
		-webkit-border-radius: 100vw;
		width: 41.4vw;
		height: 41.4vw;
		cursor: pointer;
	}

	.__data-row.--file label .__on,
	.__data-row.--file label .__off {
		display: none;
	}
	.__data-row.--file label .__on.--active,
	.__data-row.--file label .__off.--active {
		display: block;
	}
	.__data-row.--file label .__on {
		width: 100%;
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		border-radius: 100rem;
		-moz-border-radius: 100rem;
		-webkit-border-radius: 100rem;
	}
	form.__backgrounded-form .__data-row.--file {
		width: 20vw;
		margin: 0 auto;
		margin-bottom: 5vw;
		padding: 0;
	}
	form.__backgrounded-form .__data-row.--file .__xhr {
		width: 40vw;
		border-radius: 100rem;
		-moz-border-radius: 100rem;
		-webkit-border-radius: 100rem;
	}
	form.__backgrounded-form .__data-row.--file .__xhr .lds-ring {
		width: 17vw;
		height: 17vw;
	}
	form.__backgrounded-form .__data-row.--file .__xhr .lds-ring > div {
		width: 15vw;
		height: 15vw;
	}

	form.__backgrounded-form .__data-row,
	.__form-container .__data-row {
		margin-bottom: 1vw;
		padding: 5vw 0;
	}
	form.__backgrounded-form .__data-row.--bottom-padding {
		padding: 5vw 0 10vw;
	}
	form.__backgrounded-form .__data-row input,
	form.__backgrounded-form .__data-row select {
		background-color: var(--grey-secondary-color);
		width: 90%;
		margin-bottom: 5vw;
	}
	form.__backgrounded-form .__data-row input:last-child,
	form.__backgrounded-form .__data-row select:last-child {
		margin-bottom: 0;
	}
	form.__backgrounded-form .__data-row select {
		background-size: 4vw;
	}
	form.__backgrounded-form .__data-row.--confirm,
	.__form-container .__data-row.--confirm {
		background-color: unset;
		margin-bottom: 0;
		padding-bottom: 10vw;
	}
	form.__backgrounded-form .__data-row.--confirm button,
	.__form-container .__data-row.--confirm button {
		width:90%;
	}
	form.__backgrounded-form .__data-row .__data-cont {
		position: relative;
		width: 100%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.__data-cont.--slider {
		flex-direction: column;
	}
	form.__backgrounded-form .__data-row .__data-cont .__password-control {
		right: 10.5vw;
		top: 4vw;
	}
	form.__backgrounded-form .__data-row .__ins {
		display: block;
		width: 90%;
		position: relative;
	}
	form.__backgrounded-form .__data-row .__ins.--center h3 {
		text-align: center;
	}
	form.__backgrounded-form .__data-row .__ins h3,
	form.__backgrounded-form .__data-row .__ins p {
		margin: 0;
		font-family: 'Moderat';
		font-size: 3.75vw;
		margin-bottom: 2vw;
		color: var(--black-color);
	}
	form.__backgrounded-form .__data-row .__ins p {
		font-family: 'Moderat-trial-regular';
		margin-bottom: 20vw;
	}
	form.__backgrounded-form .__data-row .__ins.--5-margin p {
		margin-bottom: 5vw;
	}
	form.__backgrounded-form .__data-row .__data-cont.--slider {
		margin-bottom: 5vw;
	}
	.__value,
	form.__backgrounded-form .__data-row .__data-cont.--slider input[type="range"]::before,
	form.__backgrounded-form .__data-row .__data-cont.--slider input[type="range"]::after {
		font-family: 'Moderat';
		font-size: 4vw;
		color: var(--black-color);
		
	}
	form.__backgrounded-form .__data-row .__data-cont.--slider .__value {
		margin-bottom: 2vw;
		width: 100%;
		text-align: center;
	}
	form.__backgrounded-form .__data-row .__data-cont.--slider .__value span {
		color: var(--secondary-color);
		width: 5vw;
		display: inline-block;
	}
	form.__backgrounded-form .__data-row .__data-cont.--slider span:after {
		content: 'm';
	}
	form.__backgrounded-form .__data-row .__data-cont.--slider.--temp span:after {
		content: '°C';
	}
	form.__backgrounded-form .__data-row .__data-cont.--slider input[type="range"],
	.__data-cont.--slider input[type="range"] {
		-webkit-appearance: none;
		outline: 0;
		width: 70%;
		/* padding: 1.25vw; */
		padding: 0;
		border: 1.25vw solid var(--grey-secondary-color);
		/* filter: blur(.01vw); */
		overflow: hidden;
		background: rgb(255,176,228);
		background: -moz-linear-gradient(137deg, rgba(255,176,228,1) 0%, rgba(0,7,198,1) 100%);
		background: -webkit-linear-gradient(137deg, rgba(255,176,228,1) 0%, rgba(0,7,198,1) 100%);
		background: linear-gradient(137deg, rgba(255,176,228,1) 0%, rgba(0,7,198,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffb0e4",endColorstr="#0007c6",GradientType=1);
	}
	input[type="range"]::-webkit-slider-runnable-track {
     	-webkit-appearance: none;
     	color: #13bba4;
     	/* margin-top: -1px; */
		margin-top: 0px;
	}

	form.__backgrounded-form .__data-row .__data-cont.--slider input[type="range"].--mint,
	.__data-cont.--slider input[type="range"].--mint {
		background: rgb(169,244,223);
		background: -moz-linear-gradient(137deg, rgba(169,244,223,1) 0%, rgba(70,222,181,1) 100%);
		background: -webkit-linear-gradient(137deg, rgba(169,244,223,1) 0%, rgba(70,222,181,1) 100%);
		background: linear-gradient(137deg, rgba(169,244,223,1) 0%, rgba(70,222,181,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a9f4df",endColorstr="#46deb5",GradientType=1);
	}
	form.__backgrounded-form .__data-row .__data-cont.--slider input[type="range"].--brown,
	.__data-cont.--slider input[type="range"].--brown {
		background: rgb(199,176,183);
		background: -moz-linear-gradient(137deg, rgba(199,176,183,1) 0%, rgba(119,84,95,1) 100%);
		background: -webkit-linear-gradient(137deg, rgba(199,176,183,1) 0%, rgba(119,84,95,1) 100%);
		background: linear-gradient(137deg, rgba(199,176,183,1) 0%, rgba(119,84,95,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c7b0b7",endColorstr="#77545f",GradientType=1);
	}
	form.__backgrounded-form .__data-row .__data-cont.--slider input[type="range"].--dark-blue,
	.__data-cont.--slider input[type="range"].--dark-blue {
		background: rgb(64,66,136);
		background: -moz-linear-gradient(137deg, rgba(64,66,136,1) 0%, rgba(0,2,69,1) 100%);
		background: -webkit-linear-gradient(137deg, rgba(64,66,136,1) 0%, rgba(0,2,69,1) 100%);
		background: linear-gradient(137deg, rgba(64,66,136,1) 0%, rgba(0,2,69,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#404288",endColorstr="#000245",GradientType=1);
	}
	form.__backgrounded-form .__data-row .__data-cont.--slider input[type="range"].--blue,
	.__data-cont.--slider input[type="range"].--blue {
		background: rgb(100,105,234);
		background: -moz-linear-gradient(137deg, rgba(100,105,234,1) 0%, rgba(0,7,198,1) 100%);
		background: -webkit-linear-gradient(137deg, rgba(100,105,234,1) 0%, rgba(0,7,198,1) 100%);
		background: linear-gradient(137deg, rgba(100,105,234,1) 0%, rgba(0,7,198,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6469ea",endColorstr="#0007c6",GradientType=1);
	}
	input[type="range"]::-webkit-slider-runnable-track {
		color: rgb(255,176,228);
	}
	form.__backgrounded-form .__data-row .__data-cont.--slider input[type="range"]::before,
	form.__backgrounded-form .__data-row .__data-cont.--slider.--temp input[type="range"]::before,
	.__data-cont.--slider input[type="range"]::before,
	.__data-cont.--slider.--temp input[type="range"]::before {
		content: '0km';
		position: absolute;
		left: 5.3vw;
	}
	form.__backgrounded-form .__data-row .__data-cont.--slider.--temp input[type="range"]::before,
	.__data-cont.--slider.--temp input[type="range"]::before {
		content: '25°C';
	}
	form.__backgrounded-form .__data-row .__data-cont.--slider input[type="range"]::after,
	form.__backgrounded-form .__data-row .__data-cont.--slider.--temp input[type="range"]::after,
	.__data-cont.--slider input[type="range"]::after,
	.__data-cont.--slider.--temp input[type="range"]::after {
		content: '2.5';
		position: absolute;
		right: 5.3vw;
	}
	form.__backgrounded-form .__data-row .__data-cont.--slider.--temp input[type="range"]::after,
	.__data-cont.--slider.--temp input[type="range"]::after {
		content: '99°C';
	}
	form.__backgrounded-form .__data-row .__data-cont.--slider.--ground input[type="range"]::before,
	form.__backgrounded-form .__data-row .__data-cont.--slider.--ground input[type="range"]::after,
	.__data-cont.--slider.--ground input[type="range"]::before,
	.__data-cont.--slider.--ground input[type="range"]::after {
		content: ' ';
		background-image: url('/public/sipslo/media/nav/ground-1.svg');
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: contain;
		background-repeat: no-repeat;
		width: 5.25vw;
		height: 5.25vw;
		display: flex;
		align-items: center;
		justify-content: center;
		background-position: center;
		top: 9.5vw;
		
	}
	form.__backgrounded-form .__data-row .__data-cont.--slider.--ground input[type="range"]::after,
	.__data-cont.--slider.--ground input[type="range"]::after {
		background-image: url('/public/sipslo/media/nav/ground-2.svg');
		width: 7vw;
		height: 7vw;
		top: 8.5vw;
	}
	form.__backgrounded-form .__data-row .__data-cont.--slider input[type="range"]::-webkit-slider-thumb,
	.__data-cont.--slider input[type="range"]::-webkit-slider-thumb {
		-webkit-appearance: none;
		background-color: var(--secondary-color);
		width: 24px;
		height: 24px;
		border-radius: 100%;
		cursor: pointer;
		transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		border: 3.5vw solid var(--secondary-color);
		box-shadow: 413px 0 0 400px #f4f4f4;
	}

	form.__backgrounded-form .__data-row .__data-cont.--slider input[type="range"].--mint::-webkit-slider-thumb,
	.__data-cont.--slider input[type="range"].--mint::-webkit-slider-thumb {
		background-color: #8BEFD4;
		border: 3.5vw solid #8BEFD4;
	}
	form.__backgrounded-form .__data-row .__data-cont.--slider input[type="range"].--brown::-webkit-slider-thumb,
	.__data-cont.--slider input[type="range"].--brown::-webkit-slider-thumb {
		background-color: #8D6E78;
		border: 3.5vw solid #8D6E78;
	}
	form.__backgrounded-form .__data-row .__data-cont.--slider input[type="range"].--dark-blue::-webkit-slider-thumb,
	.__data-cont.--slider input[type="range"].--dark-blue::-webkit-slider-thumb {
		background-color: #3D3F85;
		border: 3.5vw solid #3D3F85;
	}
	form.__backgrounded-form .__data-row .__data-cont.--slider input[type="range"].--blue::-webkit-slider-thumb,
	.__data-cont.--slider input[type="range"].--blue::-webkit-slider-thumb {
		background-color: #494EE0;
		border: 3.5vw solid #494EE0;
	}

	form.__backgrounded-form .__data-row .__data-cont.--slider.--empty input[type="range"],
	.__data-cont.--slider.--empty input[type="range"] {
		width: 90%;
	}
	form.__backgrounded-form .__data-row .__data-cont.--slider.--empty input[type="range"]::before,
	form.__backgrounded-form .__data-row .__data-cont.--slider.--empty input[type="range"]::after,
	.__data-cont.--slider.--empty input[type="range"]::before,
	.__data-cont.--slider.--empty input[type="range"]::after {
		content: '';
	}
	form.__backgrounded-form .__data-row .__data-cont.--slider.--empty input[type="range"]::-webkit-slider-runnable-track {
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: 0%;
		align-self: center;
		box-sizing: border-box;
		display: block;
	}
	form.__backgrounded-form .__data-row .__tags {
		padding: 0 5vw;
		width: 100%;
	}
	form.__backgrounded-form .__data-row .__tags ul li {
		padding: 1.5vw 2.5vw;
		margin-bottom: 2vw;
	}
	form.__backgrounded-form .__data-row .__tags ul li.--active,
	form.__backgrounded-form .__data-row .__tags .__tags-pool ul li.--inactive {
		background-color: var(--black-color);
	}
	form.__backgrounded-form .__data-row .__tags .__tags-pool ul li.--inactive {
		opacity: .35;
		-moz-opacity: .35;
		-webkit-opacity: .35;
	}
	form.__backgrounded-form .__data-row .__tags .__tags-pool ul li {
		background-color: var(--primary-color);
	}
	form.__backgrounded-form .__data-row .__tags .__tags-pool ul li:last-of-type {
		padding: 1.5vw 4.5vw;
	}
	form.__backgrounded-form .__data-row .__tags ul li a {
		text-decoration: none;
		color: var(--white-color);
		font-family: 'Moderat-trial-regular';
		font-size: 3.75vw;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	form.__backgrounded-form .__data-row .__tags .__added-tags ul li,		
	form.__backgrounded-form .__data-row .__tags .__tags-pool ul li {		
		margin-right: 1.5vw;		
	}		
	form.__backgrounded-form .__data-row .__tags .__added-tags ul li:last-child,		
	form.__backgrounded-form .__data-row .__tags .__tags-pool ul li:last-child {		
		margin-right: 0;		
	}
	form.__backgrounded-form .__data-row .__tags .__added-tags ul li.--active a i.__icon,
	form.__backgrounded-form .__data-row .__tags .__tags-pool ul li.--inactive a i.__icon {
		margin-left: 2vw;
	}
	form.__backgrounded-form .__data-row .__tags .__added-tags ul li.--active a i.__icon.--plus::before,
	form.__backgrounded-form .__data-row .__tags .__tags-pool ul li.--inactive a i.__icon.--plus::before {
		content: ' ';
		background-image: url('/public/sipslo/media/nav/cross.svg');
		width: 3.5vw;
		height: 3.5vw;
		background-size: cover;
		background-repeat: no-repeat;
		display: block;
	}
	form.__backgrounded-form .__data-row .__tags .__tags-pool ul li.--inactive a i.__icon.--plus::before {
		transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	form.__backgrounded-form .__data-row .__tags .__added-tags {
		position: relative;
		margin-bottom: 6vw;
	}
	form.__backgrounded-form .__data-row .__tags .__added-tags::after {
		background-color: var(--black-color);
		opacity: .15;
		-moz-opacity: .15;
		-webkit-opacity: .15;
		bottom: -1vw;
	}
	form.__backgrounded-form .__data-row .__tags.--no-stripe {
		padding: 5vw 5vw 0;
	}
	form.__backgrounded-form .__data-row .__tags.--no-stripe > button {
		font-size: 3.75vw;
		width: 100%;
		font-family: 'Moderat-trial-regular';
	}
	form.__backgrounded-form .__data-row .__tags.--no-stripe .__added-tags {
		margin-bottom: 0;
	}
	form.__backgrounded-form .__data-row .__tags.--no-stripe .__added-tags::after {
		display: none;
	}
	form.__backgrounded-form .__data-row .__tags.--no-stripe .__tags-pool {
		position: relative;
		margin-bottom: 3vw;
	}
	form.__backgrounded-form .__data-row .__data-field {
		display: block;
	}
	form.__backgrounded-form .__data-row .__data-field .__rating {
		border: none;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0;
		padding: 5vw 0;
		float: right;
		direction: rtl;
	}
	form.__backgrounded-form .__data-row .__data-field .__rating input ~ label {
		display: flex;
		position: relative;
		align-items: center;
		justify-content: center;
		background-color: var(--white-color);
		border: 1px solid var(--yellow-color);
		width: 100%;
		height: inherit;
		border-radius: 100vw;
		-moz-border-radius: 100vw;
		-webkit-border-radius: 100vw;
		width: 11vw;
		height: 11vw;
		cursor: pointer;
		margin: 0 1.5vw;
	}
	form.__backgrounded-form .__data-row .__data-field .__rating input:checked ~ label {
		background-color: var(--yellow-color);
	}
	form.__backgrounded-form .__data-row .__4fr-grid {
		display: grid;
		grid-template-columns: repeat(4,1fr);
		grid-gap: 3vw;
		width: 100%;
		position: relative;
		padding: 5vw;
		align-items: center;
		justify-content: center;
	}
	.__path.--p-1 {
		display: block;
		top:-10vw;
		right:-65vw;
		width: 130vw;
	}
	.__path.--p-2 {
		display: block;
		/* top: 10.5vw; */
		width: 195vw;
		left: -60vw;
		top: -5vw;
	}
	.__path.--p-3 {
		display: block;
		bottom: -45vw;
		left: -18.5vw;
		z-index: 0;
		width: 62vw;
	}
	.__path.--p-4,
	.__path.--p-7 {
		top: -20vw;
		transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		-webkit-transform: rotate(17deg);
		width: 120vw;
		right: -10vw;
	}
	.__path.--p-5 {
		top: -77vw;
		width: 200vw;
		left: -70vw;
	}
	.__path.--p-6,
	.__path.--p-8,
	.__path.--p-10 {
		top: -5vw;
		width: 205vw;
		left: -54vw;
	}
	.__path.--p-7 {
		transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		-webkit-transform: rotate(9deg);
		/* top: -18vw; */
		top: -15vw;
	}
	.__path.--p-9 {
		transform: rotate(255deg);
		-moz-transform: rotate(255deg);
		-webkit-transform: rotate(255deg);
		top: -5vw;
		left: 4vw;
	}
	.__path.--p-10 {
		top: -10vw;
		width: 205vw;
		left: -18vw;
	}
	.__log-stuff,
	.__page-stuff {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		min-height: 100vh;
		height: 100%;
		position: relative;
	}
	.__page-stuff.--discover {
		justify-content: flex-start;
	}
	.__page-stuff.--profile,
	.__page-stuff.--primary-color {
		justify-content: flex-start;
	}
	.__page-stuff.--success {
		justify-content: center;
	}
	.__log-stuff.--signup {
		min-height: 100vh;
	}
	.__log-stuff.--recover-pass {
		min-height: 90vh;
	}
	.__log-stuff.--recover-pass .__path.--p-1 {
		top: -20vw;
	}
	.__log-stuff.--recover-pass .__path.--p-2 {
		/* top: 2.5vw; */
		top: -5vw;
	}
	.__pict {
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.__log-stuff .__pict {
		display: block;
		position: relative;
		width: 33vw;
		height: 33vw;
		margin-bottom: 13vw;
	}
	.__log-stuff .__message,
	.__message {
		text-align: center;
		display: block;
	}
	.__log-stuff .__message p,
	.__message p {
		margin: 0;
		font-family: 'Moderat-trial-black';
		font-size: 5vw;
		color: var(--white-color);
		line-height: 9vw;
	}
	.__log-stuff .__button {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		bottom: 10vw;
		z-index: 1;
		width: 100%;
	}
	.__log-stuff .__button button {
		width: 100%;
	}
	.__page-stuff .__message p {
		color: var(--grey-color);
	}
	.__navbar {
		bottom: 0vw;
		height: 22vw;
		/* height: 26vw; */
		/* height: 18vw; */
		position: fixed;
		display: block;
		margin: 0;
		padding: 0;
		left: 0;
		background-color: var(--grey-secondary-color);
		width: 100%;
		z-index: 1001;
		transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}
	.__navbar.--hide {
		bottom: -22vw;
	}
	.__navbar.--hidden {
		display: none!important;
	}
	.__navbar.--blur {
		background-color: rgba(242,242,242,.1);
		backdrop-filter: blur(1rem);
		-o-backdrop-filter: blur(1rem);
		-moz-backdrop-filter: blur(1rem);
		-webkit-backdrop-filter: blur(1rem);
	}
	.__navbar.--primary-color {
		background-color: var(--black-color);
		background-color: rgba(0,2,69,.75);
		backdrop-filter: blur(.7rem);
		-o-backdrop-filter: blur(.7rem);
		-moz-backdrop-filter: blur(.7rem);
		-webkit-backdrop-filter: blur(.7rem);
	}
	.__navbar.--primary-color-solid {
		background-color: var(--black-color);
	}
	.__navbar.--sub-primary-color {
		background-color: rgba(248,236,222,.75);
		backdrop-filter: blur(.7rem);
		-o-backdrop-filter: blur(.7rem);
		-moz-backdrop-filter: blur(.7rem);
		-webkit-backdrop-filter: blur(.7rem);
	}
	.__navbar ul {
		float: none;
		list-style: none;
		display: table;
		table-layout: fixed;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
	}
	.__navbar ul li {
		display: table-cell;
		float: none;
		vertical-align: top;
		text-align: center;
		height: inherit;
		/* padding-top: 5vw; */
	}
	.__navbar ul li >  div {
		height: calc(100% - 0vw);
		padding-top: 5vw;
	}
	.__navbar ul li button {
		margin: 0 auto;
	}
	.__navbar ul li div svg {
		/* width: 8.5vw;
		height: 8.5vw; */
		/* width: 7vw; */
		height: 7vw;
	}
	/* .__navbar ul li.--active div svg g path.--fill {
		fill: var(--primary-color);
	}
	.__navbar ul li.--active div svg g path.--stroke {
		stroke: var(--primary-color);
	}
	.__navbar ul li.--active div svg g.--stroke {
		stroke: var(--primary-color);
	}
	.__navbar ul li.--active div svg g.--fill {
		fill: var(--primary-color);
	}
	.__navbar ul li.--active div svg g path.--center {
		fill: var(--grey-secondary-color)!important;
		stroke: var(--grey-secondary-color)!important;
	}
	.__navbar ul li.--active div svg g path.--user {
		stroke: none!important;
		fill: var(--primary-color);
	}
	.__navbar ul li.--active div svg .cls-1,
	.__navbar ul li.--active div svg .st0 {
		fill:#0007c6
	}
	.__navbar.--primary-color ul li.--active div svg .cls-1,
	.__navbar.--primary-color ul li.--active div svg .st0 {
		fill:#fff
	}
	.__navbar ul li.--active div svg g circle.--center {
		stroke: var(--primary-color);
	}
	.__navbar.--primary-color ul li div svg path.--fill,
	.__navbar.--primary-color ul li div svg g path.--fill,
	.__navbar.--primary-color ul li.--active a svg g.--fill {
		fill: var(--white-color)!important;
	}
	.__navbar.--primary-color ul li div svg g.--stroke,
	.__navbar.--primary-color ul li div svg path.--stroke,
	.__navbar.--primary-color ul li.--active a svg path.--stroke {
		stroke: var(--white-color)!important;
	}
	.__navbar.--primary-color ul li svg g,
	.__navbar.--primary-color ul li svg path {
		stroke: #fff !important;
	} */
	/* .__navbar.--primary-color ul li div svg path.--stroke,
	.__navbar.--primary-color ul li div svg g path.--stroke {
		stroke: var(--white-color)!important;
	} */

	/* .__navbar.--primary-color */

	.__navbar ul li#nav-home.--active div svg path {
		fill: var(--primary-color);
		stroke: var(--primary-color);
	}
	.__navbar.--primary-color ul li#nav-home div svg path {
		stroke: var(--white-color);
	}
	.__navbar.--primary-color ul li#nav-home.--active div svg path {
		fill: var(--white-color);
		stroke: var(--white-color);
	}
	.__navbar.--primary-color ul li#nav-discover div svg circle {
		stroke: var(--white-color);
	}
	.__navbar.--primary-color ul li#nav-discover div svg path {
		fill: var(--white-color);
	}
	.__navbar.--primary-color ul li#nav-discover div svg path.__backdrop {
		fill: transparent;
		stroke: transparent;
	}
	.__navbar.--primary-color ul li#nav-discover div svg path.__dot {
		fill: var(--white-color);
	}
	.__navbar.--primary-color ul li#nav-notifications div svg path {
		stroke: var(--white-color);
	}
	.__navbar ul li#nav-discover.--active div svg path {
		fill: transparent;
		stroke: transparent;
	}
	.__navbar ul li#nav-discover.--active div svg path.__backdrop,
	.__navbar ul li#nav-discover.--active div svg path.__dot {
		fill: var(--primary-color);
	}
	.__navbar.--primary-color ul li#nav-discover.--active div svg path {
		fill: transparent;
		stroke: transparent;
	}
	.__navbar.--primary-color ul li#nav-discover.--active div svg path.__backdrop,
	.__navbar.--primary-color ul li#nav-discover.--active div svg path.__dot {
		fill: var(--white-color);
	}
	.__navbar ul li#nav-notifications.--active div svg path {
		stroke: var(--primary-color);
	}
	.__navbar ul li#nav-notifications.--active div svg path:first-child {
		fill: var(--primary-color);
	}
	.__navbar ul li#nav-profile.--active div svg circle {
		stroke: var(--primary-color);
	}
	.__navbar.--primary-color ul li#nav-profile div svg circle,
	.__navbar.--primary-color ul li#nav-profile div svg path {
		stroke: var(--white-color);
	}
	.__navbar ul li#nav-profile.--active div svg path {
		stroke: transparent;
	}
	.__navbar ul li#nav-profile.--active div svg path,
	.__navbar ul li#nav-profile.--active div svg circle {
		fill: var(--primary-color);
	}
	.__navbar.--primary-color ul li#nav-add div svg circle {
		stroke: var(--white-color);
	}
	.__navbar.--primary-color ul li#nav-add div svg path.st1 {
		fill: var(--white-color);
	}
	.__navbar.--primary-color ul li#nav-add.--active div svg path.st1 {
		fill: transparent;
	}
	.__navbar ul li#nav-add.--active div svg path {
		stroke: transparent;
		fill: transparent;
	}
	.__navbar ul li#nav-add.--active div svg path:last-child  {
		fill: var(--primary-color);
	}
	.__navbar.--primary-color ul li#nav-add.--active div svg path:last-child {
		fill: var(--white-color);
	}

	.__navbar ul li.--active div svg {
		animation: nav-bulp .5s ease-in-out forwards;
		position: relative;
	}
	.__navbar ul li div {
		position: relative;
	}
	.__navbar ul li div::before {
		content: '';
		display: block;
		position: absolute;
		width: 10vw;
		height: 10vw;
		background-color: rgba(0,7,198,0);
		backdrop-filter: blur(0vw);
		-o-backdrop-filter: blur(0vw);
		-moz-backdrop-filter: blur(0vw);
		-webkit-backdrop-filter: blur(0vw);
		z-index: -1;
		top: 3.5vw;
		left: 0;
		right: 0;
		margin: 0 auto;
		border-radius: 10vw;
		-moz-border-radius: 10vw;
		-webkit-border-radius: 10vw;
	}
	.__navbar ul li.--active div::before {
		animation: nav-bg-bulp .7s ease-in-out forwards;
	}
	@keyframes nav-bulp {
		0% {
			transform: scale(1);
		}
		40% {
			transform: scale(1.25);
		}
		75% {
			transform: scale(.8);
		}
		100% {
			transform: scale(1);
		}
	}
	@keyframes nav-bg-bulp {
		0% {
			background-color: rgba(0,7,198,0);
			transform: scale(.5);
			opacity: 0;
			backdrop-filter: blur(0vw);
			-o-backdrop-filter: blur(0vw);
			-moz-backdrop-filter: blur(0vw);
			-webkit-backdrop-filter: blur(0vw);
		}
		40% {
			transform: scale(1.5);
			background-color: rgba(0,7,198,.2);
			opacity: .8;
			backdrop-filter: blur(5vw);
			-o-backdrop-filter: blur(5vw);
			-moz-backdrop-filter: blur(5vw);
			-webkit-backdrop-filter: blur(5vw);
		}
		75% {
			transform: scale(1.75);
			background-color: rgba(0,7,198,.1);
			opacity: .9;
			backdrop-filter: blur(5vw);
			-o-backdrop-filter: blur(5vw);
			-moz-backdrop-filter: blur(5vw);
			-webkit-backdrop-filter: blur(5vw);
		}
		100% {
			transform: scale(2);
			background-color: rgba(0,7,198,0);
			opacity: 0;
			backdrop-filter: blur(0vw);
			-o-backdrop-filter: blur(0vw);
			-moz-backdrop-filter: blur(0vw);
			-webkit-backdrop-filter: blur(0vw);
		}
	}

	.__page-stuff {
		background-color: var(--grey-secondary-color);
		width:100%;
	}
	.__page-stuff.--reviews-list {
		align-items: unset;
		justify-content: unset;
	}
	.__page-stuff.--primary-color {
		background-color: var(--black-color);
	}
	.__page-stuff.--sub-primary-color {
		background-color: var(--sub-primary-color);
	}
	.__page-stuff .__cards-grid {
		width: calc(100% - 5vw);
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		margin-top: 5vw;
		margin-bottom: 30vw;
		padding-bottom: 10vw;
	}
	.__page-stuff.--without-bg .__cards-grid {
		width: 100%;
		padding: 7vw 2vw !important;
	}
	.__page-stuff .__cards-grid.__coffees {
		margin-bottom: 0vw;
		padding-bottom: 0vw;
	}
	.__page-stuff .__cards-grid.--success {
		margin: 0;
		align-items: center;
		z-index: 10;
	}
	.__page-stuff .__cards-grid.--success h2 {
		margin: 0;
		margin-bottom: 5vw;
		color: var(--white-color);
		font-family: 'Moderat-trial-black';
		font-size: 5vw;
	}
	.__page-stuff .__cards-grid.--success .__buttons {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		position: relative;
	}
	.__page-stuff .__cards-grid.--success .__buttons > button {
		width: 45%;
		padding: 3.5vw 5vw;
	}
	.__cards-grid .__item {
		display: flex;
		position: relative;
		background-color: var(--white-color);
		justify-content: space-between;
		margin-bottom: 5vw;
	}
	.__cards-grid .__item .__pict {
		width: 43vw;
		height: 55vw;
		height: auto;
	}
	.__cards-grid .__item .__ins {
		padding: 3vw;
		display: flex;
		flex-direction: column;
		position: relative;
		width: calc(100% - 17vw);
		padding-right: 2vw;
	}
	.__cards-grid .__item .__ins h2,
	.__page-stuff .__reviews-card-grid .__item .__card-header .__ins h3 {
		margin: 0;
		/* font-size: 6vw; */
		font-size: 5vw;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		height: 3.25vh;
		font-family: 'Moderat-trial-black';
		color: var(--primary-color);
		letter-spacing: -0.075rem;
	}
	.__cards-grid .__item .__ins > p,
	.__page-stuff .__search.--active .__search-result p {
		margin: 0;
		font-size: 4.75vw;
		font-family: 'Moderat-trial-regular';
		margin-bottom: 3vw;
	}
	.__cards-grid .__item .__ins .__tags,
	.__tags {
		display: block;
		position: relative;
		margin-bottom: 3vw;
	}
	.__cards-grid .__item .__ins .__tags ul,
	.__cards-grid .__item .__ins .__rating ul,
	.__rating ul,
	.__tags ul,
	form.__backgrounded-form .__data-row .__tags ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.__cards-grid .__item .__ins .__tags ul li,
	.__tags ul li,
	form.__backgrounded-form .__data-row .__tags ul li {
		padding: 1.5vw 3.5vw;
		padding-bottom: 2vw;
		border-radius: 100vw;
		background-color: var(--primary-color);
		color: var(--white-color);
		display: inline-block;
		position: relative;
		margin-bottom: 2vw;
		margin-right: 1vw;
		/* font-size: 3.5vw; */
		font-size: 3.5vw;
		font-family: 'Moderat-trial-regular';
	}
	.__cards-grid .__item .__ins .__tags ul li.--pink,
	.__tags ul li.--pink {
		background-color: var(--secondary-color);
	}
	.__page-stuff .__picture .__bottom .__tags:first-child ul li {
		margin-bottom: 0;
	}
	.__cards-grid .__item .__ins .__tags ul li.--light-brown,
	.__tags ul li.--light-brown {
		background-color: var(--light-brown-color);
	}
	.__cards-grid .__item .__ins .__tags ul li.--dark-brown,
	.__tags ul li.--dark-brown {
		background-color: var(--dark-brown-color);
	}
	.__cards-grid .__item .__ins .__tags ul li.--blue,
	.__tags ul li.--blue {
		background-color: var(--primary-color);
	}
	.__cards-grid .__item .__ins .__tags ul li.--black,
	.__tags ul li.--black {
		background-color: var(--black-color);
	}
	.__cards-grid .__item .__ins .__rating ul,
	.__rating ul {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.__cards-grid .__item .__ins .__rating ul li,
	.__rating ul li,
	.__page-stuff .__page-header.--reviews-list .__ins .__rating ul li:last-child {
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: var(--yellow-color);
		padding: 1.85vw;
		margin-right: 1vw;
		border-radius: 100vw;
		-moz-border-radius: 100vw;
		-webkit-border-radius: 100vw;
	}
	.__cards-grid .__item .__ins .__rating ul li.--empty,
	.__rating ul li.--empty,
	.__page-stuff .__page-header.--reviews-list .__ins .__rating ul li.--empty {
		background-color: var(--white-color);
		border: 1px solid var(--yellow-color)!important;
		padding: 1.6vw;
	}
	.__cards-grid .__item .__ins .__rating ul li:last-child,
	.__rating ul li:last-child,
	.__page-stuff .__page-header.--reviews-list .__ins .__rating ul li:first-child {
		background-color: unset;
		margin-right: 0;
		padding-left: 1vw;
		padding-bottom: 2.5vw;
		font-size: 3.5vw;
		font-family: 'Moderat-trial-regular';
		color: var(--black-color);
	}
	.__page-stuff .__page-header.--reviews-list .__ins .__rating ul li:first-child {
		font-size: 6vw;
		color: var(--black-color);
		font-family: 'Moderat';
		padding-bottom: 1.25vw;
	}
	.__cards-grid .__item .__ins .__rating p,
	.__rating p {
		margin: 0;
		font-size: 3.5vw;
		font-family: 'Moderat-trial-regular';
		color: var(--black-color);
	}

	.__rating.--score ul li,
	.__rating.--score ul li.--empty,
	.__page-stuff .__page-header.--reviews-list .__ins .__rating.--score ul li.--empty {
		background-color: rgba(0,0,0,0) !important;
		border: rgba(0,0,0,0) !important;
		position: relative;
		padding: 0 .5vw;
	}
	.__rating.--score ul li:before {
		content: "";
		width: 4vw;
		height: 4vw;
		/* border: 1px solid var(--yellow-color); */
		background-color: var(--yellow-color);
		border-radius: 100vw;
		-moz-border-radius: 100vw;
		-webkit-border-radius: 100vw;
		margin-top: 0vw;
	}
	.__rating.--score ul li.--empty:before {
		border: 1px solid var(--yellow-color);
		background-color: rgba(0,0,0,0);
	}
	.__rating.--score ul li:first-child {
		background-color: rgba(0,0,0,0);
		padding-right: 2vw;
	}
	.__rating.--score ul li:first-child:before {
		width: 0;
		height: 0;
		background-color: rgba(0,0,0,0) !important;
		border: rgba(0,0,0,0) !important;
	}

	.__page-stuff .__page-header {
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 1;
		height: 20vh;
		margin-bottom: 13vw;
		width: 100%;
	}
	.__page-stuff .__page-header svg {
		width: 30vw;
		padding-bottom: 5vw;
	}
	.__page-stuff .__page-header.--profile-settings,
	.__page-stuff .__page-header.--bottom-margin {
		margin-bottom: 23vw;
	}
	.__page-stuff .__page-header.--bottom-margin {
		margin-bottom: 16vw;
	}
	.__profile-card .__ins .__content {
		height: auto !important;
	}
	.__page-stuff .__page-header h2,
	.__profile-card .__ins .__content h3,
	.__page-stuff .__reviews-card-grid .__item .__card-header .__ins h3,
	.__page-stuff .__reviews-card-grid h2,
	.__page-stuff .__search.--active .__search-result h3,
	.__content-block .__recipe-header h3 {
		margin: 0;
		font-family: 'Moderat-trial-black';
		font-size: 5vw;
		color: var(--black-color);
		position: relative;
		letter-spacing: -0.075rem;
	}
	.__page-stuff .__page-header.--reviews-list {
		background-color: var(--white-color);
		margin-bottom: 5vw;
		border-radius: 5vw;
		height: auto;
		flex-direction: column;
		align-items: unset;
		justify-content: flex-end;
		padding: 10vw 0;
	}
	.__page-stuff .__page-header.--reviews-list .__ins {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		margin-bottom: 5vw;
	}
	.__page-stuff .__page-header.--reviews-list .__ins h2,
	.__content-block .__recipe-header h3 {
		color: var(--primary-color);
	}
	.__page-stuff .__page-header.--reviews-list .__categories {
		position: relative;
		display: block;
		/* margin-bottom: 5vw; */
	}
	.__page-stuff .__page-header.--reviews-list .__categories ul {
		margin: 0;
		padding: 0 5vw;
		list-style: none;
		display: flex;
		width: 100%;
		overflow-x: auto;
	}
	.__page-stuff .__page-header.--reviews-list .__categories ul::-webkit-scrollbar {
		display: none;
	}
	.__page-stuff .__page-header.--reviews-list .__categories ul li a {
		text-decoration: none;
		font-family: 'Moderat';
		font-size: 4.5vw;
		color: var(--primary-color);
		transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		padding: 2.75vw 4.25vw;
		border-radius: 100vw;
		-moz-border-radius: 100vw;
		-webkit-border-radius: 100vw;
		border: 1px solid var(--primary-color);
		display: block;
		position: relative;
		margin-right: 2vw;
		white-space: nowrap;
	}
	.__page-stuff .__page-header.--reviews-list .__categories ul li a.mixitup-control-active {
		color: var(--white-color);
		background-color: var(--primary-color);
	}
	.__page-stuff .__mashed {
		background-color:hsla(348,100%,89%,1);
		/* background-image:
		radial-gradient(at 110% 0%, hsla(167,77%,65%,1) 0px, transparent 70%),
		radial-gradient(at -5% 0%, hsla(274,84%,61%,1) 0px, transparent 50%),
		radial-gradient(at -5% 100%, hsla(327,79%,72%,1) 0px, transparent 50%),
		radial-gradient(at 110% 51%, hsla(246,77%,61%,1) 0px, transparent 60%); */
		display: block;
		width: calc(100% - 0vw);
		height: auto;
		border-radius: 10vw;
		-moz-border-radius: 10vw;
		-webkit-border-radius: 10vw;
		display: block;
		padding: 5vw 3vw;
		color: var(--white-color);
	}
	.__page-stuff .__mashed.--self {

	}
	.__page-stuff .__mashed.--roaster {
		background-color: var(--black-color);
		background-image: url('');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		padding-top: 40vw;
	}
	.__page-stuff .__mashed .__score {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: calc(100% - 0vw);
	}
	.__page-stuff .__mashed .__score .__data {
		text-align: center;
		background-color: rgba(255,255,255,.2);
		backdrop-filter: blur(5vw);
		-o-backdrop-filter: blur(5vw);
		-moz-backdrop-filter: blur(5vw);
		-webkit-backdrop-filter: blur(5vw);
		border-radius: 5vw;
		-moz-border-radius: 5vw;
		-webkit-border-radius: 5vw;
		padding: 3vw 3vw;
		width: calc(100% - 64vw);
		min-height: 17.7vh;
	}
	.__page-stuff .__mashed .__score .__data em {
		font-size: 3.5vw;
		font-style: normal;
		font-family: 'Moderat-trial-regular';
		display: block;
		margin-bottom: 0vw;
	}
	.__page-stuff .__mashed .__score .__data strong {
		display: block;
		font-size: 8vw;
		font-style: normal;
		font-family: 'Moderat-trial-black';
		margin-bottom: 2vw;
	}
	.__page-stuff .__mashed .__score .__data .__btn {
		font-size: 4vw;
		padding: 4vw 0vw;
		width: 100%;
		border-width: .4vw;
	}
	.__page-stuff .__mashed .__score .__data .__radial-chart {
		display: block;
		margin-bottom: 2vw;
		position: relative;
	}
	.__page-stuff .__mashed .__score .__data .__radial-chart > span {
		display: block;
		position: absolute;
		margin: 0;
		padding: 0;
		top: 2vh;
		width: 100%;
	}
	.__page-stuff .__mashed .__score .__data .__radial-chart > span > strong {
		margin: 0;
		padding: 0;
	}
	.__page-stuff .__mashed .__score .__data .__radial-chart > span > em {
		margin: 0;
		padding: 0;
		font-size: 3vw;
	}
	.__page-stuff .__mashed .__score .__data .__radial-chart .chart {
		width: 90px;
		height: 90px;
		margin: 0 auto;
	}
	.__profile-card {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		padding: 8vw 5vw;
		background-color: var(--white-color);
		border-radius: 10vw;
		-moz-border-radius: 10vw;
		-webkit-border-radius: 10vw;
		z-index: 10;
		position: relative;
		margin-bottom: 7vw;
		overflow: hidden;
	}
	.__profile-card.--follower {
		padding: 8vw 0vw;
	}
	.__profile-card.--roaster-panel {
		width: 100%;
		margin-bottom: 1vw;
	}
	.__profile-card.--follower .__btn {
		background-color: transparent;
		padding: 0;
		margin: 0;
		color: var(--black-color);
		text-decoration: underline;
		border: none;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		font-size: 4vw;
		font-family: 'Moderat-trial-regular';
	}
	.--roaster-page .__profile-card {
		display: block;
		margin-bottom: 2vw;
	}
	.--roaster-page .__profile-card > .__roaster {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}
	.--roaster-page .__divider {
		background-image: url('/public/sipslo/media/roaster-div.svg');
		background-attachment: scroll;
		background-repeat: no-repeat;
		background-position: center center;
		background-position-x: -53vw;
		background-size: 163%;
		display: block;
		position: absolute;
		left: 0;
		height: 20vw;
		width: 100%;
	}
	.--roaster-page .__profile-card .__params {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		width: 100%;
		padding: 0vw 0vw;
	}
	.--roaster-page .__profile-card .__params > div {
		text-align: center;
		width: calc(100% / 3);
	}
	.--roaster-page .__profile-card .__params > div ul {
		display: flex;
		align-items: center;
		justify-content: center;
		list-style: none;
		margin: 0;
		padding: 0;
		height: 7vw;
		margin-bottom: 2vw;
	}
	.--roaster-page .__profile-card .__params > div ul li {
		display: block;
		background-color: transparent;
		border: .2vw solid var(--yellow-color);
		width: 3.5vw;
		height: 3.5vw;
		margin: 0 .5vw;
		border-radius: 100vw;
		-moz-border-radius:100vw;
		-webkit-border-radius: 100vw;
	}
	.--roaster-page .__profile-card .__params > div ul li.--active {
		background-color: var(--yellow-color);
	}
	.--roaster-page .__profile-card .__params > div strong {
		display: block;
		font-weight: 600;
		font-family: 'Moderat-trial-black', sans-serif;
		font-size: 7.5vw;
		color: var(--black-color);
	}
	.--roaster-page .__profile-card .__params > div em {
		display: flex;
		align-items: center;
		justify-content: center;
		font-style: normal;
		font-family: 'Moderat-trial-regular', sans-serif;
		font-size: 3.75vw;
		height: 7vw;
		margin-bottom: 2vw;
		color: var(--black-color);
	}
	.--roaster-page .__profile-card .__params > div svg {
		width: 10vw;
		position: relative;
	}
	.--roaster-page .__profile-card .__params > div svg path {
		fill: var(--grey-secondary-color);
	}
	.--roaster-page .__profile-card .__params > div svg.--active path {
		fill: #8befd4;
	}
	 .__profile-card.--no-margin {
		margin-bottom: 1vw;
	}
	 .__profile-card.--profile-public {
		margin-top: 4vw;
	}
	.__profile-card.--profile-public .__ins .__content h3::after,
	.__page-stuff .__reviews-card-grid .__item .__card-header.--copy .__ins .__content h3::after {
		content: '';
		color: #8BEFD4;
		position: relative;
		font-size: 5vw;
		top: -2vw;
	}
	.__page-stuff .__reviews-card-grid .__item .__card-header.--review-with-pict .__ins .__content h3,
	.__content-block .__recipe-header h3 {
		height: unset;
		overflow: unset;
		display: block;
		font-size: 4.75vw;
	}
	.__profile-card .__toggle {
		display: block;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		width: 17vw;
		height: 17vw;
		background-position-y: .5vw;
		background-position-x: 1.5vw;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	.__profile-card .__button button {
		font-size: 3.75vw;
		padding: 3vw 6vw;
	}
	.__profile-card .__ins {
		display: flex !important;
		align-items: center;
	}
	.__profile-card .__ins .__pict,
	.__page-stuff .__reviews-card-grid .__item .__card-header .__pict {
		min-width: 14vw;
		height: 14vw;
		border-radius: 100vw;
		-moz-border-radius:100vw;
		-webkit-border-radius: 100vw;
		margin-right: 3vw;
	}
	 .__profile-card .__ins .__content h3,
	.__page-stuff .__reviews-card-grid .__item .__card-header .__ins h3,
	.__page-stuff .__search.--active .__search-result h3 {
		color: var(--primary-color);
	}
	 .__profile-card .__ins .__content strong,
	.__page-stuff .__reviews-card-grid .__item .__card-header .__ins strong,
	.__page-stuff .__search.--active .__search-result strong {
		font-family: 'Moderat';
		display: block;
		color: var(--black-color);
		font-size: 4.5vw;
	}
	 .__profile-card .__ins .__content p,
	.__page-stuff .__reviews-card-grid .__item .__card-header .__ins p,
	.__page-stuff .__reviews-card-grid .__item > p,
	.__page-stuff .__reviews-card-grid .__item .__card-bottom date,
	.__page-stuff .__page-header.--reviews-list .__ins p,
	.__content-block .__reviews-card-grid .__item date {
		margin: 0;
		font-family: 'Moderat-trial-regular';
		color: var(--black-color);
		font-size: 3.75vw;
	}
	 .__profile-card .__ins .__content p em,
	.__page-stuff .__reviews-card-grid .__item .__card-header .__ins p em,
	.__page-stuff .__reviews-card-grid .__item > p em {
		font-style: normal;
		color: var(--grey-color);
	}
	 .__profile-card.--profile-settings {
		margin-bottom: 1vw;
	}
	 .__profile-card.--profile-settings .__ins .__content h3 {
		font-size: 4.75vw;
		font-family: 'Moderat';
		color: var(--black-color);
	}
	.__page-stuff .__reviews-card-grid {
		margin-bottom: 25vw;
	}
	.__page-stuff .__reviews-card-grid h2 {
		font-family: 'Moderat';
		margin-bottom: 4vw;
	}
	.__page-stuff .__reviews-card-grid .__item {
		display: flex;
		background-color: var(--white-color);
		padding: 5vw 3vw;
		flex-direction: column;
		margin-bottom: 5vw;
	}
	.__page-stuff .__reviews-card-grid .__item .__card-header,
	.__page-stuff .__reviews-card-grid .__item .__card-bottom {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 6vw;
	}
	.__page-stuff .__reviews-card-grid .__item .__card-header.--review-with-pict {
		justify-content: flex-start;
	}
	.__page-stuff .__reviews-card-grid .__item .__card-header .__rating ul {
		height: 4vh;
	}
	.__page-stuff .__reviews-card-grid .__item > p {
		line-height: 5.5vw;
		margin-bottom: 5vw;
	}
	.__page-stuff .__reviews-card-grid .__item .__card-bottom {
		margin-bottom: 0;
	}
	.__page-stuff .__reviews-card-grid .__item .__card-bottom > a,
	.__page-stuff .__picture p,
	.__page-stuff .__picture .__2fr-grid .__data-row.--file > span {
		color: var(--black-color);
		font-size: 3.75vw;
		font-family: 'Moderat';
	}
	.__page-stuff .__reviews-card-grid .__item .__card-bottom date,
	.__content-block .__reviews-card-grid .__item date {
		color: var(--grey-color);
	}
	.__page-stuff .__form-container {
		width: 100%;
		margin-bottom: 20vw;
	}
	.__page-stuff .__form-container.--10-margin {
		margin-bottom: 10vw;
	}
	.__page-stuff .__form-container.--1-margin {
		margin-bottom: 1vw;
	}
	.__page-stuff .__form-container.--0-margin {
		margin-bottom: 0vw;
	}
	.__button-bottom {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		position: absolute;
		bottom: 30vw;
	}
	.__button-bottom.--relative-with-text {
		position: relative;
		bottom: unset;
		flex-direction: column;
		margin-bottom: 30vw;
	}
	.__button-bottom.--hidden {
		display: none;
	}
	.__button-bottom.--visible {
		display: flex;
	}
	.__button-bottom.--relative-with-text p {
		margin: 0;
		color: var(--white-color);
		font-family: 'Moderat';
		font-size: 3.75vw;
		margin-bottom: 2vw;
	}
	.__button-bottom .__bottom-btn {
		width: 100%;
		text-align: center;
	}
	.__button-bottom button,
	.__button-bottom .__bottom-btn button {
		width: 90%;
		margin: 0 auto;
	}
	.__button-bottom .__bottom-btn .__xhr {
		width: 90%;
		left: 5vw;
		border-radius: 100rem;
		-moz-border-radius: 100rem;
		-webkit-border-radius: 100rem;
		background-color: rgba(255,255,255,.1);
	}
	.__page-stuff .__search {
		position: relative;
		z-index: 10;
		transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}
	.__page-stuff .__search #search-results > p,
	.__page-stuff .__search .__search-result {
		display: none;
		transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}
	.__page-stuff .__search.--active {
		padding: 5vw 5vw;
		background-color: var(--white-color);
		border-radius: 10vw;
		-moz-border-radius: 10vw;
		-webkit-border-radius: 10vw;
		z-index: 10;
		width: 100%;
		/* margin-bottom: 5vw; */
		margin-bottom: 2vw;
	}
	.__page-stuff .__search.--active input {
		background-color: var(--grey-secondary-color);
		width: 100%;
		margin-bottom: 3vw;
	}
	.__page-stuff .__search.--active #search-results > p,
	.__page-stuff .__search.--active .__search-result {
		display: block;
		margin-bottom: 5vw;
		margin-left: 5vw;
		position: relative;
		cursor: pointer;
	}
	.__page-stuff .__search.--active .__search-result::after,
	form.__backgrounded-form .__data-row .__tags .__added-tags::after {
		content: ' ';
		width: 120%;
		height: 1px;
		background-color: var(--grey-secondary-color);
		position: absolute;
		bottom: -3vw;
		left: -10vw;
	}
	.__page-stuff .__search.--active .__search-result:last-child,
	.__page-stuff .__search.--active .__search-result:last-child p {
		margin-bottom: 0;
	}
	.__page-stuff .__search.--active .__search-result:last-child:after {
		display: none;
	}
	.__page-stuff .__picture {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 54vh;
		padding: 5vw 0vw;
		background-color: var(--white-color);
		border-radius: 10vw;
		-moz-border-radius: 10vw;
		-webkit-border-radius: 10vw;
		position: relative;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-repeat: no-repeat;
		margin-bottom: 1vw;
		background-position: center;
	}
	.__page-stuff .__picture.--mini {
		height: 24vh;
	}
	.__page-stuff .__picture.--mini .__2fr-grid .__data-row.--file .__inputfile + label {
		top: +3vh;
	}
	.__page-stuff .__picture.--mini .__data-row.--file {
		background-color: transparent;
	}
	.__page-stuff .__picture .__upload {
		display: block;
	}
	.__page-stuff .__picture.--complete .__upload {
		display: none;
	}
	.__page-stuff .__picture .__fin {
		display: none;
	}
	.__page-stuff .__picture.--complete .__fin {
		display: block;
	}
	.__page-stuff .__picture.--complete .__fin .__inf-tt a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
	}
	.__page-stuff .__picture.--complete .__fin .__inf-tt a svg {
		width: 5vw;
	}
	.__page-stuff .__picture.--10-margin {
		margin-bottom: 10vw;
	}
	.__page-stuff .__picture.--1-margin {
		margin-bottom: 1vw;
	}
	.__page-stuff .__picture > p,
	.__page-stuff .__picture p.__upload-title {
		position: absolute;
		text-align: center;
		top: 0;
		width: 100%;
		left: 0;
	}
	.__page-stuff .__picture .__2fr-grid {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 70vw;
	}
	.__page-stuff .__picture .__2fr-grid .__data-row.--file .__inputfile + label {
		background-color: var(--grey-secondary-color);
		width: 25vw;
		height: 25vw;
		margin-bottom: 2vw;
	}
	.__page-stuff .__picture .__2fr-grid .__data-row.--file .__inputfile + label.--empty {
		border: 1px solid var(--red-color);
	}
	.__page-stuff .__picture .__2fr-grid .__data-row.--file .__inputfile + label svg {
		width: 11vw;
		height: 11vw;
	}
	.__page-stuff .__picture .__2fr-grid .__data-row.--file > span {
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.__inf-tt,
	.__coffee-label {
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: var(--grey-secondary-color);
		border-radius: 100vw;
		-moz-border-radius: 100vw;
		-webkit-border-radius: 100vw;
		position: absolute;
		top: 5vw;
		right: 5vw;
		/* width: 14vw;
		height:14vw; */
		width: 45px;
		height:45px;
		cursor: pointer;
	}
	.__inf-tt > svg {
		width: 20px;
		height: 20px;
	}
	.__inf-tt > div {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		border-radius: 100vw;
		-moz-border-radius: 100vw;
		-webkit-border-radius: 100vw;
		width: 6px;
		height:6px;
		margin-right: 2px;
		background-color: var(--black-color);
	}
	.__inf-tt > div:last-child {
		margin-right: 0;
	}
	.__coffee-label {
		background-image: url('/public/sipslo/media/path-10.svg');
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-repeat: no-repeat;
		width: 32.7vw;
		height: 10.25vw;
		border-radius: unset;
		background-color: unset;
		left: 0vw;
		top:0;
		right: unset;
	}
	.__page-stuff .__picture .__coffee-label p,
	.__coffee-label p {
		font-size: 3.75vw;
		font-family: 'Moderat-trial-regular';
		color: var(--white-color);
		position: relative;
		top: -1vw;
		margin: 0;
		text-align: center;
	} 
	.__page-stuff .__picture .__bottom {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-end;
		height: inherit;
		width: 100%;
		padding: 0 5vw 2vw;
	}
	.__page-stuff .__picture .__bottom .__tags {
		/* width: 50%; */
		width: 80%;
	}
	.__ingredient + label {
		background-color: var(--grey-secondary-color);
		width: 20vw;
		height: 20vw;
		transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-o-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-ms-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-moz-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-webkit-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
	}
	.__ingredient:checked + label {
		background-color: var(--secondary-color);
	}
	.__ingredient + label svg {
		width: 14.5vw;
	}
	.__ingredient + label svg.--extra-small {
		width: 5vw;
	}
	.__ingredient + label svg.--small {
		width: 7vw;
		/* height:10vw; */
	}
	.__ingredient + label svg.--middle {
		width: 9vw;
	}
	.__ingredient + label svg g.--fill,
	.__ingredient + label svg path.--fill {
		transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-o-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-ms-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-moz-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-webkit-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
	}
	.__ingredient:checked + label svg g.--fill,
	.__ingredient:checked + label svg path.--fill {
		fill: var(--white-color);
	}

	.__question-toggle {
		text-decoration: none;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 3vw;
		right: 5vw;
		border-radius: 100vw;
		-moz-border-radius: 100vw;
		-webkit-border-radius: 100vw;
		border: 1px solid var(--black-color);
		width: 7.7vw;
		height: 7.7vw;
		font-size: 3.75vw;
		font-family: 'Moderat-trial-regular';
		color: var(--black-color);
	}
	.__content-block {
		background-color: var(--white-color);
		width: 100%;
		border-radius: 10vw;
		-moz-border-radius: 10vw;
		-webkit-border-radius: 10vw;
		padding: 7vw 5vw;
		margin-bottom: 1vw;
	}
	.__content-block.--25-margin {
		margin-bottom: 25vw;
	}
	.__content-block.--5-padding {
		padding: 5vw;
	}
	.__content-block .__3fr-grid,
	.__content-block .__2fr-grid,
	.__content-block .__3fr-grid.--recipe {
		display: flex;
		align-items: center;
		justify-content: space-between;
		align-items: flex-start;
		/* width: inherit; */
		width: 100%;
	}	
	.__content-block .__2fr-grid {
		width: 100%;
	}
	.__content-block .__3fr-grid .__item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		height: 18vh;
		width: 30%;
	}
	.__content-block .__3fr-grid .__item.--match {
		justify-content: space-between;
	}
	.__content-block .__3fr-grid .__item button {
		width: 100%;
		text-align: center;
		margin: 0 auto;
		padding: 3.55vw 0;
	}
	.__content-block .__3fr-grid .__item h3,
	.__content-block .__3fr-grid .__item p {
		margin: 0;
		display: block;
	}
	.__content-block .__3fr-grid .__item h3 {
		color: var(--black-color);
		font-size: 4vw;
		font-family: 'Moderat-trial-regular';
		display: block;
		padding: 0;
		width: 100%;
		height: 5vw;
		text-align: center;
		margin-bottom: 2.5vw;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.__content-block .__3fr-grid .__item > p {
		font-size: 8.5vw;
		font-family: 'Moderat-trial-black';
		margin-bottom: 4.75vw;
	}
	.__content-block .__3fr-grid .__item .__rating ul {
		padding-top: 4vw;
	}
	.__content-block .__3fr-grid .__item .__rating ul li:last-child {
		display: none;
	}
	.__content-block .__3fr-grid .__item .__rating ul li {
		padding: 2vw;
	}
	.__content-block .__3fr-grid .__item .__rating ul li.--empty {
		padding: 1.8vw;
	}
	.__coming-soon-plate {
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: var(--grey-secondary-color);
		width: 20vw;
		height: 20vw;
		position: relative;
		border-radius: 100vw;
		-moz-border-radius: 100vw;
		-webkit-border-radius: 100vw;
		text-align: center;
	}
	.__coming-soon-plate p,
	.__content-block .__2fr-grid .__ins .__type p {
		margin: 0;
		color: var(--black-color);	
		font-family: 'Moderat';
		font-size: 3.75vw;
	}
	.__content-block .__2fr-grid .__item {
		position: relative;
		width: 55%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.__content-block .__2fr-grid .__item .__tags {
		margin-bottom: 0;
		overflow: hidden;
		width: 100%;
		height: 18vw;
	}
	.__content-block .__2fr-grid .__item:last-of-type {
		width: 37%;
	}
	.__content-block .__2fr-grid .__item h2 {
		font-family: 'Moderat-trial-black';
		color: var(--primary-color);
		font-size: 6vw;
		margin: 5vw 0;
		margin-bottom: 7.5vw;
	}
	.__content-block .__2fr-grid .__item .__chart {
		align-items: center;
		display: flex;
		flex-direction: column;
		margin-bottom: 5vw;
	}
	.__content-block .__2fr-grid .__ins .__type {
		display: flex;
		flex-direction: column;
		/* background-color: var(--grey-secondary-color); */
		padding: 2vw;
		padding-top: 0;
		padding-bottom: 2vw;
		width: 100%;
		margin-bottom: 1vw;
	}
	.__content-block .__2fr-grid .__ins .__type p {
		margin: 0;
		font-family: 'Moderat-trial-regular';
		margin-bottom: 1vw;
		text-align: left;
	}
	.__content-block .__2fr-grid .__ins .__type .__stripe {
		/* padding: .5vw; */
		padding: .75vw;
		border-radius: 100vw;
		background-color: var(--black-color);
	}
	.__content-block .__2fr-grid .__ins .__type .__stripe-bg {
		width: 100%;
		padding: .75vw;
		border-radius: 100vw;
		position: relative;
		display: block;
		background-color: var(--grey-secondary-color);
	}
	.__content-block .__2fr-grid .__ins .__type .__stripe-bg > div {
		display: block;
		padding: .75vw;
		top: 0;
		left: 0;
		width: auto;
		border-radius: 100vw;
		position: absolute;
		background: rgb(64,66,136);
		background: linear-gradient(90deg, rgba(64,66,136,1) 0%, rgba(0,2,69,1) 100%);
	}
	.__content-block .__2fr-grid .__ins .__type .__stripe-bg.--purple > div {
		background: rgb(100,105,234);
		background: linear-gradient(90deg, rgba(100,105,234,1) 0%, rgba(0,7,198,1) 100%);
	}
	.__content-block .__2fr-grid .__ins .__type .__stripe.--black-gradient {
		background: rgb(64,66,136);
		background: linear-gradient(90deg, rgba(64,66,136,1) 0%, rgba(0,2,69,1) 100%);
	}
	.__content-block .__2fr-grid .__ins .__type .__stripe.--purple-gradient { 
		background: rgb(100,105,234);
		background: linear-gradient(90deg, rgba(100,105,234,1) 0%, rgba(0,7,198,1) 100%);
	}
	.__content-block .__reviews-card-grid {
		margin-bottom: 0;
	}
	.__content-block .__reviews-card-grid .__item {
		margin-bottom: 0vw;
		padding: 5vw 0vw 0;
	}
	.__content-block .__reviews-card-grid .__item > p {
		margin-bottom: 0;
	}
	.__content-block .__reviews-card-grid .__item .__card-header {
		position: relative;
	}
	.__content-block .__reviews-card-grid .__item date {
		position: absolute;
		right: 0;
		bottom: 2vw;
	}
	.__content-block .__data-cont {
		position: relative;
		display: flex;
		align-items: center;
		margin-bottom: 3vw;
	}
	.__content-block .__data-cont input[type="range"] {
		background-color: var(--grey-secondary-color);
		width: 80%;
	}
	.__content-block .__data-cont.--slider.--ground input[type="range"]::before {
		top:9px;
		left:0;
	}
	.__content-block .__data-cont.--slider.--ground input[type="range"]::after {
		top:7px;
		right:0;
	}
	.__content-block .__recipe-header {
		position: relative;
		margin-bottom: 5vw;
	}
	.__content-block .__recipe-header h3 {
		margin-bottom: 3vw;
	}
	.__content-block .__recipe-header ul {
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		list-style: none;
		position: relative;
	}
	.__content-block .__recipe-header ul li,
	.__content-block .__3fr-grid.--recipe .__item p {
		font-family: 'Moderat';
		color: var(--black-color);
		font-size: 4.75vw;
	}
	.__content-block .__recipe-header ul li::after {
		content: '|';
		margin: 0 2vw;
	}
	.__content-block .__recipe-header ul li:last-of-type:after {
		display: none;
	}
	.__content-block .__3fr-grid.--recipe {
		margin-bottom:5vw;
	}
	.__content-block .__3fr-grid.--recipe .__item {
		background-color: var(--grey-secondary-color);
		padding: 2vw;
		height:unset;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.__content-block .__3fr-grid.--recipe .__item p {
		margin: 0;
	}
	.__content-block .__3fr-grid.--recipe .__item svg {
		width: 8vw;
		height: 8vw;
		margin-bottom: 2vw;
	}
	.__content-block .__recipe-text {
		position: relative;
		margin-bottom: 0vw;
	}
	.__content-block .__recipe-text strong,
	.__content-block .__recipe-text p {
		margin: 0;
		font-size: 3.75vw;
		color: var(--black-color);
		font-family: 'Moderat-trial-regular';
	}
	.__content-block .__recipe-text strong {
		font-family: 'Moderat';
		display: block;
		position: relative;
		margin-bottom: 2vw;
	}
	.__content-block .__recipe-text p {
		line-height: 5vw;
	}

	.__second-bar {
		display: flex;
		justify-content: space-between;
		width: calc(100% - 10vw);
		position: fixed;
		bottom: calc(10vw + 2vw);
		z-index: 10;
		opacity: 0;
		transition: opacity .5s ease-in-out,bottom .5s ease-in-out;
		-o-transition: opacity .5s ease-in-out,bottom .5s ease-in-out;
		-ms-transition: opacity .5s ease-in-out,bottom .5s ease-in-out;
		-moz-transition: opacity .5s ease-in-out,bottom .5s ease-in-out;
		-webkit-transition: opacity .5s ease-in-out,bottom .5s ease-in-out;
		left: 5vw;
	}
	.__second-bar.--blur {
		width: 100%;
		left: 0;
		align-items: center;
		padding: 0vw 5vw;
		padding-bottom: 2vw;
		height: 10vh;
		bottom: calc(10vw + 0vw);
		background-color: rgba(242,242,242,.1);
		backdrop-filter: blur(1rem);
		-o-backdrop-filter: blur(1rem);
		-moz-backdrop-filter: blur(1rem);
		-webkit-backdrop-filter: blur(1rem);
	}
	.__second-bar.--active {
		bottom: calc(22vw + 2vw);
		opacity: 1;
	}
	.__second-bar.--blur.--active {
		bottom: calc(0vw);
	}
	.__second-bar .__btn {
		font-weight: 400;
		font-size: 4.5vw;
		width: 42.5vw;
	}
	.__second-bar > .__btn:first-child {
		background-color: rgba(0,2,69,.25);
		border: none;
		backdrop-filter: blur(5vw);
		-o-backdrop-filter: blur(5vw);
		-moz-backdrop-filter: blur(5vw);
		-webkit-backdrop-filter: blur(5vw);
	}
	.__second-bar.--coffee-page > .__btn:first-child {
		background-color: var(--primary-color);
	}
	.__second-bar > .__btn:last-child {
	}

	.__row .__search-bar {
		background-color: var(--primary-color);
		width: calc(100% - 0vw);
		position: fixed;
		bottom: calc(10vw + 0vw);
		height: 50vh;
		border-radius: 7vw 7vw 0 0;
		z-index: 3;
		transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-o-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-ms-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-moz-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-webkit-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		padding: 0 0vw;
		opacity: 0;
		visibility: hidden;
	}
	.__row .__search-bar.--active {
		opacity: 1;
		visibility: visible;
		bottom: calc(22vw + 0vw);
		z-index: 12;
	}
	.__row .__search-bar .__btn.--close {
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		top: -15vw;
		left: 0;
		right: 0;
		width: 11.5vw;
		height: 5.5vh;
		padding: 0vw;
		margin: 0 auto;
	}
	.__row .__search-bar .__btn.--close svg {
		width: 4vw;
		height: 4vh;
	}
	.__row .__search-bar .__btn.--close svg path {
		fill: var(--white-color);
	}
	.__row .__search-bar > form {
		position: relative;
		height: 100%;
		box-sizing: content-box;
	}
	.__row .__search-bar > form > ul {
		display: flex;
		list-style: none;
		padding: 0;
		margin: 0;
		justify-content: space-between;
		align-items: center;
		margin-top: 2vw;
		margin-bottom: 1vw;
		padding: 0 5vw;
		padding-bottom: 2vw;
		border-bottom: 1px solid rgba(255,255,255,.3);
	}
	.__row .__search-bar > ul li {

	}
	.__row .__search-bar > form > ul li a {
		color: var(--white-color);
		text-decoration: none;
		font-family: 'Moderat-trial-black', sans-serif;
		font-size: 4vw;
		display: block;
		padding: 4vw 0;
		width: 100%;
		position: relative;
		transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-o-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-ms-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-moz-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-webkit-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
	}
	.__row .__search-bar > form > ul li a:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 0vw;
		background-image: url('/public/sipslo/media/searchbar--active.svg');
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		opacity: 0;
		transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-o-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-ms-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-moz-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-webkit-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
	}
	.__row .__search-bar > form > ul li a.--active {
		color: var(--secondary-color);
	}
	.__row .__search-bar > form > ul li a.--active:before {
		opacity: 1;
		height: 4vw;
	}
	.__row .__search-bar {
		display: block;
	}
	.__row .__search-bar #filter-select {
		position: absolute;
		z-index: 1011;
		bottom: -2vw;
		left: 0vw;
		margin: 0 auto;
		padding: 5vw 5vw;
		width: calc(100% - 0vw);
		background-color: var(--primary-color);
		opacity: 0;
		visibility: hidden;
		transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-o-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-ms-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-moz-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-webkit-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
	}
	.__row .__search-bar #filter-select.--show {
		bottom: 0vw;
		opacity: 1;
		visibility: visible;
	}
	.__row .__search-bar #filter-select .__btn:first-child {
		border: 1px solid var(--white-color);
		color: var(--white-color);
		background-color: transparent;
	}
	.__row .__search-bar #filter-select .__btn.--primary {
		background-color: var(--secondary-color) !important;
	}
	.__row .__search-filters > div {
		display: none;
	}
	.__row .__search-filters > div.--active {
		display: block;
		height: 63vw;
		width: 100%;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.__row .__search-filters > div > ul {
		display: block;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.__row .__search-filters > div > ul > li {
		color: var(--white-color);
		display: block;
		/* padding: 4vw 5vw;
		padding-bottom: 5vw; */
		padding: 0vw 5vw;
		font-weight: 400;
		border-bottom: 1px solid rgba(255,255,255,.3);
		margin-bottom: 0vw;
		font-family: "Moderat-trial-regular";
	}
	.__row .__search-filters > div > ul.--flex > li {
		display: flex;
		justify-content: space-between;
	}
	.__row .__search-filters > div > ul > li > a {
		color: inherit;
		text-decoration: none;
		/* padding: 3vw 0vw; */
		position: relative;
		display: block;
		padding: 4vw 0vw;
		/* padding-bottom: 5vw; */
		font-family: inherit;
	}
	.__row .__search-filters > div > ul > li > a strong {
		font-weight: 400;
		display: inline-block;
		margin-bottom: 1vw;
		padding-right: 3vw;
		font-family: "Moderat-trial-regular";
	}
	.__row .__search-filters > div > ul > li > a span {
		display: inline-block;
	}
	.__row .__search-filters > div > ul > li > a span em {
		display: inline-block;
		font-style: normal;
		font-size: 4vw;
		font-family: "Moderat-trial-regular";
		font-weight: 400;
		color: var(--white-color);
		background-color: var(--secondary-color);
		padding: 1vw 2.5vw;
		margin: 0;
		margin-right: 3vw;
		margin-bottom: 1vw;
		border-radius: 3vw;
		-moz-border-radius: 3vw;
		-webkit-border-radius: 3vw;
	}
	.__row .__search-filters > div > ul > li > a:after {
		content: '';
		position: absolute;
		background-image: url('/public/sipslo/media/caret-right.svg');
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-size: 100%;
		-moz-background-size: 100%;
		-webkit-background-size: 100%;
		width: 4vw;
		height: 4vw;
		right: 0;
		top: 5.5vw;
		transform: rotate(0deg);
		transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-o-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-ms-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-moz-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-webkit-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
	}
	.__row .__search-filters > div > ul > li > a.--active:after {
		transform: rotate(90deg);
	}
	.__row .__search-filters > div > ul > li > ul {
		display: none;
		list-style: none;
		padding: 0;
		margin: 0;
		position: absolute;
		top: -41vh;
		left: 0;
		width: 100%;
		height: calc(100vh - 22vw - 18vw);
		z-index: 2;
		overflow-x: hidden;
		overflow-y: auto;
		background-color: var(--primary-color);
		padding: 2vw 0;
		opacity: 0;
		transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-o-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-ms-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-moz-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-webkit-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
	}
	.__row .__search-filters > div > ul > li > ul.--active {
		display: block;
		opacity: 1;
	}
	.__row .__search-filters > div > ul > li > ul > li {
		color: var(--white-color);
		display: block;
		padding: 0vw 0vw;
		font-weight: 400;
		border-bottom: 1px solid rgba(255,255,255,.3);
		margin-bottom: 0vw;
		font-family: "Moderat-trial-regular";
		position: relative;
	}
	.__row .__search-filters > div > ul > li > ul > li > a {
		color: inherit;
		text-decoration: none;
		position: relative;
		display: block;
		padding: 4vw 5vw;
		padding-bottom: 5vw;
		font-family: inherit;
		color: var(--white-color);
		transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-o-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-ms-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-moz-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-webkit-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
	}
	.__row .__search-filters > div > ul > li > ul > li > a.--active {
		/* color: var(--secondary-color); */
	}
	/* .__row .__search-filters > div > ul > li > ul > li > a::after {
		content: '√';
		position: absolute;
		width: 4vw;
		height: 4vw;
		right: 0;
		top: 5.5vw;
		transform: rotate(0deg);
		transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-o-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-ms-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-moz-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-webkit-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		opacity: 0;
		color: var(--secondary-color);
	}
	.__row .__search-filters > div > ul > li > ul > li > a.--active::after {
		opacity: 1;
	} */
	.__row .__search-filters > div > ul > li > ul > li > a + input {
		position: absolute;
		top: 0;
		right: 5vw;
		-webkit-appearance: none;
		width: 4vw;
		height: 4vw;
		border: 1px solid var(--secondary-color);
		background-color: transparent;
		border-radius: 1vw;
		transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-o-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-ms-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-moz-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-webkit-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		margin: 5vw 0vw;
	}
	.__row .__search-filters > div > ul > li > ul > li > a + input:checked {
		background-color: var(--secondary-color);
	}

	.__row .__search-filters > div > ul > li > label {
		font-weight: 400;
		display: block;
		cursor: pointer;
		width: 100%;
		padding: 4vw 0vw;
		padding-bottom: 5vw;
		font-family: inherit;
		color: var(--white-color);
	}
	.__row .__search-filters > div > ul > li > input:checked ~ label {
		color: var(--secondary-color);
	}
	.__row .__search-filters > div > ul > li > input {
		-webkit-appearance: none;
		width: 4vw;
		height: 4vw;
		border: 1px solid var(--secondary-color);
		background-color: transparent;
		border-radius: 1vw;
		transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-o-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-ms-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-moz-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-webkit-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		margin: 5vw 0vw;
	}
	.__row .__search-filters > div > ul > li > input:checked {
		background-color: var(--secondary-color);
	}

	.__row .__search-field {
		position: absolute;
		bottom: 0;
		display: block;
		padding: 4vw 0;
		width: calc(100% - 10vw);
		margin: 0 5vw;
	}
	.__row .__search-field input {
		width: 100%;
		font-size: 3vw;
		padding: 3.75vw 4.5vw;
		-webkit-appearance: none;
		border: none;
		border-radius: 100rem;
		-moz-border-radius: 100rem;
		-webkit-border-radius: 100rem;
		font-family: 'Moderat-trial-regular';
		background-color: var(--white-color);
	}

	.__cards-grid.--xhr {
		position: relative;
	}
	.__cards-grid .__wrapper {
		z-index: 1;
		position: fixed;
		top: -30vh;
		left: -10%;
		width: 120%;
		height: 130vh;
		padding-top: 50vh;
		border-radius: 0rem;
		-moz-border-radius: 0rem;
		-webkit-border-radius: 0rem;
		display: block;
		margin: 0 auto;
		background-color: rgba(255, 255, 255, 0.1);
		backdrop-filter: blur(0rem);
		-o-backdrop-filter: blur(0rem);
		-moz-backdrop-filter: blur(0rem);
		-webkit-backdrop-filter: blur(0rem);
		opacity: 0;
		transform:scale(1.25);
		transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-o-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-ms-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-moz-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
		-webkit-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
	}
	.__cards-grid.--xhr .__wrapper {
		backdrop-filter: blur(1rem);
		-o-backdrop-filter: blur(1rem);
		-moz-backdrop-filter: blur(1rem);
		-webkit-backdrop-filter: blur(1rem);
		opacity: 1;
		transform:scale(1)
	}
	.__reviews-card-grid.--no-margin {
		margin-bottom: 0;
	}

	.__row .__recipe-grid {
		
	}
	.__row.--without-bg {
		width: 100vw;
	}
	.__row.--without-bg .__content-block {
		background-color: #f2f2f2;
		min-height: 100vh;
	}
	.__page-stuff.__row.--without-bg .__content-block {
		min-height: auto;
		background-color: #fff;
	}
	.__row.--without-bg .__profile-card {
		padding-left: 2.5vw;
		padding-right: 2.5vw;
	}
	.__row.--without-bg .__recipe-grid .__recipe {
		width: 100%;
	}
	.__row.--without-bg .__recipe-grid .__recipe > .__pict {
		
	}
	.__row .__recipe-grid .__recipe {
		display: flex;
		position: relative;
		background-color: var(--white-color);
		justify-content: space-between;
		margin-bottom: 5vw;
	}
	.__row .__recipe-grid .__recipe .__data {
		padding: 3vw;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		position: relative;
		width: calc(100% - 35vw);
		/* padding-right: 2vw; */
	}
	.__row .__recipe-grid .__recipe .__data .__info {

	}
	.__row .__recipe-grid .__recipe .__data .__info time {
		font-size: 4vw;
		font-family: "Moderat-trial-regular", sans-serif;
		display: block;
		color: var(--black-color);
		opacity: .3;
		margin-bottom: 3.5vw;
	}
	.__row .__recipe-grid .__recipe .__data .__info strong {
		font-size: 5vw;
		font-family: "Moderat-trial-black", sans-serif;
		display: block;
		color: var(--black-color);
		margin-bottom: 2vw;
		font-weight: 600;
	}
	.__row .__recipe-grid .__recipe .__data .__info em {
		font-size: 4.5vw;
		font-family: "Moderat-trial-black", sans-serif;
		display: block;
		color: var(--primary-color);
		margin-bottom: 2vw;
		font-style: normal;
	}
	.__row .__recipe-grid .__recipe .__data .__rating {
		display: flex;
		align-items: center;
	}
	.__row .__recipe-grid .__recipe .__data .__rating ul {
		display: inline-flex;
		align-items: center;
		justify-content: flex-start;
		margin-right: 2vw;
	}
	.__row .__recipe-grid .__recipe .__data .__rating ul li {
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: var(--yellow-color);
		padding: 1.85vw;
		margin-right: 1vw;
		border-radius: 100vw;
		-moz-border-radius: 100vw;
		-webkit-border-radius: 100vw;
	}
	.__row .__recipe-grid .__recipe .__data .__rating ul li.--empty {
		background-color: var(--white-color);
		border: 1px solid var(--yellow-color)!important;
		padding: 1.6vw;
	}
	.__row .__recipe-grid .__recipe .__data .__rating span {
		display: block;
		font-family: "Moderat", sans-serif;
		color: var(--black-color);
		font-size: 4vw;
	}
	.__row .__recipe-grid .__recipe .__pict {
		width: 35vw;
		min-height: 55vw;
		height: auto;
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-color: var(--bg-color);
	}
	.__autocomplete,
	.__barists {
		width: 100%;
	}
	.__autocomplete .__profile-card,
	.__barists .__profile-card {
		padding: 2vw 5vw;
	}
	.__autocomplete span {
		display: block;
		text-align: center;
		padding: 2vw 5vw;
	}
	.__barists .__profile-card .__status {

	}
	.__barists .__profile-card .__status span {
		display: block;
		border: .3vw solid;
		border-radius: 2vw;
		padding: 1vw 2vw;
		font-size: 3.5vw;
	}
	.__barists .__profile-card .__status span.--inactive {
		color: var(--grey-color);
		border-color: var(--grey-color);
	}
	.__barists .__profile-card .__status span.--active {
		color: var(--primary-color);
		border-color: var(--primary-color);
	}

	.__page-stuff .__autocomplete .__search-result {
		display: block;
		margin-bottom: 5vw;
		margin-left: 10vw;
		position: relative;
		cursor: pointer;
	}
	.__page-stuff .__autocomplete .__search-result h3 {
		margin: 0;
		font-family: 'Moderat-trial-black';
		font-size: 6vw;
		color: var(--black-color);
		position: relative;
		color: var(--primary-color);
	}
	.__page-stuff .__autocomplete .__search-result p {
		margin: 0;
		font-size: 4.75vw;
		font-family: 'Moderat-trial-regular';
		margin-bottom: 0;
	}
}

.range {
	width: 400px;
	height: 15px;
	-webkit-appearance: none;
	background: #111;
	outline: none;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 1);
}

.__radial-chart {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.__radial-chart > div {
	display: block;
	position: relative;
	width: 100px;
	height: 100px;
}
.__radial-chart > div:nth-child(2) {
	position: absolute;
	top: 10px;
	width: 80px;
	height: 80px;
}
.__radial-chart > div:nth-child(3) {
	position: absolute;
	top: 20px;
	width: 60px;
	height: 60px;
}
.__radial-chart > div > canvas {
	width: inherit;
	height: inherit;
}


.__sipslo-conform {
	position: fixed;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
	-o-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
	-ms-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
	-moz-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
	-webkit-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
	transform: translateY(5vw);
	filter: blur(3vw);
}
.__sipslo-conform.--active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0vw);
	filter: blur(0vw);
}
.__sipslo-conform .__fade {
	z-index: 1000;
	position: absolute;
	width: 100vw;
	height: 100vh;
	background-color: rgba(40,40,40,0);
}
.__sipslo-conform .__cont {
	display: block;
	position: relative;
	z-index: 1001;
	background-color: rgba(255,255,255,.9);
	width: 100vw;
	height: auto;
	padding: 5vw 5vw;
	border-radius: 10vw;
	-moz-border-radius: 10vw;
	-webkit-border-radius: 10vw;
	backdrop-filter: blur(1rem);
	-o-backdrop-filter: blur(1rem);
	-moz-backdrop-filter: blur(1rem);
	-webkit-backdrop-filter: blur(1rem);
	margin-bottom: 26vw;
}
.__sipslo-conform .__cont .__ins {
	
}
.__sipslo-conform .__cont .__ins input {
	
}
.__sipslo-conform .__cont .__ins .__btn {
	width: 100%;
}

.--passwordmeter {
	position: relative;
	display: block;
}

input.--empty,
select.--empty,
textarea.--empty {
	border: 1px solid var(--red-color) !important;
}

.__ings-pool ul {
	display: none;
}
.__ings-pool ul.--active {
	display: block !important;
}

.__popup-page {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1010;
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
	height: 100vh;
	padding: 0rem;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	background-color: transparent !important;
	/* border: 1px solid white; */
}
.__popup-page.--active {
	visibility: visible;
	opacity: 1;
}
.__popup-page .__fade {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #00000000;
	backdrop-filter: blur(0rem);
	-o-backdrop-filter: blur(0rem);
	-moz-backdrop-filter: blur(0rem);
	-webkit-backdrop-filter: blur(0rem);
	transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.__popup-page.--active .__fade {
	background-color: #00000045;
	backdrop-filter: blur(.5rem);
	-o-backdrop-filter: blur(.5rem);
	-moz-backdrop-filter: blur(.5rem);
	-webkit-backdrop-filter: blur(.5rem);
}
.__popup-page .__content {
	/* background-color: var(--white-color); */
	background-color: transparent !important;
	position: relative;
	width:100%;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	transform: translateY(50vh) scale(1);
	/* border: 1px solid red; */
	transition: all 0s;
	-o-transition: all 0s;
	-ms-transition: all 0s;
	-moz-transition: all 0s;
	-webkit-transition: all 0s;
}
.__popup-page.--minimize .__content {
	transform: scale(.9) !important;
}
.__popup-page.--second-layer.--minimize .__content {
	transform: scale(1);
}
.__popup-page .__content.--anim {
	transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.__popup-page.--active .__content {
	transform: translateY(0vh);
}
.__popup-page.--second-layer .__content .__row .__touchbar,
.__popup-page .__content .__row .__touchbar {
	position: absolute;
	top: 0vw;
	left: 0;
	display: block;
	height: 10vw;
	width: 100%;
	cursor: pointer;
}
.__popup-page.--second-layer .__content .__row .__touchbar {
	position: relative;
	top: 0;
	height: 10vw;
}
.__popup-page .__content .__row .__touchbar::before {
	content: '';
	position: absolute;
	width: 15vw;
	height: 1vw;
	background-color: var(--black-color);
	border-radius: 5vw;
	-moz-border-radius: 5vw;
	-webkit-border-radius: 5vw;
	top: 4vw;
	margin: 0 auto;
	left: 0;
	right: 0;
	z-index: 10;
}
.__popup-page .__content .__row .__touchbar::before {
	top: 5vw;
}
.__popup-page.--second-layer .__content .__row .__touchbar::before {
	background-color: transparent;
	width: 100vw;
	top: 10vw;
	height: 30vh;
}
.__popup-page .__content .__row .__content-block:last-child {
	border-radius: 10vw 10vw 0 0;
	-moz-border-radius: 10vw 10vw 0 0;
	-webkit-border-radius: 10vw 10vw 0 0;
	position: relative;
}
.__popup-page.--second-layer .__content .__row::before {
	content: '';
	position: absolute;
	width: 100vw;
	height: 30vh;
	bottom: 0;
	left: 0;
	background-color: #fff;
	z-index: -1;
}
/* .__popup-page .__content .__row .__content-block:last-child::after {
	content: '';
	position: absolute;
	width: 100%;
	bottom: 0;
	background-color: inherit;
	height: 10vh;
	border: 1px solid red
} */

.__second-bar.--blur.--coffee-page {
	position: fixed !important;
	bottom: 0;
	z-index: 100;
}

.fancybox__carousel.is-draggable .fancybox__slide, 
.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
	background-color: transparent !important;
	padding: 0 !important;
	padding-top: 5vh !important;
}
.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
	display: none !important;
}
[data-fancybox-close] {
	display: none !important;
}
.--without-bg {
	background-color: transparent !important;
	padding: 0 !important;
	padding-top: 5vw !important;
	margin: 0 !important;
}
.--without-bg .__content-block {
	padding: 10vw 2.5vw;
}
.__page-stuff.--without-bg {
	height: auto !important;
}
.--recipe-page {
	justify-content: flex-start;
	padding-top: 5vh;
	width: 100vw;
}
.--recipe-page .__picture {
	height: 80vw;
}
.--recipe-page .__content-block {
	width: 100vw;
}
.--recipe-page .__content-block .--title {
	align-items: center;
}
.--recipe-page .__content-block .--title > div:first-child {
	width: 65%;
}
.--recipe-page .__content-block .--title > div:last-child {
	width: 35%;
	text-align: center;
}
.--recipe-page .__content-block .--title .__rating {
	text-align: center;
}
.--recipe-page .__content-block .--title .__rating ul {
	justify-content: center;
}
.--recipe-page .__content-block .--title > .__rating ul > li:last-child {
	display: none;
}
.--recipe-page .__content-block .--title p {
	padding: 0;
	margin: 0;
}
.--recipe-page .__content-block .--title .--author {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.--recipe-page .__content-block .--title .--author .__pict {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	border-radius: 100rem;
	-moz-border-radius: 100rem;
	-webkit-border-radius: 100rem;
	width: 14vw;
	height: 14vw;
}
.--recipe-page .__content-block .--title .--author .__user {
	width: calc(100% - 14vw);
	padding-left: 4vw;
}
.--recipe-page .__content-block .--title .--author .__user h3 {
	padding: 0;
	margin: 0;
	font-size: 4.5vw;
	color: var(--primary-color);
	font-family: "Moderat-trial-black", sans-serif;
	/* white-space: nowrap; */
	display: block;
	/* overflow: hidden;
	height: 6vw;
	text-overflow: ellipsis; */
}
.--recipe-page .__content-block .--title .--author .__user .__rating {
	text-align: left;
}
.--recipe-page .__content-block .--title .--author .__user .__rating ul {
	justify-content: flex-start;
}
.--recipe-page .__content-block .--title .--author .__user .__rating ul > li:last-child {
	font-size: 4vw;
}
.--recipe-page time {
	font-size: 4vw;
	font-family: "Moderat-trial-regular", sans-serif;
	display: block;
	color: var(--black-color);
	margin-bottom: 2vw;
	opacity: .3;
}
.--recipe-page .__comment {
	font-size: 4vw;
	font-family: "Moderat-trial-regular", sans-serif;
	display: block;
	color: var(--black-color);
	margin-bottom: 2vw;
}
.--recipe-page .__content-block strong {
	font-size: 5vw;
	font-family: "Moderat-trial-black", sans-serif;
	display: block;
	color: var(--black-color);
	margin-bottom: 2vw;
	font-weight: 600;
}
.--recipe-page .__content-block em {
	font-size: 4.5vw;
	font-family: "Moderat-trial-black", sans-serif;
	display: block;
	color: var(--primary-color);
	margin-bottom: 2vw;
	font-style: normal;
}
.--recipe-page .__content-block .__rating-score {
	font-size: 7vw;
	display: inline-block;
	font-family: "Moderat-trial-black", sans-serif;
	color: var(--black-color);
}

.__content-block .__data-cont input[type="range"]:disabled {
	opacity: 1;
}

.__review-div {
	display: block;
	position: absolute;
	overflow: hidden;
	width: 100vw;
	padding: 2vw 0;
	left: 0;
}
.__review-div img {
	display: block;
	width: 180vw;
	position: relative;
	left: 0;
}

.__pager {
	position: fixed;
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--white-color);
	width: 100%;
	height: 100vh;
	clip-path: inset(100% 0 0% 0);
	transition: all .75s cubic-bezier(0.7, 0, 0.3, 1);
	-o-transition: all .75s cubic-bezier(0.7, 0, 0.3, 1);
	-ms-transition: all .75s cubic-bezier(0.7, 0, 0.3, 1);
	-moz-transition: all .75s cubic-bezier(0.7, 0, 0.3, 1);
	-webkit-transition: all .75s cubic-bezier(0.7, 0, 0.3, 1);
}
.__pager.--start {
	clip-path: inset(0% 0 0% 0);
}
.__pager.--end {
	animation: pager--end .75s cubic-bezier(0.7, 0, 0.3, 1) forwards;
}
@keyframes pager--end {
	0% {
		clip-path: inset(0% 0 0% 0);
		opacity: 1;
	}
	97% {
		clip-path: inset(0% 0 100% 0);
		opacity: 1;
	}
	98% {
		clip-path: inset(0% 0 100% 0);
		opacity: 0;
	}
	99% {
		clip-path: inset(100% 0 0% 0);
		opacity: 0;
	}
	100% {
		clip-path: inset(100% 0 0% 0);
		opacity: 1;
	}
}
.__pager .spanned {

}

.__close-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 0vw;
	z-index: 1000;
}
.__close-btn > button {
	display: flex !important;
	align-items: center;
	justify-content: center;
	border: none;
	background-color: rgba(255,255,255,.25);
	border: none;
	backdrop-filter: blur(5vw);
	-o-backdrop-filter: blur(5vw);
	-moz-backdrop-filter: blur(5vw);
	-webkit-backdrop-filter: blur(5vw);
	color: var(--black-color);
	width: 12vw;
	height: 12vw;
	border-radius: 100rem;
	-moz-border-radius: 100rem;
	-webkit-border-radius: 100rem;
}
.__close-btn > button svg {
	width: 50%;
	display: block !important;
}
.__close-btn > button svg g {
	stroke: var(--black-color);
}

ul.__tab-head {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	justify-content: space-between;
	align-items: center;
	margin-top: 2vw;
	margin-bottom: 1vw;
	padding: 0 0vw;
	padding-bottom: 2vw;
	border-bottom: 1px solid rgba(255,255,255,.3);
}
ul.__tab-head li {
	display: block;
	width: 100%;
}
ul.__tab-head li a {
	color: var(--black-color);
	text-decoration: none;
	font-family: 'Moderat-trial-black', sans-serif;
	font-size: 5vw;
	display: block;
	padding: 5vw 0;
	padding-top: 0;
	width: 100%;
	position: relative;
	transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
	-o-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
	-ms-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
	-moz-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
	-webkit-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
	text-align: center;
}
ul.__tab-head li a:before {
	content: "";
	position: absolute;
	width: 50%;
	height: 0vw;
	background-image: url('/public/sipslo/media/searchbar--active.svg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	opacity: 0;
	transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
	-o-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
	-ms-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
	-moz-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
	-webkit-transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
}
ul.__tab-head li.--active a {
	color: var(--secondary-color);
}
ul.__tab-head li.--active a:before {
	opacity: 1;
	height: 4vw;
}

.__tab-body {

}
.__tab-body > div {
	display: none;
}
.__tab-body > div.--active {
	display: block;
}

.--noty-grid {
	padding: 5vw 0;
	padding-bottom: 25vw;
}
.__noty-card {
	display: flex;
	width: calc(100% - 10vw);
	background-color: var(--white-color);
	padding: 5vw 3vw;
	margin-bottom: 5vw;
	cursor: pointer;
}
.__noty-card .__pict {
	min-width: 14vw;
	width: 14vw;
	height: 14vw;
	border-radius: 100vw;
	-moz-border-radius: 100vw;
	-webkit-border-radius: 100vw;
	margin-right: 3vw;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.__noty-card .__data {
	width: calc(100% - 14vw);
}
.__noty-card .__data strong {
	color: var(--primary-color);
	margin: 0;
	font-family: 'Moderat-trial-black';
	font-size: 5vw;
	position: relative;
	margin-top: 1vw;
	display: block;
}
.__noty-card .__data p {
	color: var(--black-color);
	margin: 0;
	font-family: 'Moderat-trial-regular';
	color: var(--black-color);
	font-size: 4vw;
	line-height: 5.5vw;
}
.__noty-card .__data .__extra {
	display: block;
}
.__noty-card .__data .__extra strong {
	font-size: 4.25vw;
	display: block;
	margin-bottom: 1.5vw;
}
.__noty-card .__data .__extra p {

}
.__noty-card .__data .__extra ul {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-right: 2vw;
}
.__noty-card .__data .__extra ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--yellow-color);
	border: 1px solid var(--yellow-color) !important;
	padding: 1.85vw;
	margin-right: 1vw;
	border-radius: 100vw;
	-moz-border-radius: 100vw;
	-webkit-border-radius: 100vw;
}
.__noty-card .__data .__extra ul li.--empty {
	background-color: transparent;
	border: 1px solid var(--yellow-color) !important;
}
.__noty-card .__data .__extra span {
	display: inline-block;
	position: relative;
	top: -.5vw;
	color: var(--black-color);
}
.__noty-card .__data .__extra.--confirm {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}
.__noty-card .__data .__extra.--confirm .__btn {
	font-size: 4.25vw;
	margin-right: 2vw;
}

.__map {
	display: block;
	width: 100%;
	height: 100vh;
	position: relative;
}

.__coffee-marker {
	position: relative;
	font-size: 4vw;
	color: #FFFFFF;
	border-radius: 5vw 5vw 5vw 0;
	-moz-border-radius: 5vw 5vw 5vw 0;
	-webkit-border-radius: 5vw 5vw 5vw 0;
	background-color: rgba(0, 2, 69, .3);
	backdrop-filter: blur(5vw);
	-o-backdrop-filter: blur(5vw);
	-moz-backdrop-filter: blur(5vw);
	-webkit-backdrop-filter: blur(5vw);
	padding: 4vw 6vw;
	right: -50%;
	display: flex;
	justify-content: space-between;
	min-width: 50vw;
	max-width: 80vw;
}
.__coffee-marker .__pict {
	display: block;
	width: 10vw;
	height: 10vw;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	border-radius: 100rem;
	-moz-border-radius: 100rem;
	-webkit-border-radius: 100rem;
}
.__coffee-marker .__data {
	display: block;
	width: calc(100% - 10vw);
	padding-left: 2vw;
}
.__coffee-marker .__data strong,
.__coffee-marker .__data em {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 4vw;
	height: 5vw;
	margin-bottom: 0vw;
	font-style: normal;
	font-weight: 400;
}
.__coffee-marker .__data strong {
	font-family: 'Moderat-trial-black';
}
.__coffee-marker .__data em {
	font-family: 'Moderat-trial-regular';
	margin-bottom: 0vw;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.price-tag {
	background-color: #4285F4;
	border-radius: 8px;
	color: #FFFFFF;
	font-size: 14px;
	padding: 10px 15px;
	position: relative;
}  
.price-tag::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translate(-50%, 0);
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #4285F4;
}

.__event-item {
	display: block;
	text-align: left;
	padding: 0;
	margin: 0;
	margin-bottom: 4vw;
	/* width: calc(100vw - 10vw); */
	width: 100vw;
	height: auto;
}
.__event-item time {
	display: block;
	font-size: 3.75vw;
	color: var(--gray-color) !important;
	font-family: 'Moderat-trial-regular';
	margin-bottom: 1vw;
	margin-left: 5vw;
}
.__event-item .__message {
	display: block;
	width: calc(100vw - 10vw);
	margin: 0 auto;
	text-align: left;
	white-space: left;
	line-height: 5.5vw;
	font-size: 4vw;
	color: var(--black-color) !important;
	font-family: 'Moderat-trial-regular';
	margin-bottom: 2vw;
}
.__event-item .__message .__pict {
	display: inline-block;
	width: 4vw;
	height: 4vw;
	position: relative;
	top: +.5vw;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	border-radius: 100rem;
	-moz-border-radius: 100rem;
	-webkit-border-radius: 100rem;
	white-space: inherit;
	margin-right: 1.5vw;
}
.__event-item .__message strong {
	display: inline-block;
	font-size: inherit;
	color: var(--black-color) !important;
	font-family: 'Moderat-black-regular';
	padding: 0;
	margin: 0;
	padding-right: 1.5vw;
	white-space: inherit;
	line-height: inherit;
}
.__event-item .__message p {
	display: inline-block;
	font-size: inherit;
	color: var(--black-color) !important;
	font-family: 'Moderat-trial-regular';
	padding: 0;
	margin: 0;
	white-space: inherit;
	line-height: inherit;
}
.__event-item .__cards-grid,
.__event-item .__reviews-card-grid {
	margin-top: 0vw;
	margin-bottom: 0vw;
	padding-bottom: 0vw;
}
.__event-item .__cards-grid .__item,
.__event-item .__reviews-card-grid .__item {
	margin-bottom: 0;
}
.__event-item .__recipe-grid .__recipe,
.__event-item .__reviews-card-grid .__item {
	width: calc(100vw - 10vw);
	margin: 0 auto;
	margin-bottom: 0;
}
.__event-item .__recipe-grid .__recipe time {
	margin-left: 0vw !important;
}

.__event {
	display: block;
	margin-bottom: 5vw;
	width: calc(100% - 5vw);
	background-color: var(--white-color);
}
.__event.--coffee {
	display: flex;
	justify-content: space-between;
	position: relative;
}
.__event.--coffee .__info {
	padding: 3vw;
	position: relative;
	width: calc(100% - 35vw);
}
.__event.--coffee .__info::before {
	content: '';
	position: absolute;
	/* border: 1px solid red; */
	width: 10vw;
	height: 100%;
	top: 0;
	right: -5vw;
	background-position-x: center;
	background-position-y: top;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-image: url('/public/sipslo/media/nav/event-coffee.svg');
	background-size: 140%;
	/* -moz-background-size: cover;
	-webkit-background-size: cover; */
}
.__event.--coffee .__info > time {
	display: block;
	font-size: 3.75vw;
	color: var(--black-color);
	opacity: .3;
	margin-bottom: 1vw;
}
.__event.--coffee .__info > strong {
	display: block;
	color: var(--primary-color);
	font-family: 'Moderat-trial-black';
}
.__event.--coffee .__info > strong:first-of-type {
	font-size: 6.5vw;
}
.__event.--coffee .__info > strong:last-of-type {
	font-size: 5.25vw;
	margin-bottom: 2vw;
}
.__event.--coffee.--info .__info > strong:last-of-type {
	margin-bottom: 0vw;
}
.__event.--coffee .__info > em {
	font-size: 5vw;
	color: var(--black-color);
	font-family: 'Moderat-trial-black';
	font-style: normal;
	display: block;
	margin-bottom: 4vw;
}
.__event.--coffee .__info > .__tags {

}
.__event.--coffee .__info > .__tags ul {

}
.__event.--coffee .__info > .__tags ul li {
	margin-bottom: 1vw !important;
}
.__event.--coffee .__pict {
	width: 35vw;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	/* min-height: 55vw; */
	height: auto;
	background-color: var(--bg-color);
}
.__event.--coffee.--review {

}
.__event.--coffee.--review .__info::before {
	background-image: url('/public/sipslo/media/nav/event-review.svg');
}
.__event.--coffee.--info .__info::before {
	background-image: url('/public/sipslo/media/nav/event-else.svg');
}
.__event.--coffee.--review .__info em,
.__event.--coffee.--info .__info em {
	margin-bottom: 10vw;
}
.__event.--coffee.--info .__info p {
	padding: 0;
	margin: 0;
	margin-bottom: 2vw;
}
.__event.--coffee.--review .__info .__rating {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.__event.--coffee.--review .__info .__rating ul {
	margin-right: 2vw;
}
.__event.--coffee.--review .__info .__rating ul li {

}
.__event.--coffee.--review .__info .__rating ul li:last-of-type {
	padding: 1.6vw !important;
}

.__map-popup {
	display: block;
	width: calc(100vw - 0vw);
	min-height: 22vw;
	background-color: rgba(242,242,242,1);
	/* backdrop-filter: blur(1rem);
	-o-backdrop-filter: blur(1rem);
	-moz-backdrop-filter: blur(1rem);
	-webkit-backdrop-filter: blur(1rem); */
	color: var(--black-color);
	font-size: 4vw;
	position: absolute;
	top: calc(100vh - 44vw + 10px);
	z-index: 999;
	border-radius: 5vw 5vw 0vw 0;
	-moz-border-radius: 5vw 5vw 0vw 0;
	-webkit-border-radius: 5vw 5vw 0vw 0;
	padding: 0vw 0;
	padding-top: 10vw;
	transition: all 0;
	-o-transition: all 0;
	-ms-transition: all 0;
	-moz-transition: all 0;
	-webkit-transition: all 0;
}
.__map-popup.--anim {
	transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
}
.__map-popup::before {
	content: '';
	display: block;
	position: absolute;
	width: 8vw;
	height: 1vw;
	background-color: var(--black-color);
	border-radius: 5vw;
	-moz-border-radius: 5vw;
	-webkit-border-radius: 5vw;
	top: 4vw;
	margin: 0 auto;
	left: 0;
	right: 0;
	z-index: 10;
}
.__map-popup::after {
	content: '';
	background-color: rgba(242,242,242,1);
	position: absolute;
	border-radius: 5vw 5vw 0vw 0;
	-moz-border-radius: 5vw 5vw 0vw 0;
	-webkit-border-radius: 5vw 5vw 0vw 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: -1;
}
.__map-popup > p {
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 4.25vw;
	margin-bottom: 0vw;
	font-family: 'Moderat-trial-regular';
	display: block;
	text-align: center;
	position: relative;
	cursor: pointer;
	top: -10vw;
	padding-top: 10vw;
}
.__map-popup .__grid-wrapper {
	/* overflow-y: scroll;
	width: 100%;
	height: calc(50vh - 48vw);
	outline: 1px solid red;
	display: block;
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0; */
	width: 100vw;
	height: calc(100vh - 48vw);
	display: block;
	overflow: auto;
	touch-action: pan-y;
	/* outline: 1px solid blue; */
	position: relative;
	z-index: 16;
}
.__map-popup.--half .__grid-wrapper {
	height: calc(47vh - 48vw);
}
.__map-popup .__grid-wrapper .__grid {
	width: calc(100% - 10vw);
	margin: 0 auto;
	margin-top: 0vw;
	margin-bottom: 0vw;
	padding-bottom: 0vw;
	height: auto;
	position: relative;
	display: block;
	/* height: calc(100vh - 48vw); */
	/* overflow: auto; */
	z-index: 17;
}
.overflow-container {
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	position: absolute;
	background-color: #f2f2f2;
	z-index: 1000;
}
.overflow-container .overflow {
	position: relative;
	background-color: #fff;
	width: 350px;
	height: 400px;
	display: block;
	height: calc(40vh - 48vw);
	overflow: scroll;
	z-index: 100;
	padding: 2vw;
}
main.--fixed {
	/* overflow: hidden;
	height: 100vh; */
}
.__map-popup .__grid > div {
	/* padding-bottom: 100vh; */
}
.__map-popup .__grid.--fixed {
	/* border: 1px solid red; */
	/* height: calc(100vh - 48vw); */
}
.__map-popup .__grid .--location-card {

}
.__map-popup .__grid .--location-card p {
	display: block;
	margin: 0;
	padding: 0;
	width: calc(100% - 0vw);
	height: 6.5vw;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.__map-popup .__grid .--location-card .__logo {
	width: 14vw;
	height: 14vw;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	border-radius: 100rem;
	-moz-border-radius: 100rem;
	-webkit-border-radius: 100rem;
	margin-bottom: 2vw;
}
.__map-popup .__grid .--location-card .__ins {
	width: calc(100% - 35vw);
}
.__map-popup .__grid .--location-card .__pict {

}

.__page-stuff.--discover.--map .__second-bar {
	bottom: auto;
	top: calc(100vh - 54vw);
}
#map-menu {
	transition: all 0;
	-o-transition: all 0;
	-ms-transition: all 0;
	-moz-transition: all 0;
	-webkit-transition: all 0;
}

.__popup-xhr {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	background-color: #00000045;
	backdrop-filter: blur(1rem);
	-o-backdrop-filter: blur(1rem);
	-moz-backdrop-filter: blur(1rem);
	-webkit-backdrop-filter: blur(1rem);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1020;
	visibility: hidden;
	opacity: 0;
	transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
}
.__popup-xhr.--active {
	visibility: visible;
	opacity: 1;
}
.__popup-xhr .__xhr {
	
}
.__popup-xhr.--active .__xhr {
	opacity: 0;
	visibility: hidden;
}
.__popup-xhr .lds-ring {
	width: 14vw;
	height: 14vw;
}
.__popup-xhr .lds-ring div {
	width: 10vw;
	height: 10vw;
}