/*======= General =======*/

h1{font-size:120%;font-weight:900;text-align:center;font-style:italic;
margin:10px 5%;
background-color:lemonChiffon;border:2px solid red;padding:8px 0px}

h2{font-size:100%;font-style:normal;text-align:left;margin:40px 100px 20px 10px;background-color:#F8E6B8;padding:4px 5px;border:3px solid #EEAA00;}

h3{font-size:100%;font-style:normal;text-align:center;
margin:40px auto 10px auto;
width:90%;max-width:500px;
background-color:#F0FFB0;padding:4px 5px;border:3px solid #EEAA00;}


body{margin:0px;padding:0px;
width:100%;height:100%;margin:0px;padding:0px;
background-color:lightgoldenrodyellow;
user-select:none}

*{-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
mmax-width:100% ! important}

img{-moz-user-select:none;
    -webkit-user-select:none;
    user-select:none;
    -khtml-user-drag:none;
    -o-user-drag:none;
    -moz-user-drag:none;
    -webkit-user-drag:none;
user-drag:none;
image-orientation:none}

/*======= clic droit ======*/

#diagEditTips{display:none;position:fixed;bottom:10px;left:10px;width:200px;z-index:3000;
background-color:yellow;border:2px solid red;}
/*=======   =========*/

#barreProgress{display:inline-block;width:50%;
vertical-align:-7px;
padding:12px;
background-color:salmon;
background-image:repeating-linear-gradient(to right, #aaaaff 0%, #8888ff 50%, #5555ff 100%);
background-size:50%;background-repeat:no-repeat;border:1px solid black}

#pourcentageProgress{margin-left:15px}

/*========== Identification =======*/
body > :nth-child(1){position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);animation: myopacity 2s;display:block;z-index:1000;
max-width: 80%;max-height: 80%;}

@keyframes myopacity{0%{opacity: 1;}
40%{opacity:1;}
90%{opacity:0.7;}
100%{opactity:0;}}

/*============ A PROPOS =============*/

#aPropos{display:none;
position:fixed;top:50%;left:50%;
width:85%;max-width:500px;
text-align:center;
transform:translate(-50%,-50%);
z-index:300;padding:20px;
border:1px solid black;border-radius:15px;
background-color:lightsalmon;
line-height:30px;
font-size:120%;font-weight:900}
#aPropos > :nth-child(1){font-size:120%}
#aPropos > :nth-child(2){text-align:left;margin:30px 0px}
#aPropos > :nth-child(3){font-size:60%;text-align:right}
#aPropos > img{position:absolute;top:5px;right:5px;cursor:pointer;width:30px;height:30px}
#aPropos > :nth-child(5) {text-align:right;margin-top:15px}
#aPropos > :nth-child(5) > span{background-color:lightyellow;border:1px solid black;text-align:left;padding:3px 8px;text-align:right;margin-top:20px;font-size:70%;line-height:15px;text-align:left;cursor:pointer}


/*============ Reset pwd  =============*/

#diagResetPwd {display:none;position:fixed;top:50%;left:50%;width:60%;
text-align:center;
transform:translate(-50%,-50%);
z-index:200;padding:20px;
border:1px solid black;border-radius:15px;
background-color:lightsalmon;
line-height:30px;
font-size:25px;font-weight:900}

#diagResetPwd img  {position:absolute;top:5px;right:5px;width:30px;height:30px;cursor:pointer}

#diagResetPwd > :nth-child(2)  {margin-top:15px}

#diagResetPwd > :nth-child(2) > button {margin-left:30px}

/*============ Auth =============*/

#diag-auth {display:none;
position:fixed;top:50%;left:50%;width:80%;
text-align:center;
transform:translate(-50%,-50%);
z-index:200;padding:20px;
border:1px solid black;border-radius:15px;
background-color:lightsalmon;
line-height:30px;
font-size:140%;font-weight:900}

