.hl-share{gap:.375rem}.hl-share:before{content:"";background-color:currentColor;flex-shrink:0;width:1rem;height:1rem;display:block;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.7 1.7'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.7-1.7'/%3E%3C/svg%3E") 50%/contain no-repeat}.hl-share.is-copied:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 13 4 4L19 7'/%3E%3C/svg%3E")}.hl-share-text{font-size:var(--text-xs);line-height:var(--text-xs--line-height);white-space:nowrap;font-weight:500}.hl-card{scroll-snap-align:start;border:1px solid var(--cdj-line);background:var(--cdj-surface-raised);border-radius:.5rem;flex-shrink:0;display:flex;position:relative;overflow:hidden}.hl-media{width:100%;position:relative}.hl-card--compact .hl-media{aspect-ratio:16/9;border-radius:.375rem;flex-shrink:0;align-self:flex-start;width:8rem;margin:.75rem 0 .75rem .75rem;overflow:hidden}@media (width>=40rem){.hl-card--compact .hl-media{width:124px}}.hl-play,.hl-out{aspect-ratio:16/9;background:var(--cdj-surface-sunken);cursor:pointer;width:100%;display:block;position:relative;overflow:hidden}.hl-card--compact .hl-play,.hl-card--compact .hl-out{aspect-ratio:auto;position:absolute;inset:0}.hl-thumb{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hl-dur,.hl-media>.hl-pubdate{background:color-mix(in oklab, var(--color-black) 60%, transparent);font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--color-white);border-radius:.375rem;padding:.125rem .375rem;font-weight:500;position:absolute}.hl-dur{top:.5rem;right:.5rem}.hl-card--compact .hl-dur{font-size:var(--text-2xs);padding-inline:.25rem;top:.25rem;right:.25rem}.hl-media>.hl-pubdate{font-size:var(--text-2xs);pointer-events:none;bottom:.5rem;left:.5rem}.hl-pubdate:first-letter{text-transform:uppercase}.hl-play:after{content:"";background:color-mix(in oklab, var(--color-black) 50%, transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center / 1.375rem no-repeat;border-radius:9999px;width:2.25rem;height:2.25rem;margin:auto;transition:background-color .15s;position:absolute;inset:0}.hl-card--compact .hl-play:after{background-size:1.25rem;width:2rem;height:2rem}.hl-card:hover .hl-play:after{background-color:color-mix(in oklab, var(--color-black) 90%, transparent)}.hl-pill{white-space:nowrap;font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--color-black);background:color-mix(in oklab, var(--color-white) 90%, transparent);box-shadow:0 1px 2px 0 color-mix(in oklab, var(--color-black) 5%, transparent);border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-weight:600;transition:background-color .15s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hl-pill--faint{background:color-mix(in oklab, var(--color-white) 70%, transparent)}.hl-card:hover .hl-pill{background:var(--color-white)}.hl-pill>svg{flex-shrink:0;width:.875rem;height:.875rem}.hl-card--compact .hl-pill{background:color-mix(in oklab, var(--color-white) 95%, transparent);justify-content:center;width:2rem;height:2rem;padding:0}.hl-card--compact .hl-pill>svg{width:1rem;height:1rem}.hl-card-share{z-index:10;background:color-mix(in oklab, var(--color-black) 60%, transparent);color:var(--color-white);border-radius:.375rem;align-items:center;padding:.375rem;transition:background-color .15s,opacity .15s;display:flex;position:absolute;top:.5rem;left:.5rem}.hl-card-share:hover{background:var(--color-black)}.hl-card-share:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}@media (hover:hover){.hl-card-share{opacity:0}.hl-card:hover .hl-card-share,.hl-card-share:focus-visible{opacity:1}}.hl-body{flex-direction:column;flex:1;gap:.25rem;min-width:0;padding:.75rem;display:flex}.hl-meta{font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--cdj-fg-muted);align-items:center;column-gap:.375rem;font-weight:500;display:flex}.hl-avatar{background:var(--cdj-surface-sunken);border-radius:9999px;flex-shrink:0;width:1rem;height:1rem}.hl-chan{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hl-tag{font-size:var(--text-2xs);border-radius:.375rem;flex-shrink:0;padding:.125rem .375rem;font-weight:600}.hl-meta>.hl-pubdate{flex-shrink:0;margin-left:auto;font-weight:400}.hl-title{-webkit-line-clamp:2;color:var(--cdj-fg);-webkit-box-orient:vertical;font-size:17px;font-weight:600;line-height:1.375;display:-webkit-box;overflow:hidden}.hl-card--compact .hl-title{font-size:var(--text-base)}.hl-title>a:hover{text-decoration:underline}.hl-more{width:fit-content;max-width:100%;font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--cdj-fg-muted);display:block}.hl-more:hover{color:var(--cdj-fg);text-decoration:underline}.hl-source-title{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--cdj-fg-subtle)}.hl-outrow{font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--cdj-fg-muted);align-items:center;gap:.5rem;font-weight:500;display:flex}.hl-outrow>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hl-outrow-share{border-radius:.375rem;flex-shrink:0;align-items:center;margin:-.25rem -.25rem -.25rem auto;padding:.25rem;transition:background-color .15s,color .15s;display:flex}.hl-outrow-share:hover{background:var(--cdj-surface-hover);color:var(--cdj-fg)}.hl-blocked{min-width:0;font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--cdj-fg-subtle);margin-top:auto;padding-top:.5rem}.hl-card--compact .hl-blocked{margin-top:0;padding-top:.25rem}.hl-blocked>span,.hl-blocked>summary{color:var(--cdj-warning);font-weight:500}.hl-blocked>summary{cursor:pointer;align-items:center;gap:.25rem;list-style:none;display:flex}.hl-blocked>summary::-webkit-details-marker{display:none}.hl-blocked>summary:before{content:"";background-color:currentColor;flex-shrink:0;width:.75rem;height:.75rem;transition:transform .15s;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") 50%/contain no-repeat}.hl-blocked[open]>summary:before{transform:rotate(90deg)}.hl-blocked>p{margin-top:.25rem;padding-left:1rem}