.upload-strip{align-items:center;background-color:var(--color-white);border-radius:5px;display:grid;grid-template-columns:.05fr 1fr 2fr;height:80px;margin-top:10px;width:100%}.upload-strip .image{height:80px;width:80px}.upload-strip .title{font-size:24px;font-weight:600}.upload-strip .button{justify-self:right;padding:10px}.upload-card{background-color:var(--color-white);border-radius:5px;display:grid;grid-template-columns:.5fr 2fr;height:119px;margin:10px;width:calc(100vw - 20px)}.upload-card .upload-detail .title{font-size:17px;font-weight:600;max-width:200px;overflow:hidden;padding-top:20px;text-overflow:ellipsis;white-space:nowrap}.upload-card .upload-detail .text{display:-webkit-box;font-size:15px;-webkit-line-clamp:3;max-width:200px;-webkit-box-orient:vertical;overflow:hidden}.upload-card .image{align-items:center;display:flex;height:130px;justify-content:center;margin:0 auto;overflow:hidden;width:130px}@media(min-width:720px){.upload-card{grid-template-columns:none;grid-template-rows:2.5fr .5fr;height:300px;width:calc(50vw - 20px)}.upload-card .image{height:200px;width:200px}.upload-card .upload-detail{margin:0 0 20px 20px}}@media(min-width:960px){.upload-card{height:300px;width:calc(50vw - 20px)}}@media(min-width:1200px){.upload-card{height:300px;width:calc(25vw - 20px)}}@media(min-width:2500px){.upload-card{height:300px;width:480px}}.upload-form{display:grid;grid-template-columns:auto;height:100%;width:100%}.upload-form .image-container{background-color:var(--color-white);border-radius:5px;margin-right:10px;overflow:hidden;position:relative}.upload-form .image-container .image{display:block;min-width:1000px;padding:10px;width:100%}.upload-form .image-container .text{bottom:0;color:#fff;left:0;padding:30px;position:absolute;width:100%;z-index:2}.upload-form .image-container .text .title{color:var(--color-white);font-size:24px;font-weight:600}.upload-form .image-container .text .desciption{color:var(--color-white);font-size:15px}.upload-form .form{background-color:var(--color-white);border-radius:5px;box-shadow:0 2px 5px #00000026;display:grid;grid-template-rows:auto 1fr auto}.upload-form .form .header-container{display:grid;grid-template-columns:1fr 1fr;padding:20px}.upload-form .form .header-container .title{font-size:24px;font-weight:600}.upload-form .form .header-container .icon{font-size:24px;font-weight:600;justify-self:right}.upload-form .form .body-container,.upload-form .form .body-container .file{display:grid;grid-template-rows:auto auto}.upload-form .form .body-container .file{padding:10px 15px}.upload-form .form .body-container .file .file-view{align-items:center;background-color:var(--color-gray-light);border-radius:5px;display:flex;height:199px;justify-content:center;margin-bottom:10px;width:100%}.upload-form .form .body-container .file .file-view .icon-view{color:var(--color-gray-dark);font-size:20px}.upload-form .form .body-container .file .file-previews{display:grid;gap:10px;grid-template-columns:repeat(6,auto);margin-bottom:10px}.upload-form .form .body-container .file .file-previews .file-preview{height:100px;-o-object-fit:contain;object-fit:contain;width:100%}.upload-form .form .body-container .desciption .input-desciption,.upload-form .form .body-container .desciption .input-title,.upload-form .form .body-container .desciption .input-upload,.upload-form .form .body-container .desciption .input-year,.upload-form .form .body-container .file .input-desciption,.upload-form .form .body-container .file .input-title,.upload-form .form .body-container .file .input-upload,.upload-form .form .body-container .file .input-year,.upload-form .form .body-container .inputs .input-desciption,.upload-form .form .body-container .inputs .input-title,.upload-form .form .body-container .inputs .input-upload,.upload-form .form .body-container .inputs .input-year{border:none;padding:0}.upload-form .form .body-container .inputs{display:grid;grid-template-columns:1fr 1fr}.upload-form .form .body-container .inputs .input-expire-date,.upload-form .form .body-container .inputs .input-reporting-date,.upload-form .form .body-container .inputs .input-title,.upload-form .form .body-container .inputs .input-year{padding:10px 15px}.upload-form .form .body-container .inputs .input-expire-date .title-label,.upload-form .form .body-container .inputs .input-reporting-date .title-label{color:#414b54;padding-bottom:5px}.upload-form .form .body-container .inputs .input-expire-date .date-input,.upload-form .form .body-container .inputs .input-reporting-date .date-input{background-color:#fff;border:1px solid #c6c9cc;border-radius:4px;color:#414b54;font-size:14px;outline:none;padding:10px;transition:border .4s ease,color .4s ease;width:100%}.upload-form .form .body-container .desciption .input-desciption{padding:10px 15px}.upload-form .form .footer-container{display:grid;grid-template-columns:auto auto}.upload-form .form .footer-container .cancel-button{height:45px;margin:15px;width:118px}.upload-form .form .footer-container .send-button{height:45px;justify-self:right;margin:15px;width:118px}@media(min-width:1390px){.upload-form{grid-template-columns:auto 1fr}}@media(min-width:1440px){.upload-form{grid-template-columns:auto 1fr}}.column-container{display:grid;grid-template-rows:auto auto;position:relative}.container-strip{box-sizing:border-box;padding:10px}.container-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));justify-items:center;position:relative;z-index:1}.container-logo{bottom:130px;max-height:300px;max-width:292px;mix-blend-mode:multiply;pointer-events:none;position:fixed;right:70px;transform:rotate(345deg) translate(20%,20%);transform-origin:bottom right;z-index:0}.container-logo .logo{filter:grayscale(100%);height:100%;-o-object-fit:contain;object-fit:contain;opacity:.1;width:100%}.container-form{box-sizing:border-box;height:100%;padding:0 10px 10px;width:100%}@media(min-width:720px){.container-items{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.container-items{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.container-items{grid-template-columns:repeat(4,1fr)}}@media(min-width:2500px){.container-items{grid-template-columns:repeat(5,1fr)}}
