.ajaxinput, #ajxinVoir{
    --ajxinput-green: #3c3;
    --ajxinput-orange: #fa6;
}

.ajaxinput .hidethis{ display: none; }

.ajaxinput a{
    text-decoration: none; display: flex; flex: none; align-items: center; 
}
.ajaxinput a lab{ flex: 1; text-align: center; }
.ajaxinput a:after{ display: inline-flex; flex: none; align-items: center; content: '\e2c6'; font-size: 1.5em; font-family: 'Material Icons'; }

.ajaxinput.std a{
    padding: 0.5em 0.5em; font-size: 1em; font-weight: bolder; 
}

.ajaxinput.pic{ display: inline-flex; flex: none; flex-direction: column; align-items: stretch; background: center center no-repeat #fff4; background-size: cover; }
.ajaxinput.pic a{ height: 2.5em; margin-bottom: -2.5em; z-index: 2; line-height: 1em; }
.ajaxinput.pic .ajxinpic{ width: 100%; flex: 1; background: center center no-repeat; background-size: cover; }

.ajxinBar{ display:flex; flex: none; align-items: stretch; }
.ajxinBar a{ text-decoration: none; display: inline-flex; flex: none; align-items: center; padding: 0.5em 1em; }
.ajxinBar a lab{ flex: 1; text-align: center; }
.ajxinBar .ajxinVoir{ flex: 1; }
.ajxinBar .ajxinDel{ font-size: 1.5em; }


#ajxinVoir{ display: none; width: 100vw; height: 100vh; position: fixed; top: 0; background: #fff9;  color: #000; backdrop-filter: blur(3px); z-index: 200; }
#ajxinVoir in{ display: flex; flex: none; flex-direction: column; align-items: stretch; width: 100vw; height: 100vh; }
#ajxinVoir .head{ display: flex; flex: none; align-items: center; justify-content: center; height: 4em; padding: 1em; background: #0009; }
#ajxinVoir .head h1{ padding: 0; margin: 0; }
#ajxinVoir .head a{  text-decoration: none; display: flex; flex: none; align-items: center; margin: 0 1em; }
#ajxinVoir .head a span{ 
    display: flex; flex: none; align-items: center; justify-content: center; margin-left: 0.5em;
    text-decoration: none; font-size: 1.5em; width: 1.75em; aspect-ratio: 1/1; border-radius: 100%;
}
#ajxinVoir .head a.download{ color: var(--ajxinput-green); }
#ajxinVoir .head a.download span{ color: var(--ajxinput-green); background: #fff; border: 2px solid var(--ajxinput-green); }
#ajxinVoir .head a.close{ color: var(--ajxinput-orange); }
#ajxinVoir .head a.close span{ color: var(--ajxinput-orange); background: #fff; border: 2px solid var(--ajxinput-orange); }


#ajxinVoir iframe{ display: none; width: 100%; flex: 1; overflow: auto; }
#ajxinVoir .pic{ display: none; width: 98%; flex: 1; margin: 1%; background: center center no-repeat; background-size: contain; }

.ajxinMedia{ word-break: break-all; }