#diag-auth >  :nth-child(1)  {text-align:left;margin-left:10%}
#diag-auth > :nth-child(2) * {text-transform: lowercase;height:35px;font-size:20px}
#diag-auth > :nth-child(2) > input {width:100%;max-width:400px}
#diag-auth >  :nth-child(3)  {text-align:left;margin-left:10%;margin-top:15px}
#diag-auth :nth-child(4) * {height:35px;font-size:20px}
#diag-auth :nth-child(4) > input {width:100%;max-width:400px}
#diag-auth >  :nth-child(5)  {margin-top:15px}
#diag-auth >  :nth-child(6)  {text-align:right;margin-top:20px;font-size:14px;line-height:15px}
#diag-auth >  :nth-child(6) > span {flex:1}
#diag-auth >  :nth-child(6) > :nth-child(1) {text-align:left}
#diag-auth >  :nth-child(6) > span > span {display:inline-block;padding:0px 5px;background-color:lightyellow;border:1px solid black;border-radius:5px;cursor:pointer;padding:5px 2px}
#diag-auth >  :nth-child(7)  {display:none;background-color:lightyellow;border:1px solid black;text-align:left;padding:3px 8px;text-align:right;margin-top:20px;font-size:14px;line-height:15px;text-align:left;padding:5px 2px}
#diag-auth >  :nth-child(7) > input {margin-left:20px}
#diag-auth >  :nth-child(7) > span  {margin-left:20px;margin-top:10px;display:inline-block;border:1px solid red;background-color:lavender;border-radius:3px;padding:2px 5px;cursor:pointer;white-space:nowrap}
#diag-auth >  :nth-child(8) {position:absolute;top:5px;right:5px;width:30px;height:30px;cursor:pointer}









/*======== Diag Message =======*/

#diag-message{display:none;
position:fixed;bottom:50%;left:50%;width:60%;
text-align:center;
transform:translate(-50%,0px);
z-index:3000;padding:20px;
border:1px solid black;border-radius:15px;
background-color:powderblue;
line-height:30px;
font-size:25px;font-weight:900}






/*################################# Viewer ########################*/

#diagViewer{position:fixed;width:95%;height:95%;background:lavender;border:3px solid red;top:50%;left:50%;transform:translate(-50%,-50%);display:none;overflow:hidden;z-index:200}

#diagViewer > :nth-child(1) {position:absolute;top:5px;left:5px;right:5px;height:30px;z-index:300;display:flex}
#diagViewer > :nth-child(1) > * {flex:1;text-align:center}
#diagViewer > :nth-child(1) > * > * {cursor:pointer}
#diagViewer > :nth-child(2) {transition: all 0.4s ease-out;}

#diagViewer > div > svg {position:absolute;top:0px;left:0px}

/*#diagViewer :nth-child(1){width:100%}*/




/*################################# Admin ########################*/

/*==== Identification ===*/
#identification {text-align:center}
#identification > * {text-align:left;display:inline-block}
#identification span {display:inline-block;width:150px}
#identification > * > *{margin-top:20px}
#identification > * > :nth-child(3) {text-align:center;padding:5px 10px}
#identification > * > :nth-child(3) > button{padding:5px 10px;border-radius:5px}

aaaaa{-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
max-width:100% ! important}





/*============= Galerie ===========*/

/**** classe ****/

/*

#classe > * {margin-top:20px;margin-left:20px}

#classe > :nth-last-child(1){text-align:center}

h1:nth-of-type(2){margin-top:60px}

.imgValide{filter:grayscale(1)}



h3 + div {display:none}
*/

#diagGalerie {
    position: fixed;
    width: 95%;
    height: 95%;
    background: lavender;
    border: 3px solid green;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    overflow: hidden;
    overflow-y: scroll;
    z-index: 300
}

#diagGalerie>img {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    cursor: pointer
}

#diagGalerie> :nth-child(3)>div {
    margin-top: 20px
}

#galerieNav {
    display: flex;
    padding: 8px 0vw;
}

#galerieNav > :nth-child(n+2){margin:0px 5px 0px 10px;cursor:pointer}

#galerieNav>img {
    width: 35px;
    height: 35px;
    cursor: pointer;
    margin-left: 20px
}

#galerieNav> :nth-child(1) {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(auto-fit,120px);
    grid-gap:20px 10px;
}

#galerieNav > :nth-child(1) > div {
    flex: 1;
    text-align: center
}

#galerieNav >  :nth-child(1) >div>div {
    display: inline-block;
    padding: 5px;
    background-color: yellow;
    border: 1px solid black;
    cursor: pointer;
    text-align: center;
    min-width:75px;
}

