@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* Variables */
:root {
	--colorGreen: #20B2A9;
	--colorBlue: #2C7195;
	--colorWhite: #ffffff;
	--colorLighBlue: #3384AD;
	--menuGroupHeight: 84px;
	--menuItemHeight: 92px;
	--notVisitedIcon: url('data: image/svg+xml;utf8,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3.65761" y="3.65663" width="15.6867" height="15.6867" rx="7.84337" stroke="black" stroke-width="1.31327" /><rect x="0.656635" y="0.656635" width="21.6867" height="21.6867" rx="10.8434" stroke="black" stroke-width="1.31327" /></svg>');
	--visitedIcon: url('data: image/svg+xml;utf8,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="3.99805" width="15" height="15" rx="7.5" fill="black" stroke="black" stroke-width="2" /><rect x="1" y="1" width="21" height="21" rx="10.5" stroke="black" stroke-width="2" /><path fill-rule="evenodd" clip-rule="evenodd" d="M10.59 14.998L8 12.138L9.05875 10.998L10.59 12.688L13.9413 8.99805L15 10.138L10.59 14.998Z" fill="white" /></svg>');
	--plusIcon: url('data: image/svg+xml;utf8,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="6.2002" y1="-4.37114e-08" x2="6.2002" y2="13" stroke="white" stroke-width="2" /><line x1="13" y1="6.19922" x2="-8.74228e-08" y2="6.19922" stroke="white" stroke-width="2" /></svg>');
	--minusIcon: url('data: image/svg+xml;utf8,<svg width="13" height="2" viewBox="0 0 13 2" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="13" y1="1" x2="-8.74228e-08" y2="0.999999" stroke="white" stroke-width="2" /></svg>');
	--primaryFont:"Open Sans", sans-serif;
    --transitionJump:cubic-bezier(.68, 0, .99, .65) !important;
    --transitionHeart:cubic-bezier(.71, -1, .52, 3) !important;
}
svg * { 
    transform-box: fill-box;
}