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