/* FONTS =============== */

@font-face {
	font-family: MtSrtAltXB;
	src: url(fonts/montserratalternates_extrabold.ttf);
}

@font-face {
	font-family: MtSrtAltXBI;
	src: url(fonts/montserratalternates_extrabolditalic.ttf);
}

@font-face {
	font-family: MtSrtAltB;
	src: url(fonts/montserratalternates_bold.ttf);
}

@font-face {
	font-family: MtSrtAltSB;
	src: url(fonts/montserratalternates_semibold.ttf);
}

@font-face {
	font-family: MtSrtAltRG;
	src: url(fonts/montserratalternates_regular.ttf);
}

@font-face {
	font-family: KrubMed;
	src: url(fonts/krub_medium.ttf);
}

@font-face {
	font-family: KrubSB;
	src: url(fonts/krub_semibold.ttf);
}

@font-face {
	font-family: MtSrtAltRG;
	src: url(fonts/montserratalternates_regular.ttf);
}

h1 { /* title / blue */
	font-family: MtSrtAltXB, "Arial Black", sans-serif;
	color: #3C84FB;
	font-size: 48px;
	font-weight: normal;
}
h1.bis {font-size: 24px; margin-top:30px;} 

h1 span {
	/*display: inline-block;*/
	line-height: 2em; 
	padding: 5px 0px;
	border-bottom: 0.5em solid;
}

h2 { /* subtitle / red */
	font-family: MtSrtAltXBI, "Arial Black", sans-serif;
	color: #FA6870;
	font-size: 40px;
	font-weight: normal;
}

h3 { /* current rub / blue */
	font-family: KrubSB, Verdana, sans-serif;
	color: #3C84FB;
	font-size: 14px;
	font-weight: normal;
}

h4 { /* other rub / black */
	font-family: KrubMed, Verdana, sans-serif;
	color: #1E2B40;
	font-size: 14px;
	font-weight: normal;
}

h5 { /* verbatim / orange */
	font-family: MtSrtAltXB, "Arial Black", sans-serif;
	color: #FFBB69;
	font-size: 24px;
	font-weight: normal;
}

h6 { /* text / black */
	font-family: KrubMed, Verdana, sans-serif;
	color: #1E2B40;
	font-size: 20px;
	font-weight: normal;
}



/*   ASPECT   =========================================================*/


html {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	touch-action: manipulation;
	overflow-y: scroll;
	overflow-y: overlay;
}

body {
	font-size: 100%;
	font-family: KrubMed, Verdana, sans-serif;
	font-size: 14pt;
	line-height:1.25;
	color: #333;
	background-color: #FAF5F0;
	
}

#main,#main_nobar {/*background-color:#fff;*/font-size:12pt;}

