.upcoming-event-collection .upcoming-event-div{text-align:left;width:calc(255 * var(--percentage-value))}.upcoming-event-collection .upcoming-event-div .upcoming-event-image{height:calc(153 * var(--percentage-value));background-color:#0b0b0b;border-radius:calc(6 * var(--percentage-value));box-shadow:0 calc(1 * var(--percentage-value)) calc(5 * var(--percentage-value)) calc(1 * var(--percentage-value)) rgba(0,0,0,0.06);overflow:hidden;display:flex;justify-content:center;align-items:center}.upcoming-event-collection .upcoming-event-div .upcoming-event-wrapper{position:relative;max-width:100%}.upcoming-event-collection .upcoming-event-div .upcoming-event-title{font-size:calc(14 * var(--percentage-value));font-weight:400;margin-top:calc(14 * var(--percentage-value));margin-bottom:calc(10 * var(--percentage-value));-webkit-line-clamp:2}.upcoming-event-collection .upcoming-event-div .upcoming-event-details-date{display:flex;justify-content:space-between}.upcoming-event-collection .upcoming-event-div .upcoming-event-details-date .upcoming-event-details{font-size:calc(12 * var(--percentage-value));min-width:calc(181 * var(--percentage-value));max-width:calc(181 * var(--percentage-value))}.upcoming-event-collection .upcoming-event-div .upcoming-event-details-date .upcoming-event-details .upcoming-event-author-name{color:#217ce2;display:block;margin-bottom:calc(6 * var(--percentage-value))}.upcoming-event-collection .upcoming-event-div .upcoming-event-details-date .upcoming-event-details .upcoming-event-author-name img{position:relative;top:calc(2 * var(--percentage-value)) !important;display:inline-block}.upcoming-event-collection .upcoming-event-div .upcoming-event-details-date .upcoming-event-details .upcoming-event-author-name i{font-size:calc(10 * var(--percentage-value))}.upcoming-event-collection .upcoming-event-div .upcoming-event-details-date .upcoming-event-details .upcoming-event-time{color:#545454}.upcoming-event-collection .upcoming-event-div .upcoming-event-details-date .upcoming-event-date{min-width:calc(42 * var(--percentage-value));max-width:calc(42 * var(--percentage-value));height:calc(48 * var(--percentage-value));border:calc(1 * var(--percentage-value)) solid #f5f5f5;border-radius:calc(4 * var(--percentage-value));margin-top:calc(3 * var(--percentage-value));text-align:center}.upcoming-event-collection .upcoming-event-div .upcoming-event-details-date .upcoming-event-date .month{font-size:calc(11 * var(--percentage-value));background-color:#e6e6e6;height:calc(18 * var(--percentage-value));padding:calc(3 * var(--percentage-value)) 0;color:#545454}.upcoming-event-collection .upcoming-event-div .upcoming-event-details-date .upcoming-event-date .day{font-size:calc(16 * var(--percentage-value));font-weight:500;padding:calc(4 * var(--percentage-value)) 0;background:#fff}.upcoming-event-collection .upcoming-event-div .attending-btn,.upcoming-event-collection .upcoming-event-div .rsvp-link{font-size:calc(12 * var(--percentage-value));color:#fff;display:block;width:calc(100 * var(--percentage-value));border-radius:calc(17 * var(--percentage-value));text-align:center;padding:calc(9 * var(--percentage-value));position:absolute;top:calc(14 * var(--percentage-value));right:calc(15 * var(--percentage-value));border:calc(2 * var(--percentage-value)) solid #fff;line-height:unset}.upcoming-event-collection .upcoming-event-div .attending-btn{background-color:#545454}.upcoming-event-collection .upcoming-event-div .rsvp-link{background-color:#217ce2}