html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
:focus { outline: 0; }
sub { font-size: .8rem; }
sup { font-size: .8rem; vertical-align: top; }
*, *::before, *::after { -moz-box-sizing: border-box; box-sizing: border-box; }

ul, ol { margin: 0 0 .5rem 2rem; }
ul li, ol li { margin: 0 0 .3rem; }

@font-face {
	font-family: 'roboto';
	src: url('fonts/roboto/roboto-light.eot');
	src: url('fonts/roboto/roboto-light.eot?#iefix') format('embedded-opentype'),
		 url('fonts/roboto/roboto-light.woff2') format('woff2'),
		 url('fonts/roboto/roboto-light.woff') format('woff'),
		 url('fonts/roboto/roboto-light.ttf') format('truetype'),
		 url('fonts/roboto/roboto-light.svg#robotolight') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'roboto';
	src: url('fonts/roboto/roboto-regular.eot');
	src: url('fonts/roboto/roboto-regular.eot?#iefix') format('embedded-opentype'),
		 url('fonts/roboto/roboto-regular.woff2') format('woff2'),
		 url('fonts/roboto/roboto-regular.woff') format('woff'),
		 url('fonts/roboto/roboto-regular.ttf') format('truetype'),
		 url('fonts/roboto/roboto-regular.svg#robotoregular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'roboto';
	src: url('fonts/roboto/roboto-medium.eot');
	src: url('fonts/roboto/roboto-medium.eot?#iefix') format('embedded-opentype'),
		 url('fonts/roboto/roboto-medium.woff2') format('woff2'),
		 url('fonts/roboto/roboto-medium.woff') format('woff'),
		 url('fonts/roboto/roboto-medium.ttf') format('truetype'),
		 url('fonts/roboto/roboto-medium.svg#robotomedium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'roboto';
	src: url('fonts/roboto/roboto-bold.eot');
	src: url('fonts/roboto/roboto-bold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/roboto/roboto-bold.woff2') format('woff2'),
		 url('fonts/roboto/roboto-bold.woff') format('woff'),
		 url('fonts/roboto/roboto-bold.ttf') format('truetype'),
		 url('fonts/roboto/roboto-bold.svg#robotobold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}



:root {
	--Concrete-Gray-100:	#fff;
	--Concrete-Gray-200:	#eee;
	--Concrete-Gray-300:	#aeaeae;
	--Concrete-Gray-400:	#777;
	--Concrete-Gray-500:	#3a3a3a;
	--Concrete-Gray-600:	#232323;
	--Concrete-Gray-800:	#000;
	--Grass-Green-400:		#9bebc5;
	--Grass-Green-600:		#33604b;
	--Error-Red-400:		#B3261E;
}

html { font-size: 62.5%; }
body { font: normal normal 400 1.5rem/1.5 roboto, arial, sans-serif; background-color: var(--Concrete-Gray-100); color: var(--Concrete-Gray-500); }
small { font-size: .7em;}
strong,
.Strong { font-weight: 700; }

a, a:link, a:visited, a:active { text-decoration: underline; color: var(--Concrete-Gray-500); transition: all .1s;}

h1 { font: normal normal 400 4.5rem/1.15556 roboto, arial, sans-serif; color: var(--Concrete-Gray-100); }
h3 { font: normal normal 400 2.2rem/1.27273 roboto, arial, sans-serif; color: var(--Concrete-Gray-600); }

.Clear { clear: both; }
.NBSP { white-space: nowrap; }

a.Logout,
.WitrynaUserError .Widget_Link a { position: relative; font: normal normal 400 1.4rem/1.42857 roboto, arial, sans-serif; color: var(--Concrete-Gray-600); padding-left: 27px; text-decoration: none; }
a.Logout::after,
.WitrynaUserError .Widget_Link a::after { content: " "; display: block; top: 1px; left: 0; position: absolute; width: 20px; height: 18px; background: url('../images/layout/icons/mdiLogoutWhite.svg') #fff no-repeat center center; background-size: contain; z-index: 10; }

.WitrynaContent { max-width: 1280px; margin: 0 auto 96px; }
.WitrynaAuthorizationHeader { width: 100%; min-height: 360px; padding: 76px 0 0 129px; background: url('../images/layout/headerXL.webp') transparent no-repeat center center; }
.WitrynaAuthorizationHeader .Logos { margin-bottom: 22px; display: flex; flex-direction: row; gap: 44px; align-items: flex-end; }
.WitrynaAuthorizationHeader .LogoFryderyk { width: 91px; height: 80px; background: url('../images/layout/logoFryderyk.webp') transparent no-repeat center center; }
.WitrynaAuthorizationHeader .LogoZPAV { width: 127px; height: 42px; vertical-align: bottom; background: url('../images/layout/logoZPAV.webp') transparent no-repeat center center; }
.WitrynaAuthorizationHeader h1 span:first-child,
.WitrynaHeader h1 span:first-child { display: block; }

.WitrynaAuthorizationFooter { max-width: 1280px; padding: 0 24px; margin: 0 auto; font: normal normal 400 1.2rem/1.33333 roboto, arial, sans-serif; color: var(--Concrete-Gray-300); }

.WitrynaUserError { max-width: 652px; margin: 40px auto 100px; padding: 0 24px; }
.WitrynaUserError .PanelTitleBar { text-align: center; line-height: 1.5; }
.WitrynaUserError .PanelListTitleBar { margin-bottom: 10px; }
.WitrynaUserError .PanelTitleBar h2 { font: normal normal 400 2.2rem/1.27273 roboto, arial, sans-serif; color: var(--Concrete-Gray-600); margin-bottom: 20px; }
.WitrynaUserError .Details { margin: 10px 0; }
.WitrynaUserError .Widget_Link .CustomLink { margin-top: 30px; text-align: center; }

.WitrynaAuthorizationForm { max-width: 652px; margin: 0 auto 100px; padding: 0 24px; text-align: center; }
.WitrynaAuthorizationForm .WitrynaAuthorizationLogin { max-width: 100%; margin: 0 auto; }
.WitrynaAuthorizationForm .SubTitle { margin: 15px auto 17px; font: normal normal 400 1.6rem/1.5 roboto, arial, sans-serif; color: var(--Concrete-Gray-300); }
.WitrynaAuthorizationForm .SessionInfos { margin: 15px auto 17px; font: normal normal 400 1.6rem/1.5 roboto, arial, sans-serif; color: var(--Concrete-Gray-600); }

.WitrynaAuthorizationForm .Progress { display: flex; flex-direction: row; justify-content: space-between; align-items: center; max-width: 126px; width: 100%; height: 16px; margin: 24px auto 16px; position: relative; z-index: 5; }
.WitrynaAuthorizationForm .Progress::after { content: " "; display: block; position: absolute; width: 100%; height: 4px; background-color: var(--Grass-Green-400); }
.WitrynaAuthorizationForm .Progress span { text-align: center; width: 16px; font: normal normal 500 1.1rem/1.45455 roboto, arial, sans-serif; background-color: var(--Grass-Green-400); border-radius: 16px; color: var(--Grass-Green-600); position: relative; z-index: 10; }
.WitrynaAuthorizationForm .Progress span.Active { background-color: #33604a; color: var(--Concrete-Gray-100); }

.WitrynaAuthorizationForm form { margin: 16px 0 20px; }
.WitrynaAuthorizationForm label { display: block; font: normal normal 400 1.2rem/1.33333 roboto, arial, sans-serif; position: absolute; top: -9px; background-color: #fff; padding: 2px 4px; margin: 0 0 0 12px; line-height: 1; max-width: 80%; z-index: 10; color: var(--Concrete-Gray-300); }


.WitrynaAuthorizationForm input[type="text"],
.WitrynaAuthorizationForm input[type="password"],
.WitrynaAuthorizationForm input[type="email"],
.WitrynaAuthorizationForm textarea {
	width: 100%;
	border: 1px solid var(--Concrete-Gray-300);
	border-radius: 4px;
	height: 56px;
	z-index: 5;
	padding: 0 49px 0 16px;
	color: var(--Concrete-Gray-600);
	font: normal normal 400 1.6rem/1.5 roboto, arial, sans-serif;
}

.WitrynaAuthorizationForm .Input { position: relative; }
.WitrynaAuthorizationForm .Error::after { content: " "; display: block; top: 1px; right: 14px; position: absolute; width: 20px; height: 54px; background: url('../images/layout/icons/error.svg') #fff no-repeat center center; background-size: contain; z-index: 10; }
.WitrynaAuthorizationForm .Error input[type="text"],
.WitrynaAuthorizationForm .Error input[type="password"],
.WitrynaAuthorizationForm .Error input[type="email"] {
	border-color: var(--Error-Red-400);
}
.WitrynaAuthorizationForm .Error label,
.WitrynaAuthorizationForm .Message.Red { color: var(--Error-Red-400); }
.WitrynaAuthorizationForm .TextAndButton { display: flex; justify-content: space-between; gap: 56px; margin: 16px 0; }
.WitrynaAuthorizationForm .MessageAndInfos,
.WitrynaAuthorizationForm .MessageAndInfos a { text-align: left; font: normal normal 400 1.2rem/1.33333 roboto, arial, sans-serif; color: var(--Concrete-Gray-300); }

.WitrynaAuthorizationForm input[type="submit"].ButtonGreen,
a.ButtonGreen,
button.ButtonGreen,
button.ButtonWhite,
a.ButtonWhite { padding: 10px 24px; color: var(--Grass-Green-600); font: normal normal 500 1.4rem/1.42857 roboto, arial, sans-serif; background-color: var(--Grass-Green-400); border: none; width: 100%; max-width: 185px; height: 40px; border-radius: 24px; cursor: pointer; text-decoration: none; text-align: center; }
a.ButtonGreen,
a.ButtonWhite { padding-top: 9px; }
button.ButtonWhite,
a.ButtonWhite { background-color: var(--Grass-Green-100); border: 1px solid var(--Grass-Green-600); }



.WitrynaHeader { width: 100%; min-height: 420px; background-color: transparent; background-repeat: no-repeat; background-position: right center; position: relative; }
.WitrynaHeader::before { content: " "; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: transparent; background-repeat: no-repeat; background-position: center center; }
/* .WitrynaHeader::before { content: " "; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: transparent; background-repeat: no-repeat; background-position: center center; background: linear-gradient(0deg, rgba(214, 214, 214, 0.00) 75%, rgba(214, 214, 214, 0.75) 95%); } */
.WitrynaHeader .Bar { background: rgba(0, 0, 0, 0.10); backdrop-filter: blur(8px); display: flex; flex-direction: column; justify-content: normal; gap: 5px; padding: 9px 24px 0; height: 84px; }
.WitrynaHeader .Bar .Row1 { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; }
.WitrynaHeader .Bar .Line { display: block; width: 100%; height: 1px; margin: 6px 0 2px; background: var(--Concrete-Gray-200); }
.WitrynaHeader .Logos { display: flex; flex-direction: row; gap: 20px; align-items: center; }
.WitrynaHeader .LogoFryderyk { width: 31px; height: 27px; background: url('../images/layout/logoFryderyk_White_h27.webp') transparent no-repeat center center; }
.WitrynaHeader .LogoZPAV { width: 61px; height: 20px; vertical-align: bottom; background: url('../images/layout/logoZPAV_White_h20.webp') transparent no-repeat center center; }
.WitrynaHeader .RightSection { display: flex; flex-direction: row; gap: 36px; align-items: center; padding: 1px 8px; }
.WitrynaHeader .Person { position: relative; font: normal normal 400 1.4rem/1.42857 roboto, arial, sans-serif; color: var(--Concrete-Gray-200); padding-left: 32px; text-decoration: none; }
.WitrynaHeader .Person::after { content: " "; display: block; top: -1px; left: 0; position: absolute; width: 24px; height: 22px; background: url('../images/layout/icons/personWhite.svg') transparent no-repeat center center; background-size: contain; z-index: 10; }
.WitrynaHeader .Logout { position: relative; font: normal normal 400 1.4rem/1.42857 roboto, arial, sans-serif; color: var(--Concrete-Gray-200); padding-left: 27px; text-decoration: none; }
.WitrynaHeader .Logout::after { background-color: transparent; }
.WitrynaHeader .Path { display: block; font: normal normal 400 1.2rem/1.33333 roboto, arial, sans-serif; color: var(--Concrete-Gray-200); max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.WitrynaHeader .Path a { text-decoration: none; color: var(--Concrete-Gray-200); }

.WitrynaHeader .Header { margin: 103px 0 0 129px; }
.WitrynaHeader .Header h1 { margin-bottom: 12px; color: var(--Concrete-Gray-100); overflow-wrap: anywhere; }
.WitrynaHeader .SubTitle { border-radius: 8px; background: var(--Concrete-Gray-200); font: normal normal 500 1.4rem/1.42857 roboto, arial, sans-serif; color: var(--Concrete-Gray-600); height: 32px; padding: 6px 16px; text-align: center; display: inline-block; }
.WitrynaHeader .SmallTitle { font: normal normal 400 2.2rem/1.27273 roboto, arial, sans-serif; color: var(--Concrete-Gray-100); margin-bottom: 10px; }

.WitrynaHeader .Header.Contest { margin: 47px 0 0 129px; }
.WitrynaHeader .Header.Card { margin: 50px 0 0 129px; overflow-y: hidden; text-overflow: ellipsis; }
.WitrynaHeader .Header.Card  h1 { font: normal normal 400 4.5rem/1.12281 roboto, arial, sans-serif; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-width: 460px; }
.WitrynaHeader .Header.Card .SubTitle { margin-bottom: 8px; }

.WitrynaHeader.Pop { background-image: url('../images/layout/headerPopXL.webp'); }
.WitrynaHeader.Klasyczna { background-image: url('../images/layout/headerKlasycznaXL.webp'); }
.WitrynaHeader.Jazz { background-image: url('../images/layout/headerJazzXL.webp'); }

.WitrynaHeader.Klasyczna::before { display: none; }
.WitrynaHeader.Klasyczna .Bar .Line { background: var(--Concrete-Gray-600); }
.WitrynaHeader.Klasyczna .LogoFryderyk { background-image: url('../images/layout/logoFryderyk_h27.webp'); }
.WitrynaHeader.Klasyczna .LogoZPAV { background-image: url('../images/layout/logoZPAV_h20.webp'); }
.WitrynaHeader.Klasyczna .Person,
.WitrynaHeader.Klasyczna .Logout { color: var(--Concrete-Gray-600); }
.WitrynaHeader.Klasyczna .Person::after { background-image: url('../images/layout/icons/person.svg'); }
.WitrynaHeader.Klasyczna .Logout::after { background-image: url('../images/layout/icons/mdiLogout.svg'); }
.WitrynaHeader.Klasyczna .Path,
.WitrynaHeader.Klasyczna .Path a { color: var(--Concrete-Gray-600); }
.WitrynaHeader.Klasyczna h1,
.WitrynaHeader.Klasyczna .SmallTitle { color: var(--Concrete-Gray-600); }
.WitrynaHeader.Klasyczna .SubTitle { background: var(--Concrete-Gray-500); color: var(--Concrete-Gray-100); }

.Votings { max-width: 1022px; margin: 64px auto 0; border-top: 1px solid var(--Concrete-Gray-300); display: flex; flex-direction: column; }
.Votings .Header { margin: 4px 0 0; font: normal normal 500 1.4rem/1.42857 roboto, arial, sans-serif; color: var(--Concrete-Gray-500); }
.Votings .Voting { margin: 16px 0; border-radius: 8px; box-shadow: -2px 2px 8px 0px rgba(0, 0, 0, 0.25); font: normal normal 500 1.4rem/1.42857 roboto, arial, sans-serif; color: var(--Concrete-Gray-500); overflow: hidden; position: relative; display: flex; }
.Votings.Past .Voting,
.Cards.Voted .Card { opacity: 0.5; }
.Votings.Ongoing .Voting:hover,
.Votings.Upcoming .Voting:hover,
.Cards.Active .Card:hover { box-shadow: -2px 2px 8px 0px rgba(0, 0, 0, 0.75); }
.Votings .Voting::before { content: " "; display: block; width: 511px; height: 136px; background-color: transparent; background-repeat: no-repeat; background-position: center center; }

.Votings .Voting .Details { padding: 12px; width: 511px; }
.Votings .Voting .Details .Title,
.Cards .Card .Details .Title,
.Candidates .Details .Title { font: normal normal 400 1.6rem/1.5 roboto, arial, sans-serif; color: var(--Concrete-Gray-500); }
.Votings .Voting .Details .SubTitle,
.Candidates .Details .SubTitle { font: normal normal 500 1.2rem/1.33333 roboto, arial, sans-serif; color: var(--Concrete-Gray-400); }
.Votings .Voting .Schedule { margin-top: 12px; display: flex; flex-direction: row; justify-content: space-between; align-items: end; }

.Votings .Voting .Schedule .Dates { display: flex; gap: 12px; flex-direction: row; justify-content: space-between; }
.Votings .Voting .Schedule .Dates div { padding: 6px 8px; border-radius: 8px; background: var(--Concrete-Gray-200); font: normal normal 500 1.2rem/1.33333 roboto, arial, sans-serif; color: var(--Concrete-Gray-500); }
.Votings .Voting .Schedule .Dates div span { display: block; font: normal normal 500 1.1rem/1.45455 roboto, arial, sans-serif; color: var(--Concrete-Gray-400); }

.WitrynaGlosowania.Pop .Votings .Voting::before { background-image: url('../images/content/votings/rozrywkowaGlosowanieXL.webp'); }
.WitrynaGlosowania.Klasyczna .Votings .Voting::before { background-image: url('../images/content/votings/klasycznaGlosowanieXL.webp'); }
.WitrynaGlosowania.Jazz .Votings .Voting::before { background-image: url('../images/content/votings/jazzGlosowanieXL.webp'); }

.WitrynaGlosowania,
.WitrynaKarty,
.WitrynaKandydatury  { max-width: 1086px; margin: 64px auto 0; padding: 0 32px; }
.WitrynaKarty .Header,
.WitrynaKandydatury .Header { margin: 0 0 64px; font: normal normal 400 2.2rem/1.27273 roboto, arial, sans-serif; color: var(--Concrete-Gray-500); }
.Cards { max-width: 1022px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 24px; margin-top: 24px; }
.Cards.Active:empty { margin-top: 0; }

.Cards .Card { border-radius: 8px; box-shadow: -2px 2px 8px 0px rgba(0, 0, 0, 0.25); font: normal normal 500 1.4rem/1.42857 roboto, arial, sans-serif; color: var(--Concrete-Gray-500); overflow: hidden; position: relative; max-width: 499px; width: 100%; }
.Cards .Card::before { content: " "; display: block; width: 100%; height: 160px; background-color: transparent; background-repeat: no-repeat; background-position: center center; }
.Cards .Card .Details { padding: 12px; display: flex; flex-direction: column; gap: 8px; }
.Cards .Card .Details .ButtonGreen { max-width: 134px; align-self: flex-end; }
.Cards .Card .Details div:last-child { font: normal normal 500 1.4rem/1.42857 roboto, arial, sans-serif; color: var(--Concrete-Gray-600); align-self: flex-end; }

.WitrynaKarty.Pop .Cards .Card.Background0::before { background-image: url('../images/content/votings/rozrywkowaKategoriaXL_1.webp'); }
.WitrynaKarty.Pop .Cards .Card.Background1::before { background-image: url('../images/content/votings/rozrywkowaKategoriaXL_2.webp'); }
.WitrynaKarty.Pop .Cards .Card.Background2::before { background-image: url('../images/content/votings/rozrywkowaKategoriaXL_3.webp'); }
.WitrynaKarty.Pop .Cards .Card.Background3::before { background-image: url('../images/content/votings/rozrywkowaKategoriaXL_4.webp'); }
.WitrynaKarty.Pop .Cards .Card.Background4::before { background-image: url('../images/content/votings/rozrywkowaKategoriaXL_5.webp'); }
.WitrynaKarty.Pop .Cards .Card.Background5::before { background-image: url('../images/content/votings/rozrywkowaKategoriaXL_6.webp'); }

.WitrynaKarty.Klasyczna .Cards .Card.Background0::before { background-image: url('../images/content/votings/klasycznaKategoriaXL_1.webp'); }
.WitrynaKarty.Klasyczna .Cards .Card.Background1::before { background-image: url('../images/content/votings/klasycznaKategoriaXL_2.webp'); }
.WitrynaKarty.Klasyczna .Cards .Card.Background2::before { background-image: url('../images/content/votings/klasycznaKategoriaXL_3.webp'); }
.WitrynaKarty.Klasyczna .Cards .Card.Background3::before { background-image: url('../images/content/votings/klasycznaKategoriaXL_4.webp'); }
.WitrynaKarty.Klasyczna .Cards .Card.Background4::before { background-image: url('../images/content/votings/klasycznaKategoriaXL_5.webp'); }
.WitrynaKarty.Klasyczna .Cards .Card.Background5::before { background-image: url('../images/content/votings/klasycznaKategoriaXL_6.webp'); }

.WitrynaKarty.Jazz .Cards .Card.Background0::before { background-image: url('../images/content/votings/jazzKategoriaXL_1.webp'); }
.WitrynaKarty.Jazz .Cards .Card.Background1::before { background-image: url('../images/content/votings/jazzKategoriaXL_2.webp'); }
.WitrynaKarty.Jazz .Cards .Card.Background2::before { background-image: url('../images/content/votings/jazzKategoriaXL_3.webp'); }
.WitrynaKarty.Jazz .Cards .Card.Background3::before { background-image: url('../images/content/votings/jazzKategoriaXL_4.webp'); }
.WitrynaKarty.Jazz .Cards .Card.Background4::before { background-image: url('../images/content/votings/jazzKategoriaXL_5.webp'); }
.WitrynaKarty.Jazz .Cards .Card.Background5::before { background-image: url('../images/content/votings/jazzKategoriaXL_6.webp'); }

.Candidates { display: flex; flex-direction: column; }
.Candidates .Candidate {  margin: 12px 0; border-radius: 8px; box-shadow: -2px 2px 8px 0px rgba(0, 0, 0, 0.25); overflow: hidden; position: relative; display: flex; flex-direction: column; padding: 0 18px; }
.Candidates .Candidate .Row { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
/* .Candidates .Candidate { margin: 12px 0; border-radius: 8px; box-shadow: -2px 2px 8px 0px rgba(0, 0, 0, 0.25); overflow: hidden; position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0 18px;} */
/* .Candidates .Row { display: flex; flex-direction: column; } */
.Candidates .Details { min-width: 30%; max-width: 40%; padding: 12px 12px 4px 0; }
.Candidates .Details .SubTitle { margin-bottom: 8px; }
.Candidates .Candidate .Points { display: flex; flex-direction: row; gap: 12px; padding: 12px 4px 12px 0; justify-content: space-between; align-items: center; align-self: flex-start; max-width: 60%; overflow: auto; }
.Candidates .Candidate .Points::-webkit-scrollbar { -webkit-appearance: none; width: 10px; height: 4px; }
.Candidates .Candidate .Points::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgba(0,0,0,.25); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); }
.Candidates .Candidate .Point { height: 40px; border-radius: 24px; padding: 10px 24px 10px 16px; border: 1px solid var(--Grass-Green-600); display: flex; flex-direction: row; justify-content: center; align-items: center; font: normal normal 500 1.4rem/1.42857 roboto, arial, sans-serif; color: var(--Grass-Green-600); position: relative; cursor: pointer; }
.Candidates .Candidate .Points.OnlyOne .Point { min-width: 212px; }
.Candidates .Candidate .Point.Mark { background-color: var(--Grass-Green-600); color: var(--Concrete-Gray-100); }
.Candidates .Candidate .Point div { position: relative; margin-right: 10px; }
.Candidates .Candidate .Point div::before { content: " "; display: block; width: 14px; height: 14px; background: url('../images/content/checkbox.svg') transparent no-repeat center center; background-size: contain; }
.Candidates .Candidate .Point.Mark div::after { content: " "; display: block; position: absolute; top: 3px; left: 3px; width: 8px; height: 8px; background: url('../images/content/tick.svg') transparent no-repeat center center; background-size: contain; }

.Candidates .Candidate .MP3Player { font-size: 1.6rem; position: relative; height: 56px; display: flex; flex-direction: row; padding-left: 60px; gap: 12px; align-items: center; width: 100%; margin-bottom: 12px; }
.Candidates .Candidate .MP3Player a::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 56px; height: 56px; border-radius: 16px; background-color: var(--Grass-Green-400); z-index: 8; }
.Candidates .Candidate .MP3Player a::after { content: ""; display: block; position: absolute; top: 20px; left: 22px; width: 0; height: 0; border-top: 8px solid transparent; border-left: 12px solid var(--Grass-Green-600); border-bottom: 8px solid transparent; z-index: 10; }
.Candidates .Candidate .MP3Player a.Pause::after { content: ""; display: block; position: absolute; top: 20px; left: 22px; width: 11px; height: 16px; border-top: none; border-bottom: none; border-left: 4px solid var(--Grass-Green-600); border-right: 4px solid var(--Grass-Green-600); z-index: 10; }
.Candidates .Candidate .MP3Player .Loader { display: none; justify-content: center; align-items: center; width: 56px; height: 56px; position: absolute; top: 0; left: 0; z-index: 15; background-color: var(--Grass-Green-400); border-radius: 16px; transition: all 1s; }
.Candidates .Candidate .MP3Player .Loader.Active { display: flex; }
.Candidates .Candidate .MP3Player .Loader::after {
	content: "";
	display: block;
	width: 80%;
	height: 80%;
	padding: 8px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--Concrete-Gray-100);
	/* background: var(--Grass-Green-400); */
	--_m: 
		conic-gradient(#0000 10%,#000),
		linear-gradient(#000 0 0) content-box;
	-webkit-mask: var(--_m);
			mask: var(--_m);
	-webkit-mask-composite: source-out;
			mask-composite: subtract;
	animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}
.Candidates .Candidate .MP3Player .MP3Progress { width: 100%; position: relative; height: 9px; cursor: pointer; }
.Candidates .Candidate .MP3Player .MP3Progress::before { content: ""; display: block; position: absolute; top: 4px; width: 100%; height: 1px; background-color: var(--Grass-Green-600); }
.Candidates .Candidate .MP3Player .MP3Progress > div { display: block; width: 0; position: relative; transition: all .5s; }
.Candidates .Candidate .MP3Player .MP3Progress > div::before { content: ""; display: block; position: absolute; top: 0; right: -8px; width: 8px; height: 8px; border-radius: 8px; background-color: var(--Concrete-Gray-800); }
.Candidates .Candidate .MP3Player .MP3Slider { display: flex; align-items: center; width: 100%; background: #fff; padding: 0; position: relative; }
.Candidates .Candidate .MP3Player .MP3Slider input[type="range"] { -webkit-appearance: none; appearance: none; width: 100%; cursor: pointer; outline: none; height: 12px; background: transparent; position: absolute; z-index: 5; top: -7px; margin: 0; }
.Candidates .Candidate .MP3Player .MP3Slider input[type="range"]::-webkit-slider-runnable-track { height: 1px; background: transparent; }
.Candidates .Candidate .MP3Player .MP3Slider input[type="range"]::-moz-range-track { height: 1px; background: transparent; }
.Candidates .Candidate .MP3Player .MP3Slider input[type="range"].Active::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; height: 9px; width: 9px; background-color: var(--Concrete-Gray-500); border-radius: 50%; border: 1px solid var(--Concrete-Gray-500); margin-top: -3px; transition: all 2s; }
.Candidates .Candidate .MP3Player .MP3Slider input[type="range"].Active::-moz-range-thumb { height: 7px; width: 7px; background-color: var(--Concrete-Gray-500); border-radius: 50%; border: 1px solid var(--Concrete-Gray-500); transition: all 1s; }
.Candidates .Candidate .MP3Player .MP3Slider input[type="range"].Active { cursor: pointer; }
.Candidates .Candidate .MP3Player .MP3Slider input[type="range"].Off { cursor: default; }
.Candidates .Candidate .MP3Player .MP3Slider input[type="range"].Off::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; height: 9px; width: 9px; border-radius: 50%; margin-top: -3px; transition: all 1s; background-color: var(--Concrete-Gray-300); border: 1px solid var(--Concrete-Gray-300); }
.Candidates .Candidate .MP3Player .MP3Slider input[type="range"].Off::-moz-range-thumb { height: 7px; width: 7px; border-radius: 50%; transition: all 1s; background-color: var(--Concrete-Gray-300); border: 1px solid var(--Concrete-Gray-300); }
.Candidates .Candidate .MP3Player .MP3Slider .ProgressBar { position: absolute; display: flex; flex-direction: row; left: 0; z-index: 1; height: 3px; width: 100%; align-items: center; }
.Candidates .Candidate .MP3Player .MP3Slider .ProgressBar .ProgressBarLeft { height: 3px; width: 0%; background-color: var(--Concrete-Gray-500); position: absolute; }
.Candidates .Candidate .MP3Player .MP3Slider .ProgressBar .ProgressBarRight { height: 1px; width: 100%; background-color: var(--Concrete-Gray-300); }
.Candidates .Candidate .MP3Player .TimeStop { margin-left: auto; }
.Candidates .Candidate .MP3Player .TimePlay { text-align: right; }
.Candidates .Candidate .MP3Player .TimePlay,
.Candidates .Candidate .MP3Player .TimeStop { min-width: 50px; }



.CardFooter { margin: 64px 0 0; display: flex; flex-direction: row; gap: 72px; justify-content: space-between; align-items: flex-start; }
.CardFooter .Notes { font: normal normal 400 1.2rem/1.33333 roboto, arial, sans-serif; color: var(--Grass-Green-500); }
.CardFooter .Notes .Error { color: var(--Error-Red-400); }
.CardFooter .ButtonGreen { max-width: 394px; }
.CardFooter .ButtonGreen.Off { background-color: var(--Concrete-Gray-300); color: var(--Concrete-Gray-400); cursor: default; }

.WitrynaModal { display: none; position: fixed; width: 100%; height: 100%; z-index: 100; }
.WitrynaModal.Active { display: block; }
.WitrynaModal::before { content: " "; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--Concrete-Gray-800); opacity: .75; z-index: 10;}
.WitrynaModal .ModalContent { background-color: var(--Concrete-Gray-100); border-radius: 8px; display: flex; position: relative; z-index: 20; flex-direction: column; max-width: 694px; margin: 106px auto 0; padding: 80px 106px; gap: 32px; align-content: center; justify-content: center; }
.WitrynaModal .WitrynaModalCont { max-width: 694px; margin: 5% auto 0; max-height: calc(100vh - 20%); overflow-y: auto; position: relative; }
.WitrynaModal .ModalContent .Icon,
.WitrynaGratulacje .ContentWithIcon .Icon { width: 160px; height: 160px; display: flex; align-items: center; justify-items: center; background-color: #F3EBC3; background-size: contain; border: 15px solid #F7F9E1; border-radius: 500px; margin: 0 auto; }
.WitrynaGratulacje .ContentWithIcon .Icon { background-color: #C3F3DC; border-color: #E1F9EE; }
.WitrynaModal .ModalContent .Icon::after,
.WitrynaGratulacje .ContentWithIcon .Icon::after { content: " "; display: block; margin: 0 auto; width: 98px; height: 98px; background: url('../images/layout/icons/modalError.svg') transparent no-repeat center center; background-size: contain; }
.WitrynaGratulacje .ContentWithIcon .Icon::after { background-image: url('../images/layout/icons/modalAccept.svg') }
.WitrynaModal .ModalContent .Message { display: flex; justify-content: center; flex-direction: column; gap: 16px; }

.WitrynaModal .ModalContent .Buttons { display: flex; justify-content: center; flex-direction: row; gap: 12px; }
.WitrynaGratulacje .ContentWithIcon .Buttons .ButtonWhite,
.WitrynaGratulacje .ContentWithIcon .Buttons .ButtonGreen { white-space: nowrap; max-width: none; }
.WitrynaModal .ModalContent .Title,
.WitrynaGratulacje .ContentWithIcon .Title { font: normal normal 400 3.2rem/1.25 roboto, arial, sans-serif; color: var(--Concrete-Gray-500); text-align: center; }
.WitrynaModal .ModalContent .SubTitle { font: normal normal 400 2.2rem/1.27273 roboto, arial, sans-serif; color: var(--Concrete-Gray-500); text-align: center; }

.ContentWithIcon { display: flex; position: relative; z-index: 20; flex-direction: column; max-width: 814px; margin: 0 auto; padding: 64px; gap: 32px; align-content: center; justify-content: center; }
.WitrynaGratulacje .ContentWithIcon .Message { display: flex; justify-content: center; flex-direction: column; gap: 24px; }
.WitrynaGratulacje .ContentWithIcon .SubTitle { font: normal normal 400 2.4rem/1.33333 roboto, arial, sans-serif; color: var(--Concrete-Gray-500); text-align: center; }
.WitrynaGratulacje .ContentWithIcon .SmallTitle { font: normal normal 500 1.4rem/1.42857 roboto, arial, sans-serif; color: var(--Concrete-Gray-500); text-align: center; }
.WitrynaGratulacje .ContentWithIcon .Buttons { display: flex; justify-content: center; flex-direction: row; gap: 12px; padding: 0 64px; }
.WitrynaGratulacje .ContentWithIcon .Row3 { display: flex; justify-content: center; flex-direction: column; gap: 12px; }

.WitrynaGratulacje .ContentWithIcon .Ankieta { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; margin-top: 53px; }
.WitrynaGratulacje .ContentWithIcon .Ankieta .ButtonWhite { max-width: 231px; }
.WitrynaGratulacje .ContentWithIcon .Ankieta .SmallTitle { font: normal normal 400 1.2rem/1.33333 roboto, arial, sans-serif; color: var(--Grass-Green-500); }
.WitrynaGratulacje .ContentWithIcon .SubTitle span,
.WitrynaGratulacje .ContentWithIcon .Ankieta .SmallTitle span { display: block; }



@media screen and (max-width: 1280px) {
	.WitrynaHeader .Header.Card { margin: 50px 0 0 32px;}
}

 /* - L */
@media screen and (max-width: 992px) {
	.WitrynaContent { max-width: 992px; margin: 0 auto 96px; }

	.WitrynaAuthorizationHeader { min-height: 300px; padding: 46px 0 0 32px; background-image: url('../images/layout/headerL.webp'); }

	.WitrynaHeader { min-height: 360px; }
	.WitrynaHeader.Pop { background-image: url('../images/layout/headerPopL.webp'); }
	.WitrynaHeader.Klasyczna { background-image: url('../images/layout/headerKlasycznaL.webp'); }
	.WitrynaHeader.Jazz { background-image: url('../images/layout/headerJazzL.webp'); }

	.WitrynaHeader .Header { margin: 89px 0 0 32px; }
	.WitrynaHeader .Bar { padding: 9px 32px 0; }
	.WitrynaHeader .Header.Card { margin: 32px 0 0 40px; }

	.Votings .Voting::before { width: 464px; }
	.WitrynaGlosowania.Pop .Votings .Voting::before { background-image: url('../images/content/votings/rozrywkowaGlosowanieL.webp'); }
	.WitrynaGlosowania.Klasyczna .Votings .Voting::before { background-image: url('../images/content/votings/klasycznaGlosowanieL.webp'); }
	.WitrynaGlosowania.Jazz .Votings .Voting::before { background-image: url('../images/content/votings/jazzGlosowanieL.webp'); }

	.Cards { grid-gap: 16px; margin-top: 16px; }
	.WitrynaKarty.Pop .Cards .Card.Background0::before { background-image: url('../images/content/votings/rozrywkowaKategoriaL_1.webp'); }
	.WitrynaKarty.Pop .Cards .Card.Background1::before { background-image: url('../images/content/votings/rozrywkowaKategoriaL_2.webp'); }
	.WitrynaKarty.Pop .Cards .Card.Background2::before { background-image: url('../images/content/votings/rozrywkowaKategoriaL_3.webp'); }
	.WitrynaKarty.Pop .Cards .Card.Background3::before { background-image: url('../images/content/votings/rozrywkowaKategoriaL_4.webp'); }
	.WitrynaKarty.Pop .Cards .Card.Background4::before { background-image: url('../images/content/votings/rozrywkowaKategoriaL_5.webp'); }
	.WitrynaKarty.Pop .Cards .Card.Background5::before { background-image: url('../images/content/votings/rozrywkowaKategoriaL_6.webp'); }
	
	.WitrynaKarty.Klasyczna .Cards .Card.Background0::before { background-image: url('../images/content/votings/klasycznaKategoriaL_1.webp'); }
	.WitrynaKarty.Klasyczna .Cards .Card.Background1::before { background-image: url('../images/content/votings/klasycznaKategoriaL_2.webp'); }
	.WitrynaKarty.Klasyczna .Cards .Card.Background2::before { background-image: url('../images/content/votings/klasycznaKategoriaL_3.webp'); }
	.WitrynaKarty.Klasyczna .Cards .Card.Background3::before { background-image: url('../images/content/votings/klasycznaKategoriaL_4.webp'); }
	.WitrynaKarty.Klasyczna .Cards .Card.Background4::before { background-image: url('../images/content/votings/klasycznaKategoriaL_5.webp'); }
	.WitrynaKarty.Klasyczna .Cards .Card.Background5::before { background-image: url('../images/content/votings/klasycznaKategoriaL_6.webp'); }
	
	.WitrynaKarty.Jazz .Cards .Card.Background0::before { background-image: url('../images/content/votings/jazzKategoriaL_1.webp'); }
	.WitrynaKarty.Jazz .Cards .Card.Background1::before { background-image: url('../images/content/votings/jazzKategoriaL_2.webp'); }
	.WitrynaKarty.Jazz .Cards .Card.Background2::before { background-image: url('../images/content/votings/jazzKategoriaL_3.webp'); }
	.WitrynaKarty.Jazz .Cards .Card.Background3::before { background-image: url('../images/content/votings/jazzKategoriaL_4.webp'); }
	.WitrynaKarty.Jazz .Cards .Card.Background4::before { background-image: url('../images/content/votings/jazzKategoriaL_5.webp'); }
	.WitrynaKarty.Jazz .Cards .Card.Background5::before { background-image: url('../images/content/votings/jazzKategoriaL_6.webp'); }
}

@media screen and (max-width: 860px) {
	.Votings .Voting::before { width: 320px; }
}

/* - M */
@media screen and (max-width: 744px) {
	.WitrynaContent { max-width: 744px; margin: 0 auto 96px; }

	.WitrynaAuthorizationHeader { min-height: 400px; padding: 70px 0 0 32px; background-image: url('../images/layout/headerM.webp'); }
	.WitrynaAuthorizationHeader h1 span,
	.WitrynaHeader h1 span { display: block; }

	.WitrynaAuthorizationForm { max-width: 506px; }
	.WitrynaAuthorizationForm h3 { font: normal normal 500 1.6rem/1.5 roboto, arial, sans-serif; }
	.WitrynaAuthorizationForm .SubTitle { font: normal normal 400 1.4rem/1.42857 roboto, arial, sans-serif; }
	.WitrynaAuthorizationForm .TextAndButton { flex-direction: column-reverse; margin: 64px 0; gap: 32px; }
	.WitrynaAuthorizationForm .MessageAndInfos,
	.WitrynaAuthorizationForm .MessageAndInfos a { text-align: center; }
	.WitrynaAuthorizationForm input[type="submit"].ButtonGreen { max-width: 100%; }

	.WitrynaHeader { min-height: 400px; }
	.WitrynaHeader.Pop { background-image: url('../images/layout/headerPopM.webp'); }
	.WitrynaHeader.Klasyczna { background-image: url('../images/layout/headerKlasycznaM.webp'); }
	.WitrynaHeader.Jazz { background-image: url('../images/layout/headerJazzM.webp'); }

	.WitrynaHeader .Header { margin: 109px 0 0 32px; }
	.WitrynaHeader .Header.Contest { margin: 83px 0 0 32px; }
	.WitrynaHeader .Header.Card { margin: 40px 0 0 32px; }
	.WitrynaHeader .Header.Card h1 { font: normal normal 400 4.5rem/1.15556 roboto, arial, sans-serif; }

	.WitrynaKandydatury  { margin-top: 22px; }

	.WitrynaKarty .Header { font: normal normal 400 1.4rem/1.42857 roboto, arial, sans-serif; }
	.WitrynaKandydatury .Header { font: normal normal 500 1.6rem/1.5 roboto, arial, sans-serif; margin-bottom: 22px; }

	.Votings .ButtonGreen { max-width: 130px; }
	.WitrynaGlosowania.Pop .Votings .Voting::before { background-image: url('../images/content/votings/rozrywkowaGlosowanieM.webp'); }
	.WitrynaGlosowania.Klasyczna .Votings .Voting::before { background-image: url('../images/content/votings/klasycznaGlosowanieM.webp'); }
	.WitrynaGlosowania.Jazz .Votings .Voting::before { background-image: url('../images/content/votings/jazzGlosowanieM.webp'); }

	.Cards .Card .Details .ButtonGreen { max-width: none; }
	.WitrynaKarty.Pop .Cards .Card.Background0::before { background-image: url('../images/content/votings/rozrywkowaKategoriaM_1.webp'); }
	.WitrynaKarty.Pop .Cards .Card.Background1::before { background-image: url('../images/content/votings/rozrywkowaKategoriaM_2.webp'); }
	.WitrynaKarty.Pop .Cards .Card.Background2::before { background-image: url('../images/content/votings/rozrywkowaKategoriaM_3.webp'); }
	.WitrynaKarty.Pop .Cards .Card.Background3::before { background-image: url('../images/content/votings/rozrywkowaKategoriaM_4.webp'); }
	.WitrynaKarty.Pop .Cards .Card.Background4::before { background-image: url('../images/content/votings/rozrywkowaKategoriaM_5.webp'); }
	.WitrynaKarty.Pop .Cards .Card.Background5::before { background-image: url('../images/content/votings/rozrywkowaKategoriaM_6.webp'); }
	
	.WitrynaKarty.Klasyczna .Cards .Card.Background0::before { background-image: url('../images/content/votings/klasycznaKategoriaM_1.webp'); }
	.WitrynaKarty.Klasyczna .Cards .Card.Background1::before { background-image: url('../images/content/votings/klasycznaKategoriaM_2.webp'); }
	.WitrynaKarty.Klasyczna .Cards .Card.Background2::before { background-image: url('../images/content/votings/klasycznaKategoriaM_3.webp'); }
	.WitrynaKarty.Klasyczna .Cards .Card.Background3::before { background-image: url('../images/content/votings/klasycznaKategoriaM_4.webp'); }
	.WitrynaKarty.Klasyczna .Cards .Card.Background4::before { background-image: url('../images/content/votings/klasycznaKategoriaM_5.webp'); }
	.WitrynaKarty.Klasyczna .Cards .Card.Background5::before { background-image: url('../images/content/votings/klasycznaKategoriaM_6.webp'); }
	
	.WitrynaKarty.Jazz .Cards .Card.Background0::before { background-image: url('../images/content/votings/jazzKategoriaM_1.webp'); }
	.WitrynaKarty.Jazz .Cards .Card.Background1::before { background-image: url('../images/content/votings/jazzKategoriaM_2.webp'); }
	.WitrynaKarty.Jazz .Cards .Card.Background2::before { background-image: url('../images/content/votings/jazzKategoriaM_3.webp'); }
	.WitrynaKarty.Jazz .Cards .Card.Background3::before { background-image: url('../images/content/votings/jazzKategoriaM_4.webp'); }
	.WitrynaKarty.Jazz .Cards .Card.Background4::before { background-image: url('../images/content/votings/jazzKategoriaM_5.webp'); }
	.WitrynaKarty.Jazz .Cards .Card.Background5::before { background-image: url('../images/content/votings/jazzKategoriaM_6.webp'); }

	.Candidates .Details { width: 100%; max-width: 100%; }
	.Candidates .Candidate .Row { flex-wrap: wrap; }
	/* .Candidates .Candidate { flex-wrap: wrap; } */
	.Candidates .Candidate .Points,
	.Candidates .Candidate .Point { width: 100%; max-width: 100%; }

	.CardFooter { margin: 32px 0 0; flex-direction: column; gap: 32px; }
	.CardFooter .ButtonGreen { max-width: 100%; }

	.WitrynaModal .ModalContent { max-width: 506px; padding: 32px; }
	.WitrynaModal .ModalContent .Buttons { flex-direction: column; }
	.WitrynaModal .ModalContent .Buttons button { max-width: 100%; }
	.WitrynaModal .ModalContent .Title,
	.WitrynaGratulacje .ContentWithIcon .Title { font: normal normal 400 2.8rem/1.28571 roboto, arial, sans-serif; }
	.WitrynaModal .ModalContent .SubTitle { font: normal normal 400 1.6rem/1.5 roboto, arial, sans-serif; }

	.ContentWithIcon { max-width: 680px; padding: 235px 0 0 0; gap: 32px;}
	.ContentWithIcon .Row3 { padding: 0 64px; }
	.WitrynaGratulacje .ContentWithIcon .SubTitle { font: normal normal 500 1.6rem/1.5 roboto, arial, sans-serif; }
	.WitrynaGratulacje .ContentWithIcon .SmallTitle { font: normal normal 400 1.4rem/1.42857 roboto, arial, sans-serif; color: var(--Concrete-Gray-500); text-align: center; }
	.WitrynaGratulacje .ContentWithIcon .Buttons { flex-direction: column; padding: 0; }
	.WitrynaGratulacje .ContentWithIcon .Ankieta { margin-top: 240px; }
	.WitrynaGratulacje .ContentWithIcon .Ankieta .SmallTitle { font: normal normal 400 1.4rem/1.42857 roboto, arial, sans-serif; }
	.WitrynaGratulacje .ContentWithIcon .Ankieta .ButtonWhite { max-width: 235px; }
}

@media screen and (max-width: 630px) {
	.Votings .Voting::before { width: 260px; }
	.ContentWithIcon { margin: 24px 16px; }
}

@media screen and (max-width: 574px) {
	.WitrynaGlosowania.Pop .Votings .Voting::before { background-image: url('../images/content/votings/rozrywkowaGlosowanieXL.webp'); }
	.WitrynaGlosowania.Klasyczna .Votings .Voting::before { background-image: url('../images/content/votings/klasycznaGlosowanieXL.webp'); }
	.WitrynaGlosowania.Jazz .Votings .Voting::before { background-image: url('../images/content/votings/jazzGlosowanieXL.webp'); }

	.Votings .Voting::before { width: 100%; }
	.Votings .Voting { display: flex; flex-direction: column; }
	.Votings .Voting .Details { width: auto; display: flex; flex-direction: column; }
	.Votings .Voting .Schedule { flex-direction: column; align-items: flex-start; gap: 12px; }
	.Votings .Voting .ButtonGreen { max-width: 100%; }

	.Cards { grid-template-columns: 1fr; }
	.Cards .Card .Details .ButtonGreen { max-width: 200px; }
	.WitrynaKarty.Pop .Cards .Card.Background0::before { background-image: url('../images/content/votings/rozrywkowaKategoriaXL_1.webp'); }
	.WitrynaKarty.Pop .Cards .Card.Background1::before { background-image: url('../images/content/votings/rozrywkowaKategoriaXL_2.webp'); }
	.WitrynaKarty.Pop .Cards .Card.Background2::before { background-image: url('../images/content/votings/rozrywkowaKategoriaXL_3.webp'); }
	.WitrynaKarty.Pop .Cards .Card.Background3::before { background-image: url('../images/content/votings/rozrywkowaKategoriaXL_4.webp'); }
	.WitrynaKarty.Pop .Cards .Card.Background4::before { background-image: url('../images/content/votings/rozrywkowaKategoriaXL_5.webp'); }
	.WitrynaKarty.Pop .Cards .Card.Background5::before { background-image: url('../images/content/votings/rozrywkowaKategoriaXL_6.webp'); }
	
	.WitrynaKarty.Klasyczna .Cards .Card.Background0::before { background-image: url('../images/content/votings/klasycznaKategoriaXL_1.webp'); }
	.WitrynaKarty.Klasyczna .Cards .Card.Background1::before { background-image: url('../images/content/votings/klasycznaKategoriaXL_2.webp'); }
	.WitrynaKarty.Klasyczna .Cards .Card.Background2::before { background-image: url('../images/content/votings/klasycznaKategoriaXL_3.webp'); }
	.WitrynaKarty.Klasyczna .Cards .Card.Background3::before { background-image: url('../images/content/votings/klasycznaKategoriaXL_4.webp'); }
	.WitrynaKarty.Klasyczna .Cards .Card.Background4::before { background-image: url('../images/content/votings/klasycznaKategoriaXL_5.webp'); }
	.WitrynaKarty.Klasyczna .Cards .Card.Background5::before { background-image: url('../images/content/votings/klasycznaKategoriaXL_6.webp'); }
	
	.WitrynaKarty.Jazz .Cards .Card.Background0::before { background-image: url('../images/content/votings/jazzKategoriaXL_1.webp'); }
	.WitrynaKarty.Jazz .Cards .Card.Background1::before { background-image: url('../images/content/votings/jazzKategoriaXL_2.webp'); }
	.WitrynaKarty.Jazz .Cards .Card.Background2::before { background-image: url('../images/content/votings/jazzKategoriaXL_3.webp'); }
	.WitrynaKarty.Jazz .Cards .Card.Background3::before { background-image: url('../images/content/votings/jazzKategoriaXL_4.webp'); }
	.WitrynaKarty.Jazz .Cards .Card.Background4::before { background-image: url('../images/content/votings/jazzKategoriaXL_5.webp'); }
	.WitrynaKarty.Jazz .Cards .Card.Background5::before { background-image: url('../images/content/votings/jazzKategoriaXL_6.webp'); }

	.Candidates .Candidate .Points.OnlyOne .Point { min-width: 100px; }
}

@media screen and (max-width: 538px) {
	.WitrynaModal .ModalContent { margin: 86px 16px; }

	.WitrynaGlosowania,
	.WitrynaKarty,
	.WitrynaKandydatury  { padding: 0 16px; }
	.WitrynaHeader .Bar { padding: 9px 16px 0; }
}

@media screen and (max-width: 500px) {
	.WitrynaHeader .Row1 .RightSection { padding-right: 36px; }
	.WitrynaHeader a.Logout { width: 20px; padding-left: 22px; overflow: hidden; position: absolute; right: 16px; }
	.WitrynaHeader a.Logout::after { width: 22px; height: 22px; top: -1px; }

	.Candidates .Candidate { padding: 0 12px; }
	.Candidates .Details { padding: 12px 0; }
	.Candidates .Candidate .Points { margin-top: 92px; position: relative; padding: 0 0 12px; overflow: visible; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 12px; }
	.Candidates .Candidate .Points.OnlyOne { grid-template-columns: 1fr; }
	.Candidates .Candidate .Points .ButtonGreen { max-width: 100%; position: absolute; top: -64px; }
	.Candidates .Candidate .Point { font: normal normal 500 1.1rem/1.45455 roboto, arial, sans-serif; }

	.Candidates .Candidate .MP3Player { height: 36px; padding-left: 36px; gap: 8px; }
	.Candidates .Candidate .MP3Player a::before { width: 36px; height: 36px; border-radius: 10px; }
	.Candidates .Candidate .MP3Player a::after { top: 13px; left: 15px; border-top: 5px solid transparent; border-left: 8px solid var(--Grass-Green-600); border-bottom: 5px solid transparent; }
	.Candidates .Candidate .MP3Player a.Pause::after { top: 13px; left: 15px; width: 6px; height: 10px; border-left: 2px solid var(--Grass-Green-600); border-right: 2px solid var(--Grass-Green-600); }
/* 	.Candidates .Candidate .MP3Player a::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 56px; height: 56px; border-radius: 16px; background-color: var(--Grass-Green-400); z-index: 8; }
	.Candidates .Candidate .MP3Player a::after { content: ""; display: block; position: absolute; top: 20px; left: 22px; width: 0; height: 0; border-top: 8px solid transparent; border-left: 12px solid var(--Grass-Green-600); border-bottom: 8px solid transparent; z-index: 10; }
	.Candidates .Candidate .MP3Player a.Pause::after { content: ""; display: block; position: absolute; top: 20px; left: 22px; width: 11px; height: 16px; border-top: none; border-bottom: none; border-left: 4px solid var(--Grass-Green-600); border-right: 4px solid var(--Grass-Green-600); z-index: 10; } */
}

/* - S */
@media screen and (max-width: 360px) {
	.WitrynaContent { max-width: 360px; margin: 0 auto 96px; }

	.WitrynaAuthorizationHeader { min-height: 240px; padding: 22px 0 0 32px; background-image: url('../images/layout/headerS.webp'); }
	
	.WitrynaAuthorizationHeader .Logos { margin-bottom: 14px; gap: 27px; }
	.WitrynaAuthorizationHeader .LogoFryderyk { height: 48px; width: 55px; background-size: contain; }
	.WitrynaAuthorizationHeader .LogoZPAV { height: 25px; width: 76px; background-size: contain; }

	.WitrynaAuthorizationHeader h1,
	.WitrynaHeader h1 { font: normal normal 400 3.6rem/1.22222 roboto, arial, sans-serif; }
	.WitrynaHeader .SubTitle { font: normal normal 500 1.1rem/1.45455 roboto, arial, sans-serif; }

	.WitrynaAuthorizationForm,
	.WitrynaAuthorizationFooter { padding: 0 16px;}
	.WitrynaAuthorizationForm h3 { font: normal normal 500 1.4rem/1.42857 roboto, arial, sans-serif; }

	.WitrynaHeader { padding-top: 110px; background-position: center 64px; }
	.WitrynaHeader::before { display: none; }
	.WitrynaHeader.Pop { background-image: url('../images/layout/headerPopS.webp'); }
	.WitrynaHeader.Klasyczna { background-image: url('../images/layout/headerKlasycznaS.webp'); }
	.WitrynaHeader.Jazz { background-image: url('../images/layout/headerJazzS.webp'); }

	.WitrynaHeader .Bar { padding: 0 19px; backdrop-filter: none; height: 64px; position: absolute; top: 0; width: 100%; background-color: var(--Concrete-Gray-100); }
	.WitrynaHeader .Bar .Logos,
	.WitrynaHeader .Person::after,
	.WitrynaHeader .Path1,
	.WitrynaHeader .Bar .Line { display: none; }
	.WitrynaHeader .Person { padding: 0; font-weight: 500; color: var(--Concrete-Gray-600); }
	.WitrynaHeader a.Logout { width: 20px; padding: 0 0 0 22px; overflow: hidden; position: absolute; right: 15px; }
	.WitrynaHeader a.Logout::after,
	.WitrynaHeader.Klasyczna a.Logout::after { width: 18px; height: 18px; top: 1px; background-image: url('../images/layout/icons/mdiLogoutGray.svg'); }
	.WitrynaHeader .Row1 .RightSection { height: 64px; width: 100%; justify-content: center; gap: 0; padding-right: 0; }
	.WitrynaHeader .Path { display: flex; height: 64px; position: absolute; align-items: center; }
	.WitrynaHeader .Path a { width: 20px; height: 20px; overflow: hidden; position: relative; padding-left: 22px; }
	.WitrynaHeader .Path a::before { content: " "; display: block; top: 2px; left: 0; position: absolute; width: 18px; height: 16px; background: url('../images/layout/icons/arrowBack.svg') transparent no-repeat center center; background-size: contain; z-index: 10 }
	.WitrynaHeader .Path a,
	.WitrynaHeader .Path span { display: none; }
	.WitrynaHeader .Path a.Show { display: block; }

	.WitrynaHeader.Klasyczna .Person,
	.WitrynaHeader.Klasyczna .Logout { color: var(--Concrete-Gray-600); }
	.WitrynaHeader.Klasyczna .Path,
	.WitrynaHeader.Klasyczna .Path a { color: var(--Concrete-Gray-600); }
	

	.WitrynaHeader .SmallTitle { font: normal normal 400 2.4rem/1.33333 roboto, arial, sans-serif; }
	.WitrynaHeader .SmallTitle span { display: block; }
	.WitrynaHeader .Header h1,
	.WitrynaHeader .Header .SmallTitle { color: var(--Concrete-Gray-600); }
	.WitrynaHeader .Header .SubTitle { background: var(--Concrete-Gray-200); color: var(--Concrete-Gray-600); }

	.WitrynaHeader .Header { margin: 208px 16px 0; text-align: center; }
	.WitrynaHeader .Header.Contest { margin: 208px 16px 0; text-align: center; }
	.WitrynaHeader .Header.Card { margin: 209px 16px 0; text-align: center; }

	.WitrynaHeader .Header .SubTitle { background-color: var(--Concrete-Gray-200); color: var(--Concrete-Gray-600); padding-top: 8px; }

	.WitrynaKarty .Header { font: normal normal 400 1.4rem/1.42857 roboto, arial, sans-serif; }
	.WitrynaKandydatury .Header { font: normal normal 400 1.4rem/1.42857 roboto, arial, sans-serif; margin-bottom: 20px; }
	.WitrynaGlosowania { margin-top: -16px; }
	.WitrynaKarty { margin-top: 48px; }
	.WitrynaKandydatury { margin-top: 43px; }

	.WitrynaHeader .Header.Card h1 { font: normal normal 400 3.6rem/1.22222 roboto, arial, sans-serif;  display: block; overflow: visible; text-overflow: initial; }

	.Votings .Voting::before { width: 328px; }
	.Votings .Voting { display: flex; flex-direction: column; }
	.Votings .Voting .Details { width: auto; display: flex; flex-direction: column; }
	.Votings .Voting .Schedule { flex-direction: column; align-items: flex-start; gap: 12px; }
	.Votings .Voting .ButtonGreen { max-width: 100%; }
	.WitrynaGlosowania.Pop .Votings .Voting::before { background-image: url('../images/content/votings/rozrywkowaGlosowanieS.webp'); }
	.WitrynaGlosowania.Klasyczna .Votings .Voting::before { background-image: url('../images/content/votings/klasycznaGlosowanieS.webp'); }
	.WitrynaGlosowania.Jazz .Votings .Voting::before { background-image: url('../images/content/votings/jazzGlosowanieS.webp'); }

	.Cards { grid-template-columns: 1fr; }
	.Cards .Card .Details .ButtonGreen { max-width: none; }
	.WitrynaKarty.Pop .Cards .Card.Background0::before { background-image: url('../images/content/votings/rozrywkowaKategoriaS_1.webp'); }
	.WitrynaKarty.Pop .Cards .Card.Background1::before { background-image: url('../images/content/votings/rozrywkowaKategoriaS_2.webp'); }
	.WitrynaKarty.Pop .Cards .Card.Background2::before { background-image: url('../images/content/votings/rozrywkowaKategoriaS_3.webp'); }
	.WitrynaKarty.Pop .Cards .Card.Background3::before { background-image: url('../images/content/votings/rozrywkowaKategoriaS_4.webp'); }
	.WitrynaKarty.Pop .Cards .Card.Background4::before { background-image: url('../images/content/votings/rozrywkowaKategoriaS_5.webp'); }
	.WitrynaKarty.Pop .Cards .Card.Background5::before { background-image: url('../images/content/votings/rozrywkowaKategoriaS_6.webp'); }
	
	.WitrynaKarty.Klasyczna .Cards .Card.Background0::before { background-image: url('../images/content/votings/klasycznaKategoriaS_1.webp'); }
	.WitrynaKarty.Klasyczna .Cards .Card.Background1::before { background-image: url('../images/content/votings/klasycznaKategoriaS_2.webp'); }
	.WitrynaKarty.Klasyczna .Cards .Card.Background2::before { background-image: url('../images/content/votings/klasycznaKategoriaS_3.webp'); }
	.WitrynaKarty.Klasyczna .Cards .Card.Background3::before { background-image: url('../images/content/votings/klasycznaKategoriaS_4.webp'); }
	.WitrynaKarty.Klasyczna .Cards .Card.Background4::before { background-image: url('../images/content/votings/klasycznaKategoriaS_5.webp'); }
	.WitrynaKarty.Klasyczna .Cards .Card.Background5::before { background-image: url('../images/content/votings/klasycznaKategoriaS_6.webp'); }
	
	.WitrynaKarty.Jazz .Cards .Card.Background0::before { background-image: url('../images/content/votings/jazzKategoriaS_1.webp'); }
	.WitrynaKarty.Jazz .Cards .Card.Background1::before { background-image: url('../images/content/votings/jazzKategoriaS_2.webp'); }
	.WitrynaKarty.Jazz .Cards .Card.Background2::before { background-image: url('../images/content/votings/jazzKategoriaS_3.webp'); }
	.WitrynaKarty.Jazz .Cards .Card.Background3::before { background-image: url('../images/content/votings/jazzKategoriaS_4.webp'); }
	.WitrynaKarty.Jazz .Cards .Card.Background4::before { background-image: url('../images/content/votings/jazzKategoriaS_5.webp'); }
	.WitrynaKarty.Jazz .Cards .Card.Background5::before { background-image: url('../images/content/votings/jazzKategoriaS_6.webp'); }

	.WitrynaModal .ModalContent .Title,
	.WitrynaGratulacje .ContentWithIcon .Title { font: normal normal 400 2.4rem/1.33333 roboto, arial, sans-serif; }
	.WitrynaModal .ModalContent .SubTitle { font: normal normal 500 1.4rem/1.42857 roboto, arial, sans-serif; }

	.ContentWithIcon .Row3 { padding: 0; }
	.WitrynaGratulacje .ContentWithIcon .SubTitle { font: normal normal 500 1.4rem/1.42857 roboto, arial, sans-serif; }
	.WitrynaGratulacje .ContentWithIcon .Ankieta { margin-top: 0; }
	.WitrynaGratulacje .ContentWithIcon .Ankieta .SmallTitle { font: normal normal 400 1.4rem/1.42857 roboto, arial, sans-serif; }
}

@media screen and (max-width: 350px) {
	.Candidates .Candidate .Points { grid-template-columns: 1fr 1fr; }
}


@media screen and (max-height: 580px) {
	.WitrynaModal .ModalContent { margin: 10px auto 0; padding: 20px 10px; }
}

@media screen and (max-height: 450px) {
	.WitrynaModal .ModalContent { gap: 12px; }
	.WitrynaModal .ModalContent .Icon { width: 110px; height: 110px; }
	.WitrynaModal .ModalContent .Icon::after { width: 50px; height: 50px; }
	.WitrynaModal .ModalContent .Buttons { flex-direction: row; }
}

@media screen and (max-height: 580px) and (max-width: 450px) {
	.WitrynaModal .ModalContent { margin: 16px; padding: 20px 10px; }
}

@media screen and (max-height: 700px) and (max-width: 744px) {
	.ContentWithIcon { padding: 20px 0 0 0; }
}