#main{max-height:60vh;position:relative;overflow:hidden}#laterOverlay{z-index:1;backdrop-filter:blur(1em);text-align:center;background-color:light-dark(#fff8,#2228);justify-content:center;align-items:center;padding:2em;display:flex;position:absolute;inset:0}section{max-width:40rem;margin-inline:auto}h2{margin-block-start:2em}#recomendationSection{--reco-col-width:30rem;max-width:calc(var(--reco-col-width) * 2 + 2rem);& h2{max-width:40rem;margin-inline:auto}}#recoList{grid-template-columns:repeat(auto-fit, min(var(--reco-col-width), 100%));justify-content:center;gap:2rem;padding:0;display:grid}#recoList li{background-color:#8881;border-inline-start:2px solid #8888;border-radius:5px;padding:.5em;list-style:none}.helpItem{grid-template-columns:2fr 1fr;justify-content:center;align-items:center;gap:1ch;display:grid;&>img{justify-self:center;max-width:min(100%,200px)}}#formSection.inputCont{margin-inline:0}#imagesInputCont{text-align:center;background-color:#8882;border:2px solid #8884;border-radius:.5em;flex-direction:column;justify-content:center;align-items:center;height:10em;padding:1em;display:flex;position:relative;& input{opacity:0;cursor:pointer;position:absolute;inset:0}&:has(input:hover,input:focus){background-color:hsl(from var(--accent-color) h s l / .2)}&:has(input:focus){outline:solid var(--accent-color)}}#selectedImagesCont{margin-inline:.5em;&:has(#selectedImages:empty){opacity:.3}}#selectedImagesLabel{justify-content:space-between;align-items:center;display:flex;& button{margin:0}}#clearSelectedImages:hover,#clearSelectedImages:focus{color:red}#selectedImages{padding:1em;background-color:#8881;grid-template-columns:repeat(auto-fit,10%);justify-content:space-evenly;padding-inline:20%;display:grid;overflow-x:hidden}.selectedImagePreview{max-width:12em;max-height:10em;rotate:calc((var(--index) - var(--total-image-nb) / 2) * 2deg);translate:-40% var(--y-offset);border:4px solid #eee;margin-block:.5em;transition:all .25s;box-shadow:0 0 .5em #0008;&:last-of-type{margin-inline-end:50%}&:hover{z-index:1}}#ignoredImages{color:#f80;background-color:#f803;border-radius:0 0 5px 5px;padding:.5em 1em;&:empty{display:none}}#contributorsSection{margin-block-end:4em}.contributorRow{grid-template-columns:4ch 1fr;gap:1ch;padding:.5em 1em;display:grid;&:nth-child(odd){background-color:hsl(from var(--accent-color) h s l / .2)}&:not(:last-child){border-block-end:solid 1px hsl(from var(--accent-color) h s l / .4)}}.level{text-align:center;font-weight:900}#anonymous{font-style:italic}@media screen and (width<600px){.helpItem{grid-template-columns:1fr}}