#promos-container{font-family:Toyota Type;background-color:#f5f5f5}#promos-banner{width:100%;height:240px;background:linear-gradient(#00000080,#00000080),url(/tup-assets/img/promos/banner-landing.png);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;font-size:64px;font-weight:900;letter-spacing:-1.6px;color:#fff}#promos{display:flex;flex-direction:column;align-items:center;gap:48px;padding:80px 16px 0}.promo{display:flex;gap:32px}@media (max-width: 703px){.promo{display:block}}.promo-img img{width:480px;height:270px;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}@media (max-width: 768px){.promo-img img{width:336px;height:215px}}@media (max-width: 736px){.promo-img img{width:320px;height:215px}}@media (max-width: 414px){.promo-img img{width:382px;height:215px}}@media (max-width: 375px){.promo-img img{width:350px;height:215px}}.promo-content{width:320px;display:flex;flex-direction:column;justify-content:end}.promo-content .date-container{position:relative;display:flex;align-self:stretch;padding-top:32px;padding-bottom:16px;max-width:200px}.promo-content .date-container .box{flex:1;padding:5.5px 5px;position:relative;z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:600;font-size:10px;line-height:normal;letter-spacing:1.5px;text-transform:uppercase;text-align:center}.promo-content .date-container .box.start-date{color:#eb0a1e;background-color:#fff;border:1px solid #EB0A1E}.promo-content .date-container .box.end-date{color:#fff;background-color:#eb0a1e;border:1px solid #EB0A1E}.promo-content .date-container .line{position:absolute;top:50%;width:5%;height:2px;transform:translateY(-50%);z-index:5;pointer-events:none}.promo-content .date-container .line.left{left:0;background-color:#fff}.promo-content .date-container .line.right{right:0;background-color:#eb0a1e}.promo-dates{display:flex;width:-moz-fit-content;width:fit-content;height:28px;border:1px solid #EB0A1E;font-size:10px;font-weight:600;letter-spacing:1.5px;margin-top:32px;margin-bottom:16px}.promo-start{position:relative;display:flex;align-items:center;text-transform:uppercase;color:#eb0a1e;background-color:#fff;padding:0 12px 0 18px}.promo-start:after{content:"";position:absolute;top:50%;right:0;width:6px;height:2px;background-color:#eb0a1e}.promo-end{position:relative;display:flex;align-items:center;text-transform:uppercase;color:#fff;background-color:#eb0a1e;padding:0 18px 0 12px}.promo-end:after{content:"";position:absolute;top:50%;left:0;width:6px;height:2px;background-color:#fff}.promo-title{font-size:24px;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.promo-desc{padding-top:8px;font-size:14px;font-weight:400;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.promo-link{padding-top:24px}.promo-link a{font-size:12px;font-weight:600;letter-spacing:1.6px;color:#eb0a1e;text-decoration:none}.promo-link a:hover{color:#eb0a1e;text-decoration:none}.promo-link a img{display:inline}#view-more-container{padding-top:48px;padding-bottom:80px;text-align:center}#view-more{display:flex;flex-direction:column;justify-content:center;align-items:center}#view-more button{font-size:12px;font-weight:600;letter-spacing:1.6px;color:#101010}#view-more-container .spinner-border{color:#eb0a1e}@media (max-width: 767px){#promos-banner{height:142px;font-size:40px}#promos{padding:64px 16px 0}#view-more-container{padding-bottom:64px}}.promos-landing__banner{height:160px;width:100%;position:relative}@media screen and (min-width: 991px){.promos-landing__banner{height:240px}}.promos-landing__banner img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.promos-landing__banner .banner-overlay{position:absolute;width:100%;height:100%;z-index:10;top:0;background:#10101080;display:flex;justify-content:center;align-items:end;padding-left:32px;padding-right:32px;padding-bottom:32px}@media screen and (min-width: 576px){.promos-landing__banner .banner-overlay{padding-left:64px;padding-right:64px}}.promos-landing__banner .banner-overlay h1{font-size:40px;color:#fff;line-height:115%;text-align:center;text-transform:uppercase;font-weight:900;font-family:Toyota Type,sans-serif;margin-bottom:0}@media screen and (min-width: 992px){.promos-landing__banner .banner-overlay h1{font-size:64px;letter-spacing:-1.6px;line-height:1}}