#galeriePhoto>div>h2 {
    display: flex
}

#galeriePhoto>div>h2> :nth-child(1) {
    flex: 1
}

#galeriePhoto>div {
    display: none
}

#galeriePhoto>div>div {
    display: block;
    justify-content: space-between;
}

/*
@media (max-width:500px){
    #galeriePhoto > div > div {grid-template-columns: repeat(auto-fill, 90%);}
    .blockPhoto{width:100%}
    .boutonAction{width:20px;height:20px}
}

@media (min-width:500px) and (max-width:660px) {
    #galeriePhoto > div  > div {grid-template-columns: repeat(auto-fill, 48%);}
    .blockPhoto{width:100%}
    .boutonAction{width:30px;height:30px}
}
@media (min-width:661px) and (max-width:1000px) {
    #galeriePhoto > div  > div {grid-template-columns: repeat(auto-fill, 30%);}
    .blockPhoto{width:100%}
    .boutonAction{width:35px;height:35px}
}

@media (min-width:1001px) {
    #galeriePhoto > div  > div {grid-template-columns: repeat(auto-fill, 22%);}
    .blockPhoto{width:100%}
    .boutonAction{width:40px;height:40px}
}
*/

.blockPhoto {
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 15px;
    border: 2px solid red;
    margin: 10px auto;
    background-color: cornsilk;
    overflow: hidden
}

.blockPhoto> :nth-child(1) {
    flex: 1;
    display: inline-block;
    max-width: 100%
}

.blockPhoto> :nth-child(1)>img {
    cursor: move;
    width: 100%
}

.blockPhoto> :nth-child(4) {
    display: flex;
    margin: 3px 0px
}

.blockPhoto> :nth-child(4)>div {
    flex: 1;
    text-align: center
}

.blockPhoto> :nth-child(4)>span>img {
    width: 40px
}

.boutonAction {
    cursor: pointer;
}

#diagCodeGalerie {
    width: 90%;
    height: 90%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: yellow;
    border: 1px solid red;
    z-index: 1000;
    display: none
}

#diagCodeGalerie > span {
    display: block;
    text-align: center;
    font-weight: 900;
    margin-top: 20px;
    font-size: 120%
    position:relative;
}

#diagCodeGalerie > div {
    margin: 15px 0px 0px 30px
}

#diagCodeGalerie > img {
    width:30px;
    height:30px;
    cursor:pointer;
    position:absolute;
    top:10px;
    right:10px;
}

#diagGalerieeeeeee>h2 {
    display: flex
}

#diagGalerieeeee>h2> :nth-child(1) {
    flex: 1
}

#diagGalerieeeeeeee>h2> :nth-child(2) {
    font-size: 70%
}

#diagGalerieeeeeeeee>h3+div> :nth-last-child(1) {
    position: relative;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

#diagGalerieeeeee>h3+div> :nth-last-child(1)>span {
    margin: 15px
}

#diagGalerieeeeeeee>h3+div> :nth-last-child(1)>span>img {
    width: 80px;
    height: 80px;
    cursor: pointer;
}

#diagGalerieeeeeeee>h3+div> :nth-last-child(1)> :nth-child(2)>img {
    filter: grayscale(1)
}

#diagGalerieeeeeee>h3+div> :nth-last-child(1)>imgg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    cursor: pointer
}

/*============== Bouton de upload ==================*/

#boutonUpload {
    text-align: center
}

#boutonUpload> :nth-child(1) {
    display: inline-block;
    border-radius: 5px;
    background-color: lavenderblush;
    border: 2px solid orange;
    width: 200px;
    height: 100px;
    margin-bottom:30px;
}

/*============ Bouton gallerie photoDate ==================*/
.galleriePhotoDateTitle{text-align:center}

.galleriePhotoDateTitle > div{    display: inline-flex;
    vertical-align: -7px;
    max-width: min(500px,80%);
    width:100%;
    margin-left: 30px;
    border:1px solid orangered;
    padding:2px;
    background-color: beige;
    margin-top:20px;
}


.galleriePhotoDateTitle > div > :nth-child(1) {
    flex:1;
}

.galleriePhotoDateTitle > div > :nth-child(n+1) {
    margin-right:20px;
    width:30px;
}

