:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}body{background:url(/assets/wp@2x-DdDGgvWP.png) no-repeat center/cover}#MainCon{position:absolute;width:100vw;height:100vh;top:50%;left:50%;background:#fff3;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5px;overflow-y:scroll}#FilesDropCon{position:absolute;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:80%;height:25%;padding:10px;margin:10px;top:25%;left:50%;transform:translate(-50%,-50%);border-radius:2px}#FDCB1{position:absolute;background:#ffffffb3;height:60%;top:50%;transform:translate(-50%,-50%) scale(1);font-size:2vh;border:white 2px solid;transition:background .5s ease,border .5s ease,transform .5s ease,width .5s ease,left .5s ease}#FDCB1:hover{background:#ffffffe6;transform:translate(-50%,-50%) scale(1.1)}.FileList{opacity:0;position:absolute;width:20%;height:60%;top:50%;left:70%;transform:translate(-50%,-50%);background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:opacity 5s ease}#DisplayCardsCon{position:absolute;width:80%;height:50%;background:#ffffffb3;top:70%;left:50%;transform:translate(-50%,-50%);padding:10px;margin:10px;border-radius:10px;display:flex;flex-direction:column;gap:10px;align-items:stretch;justify-content:space-evenly}#DCCr1,#DCCr2{background:#ffffff4d;flex:1;display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:20px;overflow:hidden}#DCCr1>div,#DCCr2>div{flex:1;border-radius:10px;background:#80808026;justify-content:space-evenly;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:inset 0 0 15px #ffffff1a,0 4px 20px #0000004d;transition:all .3s ease-in-out;border:0}#DCCr1>div:hover,#DCCr2>div:hover{transform:translateY(-5px);background:#ffffff40;box-shadow:0 8px 25px #0006;border:2px solid grey}#DCCr1>p,#DCCr2>p{font-size:1.1rem;font-weight:600;color:#fff;letter-spacing:1px;margin-bottom:10px;flex:1}.CardLabel{font-family:Rubik Distressed,system-ui;font-weight:400;font-style:normal;text-decoration:underline}.CardVal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Poiret One,sans-serif;font-weight:1000;font-style:normal;font-size:clamp(1.5rem,1.2vw + .5vh,4rem)}.CardValProd{display:flex;flex-direction:row;width:95%;height:60%;overflow-y:scroll;font-family:Poiret One,sans-serif;font-weight:1000;font-style:normal;font-size:clamp(1vh,2vh,3vh)}.cardColon ul,.cardProdQuan ul{list-style:none}.cardColon ul,.cardProdQuan ul,.cardProdname ul{display:flex;flex-direction:column;gap:5px}