.videoCard_container{display:flex;justify-content:center;flex-direction:row;width:100%}.videoCard{position:relative;height:clamp(18.5rem,calc(95vh - 270px),60rem);min-width:5rem;width:5rem;margin:.5rem;transition:width .75s ease;overflow:hidden;border-radius:40px;cursor:pointer;display:flex}.videoCard.expanded{width:100%;background-color:transparent}.videoCard video{width:100%;height:100%;object-fit:cover;display:none}.videoCard.expanded video{display:block}.videoCard .overlayContent{position:absolute;top:0;left:0;width:100%;height:100%;color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;text-align:center;transition:opacity .4s ease}.videoCard:not(.expanded) .overlayContent{opacity:0}.videoCard.expanded .overlayContent{opacity:1}.videoCard .card-title{font-size:1.3rem;font-weight:500;margin-top:1.25rem;margin-bottom:0;white-space:nowrap}.videoCard .card-description,.videoCard .card-title{overflow:hidden;text-overflow:ellipsis;max-width:100%}.videoCard .card-description{font-size:1.2rem;font-weight:300;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:auto}.videoCard:not(.expanded) .card-title{writing-mode:vertical-rl;text-orientation:sideways;transform:rotate(180deg);position:absolute;left:10px;top:20px;bottom:60px}.card-number{position:absolute;bottom:10px;left:0;right:0;display:flex;flex-direction:column;align-items:center}.card-number .vertical-text.chinese{transform:rotate(-90deg);transform-origin:center;writing-mode:initial;left:14px;width:max-content;height:fit-content}.card-number .vertical-text.chinese,.card-number .vertical-text.english{text-orientation:mixed;position:absolute;bottom:62px;font-size:1.5rem;font-weight:300!important;color:white}.card-number .vertical-text.english{writing-mode:vertical-rl;transform:rotate(180deg);left:18px}.card-number .number{width:45px;height:45px;background-color:var(--esg-lightgrey);font-size:1.2rem;font-weight:400!important;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700}.videoCard.expanded .card-number{display:none}@media screen and (max-width:767px){.videoCard_container{flex-direction:column;align-items:center;width:100%}.videoCard{height:3rem;width:100%;transition:all .4s ease;border-radius:30px}.card-number .number{width:30px;height:30px;font-size:1rem;font-weight:400!important}.videoCard.expanded{height:20rem;width:100%;border-radius:30px;min-width:100%}.welcome_card{width:100%;margin:.5rem 0!important;padding:1.5rem 0}.card-title{font-size:1.1rem!important}.card-description{font-size:.9rem!important}.card-number{position:absolute;bottom:9px;left:0;display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:start;padding-left:10px}.card-number .vertical-text.chinese{padding-top:.2rem;width:auto;height:auto}.card-number .vertical-text.chinese,.card-number .vertical-text.english{position:static;writing-mode:horizontal-tb;text-orientation:mixed;transform:none;margin-left:10px;font-size:1rem}.card-number .vertical-text.english{padding-top:.1rem}}.welcome_card{background-color:var(--esg-grey);color:white;border-radius:40px;margin:.5rem}.welcome_card>h3{width:12rem;margin-bottom:3rem}.welcome_card button{width:10rem;border:1px solid white;border-radius:30px;padding:.4rem}.logo_container .md_img{height:40px}.logo_container .lg_img,.logo_container .md_img{min-width:70px;width:auto;transition:opacity .3s ease;margin:.5rem 2rem}.logo_container .lg_img{height:66px}.logo_container a:hover img{opacity:.8}.report_card{background-color:var(--esg-palegrey);color:var(--esg-darkgrey2);cursor:pointer;border:1px solid #c4c5d0;border-radius:8px}.report_card:hover{background-color:rgba(59,209,187,.15);color:var(--esg-verydark-teal);transition:all .4s ease}.report_add_button{background-color:white;background-image:url(/icons/add.svg);background-repeat:no-repeat;background-position:50%;width:14px;height:14px}.report_add_button:hover{background-color:rgba(59,209,187,.25);background-image:url(/icons/add_teal.svg);transition:all .4s ease}.logo_container{display:flex;justify-content:center;align-items:center}@media screen and (max-width:767px){.logo_container{flex-direction:column;margin-top:2rem;margin-bottom:2rem}.logo_container .md_img{width:15vw}.logo_container .lg_img{width:18vw}}@media screen and (max-width:550px){.logo_container{flex-direction:column;margin-top:2rem;margin-bottom:2rem}.logo_container .md_img{width:18vw}.logo_container .lg_img{width:25vw}}@media screen and (max-width:400px){.logo_container{flex-direction:column;margin-top:2rem;margin-bottom:2rem}.logo_container .md_img{width:35vw;height:auto}.logo_container .lg_img{width:30vw}}