.galleriePhotoDate{
background-color: PeachPuff;
position: relative;
margin: 10px;
border-radius: 10px;
border: 0px solid blue;
}

/*########################### Edit ################################*/

#diagEdit {
    display: none;
    position: fixed;
    width: 95%;
    height: 95%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: pink;
    border: 1px solid red;
    overflow: hidden;
    z-index: 400
}

.editDiv > img {width:25px;height:25px;min-width:8vmin;min-height:8vmin;}

/* bouton rotate AH */

.editDiv> #ei_rah {
    position: absolute;
    bottom: 5px;
    left: 5px;
    cursor: pointer;
    z-index: 200
}

/* bouton rotate H */

.editDiv> #ei_rh {
    position: absolute;
    bottom: 5px;
    left: 55px;
    cursor: pointer;
    z-index: 200
}

/* bouton stylo */

.editDiv> #ei_s {
    position: absolute;
    bottom: 5px;
    left: 105px;
    cursor: pointer;
    z-index: 200
}

/* bouton couleur */

.editDiv> #ei_sc {
    position: absolute;
    bottom: 5px;
    left: 155px;
    cursor: pointer;
    z-index: 200
}

/* bouton epaisseur */

.editDiv> #ei_se {
    position: absolute;
    bottom: 5px;
    left: 205px;
    cursor: pointer;
    z-index: 200
}

/* bouton caractere */

.editDiv> #ei_c {
    position: absolute;
    bottom: 5px;
    left: 255px;
    cursor: pointer;
    z-index: 200
}

/* bouton lasso */

.editDiv> #ei_l {
    position: absolute;
    bottom: 5px;
    left: 305px;
    cursor: pointer;
    z-index: 200
}

/* bouton gomme */

.editDiv> #ei_g {
    position: absolute;
    bottom: 5px;
    left: 355px;
    cursor: pointer;
    z-index: 200
}

/******* DROIT ******/

/* bouton ferme */

.editDiv> #ei_f {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 200;
    cursor: pointer;
}

/****** BAS *****/

/* bouton chingview */

.editDiv> #ei_ch {
    position: absolute;
    top: 5px;
    left: 5px;
    cursor: pointer;
    z-index: 200
}

.editDiv>div>svg {
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 0px
}

/* Bouton parcours image */

.editDiv> #ei_d {
    position: absolute;
    bottom: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 200
}

.editDiv> #ei_u {
    position: absolute;
    bottom: 55px;
    right: 5px;
    cursor: pointer;
    z-index: 200
}


.editDiv {}

/*============== Fenetre d'ajout de caractere =============*/

#diagEdit-caractere {
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    border-radius: 10px;
    border: 2px solid orange;
    padding: 2px;
    background-color: gainsboro;
    z-index: 3500;
}

#diagEdit-caractere> :nth-child(1) {
    text-align: center
}

#diagEdit-caractere> :nth-child(1)>div {
    display: inline-block;
    width: 300px;
    height: 150px;
    background-color: white;
    text-align: left;
    margin-top: 10px;
    border: 1px solid indigo;
    padding: 5px;
}

#diagEdit-caractere> :nth-child(2) {
    text-align: center
}

#diagEdit-caractere> :nth-child(2)>button {
    margin-top: 15px;
    margin-bottom: 10px;
}

/*=============== Fenetre de selection =================*/

#diagEdit-selection {
    display: none;
    border: 2px solid black;
    background-color:yellow;
    width:0px;
    height:0px;
    position:absolute;
    opacity: 0.5;
    cursor:move;
    z-index:5;
}


/*########################### Edit Viewer ######################*/

#diagEditViewer{position:fixed;width:95%;height:95%;background:lavender;border:3px solid blue;top:50%;left:50%;transform:translate(-50%,-50%);display:none;overflow:hidden;z-index:300}

#diagEditViewer-progress{position:fixed;width:80%;height:50px;background:yellow;
border:3px solid blue;border-radius:15px;
top:50%;left:50%;transform:translate(-50%,-50%);display:none;z-index:500;}

#diagEditViewer-progress > :nth-child(1) {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);
width:70%;height:30px;display:inline-block;
border:2px solid black;
background-color:salmon;
background-image:repeating-linear-gradient(to right, #aaaaff 0%, #8888ff 50%, #5555ff 100%);
background-size:50%;background-repeat:no-repeat;}

