.page-home{touch-action:manipulation;background-color:#fff;width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.page-home img{z-index:10;opacity:0;visibility:hidden;pointer-events:none;transition:all .25s;animation-iteration-count:1;animation-fill-mode:forwards;position:absolute;transform:translate(0,0)}.page-home img.selected{transform:translate(0,0)}.page-home img:not(.selected){transform:translate(0,0)scale(1)}.page-home ::-moz-selection{background:var(--green01)}.page-home ::selection{background:var(--green01)}.page-home .grey{color:var(--grey01)}.page-home .green{color:var(--green01)}.page-home .link{color:var(--green01);text-decoration:none}.page-home .link:hover{opacity:.5}.page-home .top-controls{z-index:1000;padding:var(--paddingGlobal);flex-direction:row;align-items:center;gap:5px;display:flex;position:fixed;top:0;right:0}.page-home #input{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:5px;display:flex}.page-home input{box-shadow:var(--boxshadow);-webkit-box-shadow:var(--boxshadow);-moz-box-shadow:var(--boxshadow);cursor:grab;border-radius:50px;padding-left:10px;padding-right:10px;display:none}.page-home input[type=range]{-webkit-appearance:none;z-index:51;transform-origin:0;background:0 0;width:150px;transition-duration:.5s;position:relative;bottom:auto;left:auto;transform:none}.page-home input[type=range]::-webkit-slider-runnable-track{background:var(--grey01);border:none;height:1px}.page-home input[type=range]::-moz-range-track{background:var(--grey01);border:none;height:1px}.page-home input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--green01);border:none;border-radius:50%;width:10px;height:10px;margin-top:-5px}.page-home input[type=range]::-moz-range-thumb{-webkit-appearance:none;background:var(--green01);border:none;border-radius:50%;width:10px;height:10px;margin-top:-5px}.page-home input[type=range]:focus{outline:none}.page-home input[type=range]:-moz-focusring{background:0 0;outline:none}.page-home input[type=range]:focus::-webkit-slider-runnable-track{background:var(--grey01)}.page-home input[type=range]:focus::-moz-range-track{background:var(--grey01)}.page-home #monochrom{cursor:pointer;z-index:1000;-webkit-user-select:none;user-select:none;padding:0;transition:all .25s ease-in-out;position:relative;top:auto;right:auto}.page-home .text-mono:before,.page-home .text-color:before{transition-duration:1s}.page-home #rangeValue{z-index:1000;color:var(--grey01);mix-blend-mode:difference;padding:0;font-size:1rem;transition-duration:.5s;position:relative;top:auto;left:auto}.page-home .small{color:var(--green01);z-index:10;font-size:2vw;position:absolute;top:5%;left:2%}.page-home #close{z-index:100;color:var(--grey01);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--boxshadow);-webkit-box-shadow:var(--boxshadow);-moz-box-shadow:var(--boxshadow);cursor:pointer;border-radius:50px;padding-left:15px;padding-right:15px;font-size:2vw;transition-duration:.5s;position:absolute;bottom:2%;right:2%}.page-home #close:hover{filter:blur(3px);animation:1s infinite alternate fadeIn}.page-home #info{z-index:50;position:fixed;top:2%;left:2%}.page-home #info div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--boxshadow);-webkit-box-shadow:var(--boxshadow);-moz-box-shadow:var(--boxshadow);color:var(--grey01);border-radius:50px;margin:0;padding-left:10px;padding-right:10px;font-size:2vw;text-decoration:none;transition-duration:1s;display:inline-block}.page-home #large{font-size:5vw}.page-home .loader{z-index:1001;pointer-events:none;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.page-home .loader.hidden{animation:1s forwards fadeOut}.page-home #textloader{text-align:center;color:var(--grey01);font-size:2vw;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.page-home #textloader div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--boxshadow);-webkit-box-shadow:var(--boxshadow);-moz-box-shadow:var(--boxshadow);color:var(--grey01);border-radius:50px;margin:0;padding-left:10px;padding-right:10px;font-size:2vw;text-decoration:none;transition-duration:1s;display:inline-block}@keyframes fadeOut{to{filter:blur(5px);opacity:0;visibility:hidden;transform:scale(5)}}.page-home .numbers{z-index:1;color:#fffdfd;opacity:1;cursor:crosshair;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(8,1fr);place-items:stretch stretch;width:100vw;height:100vh;font-family:Arial,sans-serif;font-size:20px;transition-duration:.5s;display:grid;position:relative}.page-home .numbers div{opacity:0;-webkit-user-select:none;user-select:none;background-color:#f6f6f6;border:.5px solid #0000;justify-content:center;align-items:center;width:100%;height:100%;display:none}.page-home .numbers div:hover{color:var(--green01);border:.5px solid var(--green01);z-index:11}.page-home .numbers-gray{filter:grayscale(100)brightness()}.page-home #refresh{z-index:10;color:var(--green01);margin-right:10px;font-size:5vw;font-style:oblique;text-decoration:underline;transition-duration:.5s;position:absolute;bottom:0%;right:0%}.page-home #refresh a:hover{animation:1s infinite alternate fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-home #pictures{animation-iteration-count:1;animation-fill-mode:forwards}@supports (mix-blend-mode:luminosity){.page-home .luminosity{mix-blend-mode:luminosity}}.page-home .difference{mix-blend-mode:difference}.page-home #footer{text-align:center;z-index:1000;padding:var(--paddingGlobal);-webkit-user-select:none;user-select:none;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:768px){.page-home #footer{box-sizing:border-box;width:100vw;left:0;right:0;transform:translateY(-50%)}}.page-home #footer p{color:var(--transparentColor);width:auto;font-size:.5rem}@media screen and (max-width:768px){.page-home #footer p{text-align:center;width:100%;font-size:8px}}.page-home #about-btn{z-index:1001;color:#fff;cursor:pointer;background:0 0;padding:10px;transition:opacity .5s;position:fixed;bottom:0;right:0}.page-home #about-btn:hover{opacity:.5}.page-home #index_info{z-index:1000;border-radius:var(--radius);text-align:right;max-width:50vw;color:var(--grey01);margin:0;padding:10px;font-size:1.2vw;display:none;position:fixed;bottom:2%;right:2%}.page-home #infoButton{z-index:50;color:var(--grey01);box-shadow:var(--boxshadow);-webkit-box-shadow:var(--boxshadow);-moz-box-shadow:var(--boxshadow);border-radius:50px;padding-left:10px;padding-right:10px;font-size:1.5vw;transition-duration:.5s;display:none;position:fixed;bottom:2%;right:1%}.page-home #infoButton:hover{cursor:pointer;text-decoration:none;animation:1s infinite alternate fadeIn}.page-home .recycling_info{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--boxshadow);-webkit-box-shadow:var(--boxshadow);-moz-box-shadow:var(--boxshadow);color:var(--grey01);border-radius:3%;width:35vw;margin:0;padding:10px;font-size:1vw;position:fixed}.page-home .text_top{text-align:left;top:3%;left:2%}.page-home .text_bottom{text-align:right;bottom:3%;right:2%}.page-home #form_upload{z-index:999;width:100%;height:100%;transition:var(--transition);background-color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed}.page-home #form_upload p{color:#dcdcdc;margin-top:20px;font-size:1vw}@media screen and (max-width:768px){.page-home #form_upload p{display:none}}.page-home input[type=file]{color:#fff;cursor:pointer;background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;padding:10px 20px}.page-home #button_upload{color:var(--green01);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--boxshadow);-webkit-box-shadow:var(--boxshadow);-moz-box-shadow:var(--boxshadow);cursor:pointer;transition:var(--transition);background-color:#0000;border-radius:50px;padding-left:15px;padding-right:15px;font-size:1.5vw;display:none}.page-home #button_upload:hover{opacity:.7;transition:var(--transition)}.page-home label[for=file-input]{color:var(--green01);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--boxshadow);-webkit-box-shadow:var(--boxshadow);-moz-box-shadow:var(--boxshadow);cursor:pointer;background-color:#0000;border-radius:50px;padding-left:15px;padding-right:15px;font-size:1.5vw}.page-home label[for=file-input]:hover{opacity:.5}.page-home .form-group{flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.page-home input[type=file]{display:none}.page-home button[type=submit]{color:#fff;cursor:pointer;background-color:#4caf50;border-radius:5px;padding:10px 20px}@media screen and (max-width:768px){.page-home .top-controls{gap:10px;padding:10px}.page-home .numbers{color:#f7f7f7;font-size:15px}.page-home #photography{font-size:5vw}.page-home #refresh{margin-right:10px;font-size:8vw}.page-home .numbers>div{line-height:60px;transition-duration:.5s}.page-home #textloader{font-size:4.5vw}.page-home #large{font-size:8vw}.page-home .small{font-size:3.5vw}.page-home #info div{font-size:4.5vw}.page-home #close{font-size:10vw}.page-home #index_info{max-width:85vw;font-size:2.5vw}.page-home input[type=range]{-webkit-appearance:none;width:100px;position:relative;left:auto}.page-home input[type=range]::-webkit-slider-thumb{width:10px;height:10px;margin-top:-3px}.page-home input[type=range]::-moz-range-thumb{width:10px;height:10px;margin-top:-3px}.page-home label[for=file-input]{font-size:4vw}.page-home .recycling_info{width:75vw;font-size:3vw}}@media screen and (min-width:751px){.page-home .numbers>div{transition-duration:.5s}}.page-home .highlight{color:#0ff;background-color:#6495ed}.page-home .percentage-overlay{color:gray;z-index:1000;pointer-events:none;opacity:0;font-size:8px;position:fixed;top:25px;left:25px}.page-home{view-transition-name:organism}::view-transition-old(organism){animation-duration:.25s;animation-timing-function:ease}::view-transition-new(organism){animation-duration:.25s;animation-timing-function:ease}