.content-item-modal,.content-item-modal>.info{display:flex}.content-item-modal{position:relative;background-color:var(--baseColor);color:var(--contrastColor);font-family:var(--primaryFont);overflow:hidden;border-radius:.25rem;font-size:.75rem;-webkit-user-select:none;user-select:none;box-shadow:0 4px 16px rgba(0,0,0,.5);flex-direction:column}.content-item-modal.featured{font-size:.85rem}.content-item-modal.featured .ico-buttons,.content-item-modal.featured .icon-action-button,.content-item-modal.featured .plain-buttons{transform:scale(1.14)}.content-item-modal.featured .ico-buttons{margin-right:1.5em}.content-item-modal.featured .plain-buttons{transform-origin:left}.content-item-modal.featured>.content-preview-container .rounded-play-button{bottom:1.5rem;right:1.5rem}.content-item-modal>.content-preview-container{position:relative}.content-item-modal>.content-preview-container .rounded-play-button{z-index:4;position:absolute;bottom:1rem;right:1rem;transition:transform .2s ease-in-out}.content-item-modal>.content-preview-container .rounded-play-button:hover{transform:scale(1.16)}.content-item-modal>.info{padding:1em;flex:1 1;flex-direction:column;justify-content:space-between}.content-item-modal>.info>.hasAction{cursor:pointer}.content-item-with-modal .metadata .current{display:flex}.content-item-with-modal{position:relative;overflow:hidden;border-radius:.25rem;-webkit-user-select:none;user-select:none}.content-item-with-modal .metadata{z-index:1;padding-top:.75rem}.content-item-with-modal .metadata:active{cursor:grabbing}.content-item-with-modal .metadata .episode{display:block;font-size:.75rem;opacity:.75;margin-bottom:.5rem}.content-item-with-modal .metadata .title{font-weight:600;margin-bottom:.25rem;line-height:1.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-item-with-modal .metadata .schedule-date{font-size:.75rem;opacity:.5}.content-item-with-modal .metadata .current{margin-top:.5rem;width:100%;justify-content:space-between}.content-item-with-modal .metadata .current .badge{height:-webkit-max-content;height:max-content}.content-item-with-modal .metadata .current .live-logo{width:1.5rem;height:1.5rem}.content-item-with-modal .metadata .live-name{opacity:.75;font-size:.75rem;margin-bottom:.5rem;color:var(--contrastColor)}.content-item-with-modal .metadata.over-image{position:absolute;box-sizing:border-box;width:100%;bottom:0;padding:.5rem;cursor:pointer;color:var(--contrastColor)}.content-item-with-modal .metadata.over-image .title{font-weight:700}.content-item-with-modal .metadata.over-image .schedule-date{opacity:.75}