#diagEditViewer-progress > :nth-child(2) {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);
display:inline-block}






/*======= Diag Eleve =========*/
#diagEleve{display:none;position:fixed;top:50%;left:50%;transform: translate(-50%,-50%);
max-height:80%;z-index:300;padding:10px 20px;
background-color:papayawhip;border:2px solid black;
overflow-y:scroll;
border-radius:15px}


#diagEleve > :nth-child(1) {position:absolute;top:3px;left:3px;z-index:200}
#diagEleve > :nth-child(1) > img {width:30px;height:30px;cursor:pointer}

#diagEleve > :nth-child(2) {text-align:center;font-weight:900}

#diagEleve > :nth-child(3) {text-align:center}
#diagEleve > :nth-child(3) > img {max-width:70%;max-height:50%}

#diagEleve > :nth-child(4) {margin-top:3vw}
#diagEleve > :nth-child(4) > legend {font-style:italic;font-weight:900}
#diagEleve > :nth-child(4) > div {margin-top:2vw}
#diagEleve > :nth-child(4) > div > :nth-child(1) {text-align:right}
#diagEleve > :nth-child(4)  input {text-transform:lowercase}

#diagEleve > :nth-child(5) {margin-top:3vw}
#diagEleve > :nth-child(5) > legend {font-style:italic;font-weight:900}
#diagEleve > :nth-child(5) > div {margin-top:2vw}
#diagEleve > :nth-child(5) > div > :nth-child(1) {text-align:right}
#diagEleve > :nth-child(5) > :nth-child(4) {margin-top:3vw;line-height:2em}
#diagEleve > :nth-child(5) input[type=radio] {width:20px;height:20px;display:inline-block;vertical-align:-0.5ex:top:5px;margin-right:10px}


#diagEleve > :nth-child(6) {margin:15px 10px}
#diagEleve > :nth-child(6) > :nth-child(2) {text-align:center}

#diagEleve > :nth-child(7) {margin-top:2vw;text-align:center}

/*======== Aff principal =======*/

#main{display:flex;
position:absolute;top:0px;right:0px;bottom:0px;left:0px;border:0px solid orange;overflow:hidden}

#main > :nth-child(2){flex:1;display:flex;text-align:right;position:relative}

#main >  :nth-child(2) > :nth-child(2) {display:flex;position:absolute;align-items: center;
    width:100%;height:100%;z-index:200;
    left:50%;top:50%;transform:translate(-50%,-50%)}

#main > :nth-child(2) > :nth-child(2) > span{flex:1;text-align:center;line-height: 200%;margin:20px;}
    
/*======= Div principal ========*/

#aff > div {text-align:center;font-size:24pt;font-weight:900}


/*======= Video element ========*/

#videoElement{max-width:100%;max-height:100%;
display:none;
padding:3px;
margin:auto;
z-index: 100;
background: rgb(168,186,102);
background: linear-gradient(28deg, rgba(168,186,102,1) 20%, rgba(182,224,97,1) 46%, rgba(0,212,255,1) 100%);}

/*====== CamChoice =========*/
#camChoice{margin-top:50px;position:absolute;bottom:15px;right:15px;background-color:yellow;border:3px solid orange;
border-radius:15px;padding:5px 10px;
display:none;z-index:1000}
#CamChoice > select {margin-left:50px}


/*======= Barre bouton =========*/
#barreBouton{/* display:flex;flex-direction:column;position:fixed;top:0px;left:0px;flex:1; */
margin:0px 15px 0px 5px;z-index:10}


#barreBouton div{display:block}

.bb_img {cursor:pointer;margin-top:30px;width:25px;height:25px;display:none
    /* min-width:8vmin;min-height:8vmin;*/}

#bb_login{display:block}
#bb_wiki{display:block}
#bb_galerie{display:block}


/*======= drag ==========*/

#drag{position:absolute;top:15px;right:15px;
display:inline-block;width:100px;height:100px;border:1px solid black;background-color:red}

/*====== Animation =======*/

@keyframes animeCamChoice{
    0% {opacity:1}
    100% {opacity:0}
}

@keyframes animColor{
    0% {color:blue;opacity: 0}
    35% {opacity: 0.2}
    50% {color:red;opacity: 1}
    65% {opacity: 0.2}
    100% {color:blue;opacity: 0}
}

