#root{width:100%;height:100%}.container{display:flex;width:100%;height:100%;background:#242424}.content{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;gap:.75rem}.header{display:flex;align-items:center;width:100%;height:3rem;font-weight:400}.header label{display:flex;justify-content:center;align-items:center;width:7rem;height:2rem;background:cornflowerblue;cursor:pointer;color:#fff}.header input[type=file]{display:none}.saveButton{border:none;width:7rem;height:2rem;cursor:pointer;background-color:#2fff61}.image{display:flex;justify-content:center;align-items:center;width:70%;height:70%}.image img{width:100%;height:100%;object-fit:contain}.filters{display:flex;position:absolute;bottom:0;align-content:center;width:100%;background-color:#343333}.filters .reset{cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:3rem;font-family:var(--text-default);background-color:coral}.bar{display:flex;margin-top:1rem;align-items:center;justify-content:center}.bar input[type=range]{-webkit-appearance:none;width:17rem;padding:1px;height:7px;border-radius:5px;background-image:linear-gradient(cornflowerblue,cornflowerblue)}.bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:25px;width:25px;border-radius:50%;background:white;background-image:linear-gradient(rgb(58,87,142) rgb(255,255,255));cursor:pointer}@media screen and (orientation: landscape) and (max-height: 475px){.image{height:50%}}.filter{height:3rem;width:100%;display:flex;justify-content:center;background:#343333;color:#ffffffae;cursor:pointer;align-items:center;font-family:var(--text-default)}.active{transition:background-color .3s;background-color:#fff;color:#000;font-weight:600}*{margin:0;padding:0;box-sizing:border-box}:root{--text-default: "Quicksand", sans-serif}html,body{width:100%;height:100%}