.program-card{position:relative;display:inline-block;overflow:hidden;padding-right:16px;width:100%;height:auto;transition:all .3s ease;z-index:1;display:flex}.program-card .erase-button{position:absolute;background:rgba(10,12,16,.48);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:48px;height:48px;top:4px;left:4px;padding:0}.program-card .erase-button:hover{background:rgba(10,12,16,.64);box-shadow:none}.program-card--hovered{opacity:1;z-index:10;overflow:visible!important}.program-card--dimmed{opacity:.3}.program-card__background-image{width:100%;height:auto;object-fit:cover;border-radius:8px;aspect-ratio:446/252;-webkit-mask-image:linear-gradient(0deg,rgba(10,12,16,.5) 25%,rgba(10,12,16,.9) 50%,rgb(10,12,16));mask-image:linear-gradient(0deg,rgba(10,12,16,.5) 25%,rgba(10,12,16,.9) 50%,rgb(10,12,16))}.program-card__program-time-container{position:absolute;display:flex;flex-direction:column;gap:4px;margin-left:8px;top:8px}@media(max-width:767px){.program-card__program-time-container{top:4px;margin-left:4px}}.program-card__program-time-container .program-time{display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:hsla(0,0%,100%,.9);color:#000;padding:6px;line-height:18px;z-index:2;font-size:12px;font-weight:500;letter-spacing:.48px}@media(max-width:767px){.program-card__program-time-container .program-time{font-size:8px!important;padding:2px 4px}}.program-card__program-time-container .program-time.live{background-color:#c22715;color:#fff;margin-right:8px;width:fit-content}.program-card__program-time-container .program-time .dot{display:flex;width:4px;height:4px;border-radius:50%;background-color:#fff;margin-right:4px}.program-card__program-time-container .broadcast-type{display:flex;border-radius:4px;background-color:hsla(0,0%,100%,.9);color:#000;padding:6px;line-height:18px;z-index:2;font-size:12px;font-weight:500;letter-spacing:.48px;width:fit-content}@media(max-width:767px){.program-card__program-time-container .broadcast-type{font-size:8px!important;padding:2px 4px}}.program-card__program-name{color:#fff;text-align:left;display:inline-block;width:calc(100% - 40px);white-space:nowrap;overflow:hidden;position:absolute;bottom:8px;left:0;margin-left:12px;background:linear-gradient(90deg,#FFFFFF,#FFFFFF,#FFFFFF,transparent);color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text}@media(max-width:767px){.program-card__program-name{text-align:left}}.program-card__channel-logo{object-fit:contain;width:30px;height:auto;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;z-index:2}.program-card__channel-logo-container{position:absolute;top:6px;right:22px;background:#222428;padding:5px;border-radius:8px}@media(max-width:767px){.program-card__channel-logo-container{top:2px;right:18px}.program-card__channel-logo{max-width:32px;width:32px;max-height:32px;max-width:24px;width:24px;max-height:24px}}.reminder-section{display:flex;margin-top:8px;align-items:center;gap:8px;height:48px}.reminder-section-img-wrapper{width:48px;height:48px;border-radius:50%;background-color:hsla(0,0%,100%,.04);display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(max-width:1024px){.reminder-section-img-wrapper{width:32px;height:32px}}.reminder-section-img-wrapper img{width:24px;height:24px}@media(max-width:1024px){.reminder-section-img-wrapper img{width:16px;height:16px}}.reminder-section .reminder-text-container{width:calc(100% - 16px);margin-left:6px;display:flex;flex-direction:column;justify-content:center}.reminder-section .reminder-text-container .season-and-episode{display:flex;justify-content:space-between;align-items:center;color:#fff}.reminder-section .reminder-text-container .date{color:#fad604;font-size:14px}