/*=== External Link ====*/
#diagExternalLink{position:absolute;left:10px;bottom:10px;z-index:300}
#diagExternalLink > div{display:inline-block;margin-right:15px}
#diagExternalLink  img{width:35px;height:35px}




.s60{background-size:600px 300px ! important;background:url(sprite-1761597738.webp);display:inline-block;width:60px;height:60px}
.s60.s_a {background-position:-0px -0px}
.s60.s_b {background-position:-0px -60px}
.s60.s_c {background-position:-0px -120px}
.s60.s_d {background-position:-0px -180px}
.s60.s_e {background-position:-60px -0px}
.s60.s_f {background-position:-60px -60px}
.s60.s_g {background-position:-60px -120px}
.s60.s_h {background-position:-60px -180px}
.s60.s_i {background-position:-120px -0px}
.s60.s_j {background-position:-120px -60px}
.s60.s_k {background-position:-120px -120px}
.s60.s_l {background-position:-120px -180px}
.s60.s_m {background-position:-180px -0px}
.s60.s_n {background-position:-180px -60px}
.s60.s_o {background-position:-180px -120px}
.s60.s_s {background-position:-180px -180px}
.s60.s_t {background-position:-240px -0px}
.s60.s_k {background-position:-240px -60px}
.s60.s_v {background-position:-240px -120px}
.s60.s_w {background-position:-300px -0px}
.s60.s_x {background-position:-300px -60px}
.s60.s_y {background-position:-300px -120px}
.s60.s_z {background-position:-300px -180px}
.s60.s_aa {background-position:-360px -0px}
.s60.s_ab {background-position:-360px -60px}
.s60.s_ac {background-position:-360px -120px}
.s60.s_ad {background-position:-360px -180px}
.s60.s_ae {background-position:-360px -240px}
.s60.s_af {background-position:-420px -0px}
.s60.s_ag {background-position:-420px -60px}
.s60.s_ah {background-position:-420px -120px}
.s60.s_ai {background-position:-420px -180px}
.s60.s_aj {background-position:-480px -0px}
.s60.s_ak {background-position:-480px -60px}
.s60.s_al {background-position:-480px -120px}
.s60.s_p {background-position:-540px -0px}
.s60.s_q {background-position:-540px -60px}
.s60.s_r {background-position:-540px -126px}


.s45{background-size:450px 225px ! important;background:url(sprite-1761597738.webp);display:inline-block;width:45px;height:45px}
.s45.s_a {background-position:-0px -0px}
.s45.s_b {background-position:-0px -45px}
.s45.s_c {background-position:-0px -90px}
.s45.s_d {background-position:-0px -135px}
.s45.s_e {background-position:-45px -0px}
.s45.s_f {background-position:-45px -45px}
.s45.s_g {background-position:-45px -90px}
.s45.s_h {background-position:-45px -135px}
.s45.s_i {background-position:-90px -0px}
.s45.s_j {background-position:-90px -45px}
.s45.s_k {background-position:-90px -90px}
.s45.s_l {background-position:-90px -135px}
.s45.s_m {background-position:-135px -0px}
.s45.s_n {background-position:-135px -45px}
.s45.s_o {background-position:-135px -90px}
.s45.s_s {background-position:-135px -135px}
.s45.s_t {background-position:-180px -0px}
.s45.s_k {background-position:-180px -45px}
.s45.s_v {background-position:-180px -90px}
.s45.s_w {background-position:-225px -0px}
.s45.s_x {background-position:-225px -45px}
.s45.s_y {background-position:-225px -90px}
.s45.s_z {background-position:-225px -135px}
.s45.s_aa {background-position:-270px -0px}
.s45.s_ab {background-position:-270px -45px}
.s45.s_ac {background-position:-270px -90px}
.s45.s_ad {background-position:-270px -135px}
.s45.s_ae {background-position:-270px -180px}
.s45.s_af {background-position:-315px -0px}
.s45.s_ag {background-position:-315px -45px}
.s45.s_ah {background-position:-315px -90px}
.s45.s_ai {background-position:-315px -135px}
.s45.s_aj {background-position:-360px -0px}
.s45.s_ak {background-position:-360px -45px}
.s45.s_al {background-position:-360px -90px}
.s45.s_p {background-position:-405px -0px}
.s45.s_q {background-position:-405px -45px}
.s45.s_r {background-position:-405px -94px}