.bgBlue,.bgLnkBlue {background-color:#3C84FB;}
.bgRed,.bgLnkRed {background-color:#FA6870;}
.bgOrange,.bgLnkOrange {background-color:#FFBB69;}
.bgGrey,.bgLnkGrey {background-color: #51555F;}
.bgDarkGrey,.bgLnkDarkGrey {background-color: #AAA;}
.bgGreen,.bgLnkGreen {background-color:#3BCE78}
.bgWhite {background-color:#fff;}
.bgWhiteOutBlue,.bgWhiteOutLnkBlue {background-color:#fff; color:#3C84FB; border:1px solid #3C84FB;}
.bgWhiteOutRed,.bgWhiteOutLnkRed {background-color:#fff; color:#FA6870; border:1px solid #FA6870;}
.bgWhiteOutOrange,.bgWhiteOutLnkOrange {background-color:#fff; color:#FFBB69; border:1px solid #FFBB69;}
.bgWhiteOutGrey,.bgWhiteOutLnkGrey {background-color:#fff; color:#51555F; border:1px solid #51555F;}
.bgBody {background-color: #FAF5F0;}

.bgLnkBlue:hover {background-color:#1961d8;}
.bgLnkRed:hover {background-color:#F54751;}
.bgLnkOrange:hover {background-color:#ffb443;}
.bgLnkGrey:hover {background-color: #31343a;}
.bgLnkDarkGrey:hover {background-color: #DDD;}
.bgLnkGreen:hover {background-color:#26b561}
.bgWhiteOutLnkBlue:hover {background-color:#eaf2ff;}
.bgWhiteOutLnkRed:hover {background-color:#ffeced;}
.bgWhiteOutLnkOrange:hover {background-color:#fef6ec;}
.bgWhiteOutLnkGrey:hover {background-color:#d1d7e3;}

.svgBlue,.svgLnkBlue {fill:#3C84FB;}
.svgRed,.svgLnkRed {fill:#FA6870;}
.svgOrange,.svgLnkOrange {fill:#FFBB69;}
.svgWhite{fill:white;}

.svgLnkBlue:hover {fill:#1961d8;}
.svgLnkRed:hover {fill:#F54751;}
.svgLnkOrange:hover {fill:#ffb443;}

.txBlue,.lnkBlue {color: #3C84FB;}
.txRed,.lnkRed {color: #FA6870;}
.txOrange,.lnkOrange {color: #FFBB69;}
.txWhite,.lnkWhite {color: #FFF;}
.txGrey,.lnkGrey {color: #51555F;}
.txFakeBlack,.lnkFakeBlack {color: #1E2B40;}

.txSize12{font-size:12px;}

.lnkBlue:hover{color: #1961d8;}
.lnkRed:hover{color: #F54751;}
.lnkOrange:hover {color: #ffb443;}
.lnkWhite:hover {color: #FFF;}
.lnkGrey:hover {color: #31343a;}
.lnkFakeBlack:hover {color: #000;}

.lnkNoLine,.lnkLine{text-decoration:none;}
.lnkPermLine{text-decoration:underline;}
.lnkNoLine:hover{text-decoration:none;}
.lnkPermLine:hover,.lnkLine:hover{text-decoration:underline;}

.bg-color0,.bg-color0to4{background-color:#aaa;} /* dark grey */
.bg-color0:hover {background-color:#ddd;} /* lighter grey */
.bg-color1,.bg-color1to4 {background-color:#d7d7d7;} /* light grey */
.bg-color1:hover {background-color:#b7b7b7;} /* darker grey */
/*
.bg-color2 {background-color:#27c;}
.bg-color2:hover {background-color:#368;}
*/

.bg-color3 {background-color:#FA6870;} /*red*/
.bg-color3:hover {background-color:#f54751;} /*dark red*/
.bg-color4,.bg-color0to4:hover,.bg-color1to4:hover {background-color:#3C84FB;} /*purple*/
.bg-color4:hover {background-color:#1961d8;} /*dark purple*/
.bg-color5 {background-color:#fff;}
.bg-color5:hover {background-color:#f8ebff;} /*lightest purple*/
.bg-nocolor {background-color:none;}
.bg-nocolor:hover {background-color:#555;}

a {text-decoration:underline; outline: none;}
a img {border:0;}
.txt-color0 {color:#a0a0a0;}
.txt-color1,.link-color1 {color:#aaa;}
.link-color1:hover {color:#bbb;}
.link-color2 {color:#888;}
.link-color2:hover {color:#333;}
.txt-color4 {color:#3C84FB;} /*purple*/
.link-color4 {color:#3C84FB;}
.link-color4:hover {color:#1961d8;}
.link-color5 {color:#179fbb;}
.link-color5:hover {color:#00bcd4;}

.mapRGPDMarker {background-color: #FA6870CC; border-radius: 8px; color: #FFFFFF; font-size: 14px; padding: 10px 15px; transition: transform .2s;}
.mapRGPDMarker:hover {background-color: #FA6870FF; transform:scale(1.05); }

.smallbutton {cursor:pointer; font-size: 10pt;color:white;text-decoration:none;border-radius: 2em;padding :4px 8px;border: 0px;vertical-align:middle;}

.error {font-size:10pt;color:#aaa;}
.alert {font-size:10pt;color:#aaa;}
.success {font-size:12pt;color:#aaa;}
.comment {font-size:10pt;}
.tiny {font-size:8pt;}
.important, .bold {font-weight:bold;}
.noselect {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.capitalize {text-transform:capitalize}
.underlined {text-decoration:underline;}
.crossed {text-decoration: line-through;}
.italic {font-style:italic;}

.whitebox {border-radius: 4px; background-color: #FFFFFF; box-shadow: 0 2px 20px 0 rgba(140,140,140,0.15); padding:30px;}

#banner {background-color:#fff;}
#banner-story {font-size:16pt;font-weight:bold;}


.invitation {width:180px;background-color:#fff;border:1px solid #ddd;padding:4px;margin:4px;}
.invitation:hover {background-color:#eee;border:1px solid #bbb;}

#spinner {stroke: #fa6870;} #spinner_w {stroke: #fff;}
.spinner {
	stroke-width: 1px;
	stroke-dasharray: 6;
    -webkit-transform-origin: 50%;
            transform-origin: 50%;
		-ms-transform-origin: 50%;
	-webkit-transform: rotate(-90deg);
			transform: rotate(-90deg);
		-ms-transform: rotate(-90deg); }
	
.spin {	-webkit-animation: rotate 1s linear infinite;
				animation: rotate 1s linear infinite; }

input,button,.button,.buttonicon,select,input[type=radio] + label {
	/*margin: 1px; //pq g mi ca?*/
	font-family: inherit;
	font-size: inherit;
	text-decoration:none;
	border-radius: 3em;
	padding :20px 32px;
	border: 0px;
	vertical-align:middle;
	outline: none;
}
.buttonicon {padding:0px;}
.new-contact {white-space:nowrap;display:inline-block;border-radius:4px;margin:1px;padding:4px 20px 4px 10px;color:#fff;background-image:/*url(../img/action_wait.png),*/url(../img/action_close.png);background-position:/*2px, */right 2px center;background-repeat:no-repeat;}
.check-tag {white-space:nowrap;display:inline-block;border-radius:4px;margin:1px;padding:4px;color:#fff;}
.helpTag:hover circle {fill:#3C84FB;}
.helpText {position:absolute;left:0px;width:100%;background-color:#3C84FB;color:#fff;font-size:8pt;padding:6px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);display:none;z-index:1;}
.profile-cat {border:1px solid #eee;border-radius:4px;background-color:#fdfdfd;width:100%;padding:5px 12px;cursor:pointer;}
.profile-cat:hover {background-color:#f3f3f3;}

input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],select,textarea {
	background-color:#fff;color:#1E2B40;border:none;
	font-family: KrubMed, Verdana, sans-serif; color:#1E2B40; font-size:12px;
	-webkit-box-shadow: 0 2px 4px 0 rgba(127,127,127,0.05); box-shadow: 0 2px 4px 0 rgba(127,127,127,0.05);
	transition: box-shadow 100ms, -webkit-box-shadow 100ms;
	-webkit-appearance:none;-moz-appearance:none;
}
textarea{resize: none;}
input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,input[type=date]:hover,input[type=number]:hover,select:hover,textarea:hover {
	-webkit-box-shadow: 0 2px 8px 2px rgba(127,127,127,0.2); box-shadow: 0 2px 8px 2px rgba(127,127,127,0.2);
}

input:disabled,select:disabled {background-color:#eee;color:#aaa;}
input[type=date].birthday {background-image:url(../img/form_cake.png);background-position:8px;background-repeat:no-repeat;padding-left:38px;}
.mail {background-image:url(../img/form_mail.png);background-position:8px;background-repeat:no-repeat;padding-left:38px;}
select {background-image:url(../img/form_dropdown.png);background-position:95% 50%;background-repeat:no-repeat;}
select.relation {background-image:url(../img/form_dropdown.png),url(../img/form_relation.png);background-position:95% 50%,8px;background-repeat:no-repeat;padding-left:38px;}
input[type=button],input[type=submit],button,.button {color:#fff;}
a,input[type=button],input[type=submit],input[type=date],select,button,.button,.buttonicon,.new-contact,.photo-thumb,.helpTag  {cursor:pointer;}
input[type=button]:hover,input[type=submit]:hover,button,.button {}
input[type=button]:active,input[type=submit]:active,button,.button {}
a,input[type=button],input[type=submit],button,.button {touch-action: manipulation;}
input[type=radio],input[type=checkbox],input[type=file] {display:none;}
input[type=radio] + label {display:inline-block;margin:10px -2px;background-color:#eee;color:#aaa;cursor:pointer;}
input[type=radio] + label.radiofirst,.pairleft {border-top-right-radius:0px; border-bottom-right-radius:0px;}
input[type=radio] + label.radiolast,.pairright {border-top-left-radius:0px; border-bottom-left-radius:0px;}
input[type=radio]:checked + label {background-color:#3C84FB;color:#fff;cursor:default;}
input[type=radio]:not(:checked) + label:hover {background-color:#ddd;}
input[type=checkbox] + label {white-space:nowrap;display:inline-block;border-radius:4px;margin:1px;padding:8px;background-color:#eee;color:#aaa;cursor:pointer;}
input[type=checkbox]:checked + label {background-color:#3C84FB;color:#fff;}
input[type=checkbox]:not(:checked) + label:hover {background-color:#ddd;}

input[type=checkbox].checkbox + label {padding:0px;background-color:transparent;}
input[type=checkbox].checkbox + label>span {display:inline-block;padding:0.6em;vertical-align:bottom;border:1px solid white;outline:2px solid #3C84FB;margin-right:10px;}
input[type=checkbox].checkbox:checked + label {color:#3C84FB; background-color:transparent;}
input[type=checkbox].checkbox:checked + label>span {background-color:#3C84FB;}
input[type=checkbox].checkbox:checked + label:hover {background-color:transparent;}
input[type=checkbox].checkbox:checked + label:hover>span {background-color:#1961d8;}
input[type=checkbox].checkbox:not(:checked) + label {color:#a0a0a0; background-color:transparent;}
input[type=checkbox].checkbox:not(:checked) + label:hover {background-color:transparent;}
input[type=checkbox].checkbox:not(:checked) + label:hover>span {background-color:rgb(60,132,251,0.25);}

input[type=checkbox].inactive,input[type=checkbox].inactive + label {opacity: 0.5;pointer-events: none;   cursor: not-allowed;}
input[type=checkbox].active,input[type=checkbox].active + label {opacity: 1;pointer-events: auto;cursor: pointer;}

input.day {width:1.4em;}
input.month {width:1.4em;}
input.year {width:2.8em;}
input.hour,input.minute {width:1.4em;}
input.hour {text-align:right;}
input.minute {text-align:left;}
	
::placeholder {color:#1E2B40;opacity: 1;}
:-ms-input-placeholder {color:#1E2B40;opacity: 1;}
::-ms-input-placeholder {color:#1E2B40;opacity: 1;}
*:disabled {pointer-events:none;}
/*input[type=button]:disabled,input[type=submit]:disabled,button:disabled,.button:disabled {background-color:#ccc;color:#aaa;}*/
/*input:invalid {background-color:#fdd;color:#d00;} // TODO : � activer sous forme de classe seulement apr�s une premi�re soumission*/

select.lineForm,input.lineForm,textarea.lineForm,div.lineForm-parent {
	height: auto;
	line-height: 1.5em;
	border:none;
	border-radius: 0px;
	border-bottom:2px solid #3C84FB;
	margin-bottom:1px;
	-webkit-box-shadow:none;
	box-shadow:none;
	padding:12px 8px;
}
input.lineForm,textarea.lineForm,div.lineForm-parent {
	background: none; 
}
textarea.lineForm {
	border-left:1px solid #3C84FB;
}

select.lineForm:focus,input.lineForm:focus,textarea.lineForm:focus,div.lineForm-parent:focus {
	border-bottom:2px solid #3C84FB;
	margin-bottom:0px;
	outline:none;
	color:#3C84FB;
	font-weight:bold;
}
div.lineForm {
	padding-left:8px;
	margin-bottom:5px;
	font-size:8pt;
	color:#ffbb69;
	text-align:left;
	font-style:italic;
}
input.lineForm-multiple,input.lineForm-multiple:focus {border-bottom:none;padding:0px;}
span.lineForm-separator {color:#666; vertical-align:baseline;}
/*
div.lineForm-parent {border-bottom:1px solid #9f51c3;border-radius: 4px;margin-bottom:5px;padding:0px 8px;}
	div.lineForm-parent:focus {border-bottom:2px solid #9f51c3;}
*/

/*   AGENCEMENT   =========================================================*/


html {
	height: 100%;
}
html,body { 
	/*max-width: 100%;
    overflow-x: hidden;*/
	width: 100%;
	min-height: 100%;
	height: 100%; /* comment alors placer le footer sans nuire aux backgrounds des popups? */
	/* contre les bugs de fixed vs scroll d'iOS Safari */
    /*-webkit-overflow-scrolling : touch !important;
    overflow: auto !important;
    height: 100% !important;*/
}
body {
	position:relative;
	margin: 0px;
	padding: 0px;
	border:0px solid blue;
}
body:before { /* contre le bug de redimensionnement opera */
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px; /* on contre l'effet du float */
}

* {box-sizing: border-box;}
div {display:inline-block;}
img, svg {display:block;}
hr{margin-top:0px;margin-bottom:0px;border:0;border-top:1px solid #aaa}
p {margin:0;}
table,tr,td {border-spacing:0px;padding:0px;}


.fullwidth {width:100%;}
.halfwidth {width:49%;}
.center {text-align:center;margin:auto;}
.pivot {position:relative;}
.fullcontainer {position:relative;width:800px;height:100%;margin:auto;border:0px solid black;} 
.container {position:relative;width:800px;height:100%;margin:auto;border:0px solid black;} 
.printable {position:relative;width:800px;height:1120px;padding:0px 3em 4em 3em;margin:auto;background-color:#fff;-webkit-box-shadow:-1px -1px 5px rgba(0,0,0,.1);box-shadow:-1px -1px 5px rgba(0,0,0,.1);}
.centerblock {width:500px;margin-left:auto;margin-right:auto;border:0px solid red}
.content {max-width:1000px;padding:0px 50px;}
.mobilefullwidth {}
.mobilevertical {display:inline-block;vertical-align:middle;}
.block {display:block;}

.back-button {position:absolute;left:0;}
.nbsp {white-space:nowrap;}
.left {text-align:left;}
.right {text-align:right;}

#signin-button {display:none;padding:10px;}

#banner {position:relative;border:0px solid red;overflow:hidden;}
/*#banner-bg {position:relative;max-width:1036px;margin-left:auto;margin-right:auto;border:0px solid green;}*/
#banner-button {position:absolute;bottom:5px;left:20px;border:0px solid red;}
#banner-image {width:100%;min-width:800px;}

#userlog {position:absolute;top:0px;right:10px;padding:10px;z-index:10;text-align:right;}

.title-bar {background-color:#f8f8f8; position:fixed; top:50px; left:0px; right:0px; height: 50px; line-height: 50px; font-size: 10pt; width: 100%; z-index:1000; border-bottom:1px solid #eee;}
.error-bar {display: none; background-color:#fa6870; position:fixed; top:100px; left:0px; right:0px; height: 40px; opacity:0.9; line-height: 40px; font-size: 10pt; color: #fff; width: 100%; z-index:1000;}
.loader-bar {background-color:#3C84FB; width:100%; height:5px;}

#main,#main_nobar {width:100%;min-height:100%;/*height:100%;overflow:hidden;*/border:0px solid blue;}
#main {padding:50px 0px 0px 0px;}
#main_nobar {padding:28px 80px;}

/*Password Eye Icon css*/
.passicon{position: absolute; left:0%; top: 50%; transform: translateY(-50%); padding-right:1px; box-sizing: border-box; border-radius: 50%; left:15px}
.inputspacing{width:90%; padding-right:120px;}

.photo-thumb {display:inline-block;vertical-align:top;margin:1px;background-color:#000;}
.photo-thumb-fg {position:absolute;top:0px;left:0px;padding:35px;}
/*.photo-thumb img {width:15vw;min-width:80px;max-width:120px;}*/
.photo-thumb:hover img {opacity:0.8;filter:alpha(opacity=80);}

.pop {position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:255;display:none;}
.pop table {width:100%;height:100%;}
.pop td {text-align:center; vertical-align:middle;}
	
/*.popup {position:fixed;top:60px;left:0;right:0;margin:auto;width:90%;height:400px;background-color:#fff;border-radius:4px;box-shadow:1px 1px 3px 1px rgba(0,0,0,.3);z-index:900;display:none;}*/
#popup {position:fixed;padding:50px 0px 0px 0px;top:0px;left:0px;width:100%;height:100%;background-color:#fff;z-index:900;display:none;}
.popfull {position:absolute;top:0px;left:0px;width:100%;min-height:100%;background-color:#fff;z-index:900;display:none;}
.popfull-mask {position:absolute;top:0px;left:0px;width:100%;min-height:100%;background-color:rgba(0,0,0,.3);z-index:800;display:none;}
.popup-base {position:fixed;padding:50px 0px 0px 0px;top:0px;left:0px;width:100%;height:100%;z-index:900;display:none;}
#preview {position:fixed;padding:50px 0px 0px 0px;top:0px;left:0px;max-width:50%;max-height:50%;background-color:#fff;z-index:900;display:block;}
#popup-layer {position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:800;display:none;}
.poprightin {animation: right-in 0.4s cubic-bezier(0, 0, 0, 1) forwards;-webkit-animation: right-in 0.4s cubic-bezier(0, 0, 0, 1) forwards;}
.poprightout {animation: right-out 0.3s forwards;-webkit-animation: right-out 0.3s forwards;}
.popleftin {animation: left-in 0.4s cubic-bezier(0, 0, 0, 1) forwards;-webkit-animation: left-in 0.4s cubic-bezier(0, 0, 0, 1) forwards;}
.popleftout {animation: left-out 0.3s forwards;-webkit-animation: left-out 0.3s forwards;}
.fadein {animation: fade-in 0.3s forwards;-webkit-animation: fade-in 0.3s forwards;}
.fadeout {animation: fade-out 0.3s forwards;-webkit-animation: fade-out 0.3s forwards;}
/*cubic-bezier(0, 0, 0, 1)*/

/*   ANIMATIONS   =========================================================*/


@keyframes rotate {from {transform: rotate(0);} to {transform: rotate(360deg);}}
@-webkit-keyframes rotate {from {-webkit-transform: rotate(0);} to {-webkit-transform: rotate(360deg);}}
    
@keyframes right-in {0% {transform: translateX(99%);} 100% {transform: translateX(0px);}}
@-webkit-keyframes right-in {0% {-webkit-transform: translateX(99%);} 100% {-webkit-transform: translateX(0px);}}
@keyframes right-out {0% {transform: translateX(0px);} 100% {transform: translateX(99%);}}
@-webkit-keyframes right-out {0% {-webkit-transform: translateX(0px);} 100% {-webkit-transform: translateX(99%);}}

@keyframes left-in {0% {transform: translateX(-99%);} 100% {transform: translateX(0px);}}
@-webkit-keyframes left-in {0% {-webkit-transform: translateX(-99%);} 100% {-webkit-transform: translateX(0px);}}
@keyframes left-out {0% {transform: translateX(0px);} 100% {transform: translateX(-99%);}}
@-webkit-keyframes left-out {0% {-webkit-transform: translateX(0px);} 100% {-webkit-transform: translateX(-99%);}}

@keyframes fade-in {0% {opacity:0;} 100% {opacity:1;}}
@-webkit-keyframes fade-in {0% {opacity:0;} 100% {opacity:1;}}
@keyframes fade-out {0% {opacity:1;} 100% {opacity:0;}}
@-webkit-keyframes fade-out {0% {opacity:1;} 100% {opacity:0;}}


/*   MEDIA QUERIES   =========================================================*/


/* Workaround for IE10 + Windows 8 */
@-ms-viewport {width: device-width;}
@-o-viewport {width: device-width;}
@viewport {width: device-width;}

@media (max-width: 679px) {
	#main,#main_nobar {font-size:14pt; padding:10px;
		padding: max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));}
	.container {width:100%;padding:0px/* 5px*/;}
	.printable {width:100%;}
	p {padding:0px 5px;}
	h1.bis {font-size: 20px; margin-top:10px;}
	h5{font-size: 22px;}
	.centerblock {width:100%;}
	.content {padding:0px 10px;}
	.mobilewidth {left:0px;width:100%;}
	.fullwidth,.mobilefullwidth {border-radius:0px;border-left:0px;border-right:0px;}
	.mobilefullwidth {left:0px;margin:0px;/*position:absolute;left:0px;*/width:100%;}
	#userFeedback {width:100%;}
	.comment {font-size:12pt;}
	input,select,.button,button,input[type=radio] + label,input[type=checkbox] + label {padding:25px 35px;font-size:14pt;}
	.mobilebottom {/*position:fixed;bottom:0px;*/padding:20px;text-align:center;border-radius:0px;}
	/*.centerblock {padding-bottom:70px;} /* pour couvrir la classe mobilebottom si besoin */
	.mobilevertical {display:block;}
	.popup {width:95%;}
	#signin-button {display:block;}
	/*#banner-bg {position;absolute;left:-100px;}*/
	.ifnarrow{display:auto;}
	.ifwide{display:none;}
    .snowflake:nth-of-type(odd){display:none;}
	#userlog {right:0px;}
	.mobileNoVue{display: none;}
	.switchNone{display: none;}
}
@media (min-width: 680px) and (max-width: 959px) {
	#main_nobar {padding:28px;}
	.container {width:100%;padding:0px 30px;}
	.printable {width:100%;}
	.popup {width:400px;}
	#userFeedback {width:50%;}
	.ifnarrow{display:none;}
	.ifwide{display:auto;}
	.mobileVue{display: none;}
	.switchNone{display: none;}
}
@media (min-width: 960px) {
	.container {width:812px;padding:0px 100px;}
	.printable {}
	.popup {width:600px;}
	#userFeedback {width:50%;}
	.ifnarrow{display:none;}
	.ifwide{display:auto;}
	.mobileVue{display: none;}
	.switchNone{display: none;}
}
@media only screen and (max-width: 400px) {
	@-ms-viewport {width:320px;}
}
@media print {
	body {background-color:#fff;}
	.printable {background-color:#fff;-webkit-box-shadow:none;box-shadow:none;}
	.notPrintable {display:none;}
}
@media (min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx),(-webkit-min-device-pixel-ratio: 2),(min--moz-device-pixel-ratio: 2),(-o-min-device-pixel-ratio: 2/1) { /* TODO : utiliser un max pour �viter de charger aussi la x3 */
	/*body::after {content:url(../img/action_close_x2.png);} /* prechargement icone specifique */
    .new-contact {background-image:/*url(../img/action_wait_x2.png),*/url(../img/action_close_x2.png);background-size: 16px;}
	input[type=date].birthday {background-image:url(../img/form_cake_x2.png);background-size: 20px;}
	.mail {background-image:url(../img/form_mail_x2.png);background-size: 20px;}
	select {background-image:url(../img/form_dropdown_x2.png);background-size: 20px;}
	select.relation {background-image:url(../img/form_dropdown_x2.png),url(../img/form_relation_x2.png);background-size: 20px;}
}
@media (min-device-pixel-ratio: 3),(min-resolution: 288dpi),(min-resolution: 3dppx),(-webkit-min-device-pixel-ratio: 3),(min--moz-device-pixel-ratio: 3),(-o-min-device-pixel-ratio: 3/1) { 
	/*body::after {content:url(../img/action_close_x3.png);} /* prechargement icone specifique */
    .new-contact {background-image:/*url(../img/action_wait_x3.png),*/url(../img/action_close_x3.png);background-size: 16px;}
	input[type=date].birthday {background-image:url(../img/form_cake_x3.png);background-size: 20px;}
	.mail {background-image:url(../img/form_mail_x3.png);background-size: 20px;}
	select {background-image:url(../img/form_dropdown_x3.png);background-size: 20px;}
	select.relation {background-image:url(../img/form_dropdown_x3.png),url(../img/form_relation_x3.png);background-size: 20px;}
}
/* TODO : ajouter la media query x4 */


/* =================================================== Style Contenue Popup Assistant Babai =================================================== */

.header2 { position: absolute; top:0px; left:0px; width: 100%; height: 80px;}
.magicupsnow, .magicupsnow div, .magicupsnowNow, .magicupsnowNow div {position:absolute; top:0px; left:0px; width: 100%; height: 100%;}
	
.waves { position: relative;width: 100%; height: 100%; background-color: #8525d3;
  background-image: 
    url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='198'%3e%3cdefs%3e%3clinearGradient id='a' x1='50%25' x2='50%25' y1='-10.959%25' y2='100%25'%3e%3cstop stop-color='%23FAF5F0' stop-opacity='.25' offset='0%25'/%3e%3cstop stop-color='%23FAF5F0' offset='100%25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath fill='url(%23a)' fill-rule='evenodd' d='M.005 121C311 121 409.898-.25 811 0c400 0 500 121 789 121v77H0s.005-48 .005-77z'/%3e%3c/svg%3e"),
    url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='198'%3e%3cdefs%3e%3clinearGradient id='a' x1='50%25' x2='50%25' y1='-10.959%25' y2='100%25'%3e%3cstop stop-color='%23FAF5F0' stop-opacity='.25' offset='0%25'/%3e%3cstop stop-color='%23FAF5F0' offset='100%25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath fill='url(%23a)' fill-rule='evenodd' d='M.005 121C311 121 409.898-.25 811 0c400 0 500 121 789 121v77H0s.005-48 .005-77z'/%3e%3c/svg%3e"),
    url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='198'%3e%3cdefs%3e%3clinearGradient id='a' x1='50%25' x2='50%25' y1='-10.959%25' y2='100%25'%3e%3cstop stop-color='%23FAF5F0' stop-opacity='.25' offset='0%25'/%3e%3cstop stop-color='%23FAF5F0' offset='100%25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath fill='url(%23a)' fill-rule='evenodd' d='M.005 121C311 121 409.898-.25 811 0c400 0 500 121 789 121v77H0s.005-48 .005-77z'/%3e%3c/svg%3e"),
	url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='198'%3e%3cdefs%3e%3clinearGradient id='a' x1='50%25' x2='50%25' y1='-10.959%25' y2='100%25'%3e%3cstop stop-color='%23FAF5F0' stop-opacity='.25' offset='0%25'/%3e%3cstop stop-color='%23FAF5F0' offset='100%25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath fill='url(%23a)' fill-rule='evenodd' d='M.005 121C311 121 409.898-.25 811 0c400 0 500 121 789 121v77H0s.005-48 .005-77z'/%3e%3c/svg%3e"),
    url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='198'%3e%3cdefs%3e%3clinearGradient id='a' x1='50%25' x2='50%25' y1='-10.959%25' y2='100%25'%3e%3cstop stop-color='%23FAF5F0' stop-opacity='.25' offset='0%25'/%3e%3cstop stop-color='%23FAF5F0' offset='100%25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath fill='url(%23a)' fill-rule='evenodd' d='M.005 121C311 121 409.898-.25 811 0c400 0 500 121 789 121v77H0s.005-48 .005-77z'/%3e%3c/svg%3e");
  background-repeat: repeat-x;background-size: 1600px 50%;background-position: 0 130%, -50px 130%, 500px 130%, 1000px 130%, 1600px 130%, 4700px 130%;animation: 5s floating linear infinite forwards;
}

@keyframes floating {to {background-position: 1600px 130%, 3150px 130%, 5300px 130%, 4200px 130%, -1600px 130%, 100px 130%;}}


.header1 {position: absolute;width: 120%;height: 300px;bottom: 0px; background: #8525d3;overflow: hidden;mix-blend-mode: darken;}

.liquid {--main: #fff;--secondary: #000;mix-blend-mode: lighten; width: 100%; height: 120%; background: var(--main); position: absolute;top:-15px;filter: blur(0.5em) contrast(12);box-shadow: 0 0 0 1em var(--secondary);
  &::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-image:
		radial-gradient(circle at 0% 100%, var(--secondary) 10%, transparent 0),
		radial-gradient(circle at 10% 100%, var(--secondary) 10%, transparent 0),
		radial-gradient(circle at 20% 100%, var(--secondary) 10%, transparent 0),
		radial-gradient(circle at 30% 100%, var(--secondary) 11%, transparent 0),
		radial-gradient(circle at 40% 100%, var(--secondary) 9%, transparent 0),
		radial-gradient(circle at 50% 100%, var(--secondary) 11%, transparent 0),
		radial-gradient(circle at 60% 100%, var(--secondary) 12%, transparent 0),
		radial-gradient(circle at 70% 100%, var(--secondary) 11%, transparent 0),
		radial-gradient(circle at 80% 100%, var(--secondary) 9%, transparent 0),
		radial-gradient(circle at 90% 100%, var(--secondary) 10%, transparent 0),
		radial-gradient(circle at 100% 100%, var(--secondary) 10%, transparent 0);
	animation:
	/*	3s bubblingX ease-in infinite alternate,	*/
	/*	3s bubblingY ease-out infinite alternate,	*/
		10s bubblingS ease-in-out infinite alternate;
  }
  
}


.babai-popup {position:absolute;z-index:9999;width:clamp(280px, 80vw, 400px);height:40rem;display:flex;flex-direction:column;border-radius:12px;background:#fff;
box-shadow:0 4px 12px rgba(0,0,0,0.15);overflow:hidden;opacity:0;pointer-events:none;transform-origin:bottom right;transition:opacity .25s, transform .25s;}
.babai-popup.open {opacity:1;pointer-events:auto;transform:scale(1);}
.babai-popup.close {opacity:0;pointer-events:none;transform:scale(.5);}
.chat-header{width: 100%;height: 80px;}
.chat-body {flex:1;padding:16px;padding-right:8px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;}
.chat-body::-webkit-scrollbar {width:6px;}
.chat-body::-webkit-scrollbar-thumb {border-radius:3px;background:rgba(0,0,0,0.2);}
.msg {padding:10px 14px;border-radius:12px;max-width:75%;white-space:pre-wrap;line-height:1.4;margin:6px 0;position:relative;}
.msg.user {align-self:flex-end;background:#3C84FB;color:#fff;border-bottom-right-radius:2px;}
.msg.user::after {content:"";position:absolute;bottom:0;right:-6px;border:6px solid transparent;border-left-color:#4A90E2;}
.msg.bot {align-self:flex-start;background:#f0f0f0;color:#333;border-bottom-left-radius:2px;}
.msg.bot::after {content:"";position:absolute;bottom:0;left:-6px;border:6px solid transparent;border-right-color:#f0f0f0;}
.loading {display:flex;gap:4px;padding:10px;}
.loading span {width:7px;height:7px;border-radius:50%;background:#4A90E2;animation:bounce .6s infinite alternate;}
.loading span:nth-child(2) {animation-delay:.2s;}
@keyframes bounce {from {transform:translateY(0)} to {transform:translateY(-4px)}}
.chat-input {display:flex;align-items:flex-end;gap:8px;padding:12px;background:#f5f5f5;}
.chat-input textarea {flex:1;border:none;resize:none;font:inherit;background:#fff;border-radius:8px;padding:8px;overflow:hidden;}
.chat-input button.send {all:unset;cursor:pointer;padding:8px 12px;background:#3C84FB;color:#fff;border-radius:8px;}
.sr-only {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}

#monthly-navigation {display: flex;justify-content: center;align-items: center;margin-bottom: 18px;}
#monthTable {border-collapse: separate;border-spacing: 14px 0px;}
#monthTable td {padding: 10px 30px;border-radius: 25px;text-align: center;cursor: pointer;transition: all 0.3s ease;text-transform: capitalize;}
.prev-next-month {background-color: #eee;color: #aaa;}
.prev-next-month:hover {background-color: #ddd;transform: scale(1.05);}
.current-month {background-color: white;color: #3C84FB;font-weight: bold;}

@media (max-width: 475px) {
    #monthTable {border-spacing: 10px 0px}
    #monthTable td {padding: 10px 30px; font-size: 14px;}
}
@media (max-width: 375px) {
    #monthTable td {padding: 10px 20px;}
}


/* =================================================== Style Bouton D'ouverture Popup Assistant Babai =================================================== */

.buttonWrap {z-index: 1;position: relative;width: 60px;height: 50px;z-index: 1000;}
.particleButton {z-index: 1;color: #fff;padding: 0em;font-size: 16px;position: absolute;width: 90px;height: 90px;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(1, 1);background-color: unset;background: rgba(193, 130, 252, 1); pointer-events: all;cursor: pointer;border-radius: 50%;border-width: 0px;box-sizing: border-box;transition: box-shadow ease-out 0.3s, transform 0.1s ease-in;box-shadow: 0px 0px 0px 5px rgba(0,0,0,0),0px 0px 0px 9px rgba(0,0,0,0),inset 0px 0px 0px 0px rgba(0,0,0,0);}
.particleButton:hover:not(:active) {transition: 0.1s ease-in-out all;box-shadow: 0px 0px 20px 11px rgb(178 126 235 / 76%),0px 0px 0px 7px rgb(87 66 190 / 26%),inset 0px 0px 0px 0px rgba(0,0,0,0);
/*	transform: translate(-50%, -50%) scale(0.95, 0.95);	*/
	animation: glowingShadow ease 1s infinite alternate, glowingGradient 5s ease infinite;
}
@keyframes glowingShadow {
    0% {box-shadow: 0px 0px 20px 15px rgb(178 126 235 / 66%),
	0px 0px 0px 5px rgb(87 66 190 / 16%),
		inset 0px 0px 0px 0px rgba(0,0,0,0);}
    100% {box-shadow: 0px 0px 20px 11px rgb(178 126 235 / 56%),
	0px 0px 0px 7px rgb(87 66 190 / 26%),
		inset 0px 0px 0px 0px rgba(0,0,0,0);}
}
.particles {z-index: -1;background: none !important;pointer-events: none;cursor: pointer;box-shadow: none;}
.particles::after {position: absolute;content: "";left: -105px;top: -105px;min-width: 300px;min-height: 300px;pointer-events: none;transition: background-size ease-in-out 0.5s,background-position ease-in-out 0.5s;background-repeat: no-repeat;overflow: hidden;}

.particleButton:active {transition: box-shadow ease-out 0.1s, background-size ease-in-out 0.1s, background-position ease-in-out 0.1s;box-shadow: 0px 0px 20px 18px rgb(178 126 235 / 76%),0px 0px 0px 7px rgb(87 66 190 / 26%),inset 0px 0px 0px 0px rgba(0,0,0,0);transform: translate(-50%, -50%) scale(0.9, 0.9);}
.particleButton:not(:hover) ~ .particles::after {animation: none;background-size: 0;}

.theButton.animated::after { 
    animation: theButtonAnimation linear 7.95s forwards;
    background-image: 
        radial-gradient(circle, #AA58FF75 10%, transparent 50%),
        radial-gradient(circle, #AA58FF75 50%, transparent 50%),
        radial-gradient(circle, #FFFFFF75 10%, transparent 50%),
        radial-gradient(circle, #AA58FF75 30%, transparent 50%),
        radial-gradient(circle, #FFFFFF75 30%, transparent 50%),
        radial-gradient(circle, #FFFFFF75 10%, transparent 50%),
        radial-gradient(circle, #AA58FF75 30%, transparent 50%),
        radial-gradient(circle, #AA58FF75 50%, transparent 50%),
        radial-gradient(circle, #AA58FF75 30%, transparent 50%),
        radial-gradient(circle, #AA58FF75 30%, transparent 50%),
        radial-gradient(circle, #AA58FF75 10%, transparent 50%),
        radial-gradient(circle, #AA58FF75 30%, transparent 50%),
        radial-gradient(circle, #AA58FF75 30%, transparent 50%),
        radial-gradient(circle, #AA58FF75 30%, transparent 50%),
        radial-gradient(circle, #AA58FF75 30%, transparent 50%),
        radial-gradient(circle, #AA58FF75 50%, transparent 50%),
        radial-gradient(circle, #AA58FF75 50%, transparent 50%),
        radial-gradient(circle, #AA58FF75 10%, transparent 50%),
        radial-gradient(circle, #FFFFFF75 10%, transparent 50%),
        radial-gradient(circle, #FFFFFF75 10%, transparent 50%),
        radial-gradient(circle, #AA58FF75 30%, transparent 50%),
        radial-gradient(circle, #AA58FF75 30%, transparent 50%),
        radial-gradient(circle, #FFFFFF75 30%, transparent 50%),
        radial-gradient(circle, #FFFFFF75 30%, transparent 50%),
        radial-gradient(circle, #AA58FF75 10%, transparent 50%),
        radial-gradient(circle, #AA58FF75 30%, transparent 50%),
        radial-gradient(circle, #AA58FF75 10%, transparent 50%),
        radial-gradient(circle, #AA58FF75 30%, transparent 50%),
        radial-gradient(circle, #AA58FF75 50%, transparent 50%),
        radial-gradient(circle, #AA58FF75 10%, transparent 50%),
        radial-gradient(circle, #AA58FF75 30%, transparent 50%),
        radial-gradient(circle, #AA58FF75 10%, transparent 50%),
        radial-gradient(circle, #AA58FF75 30%, transparent 50%),
        radial-gradient(circle, #AA58FF75 50%, transparent 50%),
        radial-gradient(circle, #AA58FF75 30%, transparent 50%);
} 

@keyframes theButtonAnimation {
    0% {
        transform:    scale(1,1);
        background-size: 26px 26px,20px 20px,23px 23px,27px 27px,21px 21px,27px 27px,21px 21px,17px 17px,16px 16px,27px 27px,30px 30px,21px 21px,22px 22px,24px 24px,23px 23px,15px 15px,22px 22px,15px 15px,25px 25px,20px 20px,28px 28px,19px 19px,28px 28px,25px 25px,23px 23px,16px 16px,26px 26px,28px 28px,15px 15px,30px 30px,20px 20px,26px 26px,29px 29px,19px 19px,25px 25px;
        background-position: 518px 492px,507px 495px,506px 497px,507px 502px,506px 507px,503px 512px,496px 503px,497px 513px,493px 518px,482px 513px,482px 497px,480px 507px,473px 507px,468px 504px,470px 498px,476px 497px,466px 491px,474px 490px,462px 479px,465px 476px,469px 472px,482px 479px,476px 467px,482px 468px,487px 469px,494px 475px,491px 470px,493px 471px,506px 471px,504px 464px,514px 470px,512px 473px,508px 477px,519px 485px,520px 487px;
    }
    2% {
        transform:    scale(0.98,0.98);
        background-size: 25px 25px,18px 18px,23px 23px,25px 25px,21px 21px,25px 25px,21px 21px,17px 17px,15px 15px,26px 26px,28px 28px,20px 20px,22px 22px,22px 22px,22px 22px,14px 14px,21px 21px,15px 15px,23px 23px,19px 19px,26px 26px,18px 18px,28px 28px,24px 24px,22px 22px,16px 16px,24px 24px,28px 28px,15px 15px,29px 29px,18px 18px,25px 25px,28px 28px,18px 18px,25px 25px;
        background-position: 549px 494px,472px 488px,481px 472px,478px 513px,494px 470px,532px 506px,474px 474px,468px 497px,500px 480px,472px 478px,452px 482px,508px 479px,445px 487px,501px 515px,463px 464px,445px 489px,447px 513px,452px 510px,493px 494px,465px 449px,463px 507px,470px 456px,448px 469px,499px 448px,463px 457px,493px 513px,476px 454px,461px 485px,476px 472px,532px 475px,521px 508px,528px 506px,530px 459px,546px 477px,548px 476px;
    }
    4% {
        transform:    scale(0.96,0.96);
        background-size: 25px 25px,17px 17px,23px 23px,24px 24px,21px 21px,23px 23px,21px 21px,16px 16px,14px 14px,25px 25px,26px 26px,19px 19px,21px 21px,21px 21px,21px 21px,14px 14px,20px 20px,15px 15px,22px 22px,18px 18px,24px 24px,17px 17px,28px 28px,23px 23px,22px 22px,15px 15px,23px 23px,28px 28px,14px 14px,28px 28px,17px 17px,24px 24px,27px 27px,18px 18px,24px 24px;
        background-position: 567px 495px,453px 486px,466px 465px,462px 514px,487px 456px,549px 502px,462px 463px,452px 486px,503px 465px,468px 461px,436px 473px,523px 467px,430px 475px,521px 514px,461px 446px,428px 485px,437px 525px,441px 523px,512px 494px,465px 435px,461px 526px,464px 445px,433px 471px,509px 439px,450px 452px,492px 528px,468px 448px,444px 494px,458px 478px,548px 482px,524px 529px,537px 526px,542px 450px,562px 473px,564px 470px;
    }
    6% {
        transform:    scale(0.94,0.94);
        background-size: 24px 24px,15px 15px,22px 22px,22px 22px,21px 21px,21px 21px,20px 20px,15px 15px,14px 14px,24px 24px,25px 25px,19px 19px,21px 21px,19px 19px,21px 21px,13px 13px,20px 20px,14px 14px,20px 20px,17px 17px,22px 22px,16px 16px,28px 28px,22px 22px,21px 21px,15px 15px,21px 21px,27px 27px,14px 14px,28px 28px,15px 15px,24px 24px,25px 25px,17px 17px,23px 23px;
        background-position: 577px 495px,444px 486px,458px 464px,454px 513px,481px 453px,558px 499px,467px 475px,445px 482px,502px 501px,476px 466px,429px 467px,531px 461px,421px 468px,532px 511px,461px 436px,419px 482px,431px 533px,436px 530px,522px 492px,466px 427px,462px 537px,461px 440px,426px 471px,516px 435px,444px 449px,491px 533px,463px 447px,436px 500px,449px 482px,557px 486px,525px 539px,541px 537px,549px 445px,571px 471px,574px 466px;
    }
    8% {
        transform:    scale(0.92,0.92);
        background-size: 24px 24px,14px 14px,22px 22px,21px 21px,20px 20px,20px 20px,20px 20px,14px 14px,13px 13px,23px 23px,23px 23px,18px 18px,20px 20px,18px 18px,20px 20px,13px 13px,19px 19px,14px 14px,19px 19px,16px 16px,20px 20px,15px 15px,27px 27px,21px 21px,21px 21px,15px 15px,20px 20px,27px 27px,14px 14px,27px 27px,14px 14px,23px 23px,24px 24px,16px 16px,23px 23px;
        background-position: 583px 494px,441px 487px,454px 466px,451px 512px,478px 456px,563px 499px,454px 459px,441px 477px,506px 467px,468px 452px,425px 464px,535px 459px,416px 465px,537px 507px,462px 431px,413px 480px,428px 537px,435px 534px,527px 490px,466px 424px,463px 543px,460px 437px,423px 471px,520px 434px,441px 447px,488px 529px,460px 451px,430px 505px,445px 487px,565px 490px,526px 545px,544px 549px,556px 444px,579px 471px,582px 460px;
    }
    10% {
        transform:    scale(0.9,0.9);
        background-size: 23px 23px,13px 13px,21px 21px,20px 20px,20px 20px,18px 18px,20px 20px,13px 13px,12px 12px,22px 22px,22px 22px,17px 17px,20px 20px,17px 17px,20px 20px,13px 13px,18px 18px,14px 14px,18px 18px,15px 15px,18px 18px,15px 15px,27px 27px,20px 20px,21px 21px,15px 15px,19px 19px,27px 27px,13px 13px,26px 26px,13px 13px,22px 22px,23px 23px,16px 16px,22px 22px;
        background-position: 587px 493px,442px 489px,453px 469px,453px 511px,476px 462px,566px 499px,454px 462px,440px 477px,506px 475px,469px 453px,425px 461px,537px 459px,414px 463px,537px 503px,464px 428px,410px 478px,426px 538px,436px 536px,528px 488px,466px 423px,464px 547px,459px 436px,423px 471px,522px 434px,441px 447px,488px 529px,460px 451px,430px 505px,445px 487px,565px 490px,526px 545px,544px 549px,556px 444px,579px 471px,582px 460px;
    }
    12% {
        transform:    scale(0.88,0.88);
        background-size: 22px 22px,12px 12px,21px 21px,18px 18px,20px 20px,17px 17px,19px 19px,13px 13px,12px 12px,21px 21px,20px 20px,17px 17px,19px 19px,15px 15px,19px 19px,12px 12px,18px 18px,14px 14px,17px 17px,14px 14px,17px 17px,14px 14px,27px 27px,19px 19px,20px 20px,15px 15px,17px 17px,27px 27px,13px 13px,26px 26px,12px 12px,22px 22px,22px 22px,15px 15px,21px 21px;
        background-position: 589px 492px,446px 491px,454px 473px,457px 509px,476px 471px,567px 501px,457px 466px,441px 478px,506px 488px,471px 456px,427px 460px,537px 460px,412px 463px,535px 500px,467px 427px,409px 477px,425px 539px,438px 535px,528px 487px,466px 425px,465px 548px,459px 436px,425px 471px,524px 435px,443px 447px,487px 521px,461px 455px,431px 507px,446px 488px,566px 491px,526px 543px,544px 552px,558px 446px,581px 472px,584px 458px;
    }
    14% {
        transform:    scale(0.86,0.86);
        background-size: 22px 22px,11px 11px,20px 20px,17px 17px,20px 20px,16px 16px,19px 19px,12px 12px,11px 11px,21px 21px,19px 19px,16px 16px,19px 19px,14px 14px,18px 18px,12px 12px,17px 17px,13px 13px,16px 16px,13px 13px,15px 15px,13px 13px,27px 27px,18px 18px,20px 20px,15px 15px,16px 16px,26px 26px,13px 13px,25px 25px,11px 11px,21px 21px,21px 21px,15px 15px,21px 21px;
        background-position: 589px 490px,452px 492px,456px 477px,463px 507px,477px 485px,566px 503px,461px 470px,443px 479px,504px 500px,474px 460px,430px 459px,536px 461px,411px 463px,530px 497px,470px 428px,408px 476px,424px 538px,440px 534px,525px 486px,466px 428px,466px 549px,460px 437px,429px 471px,525px 437px,446px 447px,487px 510px,462px 460px,432px 508px,448px 488px,567px 490px,524px 540px,544px 554px,559px 448px,582px 475px,584px 457px;
    }
    16% {
        transform:    scale(0.84,0.84);
        background-size: 21px 21px,10px 10px,20px 20px,16px 16px,19px 19px,15px 15px,19px 19px,11px 11px,10px 10px,20px 20px,18px 18px,16px 16px,18px 18px,13px 13px,18px 18px,11px 11px,16px 16px,13px 13px,15px 15px,12px 12px,14px 14px,12px 12px,27px 27px,17px 17px,20px 20px,14px 14px,15px 15px,26px 26px,12px 12px,25px 25px,10px 10px,20px 20px,20px 20px,14px 14px,20px 20px;
        background-position: 589px 488px,458px 493px,460px 482px,469px 503px,479px 496px,564px 505px,467px 475px,445px 482px,502px 501px,476px 466px,433px 459px,535px 463px,411px 465px,525px 496px,473px 429px,407px 475px,424px 536px,442px 531px,522px 486px,467px 432px,467px 549px,460px 438px,433px 472px,526px 439px,450px 448px,489px 493px,465px 466px,434px 510px,451px 488px,567px 490px,521px 537px,543px 556px,559px 451px,582px 477px,583px 455px;
    }
    18% {
        transform:    scale(0.8200000000000001,0.8200000000000001);
        background-size: 21px 21px,9px 9px,20px 20px,15px 15px,19px 19px,14px 14px,18px 18px,11px 11px,10px 10px,19px 19px,17px 17px,15px 15px,18px 18px,12px 12px,17px 17px,11px 11px,16px 16px,13px 13px,14px 14px,12px 12px,13px 13px,12px 12px,27px 27px,17px 17px,19px 19px,14px 14px,14px 14px,26px 26px,12px 12px,24px 24px,9px 9px,20px 20px,19px 19px,13px 13px,20px 20px;
        background-position: 587px 486px,465px 492px,464px 487px,476px 497px,483px 500px,562px 506px,473px 481px,448px 485px,501px 493px,479px 475px,438px 460px,533px 465px,411px 467px,519px 496px,477px 432px,407px 473px,424px 536px,443px 529px,518px 487px,468px 436px,468px 549px,460px 440px,438px 474px,527px 442px,454px 450px,493px 481px,468px 474px,437px 511px,455px 488px,567px 490px,518px 533px,542px 557px,558px 454px,581px 480px,582px 454px;
    }
    20% {
        transform:    scale(0.8,0.8);
        background-size: 20px 20px,8px 8px,19px 19px,14px 14px,19px 19px,13px 13px,18px 18px,10px 10px,9px 9px,18px 18px,16px 16px,15px 15px,17px 17px,11px 11px,17px 17px,11px 11px,15px 15px,13px 13px,13px 13px,11px 11px,12px 12px,11px 11px,26px 26px,16px 16px,19px 19px,14px 14px,13px 13px,25px 25px,12px 12px,24px 24px,8px 8px,19px 19px,18px 18px,13px 13px,19px 19px;
        background-position: 585px 485px,471px 492px,469px 492px,483px 490px,488px 496px,558px 508px,480px 488px,452px 488px,498px 491px,482px 487px,443px 462px,530px 467px,411px 469px,514px 495px,480px 435px,408px 472px,425px 532px,444px 527px,513px 489px,471px 441px,469px 548px,461px 441px,443px 477px,527px 445px,459px 454px,496px 483px,472px 482px,440px 512px,459px 488px,567px 488px,514px 528px,540px 558px,556px 458px,579px 482px,580px 452px;
    }
    22% {
        transform:    scale(0.78,0.78);
        background-size: 20px 20px,7px 7px,19px 19px,13px 13px,18px 18px,12px 12px,18px 18px,10px 10px,9px 9px,18px 18px,15px 15px,14px 14px,17px 17px,11px 11px,16px 16px,10px 10px,15px 15px,12px 12px,12px 12px,10px 10px,11px 11px,10px 10px,26px 26px,15px 15px,19px 19px,14px 14px,12px 12px,25px 25px,11px 11px,23px 23px,7px 7px,19px 19px,17px 17px,12px 12px,19px 19px;
        background-position: 582px 484px,477px 492px,476px 495px,489px 487px,493px 487px,554px 509px,486px 493px,457px 491px,497px 499px,486px 496px,448px 464px,528px 470px,412px 471px,509px 495px,484px 439px,408px 471px,427px 529px,446px 526px,507px 492px,474px 445px,470px 547px,461px 443px,448px 480px,528px 448px,465px 458px,499px 493px,477px 492px,445px 512px,463px 488px,566px 486px,511px 523px,539px 559px,554px 462px,577px 485px,578px 451px;
    }
    24% {
        transform:    scale(0.76,0.76);
        background-size: 19px 19px,6px 6px,19px 19px,12px 12px,18px 18px,11px 11px,17px 17px,9px 9px,8px 8px,17px 17px,14px 14px,14px 14px,17px 17px,10px 10px,16px 16px,10px 10px,14px 14px,12px 12px,11px 11px,10px 10px,10px 10px,10px 10px,26px 26px,15px 15px,18px 18px,14px 14px,11px 11px,25px 25px,11px 11px,23px 23px,6px 6px,18px 18px,16px 16px,12px 12px,18px 18px;
        background-position: 579px 483px,482px 493px,482px 494px,494px 491px,497px 491px,549px 509px,492px 492px,462px 494px,498px 494px,490px 495px,454px 468px,526px 473px,413px 474px,505px 494px,487px 444px,409px 469px,429px 526px,448px 526px,501px 494px,478px 450px,470px 546px,461px 445px,453px 483px,528px 452px,470px 464px,499px 498px,483px 499px,449px 512px,467px 488px,565px 485px,508px 514px,537px 560px,550px 465px,574px 487px,575px 451px;
    }
    26% {
        transform:    scale(0.74,0.74);
        background-size: 19px 19px,6px 6px,18px 18px,11px 11px,18px 18px,10px 10px,17px 17px,9px 9px,8px 8px,16px 16px,13px 13px,14px 14px,16px 16px,9px 9px,15px 15px,10px 10px,14px 14px,12px 12px,10px 10px,9px 9px,9px 9px,9px 9px,26px 26px,14px 14px,18px 18px,14px 14px,11px 11px,25px 25px,11px 11px,22px 22px,6px 6px,18px 18px,16px 16px,11px 11px,18px 18px;
        background-position: 575px 483px,487px 496px,489px 491px,498px 500px,498px 491px,544px 508px,496px 485px,468px 497px,500px 500px,494px 487px,460px 472px,523px 478px,414px 476px,501px 494px,490px 451px,410px 468px,431px 523px,452px 525px,494px 494px,482px 454px,471px 544px,462px 447px,457px 485px,527px 456px,475px 472px,499px 494px,489px 501px,455px 512px,472px 488px,564px 483px,506px 501px,535px 560px,546px 468px,571px 489px,572px 451px;
    }
    28% {
        transform:    scale(0.72,0.72);
        background-size: 18px 18px,5px 5px,18px 18px,10px 10px,18px 18px,9px 9px,17px 17px,8px 8px,7px 7px,16px 16px,12px 12px,13px 13px,16px 16px,8px 8px,15px 15px,9px 9px,13px 13px,12px 12px,9px 9px,9px 9px,8px 8px,8px 8px,26px 26px,13px 13px,18px 18px,14px 14px,10px 10px,24px 24px,11px 11px,22px 22px,5px 5px,17px 17px,15px 15px,11px 11px,17px 17px;
        background-position: 572px 484px,491px 498px,496px 487px,499px 497px,497px 489px,537px 507px,497px 490px,474px 500px,502px 494px,496px 490px,465px 478px,520px 483px,416px 479px,497px 496px,493px 459px,412px 466px,435px 520px,457px 524px,491px 494px,486px 459px,472px 542px,462px 450px,461px 487px,526px 461px,480px 484px,496px 488px,496px 496px,461px 510px,476px 490px,563px 481px,504px 489px,533px 561px,541px 471px,567px 490px,568px 451px;
    }
    30% {
        transform:    scale(0.7,0.7);
        background-size: 18px 18px,4px 4px,18px 18px,10px 10px,17px 17px,8px 8px,16px 16px,8px 8px,7px 7px,15px 15px,12px 12px,13px 13px,15px 15px,8px 8px,14px 14px,9px 9px,13px 13px,11px 11px,9px 9px,8px 8px,7px 7px,8px 8px,25px 25px,13px 13px,18px 18px,13px 13px,9px 9px,24px 24px,10px 10px,21px 21px,4px 4px,17px 17px,14px 14px,10px 10px,17px 17px;
        background-position: 568px 485px,496px 499px,500px 492px,498px 488px,495px 490px,531px 505px,495px 496px,481px 500px,501px 494px,495px 496px,471px 484px,517px 489px,418px 482px,497px 492px,495px 470px,413px 465px,439px 518px,462px 521px,492px 495px,490px 466px,472px 540px,463px 452px,465px 487px,525px 466px,485px 496px,494px 495px,502px 486px,467px 507px,480px 492px,561px 480px,503px 489px,531px 561px,536px 473px,563px 492px,565px 452px;
    }
    32% {
        transform:    scale(0.6799999999999999,0.6799999999999999);
        background-size: 18px 18px,4px 4px,17px 17px,9px 9px,17px 17px,8px 8px,16px 16px,7px 7px,6px 6px,14px 14px,11px 11px,12px 12px,15px 15px,7px 7px,14px 14px,9px 9px,12px 12px,11px 11px,8px 8px,7px 7px,6px 6px,7px 7px,25px 25px,12px 12px,17px 17px,13px 13px,9px 9px,24px 24px,10px 10px,21px 21px,4px 4px,16px 16px,13px 13px,10px 10px,16px 16px;
        background-position: 564px 486px,501px 496px,501px 493px,496px 492px,492px 491px,524px 501px,492px 491px,487px 499px,500px 499px,494px 490px,476px 492px,514px 494px,421px 485px,498px 498px,496px 487px,415px 463px,443px 515px,468px 517px,493px 496px,492px 475px,473px 538px,464px 455px,469px 486px,524px 472px,490px 499px,493px 492px,506px 488px,473px 502px,485px 494px,559px 478px,502px 498px,529px 561px,529px 476px,558px 492px,561px 453px;
    }
    34% {
        transform:    scale(0.6599999999999999,0.6599999999999999);
        background-size: 17px 17px,3px 3px,17px 17px,8px 8px,17px 17px,7px 7px,16px 16px,7px 7px,6px 6px,14px 14px,10px 10px,12px 12px,15px 15px,6px 6px,13px 13px,9px 9px,12px 12px,11px 11px,7px 7px,7px 7px,6px 6px,7px 7px,25px 25px,12px 12px,17px 17px,13px 13px,8px 8px,24px 24px,10px 10px,20px 20px,3px 3px,16px 16px,13px 13px,9px 9px,16px 16px;
        background-position: 560px 488px,503px 504px,500px 491px,496px 504px,493px 487px,518px 497px,493px 491px,494px 496px,500px 493px,494px 494px,481px 498px,511px 496px,424px 487px,499px 492px,497px 508px,416px 461px,449px 512px,474px 512px,496px 496px,494px 488px,475px 535px,465px 458px,474px 485px,522px 479px,493px 493px,494px 494px,508px 496px,480px 493px,490px 494px,556px 476px,500px 500px,526px 561px,523px 478px,553px 492px,557px 455px;
    }
    36% {
        transform:    scale(0.64,0.64);
        background-size: 17px 17px,3px 3px,17px 17px,7px 7px,17px 17px,7px 7px,16px 16px,7px 7px,6px 6px,13px 13px,10px 10px,12px 12px,14px 14px,6px 6px,13px 13px,8px 8px,11px 11px,11px 11px,7px 7px,7px 7px,5px 5px,6px 6px,25px 25px,11px 11px,17px 17px,13px 13px,7px 7px,23px 23px,10px 10px,20px 20px,3px 3px,15px 15px,12px 12px,9px 9px,15px 15px;
        background-position: 557px 490px,504px 501px,498px 489px,496px 502px,494px 492px,512px 493px,495px 493px,502px 494px,500px 498px,495px 488px,485px 500px,507px 495px,427px 490px,499px 498px,497px 512px,418px 460px,455px 510px,479px 503px,499px 496px,496px 504px,476px 531px,466px 462px,480px 485px,520px 488px,495px 481px,496px 489px,507px 499px,486px 484px,495px 494px,554px 475px,499px 492px,524px 560px,517px 482px,547px 492px,553px 457px;
    }
    38% {
        transform:    scale(0.62,0.62);
        background-size: 16px 16px,2px 2px,16px 16px,7px 7px,16px 16px,6px 6px,15px 15px,6px 6px,5px 5px,13px 13px,9px 9px,11px 11px,14px 14px,5px 5px,12px 12px,8px 8px,11px 11px,11px 11px,6px 6px,6px 6px,5px 5px,6px 6px,25px 25px,10px 10px,16px 16px,13px 13px,7px 7px,23px 23px,9px 9px,20px 20px,3px 3px,15px 15px,12px 12px,8px 8px,15px 15px;
        background-position: 553px 493px,504px 493px,495px 492px,497px 493px,494px 485px,506px 492px,496px 487px,505px 499px,501px 493px,496px 493px,489px 498px,504px 493px,431px 492px,499px 493px,496px 506px,421px 459px,462px 508px,483px 493px,499px 502px,497px 504px,477px 526px,468px 466px,486px 486px,517px 496px,495px 484px,496px 494px,505px 497px,493px 485px,500px 495px,550px 473px,499px 495px,521px 560px,511px 488px,541px 492px,549px 460px;
    }
    40% {
        transform:    scale(0.6,0.6);
        background-size: 16px 16px,2px 2px,16px 16px,6px 6px,16px 16px,6px 6px,15px 15px,6px 6px,5px 5px,12px 12px,9px 9px,11px 11px,14px 14px,5px 5px,12px 12px,8px 8px,10px 10px,10px 10px,6px 6px,6px 6px,4px 4px,5px 5px,25px 25px,10px 10px,16px 16px,13px 13px,6px 6px,23px 23px,9px 9px,19px 19px,2px 2px,15px 15px,11px 11px,8px 8px,14px 14px;
        background-position: 549px 495px,504px 497px,492px 490px,499px 497px,494px 490px,501px 496px,497px 493px,505px 498px,501px 499px,494px 502px,493px 493px,500px 492px,435px 494px,499px 500px,496px 493px,423px 457px,469px 505px,487px 488px,498px 498px,498px 495px,479px 521px,470px 471px,493px 489px,514px 500px,494px 495px,495px 488px,503px 493px,497px 492px,500px 494px,547px 472px,499px 504px,518px 559px,505px 494px,534px 491px,545px 463px;
    }
    42% {
        transform:    scale(0.5800000000000001,0.5800000000000001);
        background-size: 16px 16px,1px 1px,16px 16px,6px 6px,16px 16px,5px 5px,15px 15px,6px 6px,5px 5px,12px 12px,8px 8px,11px 11px,13px 13px,4px 4px,12px 12px,8px 8px,10px 10px,10px 10px,5px 5px,5px 5px,4px 4px,5px 5px,24px 24px,9px 9px,16px 16px,13px 13px,6px 6px,23px 23px,9px 9px,19px 19px,2px 2px,14px 14px,10px 10px,7px 7px,14px 14px;
        background-position: 546px 497px,503px 504px,492px 494px,501px 491px,493px 501px,497px 502px,496px 492px,504px 495px,501px 495px,494px 497px,497px 493px,497px 495px,440px 496px,499px 496px,497px 484px,426px 456px,492px 493px,498px 496px,500px 507px,500px 501px,485px 495px,477px 489px,495px 489px,503px 494px,493px 491px,497px 487px,496px 497px,496px 486px,496px 489px,532px 471px,501px 495px,510px 554px,493px 493px,515px 492px,532px 476px;
    }
    44% {
        transform:    scale(0.56,0.56);
        background-size: 15px 15px,1px 1px,15px 15px,5px 5px,16px 16px,5px 5px,15px 15px,5px 5px,4px 4px,12px 12px,8px 8px,10px 10px,13px 13px,4px 4px,11px 11px,8px 8px,9px 9px,10px 10px,5px 5px,5px 5px,3px 3px,4px 4px,24px 24px,9px 9px,16px 16px,13px 13px,5px 5px,22px 22px,9px 9px,18px 18px,1px 1px,14px 14px,10px 10px,7px 7px,14px 14px;
        background-position: 542px 499px,502px 498px,494px 488px,502px 498px,492px 499px,496px 497px,494px 493px,502px 496px,501px 501px,495px 485px,500px 500px,496px 488px,446px 498px,501px 502px,497px 489px,429px 455px,484px 497px,494px 497px,500px 494px,500px 505px,483px 504px,474px 482px,496px 486px,507px 498px,493px 486px,497px 495px,496px 503px,497px 486px,496px 486px,538px 471px,500px 491px,513px 556px,494px 489px,521px 490px,537px 471px;
    }
    46% {
        transform:    scale(0.54,0.54);
        background-size: 15px 15px,1px 1px,15px 15px,5px 5px,16px 16px,4px 4px,15px 15px,5px 5px,4px 4px,11px 11px,7px 7px,10px 10px,13px 13px,3px 3px,11px 11px,7px 7px,9px 9px,10px 10px,4px 4px,5px 5px,3px 3px,4px 4px,24px 24px,8px 8px,15px 15px,12px 12px,5px 5px,22px 22px,9px 9px,18px 18px,1px 1px,14px 14px,9px 9px,6px 6px,13px 13px;
        background-position: 538px 500px,501px 503px,492px 494px,501px 497px,491px 488px,499px 494px,496px 487px,500px 498px,501px 495px,496px 487px,501px 494px,497px 492px,452px 499px,502px 497px,496px 502px,432px 454px,492px 493px,498px 496px,500px 507px,500px 501px,485px 495px,477px 489px,495px 489px,503px 494px,493px 491px,497px 487px,496px 497px,496px 486px,496px 489px,532px 471px,501px 495px,510px 554px,493px 493px,515px 492px,532px 476px;
    }
    48% {
        transform:    scale(0.52,0.52);
        background-size: 14px 14px,0px 0px,15px 15px,4px 4px,15px 15px,4px 4px,14px 14px,5px 5px,4px 4px,11px 11px,7px 7px,10px 10px,13px 13px,3px 3px,10px 10px,7px 7px,8px 8px,9px 9px,3px 3px,4px 4px,2px 2px,3px 3px,24px 24px,8px 8px,15px 15px,12px 12px,4px 4px,22px 22px,8px 8px,17px 17px,1px 1px,13px 13px,9px 9px,6px 6px,13px 13px;
        background-position: 534px 501px,501px 495px,495px 488px,500px 494px,492px 489px,502px 501px,497px 492px,499px 490px,501px 501px,496px 496px,499px 495px,499px 504px,460px 500px,502px 498px,495px 500px,435px 453px,499px 494px,499px 487px,501px 507px,500px 491px,489px 492px,480px 497px,493px 488px,499px 495px,495px 497px,498px 490px,498px 492px,494px 489px,496px 499px,527px 471px,501px 508px,507px 551px,496px 498px,509px 494px,527px 481px;
    }
    50% {
        transform:    scale(0.5,0.5);
        background-size: 14px 14px,0px 0px,14px 14px,4px 4px,15px 15px,3px 3px,14px 14px,5px 5px,3px 3px,10px 10px,7px 7px,10px 10px,12px 12px,3px 3px,10px 10px,7px 7px,8px 8px,10px 10px,3px 3px,4px 4px,2px 2px,3px 3px,24px 24px,8px 8px,15px 15px,12px 12px,4px 4px,22px 22px,8px 8px,17px 17px,1px 1px,13px 13px,9px 9px,6px 6px,12px 12px;
        background-position: 531px 501px,501px 499px,495px 493px,500px 501px,493px 496px,504px 496px,496px 493px,500px 494px,502px 496px,497px 492px,498px 504px,500px 501px,467px 500px,500px 494px,494px 491px,438px 453px,502px 500px,500px 492px,502px 498px,500px 495px,492px 494px,483px 502px,489px 486px,495px 501px,495px 491px,497px 500px,499px 496px,491px 487px,497px 495px,521px 473px,502px 507px,504px 548px,499px 493px,504px 497px,522px 487px;
    }
    52% {
        transform:    scale(0.48,0.48);
        background-size: 14px 14px,0px 0px,14px 14px,3px 3px,15px 15px,3px 3px,14px 14px,4px 4px,3px 3px,10px 10px,6px 6px,9px 9px,12px 12px,2px 2px,10px 10px,7px 7px,8px 8px,9px 9px,3px 3px,4px 4px,2px 2px,3px 3px,24px 24px,7px 7px,15px 15px,12px 12px,4px 4px,22px 22px,8px 8px,17px 17px,0px 0px,13px 13px,9px 9px,6px 6px,13px 13px;
        background-position: 527px 500px,503px 502px,495px 487px,502px 495px,493px 493px,504px 497px,494px 484px,501px 506px,502px 501px,497px 498px,497px 500px,501px 491px,475px 498px,501px 501px,494px 492px,442px 453px,503px 497px,500px 502px,500px 492px,500px 507px,495px 500px,487px 503px,489px 493px,495px 498px,494px 495px,498px 496px,502px 505px,491px 494px,500px 489px,514px 476px,502px 498px,501px 545px,501px 498px,499px 497px,517px 494px;
    }
    54% {
        transform:    scale(0.45999999999999996,0.45999999999999996);
        background-size: 13px 13px,0px 0px,14px 14px,3px 3px,15px 15px,3px 3px,14px 14px,4px 4px,3px 3px,10px 10px,6px 6px,9px 9px,12px 12px,2px 2px,9px 9px,7px 7px,8px 8px,9px 9px,2px 2px,4px 4px,1px 1px,2px 2px,23px 23px,7px 7px,14px 14px,12px 12px,4px 4px,21px 21px,8px 8px,17px 17px,0px 0px,12px 12px,8px 8px,5px 5px,12px 12px;
        background-position: 524px 498px,503px 495px,495px 492px,502px 500px,495px 486px,503px 500px,493px 487px,503px 504px,502px 495px,497px 491px,499px 487px,501px 491px,483px 496px,502px 495px,496px 499px,446px 452px,501px 493px,500px 499px,500px 499px,501px 506px,498px 501px,490px 501px,489px 489px,497px 492px,494px 488px,498px 485px,502px 500px,492px 489px,501px 494px,508px 483px,503px 502px,498px 540px,501px 494px,499px 493px,512px 498px;
    }
    56% {
        transform:    scale(0.43999999999999995,0.43999999999999995);
        background-size: 13px 13px,0px 0px,14px 14px,2px 2px,14px 14px,2px 2px,14px 14px,4px 4px,3px 3px,9px 9px,6px 6px,9px 9px,12px 12px,2px 2px,9px 9px,6px 6px,7px 7px,9px 9px,2px 2px,3px 3px,1px 1px,2px 2px,23px 23px,6px 6px,14px 14px,12px 12px,3px 3px,21px 21px,8px 8px,16px 16px,0px 0px,12px 12px,7px 7px,4px 4px,11px 11px;
        background-position: 520px 496px,502px 500px,496px 497px,502px 495px,496px 493px,501px 495px,493px 497px,504px 493px,502px 501px,497px 496px,500px 489px,500px 498px,491px 492px,503px 500px,497px 494px,450px 453px,498px 498px,500px 488px,502px 496px,502px 497px,501px 496px,494px 497px,490px 481px,500px 498px,494px 492px,498px 488px,501px 489px,491px 486px,499px 500px,502px 491px,504px 496px,496px 535px,500px 496px,500px 500px,507px 499px;
    }
    58% {
        transform:    scale(0.42000000000000004,0.42000000000000004);
        background-size: 13px 13px,0px 0px,13px 13px,2px 2px,14px 14px,2px 2px,13px 13px,4px 4px,2px 2px,9px 9px,5px 5px,9px 9px,11px 11px,1px 1px,9px 9px,6px 6px,7px 7px,9px 9px,2px 2px,3px 3px,1px 1px,2px 2px,23px 23px,6px 6px,14px 14px,12px 12px,3px 3px,21px 21px,8px 8px,16px 16px,0px 0px,12px 12px,7px 7px,4px 4px,11px 11px;
        background-position: 517px 493px,502px 501px,496px 490px,501px 500px,494px 493px,501px 502px,493px 494px,503px 494px,502px 496px,498px 489px,502px 498px,499px 495px,499px 492px,502px 496px,498px 496px,454px 453px,497px 493px,499px 491px,503px 503px,502px 495px,503px 503px,497px 497px,490px 486px,501px 494px,497px 498px,499px 499px,499px 492px,491px 492px,498px 494px,495px 495px,504px 501px,493px 529px,498px 496px,502px 494px,503px 496px;
    }
    60% {
        transform:    scale(0.4,0.4);
        background-size: 12px 12px,0px 0px,13px 13px,2px 2px,14px 14px,2px 2px,13px 13px,4px 4px,2px 2px,9px 9px,5px 5px,9px 9px,11px 11px,1px 1px,8px 8px,6px 6px,7px 7px,9px 9px,1px 1px,3px 3px,1px 1px,1px 1px,23px 23px,6px 6px,14px 14px,12px 12px,3px 3px,21px 21px,8px 8px,16px 16px,0px 0px,11px 11px,7px 7px,4px 4px,11px 11px;
        background-position: 513px 491px,502px 493px,495px 496px,501px 492px,495px 489px,502px 498px,494px 487px,503px 501px,502px 502px,498px 493px,501px 497px,497px 494px,503px 497px,501px 502px,498px 488px,458px 454px,497px 499px,499px 500px,504px 499px,501px 503px,502px 497px,501px 500px,490px 499px,501px 500px,498px 492px,499px 498px,498px 502px,492px 486px,498px 498px,490px 488px,504px 497px,491px 520px,499px 490px,503px 498px,499px 492px;
    }
    62% {
        transform:    scale(0.38,0.38);
        background-size: 12px 12px,0px 0px,13px 13px,1px 1px,14px 14px,2px 2px,13px 13px,4px 4px,2px 2px,8px 8px,5px 5px,8px 8px,11px 11px,1px 1px,8px 8px,6px 6px,6px 6px,9px 9px,1px 1px,3px 3px,0px 0px,1px 1px,23px 23px,5px 5px,14px 14px,12px 12px,2px 2px,20px 20px,7px 7px,15px 15px,0px 0px,11px 11px,6px 6px,3px 3px,10px 10px;
        background-position: 509px 490px,502px 499px,494px 490px,500px 497px,496px 498px,502px 504px,495px 492px,501px 496px,502px 497px,498px 504px,500px 493px,498px 500px,504px 495px,500px 496px,497px 492px,463px 456px,498px 495px,498px 495px,503px 495px,502px 499px,501px 504px,503px 494px,490px 497px,500px 495px,497px 489px,498px 489px,498px 501px,493px 491px,498px 491px,488px 489px,503px 502px,490px 506px,501px 496px,502px 497px,496px 496px;
    }
    64% {
        transform:    scale(0.36,0.36);
        background-size: 12px 12px,0px 0px,12px 12px,1px 1px,14px 14px,1px 1px,13px 13px,3px 3px,2px 2px,8px 8px,5px 5px,8px 8px,11px 11px,1px 1px,8px 8px,6px 6px,6px 6px,9px 9px,1px 1px,2px 2px,0px 0px,1px 1px,23px 23px,5px 5px,13px 13px,11px 11px,2px 2px,20px 20px,7px 7px,15px 15px,0px 0px,11px 11px,6px 6px,3px 3px,10px 10px;
        background-position: 505px 491px,503px 510px,494px 494px,501px 507px,497px 495px,502px 500px,497px 500px,500px 501px,502px 503px,498px 501px,500px 500px,500px 494px,503px 492px,500px 500px,497px 502px,468px 458px,500px 501px,497px 482px,503px 502px,502px 489px,500px 499px,503px 499px,489px 486px,499px 503px,496px 495px,497px 494px,499px 494px,493px 485px,499px 495px,488px 492px,503px 495px,489px 490px,500px 499px,500px 498px,496px 491px;
    }
    66% {
        transform:    scale(0.33999999999999997,0.33999999999999997);
        background-size: 11px 11px,0px 0px,12px 12px,1px 1px,13px 13px,1px 1px,13px 13px,3px 3px,2px 2px,8px 8px,5px 5px,8px 8px,11px 11px,0px 0px,7px 7px,6px 6px,6px 6px,8px 8px,0px 0px,2px 2px,0px 0px,0px 0px,23px 23px,5px 5px,13px 13px,11px 11px,2px 2px,20px 20px,7px 7px,15px 15px,0px 0px,11px 11px,6px 6px,3px 3px,10px 10px;
        background-position: 501px 493px,504px 509px,495px 492px,501px 503px,497px 485px,502px 489px,497px 495px,500px 493px,502px 498px,498px 488px,501px 495px,500px 495px,501px 493px,502px 497px,497px 499px,473px 460px,500px 495px,496px 483px,503px 497px,502px 493px,500px 497px,500px 499px,489px 485px,499px 499px,496px 489px,494px 493px,500px 499px,492px 489px,498px 506px,490px 493px,503px 500px,490px 484px,500px 492px,502px 492px,498px 497px;
    }
    68% {
        transform:    scale(0.31999999999999995,0.31999999999999995);
        background-size: 11px 11px,0px 0px,12px 12px,0px 0px,13px 13px,1px 1px,13px 13px,3px 3px,1px 1px,8px 8px,4px 4px,8px 8px,10px 10px,0px 0px,7px 7px,6px 6px,5px 5px,8px 8px,0px 0px,2px 2px,0px 0px,0px 0px,22px 22px,4px 4px,13px 13px,11px 11px,2px 2px,20px 20px,7px 7px,15px 15px,0px 0px,10px 10px,5px 5px,2px 2px,9px 9px;
        background-position: 497px 494px,504px 499px,497px 497px,501px 491px,497px 490px,502px 492px,496px 485px,501px 498px,501px 502px,498px 489px,501px 501px,498px 496px,498px 495px,502px 505px,498px 488px,479px 464px,498px 500px,495px 493px,503px 502px,503px 504px,502px 503px,500px 500px,490px 492px,500px 489px,496px 494px,495px 497px,502px 500px,491px 500px,498px 502px,492px 491px,502px 493px,491px 488px,500px 499px,503px 498px,499px 491px;
    }
    70% {
        transform:    scale(0.30000000000000004,0.30000000000000004);
        background-size: 11px 11px,0px 0px,12px 12px,0px 0px,13px 13px,1px 1px,12px 12px,3px 3px,1px 1px,7px 7px,4px 4px,8px 8px,10px 10px,0px 0px,7px 7px,5px 5px,5px 5px,8px 8px,0px 0px,2px 2px,0px 0px,0px 0px,22px 22px,4px 4px,13px 13px,11px 11px,2px 2px,20px 20px,7px 7px,15px 15px,0px 0px,10px 10px,5px 5px,2px 2px,9px 9px;
        background-position: 495px 485px,502px 495px,497px 491px,500px 493px,497px 502px,502px 505px,495px 489px,500px 503px,502px 495px,498px 499px,502px 496px,498px 487px,496px 490px,501px 500px,498px 489px,484px 470px,497px 494px,495px 504px,504px 496px,503px 500px,502px 498px,501px 499px,491px 486px,500px 494px,497px 488px,496px 492px,502px 492px,491px 496px,499px 489px,495px 492px,501px 497px,493px 497px,500px 494px,503px 503px,500px 496px;
    }
    72% {
        transform:    scale(0.28,0.28);
        background-size: 10px 10px,0px 0px,12px 12px,0px 0px,13px 13px,1px 1px,12px 12px,3px 3px,1px 1px,7px 7px,4px 4px,8px 8px,10px 10px,0px 0px,7px 7px,5px 5px,5px 5px,8px 8px,0px 0px,2px 2px,0px 0px,0px 0px,22px 22px,4px 4px,13px 13px,11px 11px,1px 1px,19px 19px,7px 7px,14px 14px,0px 0px,10px 10px,5px 5px,2px 2px,9px 9px;
        background-position: 494px 488px,502px 502px,496px 498px,500px 503px,498px 500px,501px 504px,495px 501px,500px 496px,502px 502px,498px 494px,501px 499px,499px 490px,496px 495px,502px 491px,499px 499px,490px 478px,497px 498px,495px 502px,504px 501px,502px 490px,502px 503px,504px 503px,491px 491px,501px 507px,497px 494px,497px 492px,501px 509px,492px 484px,500px 499px,497px 494px,501px 503px,497px 490px,500px 497px,502px 502px,498px 496px;
    }
    74% {
        transform:    scale(0.26,0.26);
        background-size: 10px 10px,0px 0px,11px 11px,0px 0px,13px 13px,0px 0px,12px 12px,3px 3px,1px 1px,7px 7px,4px 4px,8px 8px,10px 10px,0px 0px,6px 6px,5px 5px,4px 4px,8px 8px,0px 0px,2px 2px,0px 0px,0px 0px,22px 22px,3px 3px,13px 13px,11px 11px,1px 1px,19px 19px,7px 7px,14px 14px,0px 0px,10px 10px,5px 5px,1px 1px,9px 9px;
        background-position: 495px 497px,503px 497px,495px 493px,500px 502px,498px 489px,501px 495px,496px 500px,501px 499px,503px 497px,499px 500px,500px 493px,500px 502px,499px 494px,502px 495px,499px 494px,495px 492px,499px 497px,496px 493px,503px 496px,501px 493px,501px 497px,503px 497px,492px 484px,501px 506px,497px 492px,497px 492px,501px 509px,492px 484px,500px 499px,497px 494px,501px 503px,497px 490px,500px 497px,502px 502px,498px 496px;
    }
    76% {
        transform:    scale(0.24,0.24);
        background-size: 10px 10px,0px 0px,11px 11px,0px 0px,12px 12px,0px 0px,12px 12px,3px 3px,1px 1px,7px 7px,4px 4px,7px 7px,10px 10px,0px 0px,6px 6px,5px 5px,4px 4px,8px 8px,0px 0px,1px 1px,0px 0px,0px 0px,22px 22px,3px 3px,12px 12px,11px 11px,1px 1px,19px 19px,6px 6px,14px 14px,0px 0px,9px 9px,4px 4px,1px 1px,8px 8px;
        background-position: 496px 495px,504px 503px,496px 494px,501px 495px,498px 491px,501px 500px,497px 491px,502px 491px,503px 503px,499px 493px,500px 499px,501px 499px,499px 495px,502px 508px,500px 500px,501px 506px,501px 498px,497px 495px,503px 501px,501px 503px,501px 502px,502px 503px,492px 488px,500px 497px,496px 498px,496px 498px,501px 508px,492px 493px,500px 494px,494px 492px,501px 492px,498px 494px,499px 487px,502px 496px,498px 488px;
    }
    78% {
        transform:    scale(0.21999999999999997,0.21999999999999997);
        background-size: 10px 10px,0px 0px,11px 11px,0px 0px,12px 12px,0px 0px,12px 12px,2px 2px,0px 0px,6px 6px,4px 4px,7px 7px,10px 10px,0px 0px,6px 6px,5px 5px,4px 4px,8px 8px,0px 0px,1px 1px,0px 0px,0px 0px,22px 22px,3px 3px,12px 12px,11px 11px,1px 1px,19px 19px,6px 6px,13px 13px,0px 0px,9px 9px,4px 4px,1px 1px,8px 8px;
        background-position: 499px 489px,504px 498px,499px 496px,502px 500px,498px 498px,503px 498px,498px 494px,502px 495px,502px 498px,499px 497px,501px 495px,501px 490px,497px 491px,502px 507px,500px 493px,505px 506px,500px 493px,500px 501px,503px 495px,501px 498px,501px 496px,500px 498px,491px 495px,502px 497px,497px 493px,495px 493px,500px 499px,493px 489px,499px 500px,494px 496px,500px 495px,496px 500px,499px 491px,503px 503px,499px 492px;
    }
    80% {
        transform:    scale(0.19999999999999996,0.19999999999999996);
        background-size: 9px 9px,0px 0px,11px 11px,0px 0px,12px 12px,0px 0px,12px 12px,2px 2px,0px 0px,6px 6px,4px 4px,7px 7px,9px 9px,0px 0px,6px 6px,5px 5px,4px 4px,8px 8px,0px 0px,1px 1px,0px 0px,0px 0px,22px 22px,3px 3px,12px 12px,11px 11px,1px 1px,19px 19px,6px 6px,13px 13px,0px 0px,9px 9px,4px 4px,0px 0px,8px 8px;
        background-position: 500px 494px,504px 500px,499px 492px,503px 499px,497px 492px,502px 507px,497px 493px,501px 506px,501px 504px,499px 490px,501px 502px,501px 492px,497px 498px,502px 498px,500px 498px,507px 497px,498px 499px,501px 497px,503px 499px,502px 497px,501px 502px,501px 501px,491px 490px,501px 502px,496px 492px,496px 494px,502px 494px,493px 494px,499px 493px,493px 491px,500px 505px,494px 495px,499px 503px,503px 498px,500px 503px;
    }
    82% {
        transform:    scale(0.18000000000000005,0.18000000000000005);
        background-size: 9px 9px,0px 0px,10px 10px,0px 0px,12px 12px,0px 0px,12px 12px,2px 2px,0px 0px,6px 6px,3px 3px,7px 7px,9px 9px,0px 0px,5px 5px,5px 5px,4px 4px,8px 8px,0px 0px,1px 1px,0px 0px,0px 0px,21px 21px,2px 2px,12px 12px,11px 11px,1px 1px,18px 18px,6px 6px,13px 13px,0px 0px,9px 9px,4px 4px,0px 0px,8px 8px;
        background-position: 497px 500px,502px 496px,497px 498px,502px 505px,496px 495px,501px 503px,496px 499px,501px 502px,501px 499px,499px 494px,501px 498px,501px 501px,498px 492px,503px 503px,500px 491px,507px 492px,498px 496px,500px 491px,502px 507px,502px 504px,502px 496px,502px 497px,493px 477px,500px 496px,497px 500px,498px 491px,503px 502px,493px 487px,499px 497px,494px 493px,500px 503px,495px 491px,499px 502px,502px 503px,501px 501px;
    }
    84% {
        transform:    scale(0.16000000000000003,0.16000000000000003);
        background-size: 9px 9px,0px 0px,10px 10px,0px 0px,12px 12px,0px 0px,11px 11px,2px 2px,0px 0px,6px 6px,3px 3px,7px 7px,9px 9px,0px 0px,5px 5px,5px 5px,4px 4px,7px 7px,0px 0px,1px 1px,0px 0px,0px 0px,21px 21px,2px 2px,12px 12px,10px 10px,1px 1px,18px 18px,6px 6px,13px 13px,0px 0px,9px 9px,4px 4px,0px 0px,7px 7px;
        background-position: 495px 494px,502px 501px,496px 493px,502px 500px,496px 486px,500px 493px,497px 494px,501px 489px,504px 502px,499px 505px,500px 487px,501px 497px,499px 497px,504px 497px,500px 495px,506px 494px,499px 499px,500px 498px,501px 501px,501px 498px,502px 502px,502px 505px,495px 479px,500px 501px,498px 496px,498px 498px,503px 499px,492px 492px,499px 490px,496px 492px,501px 495px,497px 496px,499px 494px,502px 498px,501px 490px;
    }
    86% {
        transform:    scale(0.14,0.14);
        background-size: 9px 9px,0px 0px,10px 10px,0px 0px,11px 11px,0px 0px,11px 11px,2px 2px,0px 0px,6px 6px,3px 3px,7px 7px,9px 9px,0px 0px,5px 5px,5px 5px,3px 3px,7px 7px,0px 0px,1px 1px,0px 0px,0px 0px,21px 21px,2px 2px,12px 12px,10px 10px,0px 0px,18px 18px,6px 6px,12px 12px,0px 0px,8px 8px,3px 3px,0px 0px,7px 7px;
        background-position: 496px 493px,503px 495px,497px 498px,503px 491px,497px 490px,500px 495px,500px 485px,500px 490px,504px 497px,499px 505px,500px 487px,501px 497px,499px 497px,504px 497px,500px 495px,506px 494px,499px 499px,500px 498px,501px 501px,501px 498px,502px 502px,502px 505px,495px 479px,500px 501px,498px 496px,498px 498px,503px 499px,492px 492px,499px 490px,496px 492px,501px 495px,497px 496px,499px 494px,502px 498px,501px 490px;
    }
    88% {
        transform:    scale(0.12,0.12);
        background-size: 8px 8px,0px 0px,10px 10px,0px 0px,11px 11px,0px 0px,11px 11px,2px 2px,0px 0px,6px 6px,3px 3px,7px 7px,9px 9px,0px 0px,5px 5px,5px 5px,3px 3px,7px 7px,0px 0px,1px 1px,0px 0px,0px 0px,21px 21px,2px 2px,11px 11px,10px 10px,0px 0px,18px 18px,6px 6px,12px 12px,0px 0px,8px 8px,3px 3px,0px 0px,7px 7px;
        background-position: 497px 498px,503px 500px,498px 493px,504px 496px,498px 501px,500px 505px,501px 488px,500px 499px,503px 502px,499px 488px,499px 504px,500px 493px,498px 495px,504px 497px,501px 503px,502px 498px,501px 499px,499px 500px,504px 492px,503px 502px,501px 502px,503px 490px,495px 494px,501px 503px,498px 490px,496px 496px,501px 504px,492px 490px,500px 506px,495px 496px,505px 502px,499px 499px,501px 501px,503px 500px,501px 500px;
    }
    90% {
        transform:    scale(0.09999999999999998,0.09999999999999998);
        background-size: 8px 8px,0px 0px,10px 10px,0px 0px,11px 11px,0px 0px,11px 11px,2px 2px,0px 0px,5px 5px,3px 3px,7px 7px,9px 9px,0px 0px,4px 4px,4px 4px,3px 3px,7px 7px,0px 0px,1px 1px,0px 0px,0px 0px,21px 21px,1px 1px,11px 11px,10px 10px,0px 0px,18px 18px,6px 6px,12px 12px,0px 0px,8px 8px,3px 3px,0px 0px,7px 7px;
        background-position: 498px 492px,502px 495px,498px 499px,504px 509px,498px 497px,500px 502px,501px 496px,502px 498px,502px 497px,499px 489px,499px 503px,500px 505px,496px 502px,503px 503px,502px 491px,500px 493px,500px 493px,500px 494px,504px 502px,502px 496px,501px 496px,502px 494px,494px 490px,501px 498px,497px 502px,497px 489px,502px 500px,494px 493px,500px 502px,495px 485px,505px 497px,498px 493px,501px 494px,502px 490px;
    }
    92% {
        transform:    scale(0.07999999999999996,0.07999999999999996);
        background-size: 8px 8px,0px 0px,9px 9px,0px 0px,11px 11px,0px 0px,11px 11px,2px 2px,0px 0px,5px 5px,3px 3px,6px 6px,9px 9px,0px 0px,4px 4px,4px 4px,3px 3px,7px 7px,0px 0px,0px 0px,0px 0px,0px 0px,21px 21px,1px 1px,11px 11px,10px 10px,0px 0px,18px 18px,6px 6px,12px 12px,0px 0px,8px 8px,3px 3px,0px 0px,6px 6px;
        background-position: 498px 498px,501px 500px,498px 495px,504px 508px,497px 485px,501px 493px,500px 496px,501px 504px,502px 504px,499px 498px,499px 494px,501px 502px,496px 496px,503px 496px,502px 493px,499px 499px,499px 498px,500px 497px,502px 498px,501px 501px,501px 502px,501px 506px,492px 485px,503px 499px,497px 501px,497px 494px,503px 488px,494px 485px,501px 490px,494px 488px,504px 502px,497px 498px,500px 499px,501px 495px,498px 496px;
    }
    94% {
        transform:    scale(0.06000000000000005,0.06000000000000005);
        background-size: 8px 8px,0px 0px,9px 9px,0px 0px,11px 11px,0px 0px,11px 11px,2px 2px,0px 0px,5px 5px,3px 3px,6px 6px,8px 8px,0px 0px,4px 4px,4px 4px,3px 3px,7px 7px,0px 0px,0px 0px,0px 0px,0px 0px,20px 20px,1px 1px,11px 11px,10px 10px,0px 0px,17px 17px,6px 6px,12px 12px,0px 0px,8px 8px,3px 3px,0px 0px,6px 6px;
        background-position: 497px 492px,502px 495px,498px 494px,503px 506px,497px 493px,501px 503px,496px 497px,503px 494px,504px 507px,500px 497px,500px 501px,501px 497px,499px 498px,502px 493px,501px 497px,501px 495px,502px 508px,499px 502px,504px 507px,502px 504px,501px 502px,503px 503px,493px 491px,501px 497px,497px 498px,499px 488px,504px 495px,492px 484px,499px 498px,495px 494px,503px 499px,498px 497px,500px 500px,502px 501px,501px 502px;
    }
    96% {
        transform:    scale(0.040000000000000036,0.040000000000000036);
        background-size: 7px 7px,0px 0px,9px 9px,0px 0px,11px 11px,0px 0px,11px 11px,2px 2px,0px 0px,5px 5px,3px 3px,6px 6px,8px 8px,0px 0px,4px 4px,4px 4px,2px 2px,7px 7px,0px 0px,0px 0px,0px 0px,0px 0px,20px 20px,1px 1px,11px 11px,10px 10px,0px 0px,17px 17px,6px 6px,11px 11px,0px 0px,8px 8px,3px 3px,0px 0px,6px 6px;
        background-position: 497px 494px,502px 497px,498px 494px,503px 506px,497px 493px,501px 503px,496px 497px,503px 494px,504px 507px,500px 497px,500px 501px,501px 497px,499px 498px,502px 493px,501px 497px,501px 495px,502px 508px,499px 502px,504px 507px,502px 504px,501px 502px,503px 503px,493px 491px,501px 497px,497px 498px,499px 488px,504px 495px,492px 484px,499px 498px,495px 494px,503px 499px,498px 497px,500px 500px,502px 501px,501px 502px;
    }
    98% {
        transform:    scale(0.020000000000000018,0.020000000000000018);
        background-size: 7px 7px,0px 0px,9px 9px,0px 0px,10px 10px,0px 0px,11px 11px,2px 2px,0px 0px,5px 5px,3px 3px,6px 6px,8px 8px,0px 0px,4px 4px,4px 4px,2px 2px,7px 7px,0px 0px,0px 0px,0px 0px,0px 0px,20px 20px,1px 1px,11px 11px,10px 10px,0px 0px,17px 17px,5px 5px,11px 11px,0px 0px,7px 7px,2px 2px,0px 0px,6px 6px;
        background-position: 497px 494px,502px 497px,498px 494px,503px 506px,497px 493px,501px 503px,496px 497px,503px 494px,504px 507px,500px 497px,500px 501px,501px 497px,499px 498px,502px 493px,501px 497px,501px 495px,502px 508px,499px 502px,504px 507px,502px 504px,501px 502px,503px 503px,493px 491px,501px 497px,497px 498px,499px 488px,504px 495px,492px 484px,499px 498px,495px 494px,503px 499px,498px 497px,500px 500px,502px 501px,501px 502px;
    }
    100% {
        transform:    scale(0,0);
        background-size: 7px 7px,0px 0px,9px 9px,0px 0px,10px 10px,0px 0px,11px 11px,2px 2px,0px 0px,5px 5px,3px 3px,6px 6px,8px 8px,0px 0px,3px 3px,4px 4px,2px 2px,7px 7px,0px 0px,0px 0px,0px 0px,0px 0px,20px 20px,0px 0px,11px 11px,10px 10px,0px 0px,17px 17px,5px 5px,11px 11px,0px 0px,7px 7px,2px 2px,0px 0px,6px 6px;
        background-position: 498px 499px,501px 509px,499px 501px,503px 502px,497px 500px,501px 491px,497px 490px,503px 499px,504px 507px,500px 497px,500px 501px,501px 497px,499px 498px,502px 493px,501px 497px,501px 495px,502px 508px,499px 502px,504px 507px,502px 504px,501px 502px,503px 503px,493px 491px,501px 497px,497px 498px,499px 488px,504px 495px,492px 484px,499px 498px,495px 494px,503px 499px,498px 497px,500px 500px,502px 501px,501px 502px;
    }} 
.theButton.particles::after {left: -453px;top: -475px;min-width: 1006px;min-height: 1000px;}
.theButton {transition: 0.2s ease-in-out all;border-top:1px solid #ffffff66;outline: 1px solid #ffffff00;width: 60px;height: 50px;background: radial-gradient(80% 80% at 50% 100%, rgba(113, 27, 191, 1) 0%, rgba(133, 37, 211, 1) 100%);color: rgba(255, 255, 255, 1);border-radius: 50px;box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0), 0px 0px 0px 9px rgba(0,0,0,0), inset 0px 0px 0px 0px rgba(0, 0, 0, 0);}
.theButton:hover {width: 120px;border-top:2px solid #ffffffaa;outline: 1px solid #ffffff33;background: radial-gradient(80% 80% at 50% 100%, rgba(193, 130, 252, 1)  0%, rgba(118, 58, 254, 1) 100%);}

@keyframes glowingGradient {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}


.framer-body-augiA20Il{background:hsl(0,0%,0%)}.framer-sSaky .framer-lux5qc{display:block}.framer-sSaky .framer-72rtr7{background-color:#000;height:600px;overflow:hidden;position:relative;width:800px}.framer-sSaky .framer-1oa7mwg-container{flex:none;inset:0;position:absolute}.framer-sSaky .framer-at50h1{--framer-custom-cursors: pointer;--framer-paragraph-spacing: 0px;flex:none;height:auto;opacity:.4;overflow:visible;position:absolute;right:30px;top:30px;white-space:pre;width:auto;z-index:1}.framer-sSaky .framer-1qnpwd5{bottom:30px;flex:none;height:24px;left:30px;opacity:.4;overflow:hidden;position:absolute;text-decoration:none;width:24px}.framer-sSaky .framer-oh8oie{flex:none;height:24px;left:calc(50.00000000000002% - 24px / 2);position:absolute;top:calc(50.00000000000002% - 24px / 2);width:24px}.framer-sSaky .framer-z2vfgu{flex:none;height:22px;left:30px;opacity:.4;overflow:hidden;position:absolute;text-decoration:none;top:30px;width:22px}.framer-sSaky .framer-k3565f{flex:none;height:21px;left:calc(50.00000000000002% - 14px / 2);position:absolute;top:0;width:14px}.framer-sSaky .framer-1kk1nyx-container{bottom:30px;cursor:help;flex:none;height:22px;position:absolute;right:30px;width:22px}.framer-MWzDp [data-border=true]:after{content:"";border-width:var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);border-color:var(--border-color, none);border-style:var(--border-style, none);width:100%;height:100%;position:absolute;box-sizing:border-box;left:0;top:0;border-radius:inherit;pointer-events:none}.framer-MWzDp .framer-bubtv1{display:block}.framer-MWzDp .framer-jpu5kq{height:400px;overflow:hidden;position:relative;width:600px}.framer-MWzDp .framer-dli12o-container{flex:none;height:400px;left:calc(50.00000000000002% - 600px / 2);position:absolute;top:calc(50.00000000000002% - 400px / 2);width:600px}.framer-MWzDp .framer-qjugxw{flex:none;inset:0;overflow:hidden;position:absolute}.framer-MWzDp .framer-16qpgtq,.framer-MWzDp .framer-imovt7{flex:none;height:68px;left:calc(49.83333333333336% - 238px / 2);overflow:visible;position:absolute;top:calc(50.00000000000002% - 68px / 2);width:238px}.framer-MWzDp .framer-1u8lxmk-container{flex:none;inset:0;pointer-events:none;position:absolute}.framer-MWzDp .framer-1b9mn3w{cursor:pointer;flex:none;height:68px;left:calc(49.83333333333336% - 238px / 2);overflow:hidden;position:absolute;top:calc(50.00000000000002% - 68px / 2);width:238px;will-change:transform}.framer-MWzDp .framer-zasdou-container{bottom:0;flex:none;height:34px;left:0;position:absolute;right:0}.framer-MWzDp .framer-itjxxg-container{flex:none;height:34px;left:0;position:absolute;right:0;top:0}.framer-MWzDp .framer-1fg1g51{flex:none;inset:0;overflow:visible;position:absolute}.framer-MWzDp .framer-d10052{bottom:-54px;flex:none;height:103px;left:-9px;overflow:hidden;position:absolute;right:-10px;will-change:transform}.framer-MWzDp .framer-1fcgudp{-webkit-user-select:none;cursor:pointer;flex:none;height:auto;overflow:visible;pointer-events:none;position:absolute;right:29px;top:47%;user-select:none;white-space:pre;width:auto;z-index:1}

.stars-container{opacity:0.5; aspect-ratio:1 / 1;flex:none;height:var(--framer-aspect-ratio-supported, 28px);left:15px;position:absolute;top:calc(50.00000000000002% - 28px / 2);width:28px}
.button-title {transition: 0.1s ease-in-out opacity; opacity:0; position:relative; left:12px;}
.cta {pointer-events: none; color: grey;font-size: 8pt;position: absolute;width:100%;bottom:20%;text-align:center;}
.cta>u{font-size:12pt;}
.theButton:hover .stars-container{opacity:1}
.theButton:hover .button-title {opacity:1;}

.framer-MWzDp.framer-v-1eh7o13 .framer-imovt7{height:80px;left:calc(49.83333333333336% - 250px / 2);top:calc(50.00000000000002% - 80px / 2);width:250px}.framer-MWzDp.framer-v-1eh7o13 .framer-1b9mn3w{text-decoration:none}.framer-MWzDp.framer-v-1eh7o13 .framer-1fg1g51{bottom:2px;overflow:hidden;top:2px;will-change:transform}.framer-ssL1h [data-border=true]:after{content:"";border-width:var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);border-color:var(--border-color, none);border-style:var(--border-style, none);width:100%;height:100%;position:absolute;box-sizing:border-box;left:0;top:0;border-radius:inherit;pointer-events:none}.framer-ssL1h .framer-1i8g7nl{display:block}.framer-ssL1h .framer-sotxwg{height:34px;overflow:hidden;position:relative;width:234px}.framer-ssL1h .framer-15e6j7s{bottom:0;flex:none;overflow:hidden;position:absolute;right:-70px;top:0;width:70px}.framer-ssL1h.framer-v-681m0p .framer-15e6j7s{left:-70px;right:unset}.framer-ssL1h.framer-v-1chok0t .framer-15e6j7s{bottom:unset;height:1px;left:-70px;right:unset}.framer-7htEU [data-border=true]:after{content:"";border-width:var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);border-color:var(--border-color, none);border-style:var(--border-style, none);width:100%;height:100%;position:absolute;box-sizing:border-box;left:0;top:0;border-radius:inherit;pointer-events:none}.framer-7htEU .framer-1t8b4z3{display:block}.framer-7htEU .framer-kul5sj{height:34px;overflow:hidden;position:relative;width:234px}.framer-7htEU .framer-drrgx7{bottom:0;flex:none;left:-70px;overflow:hidden;position:absolute;top:0;width:70px}.framer-7htEU.framer-v-o0x4lh .framer-drrgx7{left:unset;right:-70px}.framer-7htEU.framer-v-18wmnpd .framer-drrgx7{bottom:unset;height:1px}.framer-keIsF [data-border=true]:after{content:"";border-width:var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);border-color:var(--border-color, none);border-style:var(--border-style, none);width:100%;height:100%;position:absolute;box-sizing:border-box;left:0;top:0;border-radius:inherit;pointer-events:none}.framer-keIsF .framer-1x3bil1{display:block}.framer-keIsF .framer-1g16ihm{height:28px;overflow:visible;position:relative;width:28px}.framer-keIsF .framer-1j9enrm{flex:none;height:6px;left:4px;overflow:visible;position:absolute;top:0;width:6px}.framer-keIsF .framer-1kpxurm{flex:none;height:6px;left:calc(50.00000000000002% - 6px / 2);position:absolute;top:calc(50.00000000000002% - 6px / 2);width:6px}.framer-keIsF .framer-165p8ft{flex:none;height:12px;left:1px;overflow:visible;position:absolute;top:17px;width:12px}.framer-keIsF .framer-1gepw2r{flex:none;height:12px;left:calc(50.00000000000002% - 12px / 2);position:absolute;top:calc(50.00000000000002% - 12px / 2);width:12px}.framer-keIsF .framer-1v1q3c4{flex:none;height:19px;left:8px;overflow:visible;position:absolute;top:3px;width:18px}.framer-keIsF .framer-6vbass{flex:none;height:19px;left:calc(50.00000000000002% - 18px / 2);position:absolute;top:calc(47.3684210526316% - 19px / 2);width:18px}.framer-keIsF.framer-v-chi7am .framer-1g16ihm{aspect-ratio:1 / 1;height:var(--framer-aspect-ratio-supported, 28px)}.framer-keIsF.framer-v-chi7am .framer-1gepw2r{height:19px;left:calc(50.00000000000002% - 19px / 2);top:calc(50.00000000000002% - 19px / 2);width:19px}.framer-keIsF.framer-v-chi7am .framer-6vbass,.framer-keIsF.framer-v-1c9opte .framer-6vbass{height:11px;left:calc(50.00000000000002% - 10px / 2);top:calc(47.3684210526316% - 11px / 2);width:10px}.framer-keIsF.framer-v-1c9opte .framer-1g16ihm,.framer-keIsF.framer-v-faasa8 .framer-1g16ihm,.framer-keIsF.framer-v-1vnwwcc .framer-1g16ihm{aspect-ratio:1 / 1;height:var(--framer-aspect-ratio-supported, 32px)}.framer-keIsF.framer-v-1c9opte .framer-1kpxurm{height:18px;left:calc(50.00000000000002% - 18px / 2);top:calc(50.00000000000002% - 18px / 2);width:18px}.framer-keIsF.framer-v-faasa8 .framer-6vbass{height:24px;left:calc(50.00000000000002% - 24px / 2);top:calc(47.3684210526316% - 24px / 2);width:24px}.framer-sc0ii [data-border=true]:after{content:"";border-width:var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);border-color:var(--border-color, none);border-style:var(--border-style, none);width:100%;height:100%;position:absolute;box-sizing:border-box;left:0;top:0;border-radius:inherit;pointer-events:none}@supports (aspect-ratio: 1){body{--framer-aspect-ratio-supported: auto}}.framer-sc0ii .framer-ku0ljk{display:block}.framer-sc0ii .framer-4styud{height:22px;overflow:visible;position:relative;width:22px}.framer-sc0ii .framer-10yo8hh,.framer-sc0ii .framer-rer6s9{-webkit-user-select:none;cursor:pointer;flex:none;height:auto;overflow:visible;pointer-events:none;position:absolute;right:6px;top:22px;user-select:none;white-space:pre;width:auto;z-index:1}.framer-sc0ii .framer-2o1ov8,.framer-sc0ii .framer-1f598xl{-webkit-user-select:none;cursor:pointer;flex:none;height:auto;overflow:visible;pointer-events:none;position:absolute;right:6px;top:0;user-select:none;white-space:pre;width:auto;z-index:1}.framer-sc0ii.framer-v-pcdor3 .framer-rer6s9{top:0}.framer-sc0ii.framer-v-pcdor3 .framer-2o1ov8,.framer-sc0ii.framer-v-pcdor3 .framer-1f598xl,.framer-sc0ii.framer-v-269hil .framer-rer6s9,.framer-sc0ii.framer-v-269hil .framer-2o1ov8,.framer-sc0ii.framer-v-269hil .framer-1f598xl{top:-21px}.framer-sc0ii.framer-v-269hil .framer-10yo8hh{height:22px;overflow:hidden;top:0}


.rimlight {width:100%;height:100%;top:0px;left:0px;border-radius: 50px;position: absolute;overflow: hidden;}

.rimlight::after {content: '';position: absolute;bottom: 0.3px;left: 0;width: 100%;height: 2px;border-radius: 50px;background: linear-gradient(to right, transparent, #ffffffcc, transparent);animation: shiningBorder 5s linear infinite;}

@keyframes shiningBorder {
	0% {transform: translateX(100%);}
	4%, 100% {transform: translateX(-100%);}
}


.theButton:hover .magicupsnow, .magicupsnowNow {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st1%7Bopacity:0.3%3Bfill:%23FFFFFF%3B%7D.st3%7Bopacity:0.1%3Bfill:%23FFFFFF%3B%7D%3C/style%3E%3Ccircle class='st1' cx='5' cy='8' r='1'/%3E%3Ccircle class='st1' cx='38' cy='3'  r='1'/%3E%3Ccircle class='st1' cx='47' cy='46' r='1'/%3E%3Ccircle class='st1' cx='3' cy='46' r='1'/%3E%3Ccircle class='st1' cx='10' cy='28'  r='1'/%3E%3Ccircle class='st1' cx='26' cy='20' r='1'/%3E%3Ccircle class='st1' cx='30' cy='45' r='1'/%3E%3Ccircle class='st1' cx='34' cy='36' r='1'/%3E%3C/svg%3E");
  background-position: 0px 0px;
  animation: animatedUpSnow 10s linear infinite;
}

.theButton:hover .magicupsnow div, .magicupsnowNow div {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st1%7Bopacity:0.7%3Bfill:%23FFFFFF%3B%7D.st3%7Bopacity:0.1%3Bfill:%23FFFFFF%3B%7D%3C/style%3E%3Ccircle class='st3' cx='4' cy='14' r='1'/%3E%3Ccircle class='st3' cx='43' cy='3' r='2'/%3E%3Ccircle class='st3' cx='19' cy='23' r='1'/%3E%3Ccircle class='st3' cx='37' cy='22' r='1'/%3E%3Ccircle class='st3' cx='8' cy='45' r='2'/%3E%3Ccircle class='st3' cx='29' cy='39' r='1'/%3E%3Ccircle class='st3' cx='47' cy='32' r='1'/%3E%3Ccircle class='st3' cx='15' cy='4' r='2'/%3E%3Ccircle class='st3' cx='9' cy='27' r='1'/%3E%3Ccircle class='st3' cx='25' cy='15' r='2'/%3E%3Ccircle class='st3' cx='42' cy='45' r='1'/%3E%3C/svg%3E");
  background-position: 0px 0px;
  animation: animatedUpSnow 18s linear infinite;
}

@keyframes animatedUpSnow {
  0% {background-position: 0 0;}
  100% {background-position: 0px -400px;}
}

.bigstar,.medstar,.smolstar {animation: animatedStar ease-in-out 2s infinite alternate;}

.theButton:hover .bigstar {animation: animatedBigStar 4s cubic-bezier(0.42, -1, 0.58, 1) 2s infinite;}
.theButton:hover .medstar {animation: animatedMedStar 4s cubic-bezier(0.42, -1, 0.58, 1) 2s infinite;}
.theButton:hover .smolstar {animation: animatedSmolStar 4s cubic-bezier(0.42, -1, 0.58, 1) 2s infinite;}

@keyframes animatedStar {
	0%, 20%, 100% {transform: scale(1);opacity: 0.6;}
	10% {transform: scale(1.1);opacity: 0.9;}
}
@keyframes animatedBigStar {
	0%, 2%, 15%, 100% {transform: scale(1);opacity: 1;}
	58% {transform: scale(1.2);opacity: 1;}
	7%, 10% {transform: scale(0.5);opacity: 0.5;}
}
@keyframes animatedMedStar {
	0%, 10%, 100% {transform: scale(1);opacity: 0.7;}
	55% {transform: scale(0.8);opacity: 0.8;}
	5% {transform: scale(2);opacity: 1;}
}
@keyframes animatedSmolStar {
	0%, 3%, 13%, 100% {transform: scale(1);opacity: 0.3;}
	57% {transform: scale(1);opacity: 0.5;}
	8% {transform: scale(2);opacity: 1;}
}



.header1 {position: absolute;width: 120%;height: 300px;bottom: 0px; background: #8525d3;overflow: hidden;mix-blend-mode: darken;}

.liquid {--main: #fff;--secondary: #000;mix-blend-mode: lighten; width: 100%; height: 120%; background: var(--main); position: absolute;top:-15px;filter: blur(0.5em) contrast(12);box-shadow: 0 0 0 1em var(--secondary);
  &::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-image:
		radial-gradient(circle at 0% 100%, var(--secondary) 10%, transparent 0),
		radial-gradient(circle at 10% 100%, var(--secondary) 10%, transparent 0),
		radial-gradient(circle at 20% 100%, var(--secondary) 10%, transparent 0),
		radial-gradient(circle at 30% 100%, var(--secondary) 11%, transparent 0),
		radial-gradient(circle at 40% 100%, var(--secondary) 9%, transparent 0),
		radial-gradient(circle at 50% 100%, var(--secondary) 11%, transparent 0),
		radial-gradient(circle at 60% 100%, var(--secondary) 12%, transparent 0),
		radial-gradient(circle at 70% 100%, var(--secondary) 11%, transparent 0),
		radial-gradient(circle at 80% 100%, var(--secondary) 9%, transparent 0),
		radial-gradient(circle at 90% 100%, var(--secondary) 10%, transparent 0),
		radial-gradient(circle at 100% 100%, var(--secondary) 10%, transparent 0);
	animation:
	/*	3s bubblingX ease-in infinite alternate,	*/
	/*	3s bubblingY ease-out infinite alternate,	*/
		10s bubblingS ease-in-out infinite alternate;
  }
  
}

@keyframes bubblingY {
    0% {background-position-y:	5px, 	-3px, 	10px,	0px, 	2px, 	0px,	6px, 	-10px, 	-2px,	-4px, 	0px;
    }
    33% {background-position-y:	-2px, 	0px, 	-10px,	6px, 	-10px, 	-2px,	-4px, 	0px, 	0px, 	0px, 	0px;
    }
	67% {background-position-y:	5px, 	-3px, 	2px,	6px, 	-10px, 	-2px,	4px, 	0px, 	0px, 	0px, 	0px;
    }
	100% {background-position-y:-5px, 	3px, 	-3px,	10px, 	2px, 	0px,	2px, 	-10px, 	-2px,	-4px, 	0px;
    }
}

@keyframes bubblingX {
    0% {background-position-x:	0px,	0px,	-2px,	0px,	-3px,	0px,	2px,	0px,	1px,	-3px,	0px;
    }
    33% {background-position-x:	2px,	0px,	-2px,	0px,	0px,	1px,	0px,	-2px,	0px,	-2px,	0px;
    }
	67% {background-position-x:	0px,	2px,	0px,	0px,	-5px,	0px,	6px,	0px,	10px,	-1px,	0px;
    }
	100% {background-position-x:2px,	0px,	0px,	0px,	0px,	5px,	0px,	0px,	12px,	0px,	6px;
    }
}

@keyframes bubblingS {
    0% {background-size:	96% 100%,	100% 100%,	102% 100%,	100% 101%,	100% 95%,	100% 100%,	103% 100%,	98% 100%,	98% 94%,	100% 102%,	100% 100%;
    }
	100% {background-size:	100% 100%,	100% 95%,	100% 103%,	102% 100%,	110% 100%,	100% 97%,	100% 101%,	100% 110%,	102% 100%,	102% 100%,	100% 100%;
    }
}



/*************** SNOW EFFECT DEBUT *************/
	
.snowflake {
    position: fixed;
    top: -10px;
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
    animation: fall linear infinite;
}

@keyframes fall {
    to {
        transform: translateY(102vh) translateX(var(--end-x));
    }
}

/*************** SNOW EFFECT FIN *************/