*,div,img{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0}body{background:#f5f5f5;font-family:Arial,Helvetica,sans-serif}.screenSection{background:#fff;border-radius:16px;border-color:#d3d3d3;border-width:.5px;border-style:solid;padding:15px;max-height:77vh}.parent{padding:10px;display:flex;height:80vh}#grid{display:grid;grid-auto-flow:column;gap:25px;grid-template-columns:auto 500px;width:100vw}.left-child{display:grid;grid-auto-flow:row;grid-template-rows:3fr 1fr}#logos{overflow-y:auto}#prices h3{margin-bottom:0!important;line-height:1!important}#price-table{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.active-price{background:#ffff0040}.grid-item{position:relative;padding-bottom:8px;padding-top:8px}.grid-item:before,.grid-item:after{content:"";position:absolute;background-color:#333;z-index:1}.grid-item:after{width:100vw;height:1px;left:0;top:-1px}.right-child{justify-items:center}.smallHeader{font-weight:700;font-size:16px}#work-area2{display:grid;grid-auto-flow:row;gap:10px;width:100%;justify-items:center}.workAreaItem{display:grid;width:95%;justify-items:center;align-content:center;border-radius:6px;border-color:gray}.scrollable-logos{width:100%;display:grid;justify-items:center;align-content:center;padding-bottom:16px}.workAreaUpload{grid-auto-flow:row;border-style:dashed;border-image:url(https://i.sstatic.net/LKclP.png) 2 round;cursor:pointer}.workAreaLogo{padding:10px;border-width:1.5px;border-style:solid;display:grid;grid-template-columns:1fr 2.5fr 2fr 2.5fr;grid-template-areas:"logo res details details" "logo settings settings settings";font-size:15px}.workAreaLogo-logo{width:5vw;padding:.5vw}.workAreaLogo-logo{grid-area:logo;justify-self:left}.workAreaLogo-res{grid-area:res;justify-self:left}.workAreaLogo-details{grid-area:details;justify-self:right}.workAreaLogo-settings{grid-area:settings;display:grid;width:100%;align-items:end;grid-auto-flow:column;grid-template-columns:1fr 1fr 1fr .5fr}.button{padding:8px 12px;border-radius:8px;border:0px;transition-duration:.15s;display:inline-block;-webkit-user-select:none;user-select:none;cursor:pointer}button:hover{background-image:linear-gradient(#0003 0,#0003 0)!important}.workAreaLogo-settings button{color:#fff;background:red}.workAreaLogo-settings input{width:5em}.preview img{border-width:2.5px;border-style:dashed;position:absolute;opacity:1}#smallPreviews{flex-direction:row;display:flex;flex-wrap:wrap;gap:10px}.preview{max-height:80vh;color:#000;font-weight:700;font-size:20px;position:relative;overflow-y:scroll;overflow-x:hidden;display:grid;color:#fff}.checkered{background-color:#fff;background-image:linear-gradient(45deg,#dde3ea 25%,#0000 25%,#0000 75%,#dde3ea 75%,#dde3ea),linear-gradient(45deg,#dde3ea 25%,#0000 25%,#0000 75%,#dde3ea 75%,#dde3ea);background-position-x:0px,10px;background-position-y:0px,10px;background-size:21px 21px,21px 21px;box-shadow:#00000059 0 4px 15px 2px}.logoWrapper{padding:5px}.logoWrapper img{object-fit:contain;border:2.5px dashed rgba(100,100,100,.5)}::-webkit-scrollbar{width:7.5px;height:7.5px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.6);-webkit-border-radius:10px;border-radius:10px}::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:#ffffff4d;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,1)}::-webkit-scrollbar-thumb:window-inactive{background:#ffffff4d}