.s30{background-size:300px 150px ! important;background:url(sprite-1761597738.webp);display:inline-block;width:30px;height:30px}
.s30.s_a {background-position:-0px -0px}
.s30.s_b {background-position:-0px -30px}
.s30.s_c {background-position:-0px -60px}
.s30.s_d {background-position:-0px -90px}
.s30.s_e {background-position:-30px -0px}
.s30.s_f {background-position:-30px -30px}
.s30.s_g {background-position:-30px -60px}
.s30.s_h {background-position:-30px -90px}
.s30.s_i {background-position:-60px -0px}
.s30.s_j {background-position:-60px -30px}
.s30.s_k {background-position:-60px -60px}
.s30.s_l {background-position:-60px -90px}
.s30.s_m {background-position:-90px -0px}
.s30.s_n {background-position:-90px -30px}
.s30.s_o {background-position:-90px -60px}
.s30.s_s {background-position:-90px -90px}
.s30.s_t {background-position:-120px -0px}
.s30.s_k {background-position:-120px -30px}
.s30.s_v {background-position:-120px -60px}
.s30.s_w {background-position:-150px -0px}
.s30.s_x {background-position:-150px -30px}
.s30.s_y {background-position:-150px -60px}
.s30.s_z {background-position:-150px -90px}
.s30.s_aa {background-position:-180px -0px}
.s30.s_ab {background-position:-180px -30px}
.s30.s_ac {background-position:-180px -60px}
.s30.s_ad {background-position:-180px -90px}
.s30.s_ae {background-position:-180px -120px}
.s30.s_af {background-position:-210px -0px}
.s30.s_ag {background-position:-210px -30px}
.s30.s_ah {background-position:-210px -60px}
.s30.s_ai {background-position:-210px -90px}
.s30.s_aj {background-position:-240px -0px}
.s30.s_ak {background-position:-240px -30px}
.s30.s_al {background-position:-240px -60px}
.s30.s_p {background-position:-270px -0px}
.s30.s_q {background-position:-270px -30px}
.s30.s_r {background-position:-270px -63px}


.s20{background-size:200px 100px ! important;background:url(sprite-1761597738.webp);display:inline-block;width:20px;height:20px}
.s20.s_a {background-position:-0px -0px}
.s20.s_b {background-position:-0px -20px}
.s20.s_c {background-position:-0px -40px}
.s20.s_d {background-position:-0px -60px}
.s20.s_e {background-position:-20px -0px}
.s20.s_f {background-position:-20px -20px}
.s20.s_g {background-position:-20px -40px}
.s20.s_h {background-position:-20px -60px}
.s20.s_i {background-position:-40px -0px}
.s20.s_j {background-position:-40px -20px}
.s20.s_k {background-position:-40px -40px}
.s20.s_l {background-position:-40px -60px}
.s20.s_m {background-position:-60px -0px}
.s20.s_n {background-position:-60px -20px}
.s20.s_o {background-position:-60px -40px}
.s20.s_s {background-position:-60px -60px}
.s20.s_t {background-position:-80px -0px}
.s20.s_k {background-position:-80px -20px}
.s20.s_v {background-position:-80px -40px}
.s20.s_w {background-position:-100px -0px}
.s20.s_x {background-position:-100px -20px}
.s20.s_y {background-position:-100px -40px}
.s20.s_z {background-position:-100px -60px}
.s20.s_aa {background-position:-120px -0px}
.s20.s_ab {background-position:-120px -20px}
.s20.s_ac {background-position:-120px -40px}
.s20.s_ad {background-position:-120px -60px}
.s20.s_ae {background-position:-120px -80px}
.s20.s_af {background-position:-140px -0px}
.s20.s_ag {background-position:-140px -20px}
.s20.s_ah {background-position:-140px -40px}
.s20.s_ai {background-position:-140px -60px}
.s20.s_aj {background-position:-160px -0px}
.s20.s_ak {background-position:-160px -20px}
.s20.s_al {background-position:-160px -40px}
.s20.s_p {background-position:-180px -0px}
.s20.s_q {background-position:-180px -20px}
.s20.s_r {background-position:-180px -42px}