.tui-createPlaylist{display:flex;flex:1;flex-direction:column;width:100%;height:100%}.tui-resourcePlaylistBox{display:flex;flex-direction:column}.tui-resourcePlaylistBox__card{padding:var(--gap-2) 0}.tui-resourcePlaylistBox__card:not(:last-child){border-bottom:var(--border-width-thin) solid var(--color-neutral-5)}.tui-addNewPlaylistCard{width:100%;height:calc(var(--engage-card-height) + 11px)}.tui-addNewPlaylistCard .tui-card{border:2px dashed var(--color-primary)}.tui-addNewPlaylistCard__card{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.tui-addNewPlaylistCard__icon{color:var(--color-primary);cursor:pointer}.tui-playlistCard{}.tui-playlistCard__cardWrapper{flex-grow:1}.tui-playlistCard__numberOfResourcesContainer{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.tui-playlistCard__numberOfResources{width:1.75rem;height:1.75rem;background-color:var(--color-neutral-1);border-radius:50%}.tui-playlistCard__numberOfResources p{margin:0 auto;padding:0;font-weight:700;font-size:calc(var(--font-size-base) / 16 * 12);line-height:1.75rem;text-align:center}.tui-playlistCard__subtitleRow{display:flex;flex-flow:row wrap;gap:calc(var(--gap-base) * 1)}.tui-playlistCard__subtitle{font-weight:var(--font-body-sm-weight);font-size:var(--font-body-sm-size);font-family:var(--font-body-sm-family);line-height:var(--font-body-sm-line-height);flex:1}.tui-playlistCard__footer{display:flex;align-items:center;justify-content:center;min-height:2rem}.tui-playlistCard__statusIcons{display:flex;gap:calc(var(--gap-base) * 2)}@media (hover:hover){.tui-playlistCard__statusIcons{opacity:0;transition:opacity 0.3s ease-in-out}.tui-playlistCard__cardWrapper:focus-within .tui-playlistCard__statusIcons,.tui-playlistCard__cardWrapper:hover .tui-playlistCard__statusIcons{opacity:1}}.tui-engagePlaylistImage__img{width:100%;height:100%;background-color:var(--color-primary)}.tui-playlistFootnote{display:flex;flex-direction:row;justify-content:flex-end}.tui-playlistRelatedCard{display:flex;min-width:120px;height:var(--engage-sidepanel-card-height);background-color:var(--color-neutral-1)}.tui-playlistRelatedCard__header{display:flex;align-items:center;justify-content:center;width:var(--engage-sidepanel-card-height);height:calc(var(--engage-sidepanel-card-height) - 1px);background-color:var(--color-primary);background-position:center;background-size:cover;border-top-left-radius:calc(var(--card-border-radius) - 1px);border-bottom-left-radius:calc(var(--card-border-radius) - 1px)}.tui-playlistRelatedCard__resourceCount{font-weight:var(--font-h6-weight);font-size:var(--font-h6-size);font-family:var(--font-h6-family);line-height:var(--font-h6-line-height);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color-neutral-1);border-radius:50%}.tui-playlistRelatedCard__content{display:flex;flex-direction:column;flex-grow:1;margin-left:var(--gap-2);padding:var(--gap-4) 0 var(--gap-2) 0;overflow:hidden}.tui-playlistRelatedCard__content>*{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tui-playlistRelatedCard__content>:first-child{font-weight:var(--font-h6-weight);font-size:var(--font-h6-size);font-family:var(--font-h6-family);line-height:var(--font-h6-line-height);color:inherit;text-decoration:none}.tui-playlistRelatedCard__content>:nth-child(2){font-weight:var(--font-body-sm-weight);font-size:var(--font-body-sm-size);font-family:var(--font-body-sm-family);line-height:var(--font-body-sm-line-height)}.tui-playlistRelatedCard__content>:last-child{margin-top:auto;margin-bottom:0}.tui-playlistRelatedCard__content>:last-child .tui-engageStarIcon{width:calc(var(--font-size-base) / 16 * 14);height:calc(var(--font-size-base) / 16 * 14)}.tui-playlistRelatedCard__content>:last-child .tui-engageStarIcon__filled{stop-color:var(--color-chart-background-2)}.tui-playlistRelatedCard__content>:last-child .tui-engageStarIcon__unfilled{stop-color:var(--color-neutral-1)}.tui-playlistRelatedCard__bookmark{align-self:flex-start;margin-top:-2px}.tui-summaryPlaylistCard{display:flex;flex-direction:column;align-items:flex-start}.tui-summaryPlaylistCard__top{display:flex;width:100%}.tui-summaryPlaylistCard__top .tui-engageStarIcon{width:calc(var(--font-size-base) / 16 * 15);height:calc(var(--font-size-base) / 16 * 14)}.tui-summaryPlaylistCard__top .tui-engageStarIcon__filled{stop-color:var(--color-chart-background-2)}.tui-summaryPlaylistCard__top .tui-engageStarIcon__unfilled{stop-color:var(--color-neutral-1)}.tui-summaryPlaylistCard__title{font-weight:var(--font-body-sm-weight);font-size:var(--font-body-sm-size);font-family:var(--font-body-sm-family);line-height:var(--font-body-sm-line-height);flex:1;margin:0;overflow:hidden;font-weight:bold;white-space:nowrap;text-overflow:ellipsis}.tui-summaryPlaylistCard__author{font-weight:var(--font-body-sm-weight);font-size:var(--font-body-sm-size);font-family:var(--font-body-sm-family);line-height:var(--font-body-sm-line-height);margin:0;margin-top:var(--gap-1)}.tui-contributionPlaylistResources{display:flex;width:100%;height:100%}.tui-contributionPlaylistResources .tui-loader{flex-grow:1}.tui-contributionPlaylistResources__loadMoreContainer{display:flex;flex-direction:column;justify-content:center}.tui-contributionPlaylistResources__viewedResources{display:flex;align-self:center;margin-bottom:var(--gap-1)}.tui-contributionPlaylistResources__loadMore{display:flex;align-self:center}.tui-contributionPlaylistResources .tui-contributionBaseContent{display:flex;flex-direction:column;width:100%}.tui-contributionPlaylistResources .tui-contributionBaseContent__counterContainer{margin-bottom:var(--gap-4)}.tui-contributionPlaylistResources .tui-contributionBaseContent__counterContainer__counter{position:relative;top:0}.tui-playlistForm{display:flex;flex:1;flex-direction:column}.tui-playlistForm__description{display:flex;flex:2;flex-direction:column;margin-top:var(--gap-6)}.tui-playlistForm__description-tip{position:relative;display:flex;margin-top:var(--gap-2)}.tui-playlistForm__description-formRow{flex:1}.tui-playlistForm__description-formRow .tui-formRow__action{display:flex;flex:1;flex-direction:column}.tui-playlistForm__description-textArea{flex:1}.tui-playlistForm__buttons{display:flex;justify-content:flex-end;margin-top:var(--gap-6)}.tui-playlistTitleForm{font-weight:var(--font-body-weight);font-size:var(--font-body-size);font-family:var(--font-body-family);line-height:var(--font-body-line-height);display:flex;flex-direction:column;width:100%}.tui-playlistTitleForm .tui-formRow__desc{display:none}.tui-playlistTitleForm .tui-formRow__action{margin:0}.tui-playlistResourcesGrid__container{position:relative;display:grid;grid-template-columns:repeat(auto-fill, minmax(min(var(--tui-card-default-width), 100%), 1fr));gap:var(--gap-4)}.tui-playlistResourcesGrid__card-item{position:relative;height:100%}.tui-playlistResourcesGrid__card-item-moveIcon{position:absolute;top:var(--gap-2);left:var(--gap-2);display:none}.tui-playlistResourcesGrid__card-item:hover .tui-playlistResourcesGrid__card-item-moveIcon,.tui-playlistResourcesGrid__card-item--dragging .tui-playlistResourcesGrid__card-item-moveIcon{z-index:1;display:block}.tui-playlistContributeModal{position:relative}.tui-playlistContributeModal__content{position:relative;display:flex;flex:1;flex-direction:column;min-height:550px}.tui-playlistPageHeaderBox__titleBox{width:100%}.tui-playlistPageHeaderBox__title{margin:0;overflow-wrap:anywhere}.tui-playlistPopover__buttons{display:flex;justify-content:flex-end}.tui-playlistPopover__yes{margin-right:var(--gap-2)}.tui-playlistSidePanel{display:flex;flex-direction:column;flex-grow:1;height:100%;padding:var(--gap-8)}.tui-playlistSidePanel__timeDescription{font-weight:var(--font-body-sm-weight);font-size:var(--font-body-sm-size);font-family:var(--font-body-sm-family);line-height:var(--font-body-sm-line-height)}.tui-playlistSidePanel__setting{display:flex;flex-direction:row}.tui-playlistSidePanel__media{margin-top:0;margin-left:var(--gap-6)}.tui-playlistStarRating .tui-engageStarIcon{width:calc(var(--font-size-base) / 16 * 15);height:calc(var(--font-size-base) / 16 * 15)}.tui-playlistStarRating .tui-engageStarIcon__filled{stop-color:var(--color-chart-background-2)}.tui-playlistStarRating .tui-engageStarIcon__unfilled{stop-color:var(--color-neutral-1)}.tui-playlistStarRating__rates{padding-right:var(--gap-1)}.tui-playlistStarRating__icon{margin-bottom:var(--gap-1)}.tui-playlistSummary{margin:var(--gap-8) 0}.tui-playlistSummary>p{margin:0}.tui-playlistSummary__placeholder{color:var(--color-state)}.tui-playlistRelated>*+*{margin-top:var(--gap-2)}.tui-playlistSidePanelContent{display:flex;flex-direction:column;flex-grow:1}:root{--playlistView-min-height: 78vh}.tui-playlistView{display:flex;flex-direction:column}.tui-playlistView--small .tui-contributionBaseContent__cards{padding:0}.tui-playlistView .tui-contributionBaseContent__header{margin-top:var(--gap-2)}.tui-playlistView .tui-responsive>.tui-grid>.tui-grid-item{min-height:var(--playlistView-min-height)}.tui-playlistView .tui-layoutOneColumnWithSidepanel__heading{display:none}.tui-playlistView__bookmark{align-self:flex-start}.tui-playlistView__loadMoreContainer{display:flex;flex-direction:column;justify-content:center}.tui-playlistView__viewedResources{display:flex;align-self:center;margin-bottom:var(--gap-1)}.tui-playlistView__loadMore{display:flex;align-self:center}.tui-playlistView .tui-contributionBaseContent__counter{position:relative;top:0;padding:0 0 var(--gap-8) var(--gap-1)}