.hb-vlb{--hb-vlb-color: var(--colorPrimary, #161514);--hb-vlb-on: #fff;--hb-vlb-ink: #141414;--hb-vlb-ease: cubic-bezier(.22, 1, .36, 1);display:flex;justify-content:flex-start}@supports (color: oklch(from red l c h)){.hb-vlb:not(.hb-vlb--color){--hb-vlb-on: oklch(from var(--hb-vlb-color) clamp(.15, (.6 - l) * 1000, 1) 0 0)}}.hb-vlb--align-center{justify-content:center}.hb-vlb--align-right{justify-content:flex-end}.hb-vlb--image{display:block}.hb-vlb .hb-vlb__trigger.hb-vlb__trigger,.hb-vlb .hb-vlb__link.hb-vlb__link{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.hb-vlb .hb-vlb__card.hb-vlb__card{color:#fff;text-decoration:none;-webkit-tap-highlight-color:transparent}.hb-vlb a:focus{outline:none}.hb-vlb__glyph{display:block;flex:none;overflow:visible}.hb-vlb__glyph--disc{width:100%;height:100%}.hb-vlb__glyph--tight{width:auto;height:1em;aspect-ratio:.9}.hb-vlb__play{--size: 64px;--fill: var(--hb-vlb-color);--glyph: var(--hb-vlb-icon, var(--hb-vlb-on));--ring: var(--hb-vlb-color);--lift: 0 10px 24px -14px rgb(0 0 0 / .45);position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--size);height:var(--size);border-radius:999px}.hb-vlb__play--small{--size: 48px}.hb-vlb__play--large{--size: 88px}.hb-vlb__play--xlarge{--size: 112px}.hb-vlb__disc{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;border-radius:inherit;background-color:var(--fill);box-shadow:var(--edge, 0 0 0 0 transparent),var(--lift);transition:scale .5s var(--hb-vlb-ease),box-shadow .4s ease,background-color .3s ease}.hb-vlb__disc .hb-vlb__glyph{color:var(--glyph);transition:color .3s ease}.hb-vlb__play--solid{--ring: var(--hb-vlb-color)}.hb-vlb__play--light{--fill: #fff;--glyph: var(--hb-vlb-icon, var(--hb-vlb-light-glyph, var(--hb-vlb-ink)));--ring: #fff;--lift: 0 12px 30px -14px rgb(0 0 0 / .5)}.hb-vlb__play--glass{--fill: color-mix(in srgb, var(--hb-vlb-tint, #141416) 34%, transparent);--glyph: var(--hb-vlb-icon, #fff);--ring: #fff;--edge: inset 0 0 0 1px rgb(255 255 255 / .45);--lift: 0 0 0 0 transparent}.hb-vlb__play--glass .hb-vlb__disc{-webkit-backdrop-filter:blur(16px) saturate(1.6) brightness(.82);backdrop-filter:blur(16px) saturate(1.6) brightness(.82)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.hb-vlb__play--glass{--fill: color-mix(in srgb, var(--hb-vlb-tint, #141416) 58%, transparent)}}.hb-vlb__play--ring{--fill: transparent;--ring: currentColor;--glyph: var(--hb-vlb-icon, currentColor);--edge: inset 0 0 0 1.5px var(--ring);--lift: 0 0 0 0 transparent}.hb-vlb--color .hb-vlb__play--ring{color:var(--hb-vlb-color)}.hb-vlb__play--ring.has-backing{--fill: rgb(0 0 0 / .55)}.hb-vlb__play--ring.has-backing .hb-vlb__disc{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hb-vlb a:hover .hb-vlb__play--ring .hb-vlb__disc,.hb-vlb a:focus-visible .hb-vlb__play--ring .hb-vlb__disc{background-color:currentColor}.hb-vlb a:hover .hb-vlb__play--ring,.hb-vlb a:focus-visible .hb-vlb__play--ring{--glyph: var(--hb-vlb-ring-on, #fff)}.hb-vlb__play.has-edge{--edge: inset 0 0 0 1.5px var(--hb-vlb-edge);--lift: 0 0 0 0 transparent}.hb-vlb__play.has-edge.has-keyline{--edge: inset 0 0 0 1.5px #fff;--lift: 0 0 0 1.5px var(--hb-vlb-ink)}.hb-vlb__card .hb-vlb__play[data-hb-tone=light]{color:var(--hb-vlb-ink)}.hb-vlb a:hover .hb-vlb__disc,.hb-vlb a:focus-visible .hb-vlb__disc{scale:1.06}.hb-vlb a:hover .hb-vlb__play--solid,.hb-vlb a:hover .hb-vlb__play--light{--lift: 0 16px 32px -14px rgb(0 0 0 / .5)}.hb-vlb a:hover .hb-vlb__play--glass{--fill: color-mix(in srgb, var(--hb-vlb-tint, #141416) 44%, transparent)}.hb-vlb a:focus-visible .hb-vlb__disc{outline:2px solid currentColor;outline-offset:4px}.hb-vlb a.hb-vlb__trigger:focus-visible .hb-vlb__play--solid .hb-vlb__disc{outline-color:var(--hb-vlb-color)}.hb-vlb a.hb-vlb__card:focus-visible .hb-vlb__disc{outline-color:#fff}.hb-vlb__rings{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.hb-vlb__rings:before,.hb-vlb__rings:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--ring);opacity:0;animation:hb-vlb-ripple 3.2s cubic-bezier(.2,.6,.35,1) infinite}.hb-vlb__rings:after{animation-delay:1.6s}@keyframes hb-vlb-ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.hb-vlb.is-paused .hb-vlb__rings:before,.hb-vlb.is-paused .hb-vlb__rings:after,html.hb-lb-locked .hb-vlb .hb-vlb__rings:before,html.hb-lb-locked .hb-vlb .hb-vlb__rings:after{animation-play-state:paused}.hb-vlb .hb-vlb__trigger{display:inline-flex;flex-wrap:wrap;align-items:center;gap:14px 18px;max-width:100%}.hb-vlb .hb-vlb__trigger--label-below{flex-direction:column;text-align:center}.hb-vlb__label{display:flex;flex:0 1 auto;flex-direction:column;gap:2px;width:max-content;max-width:min(24ch,100%);line-height:1.3;text-wrap:balance}.hb-vlb__trigger--label-below .hb-vlb__label{align-items:center}.hb-vlb__label-text,.hb-vlb__link-text{font-size:1.0625em;font-weight:600;background:linear-gradient(currentColor,currentColor) no-repeat 0 100% / 0 1px;transition:background-size .45s var(--hb-vlb-ease)}.hb-vlb a:hover .hb-vlb__label-text,.hb-vlb a:hover .hb-vlb__link-text,.hb-vlb a:focus-visible .hb-vlb__label-text,.hb-vlb a:focus-visible .hb-vlb__link-text{background-size:100% 1px}.hb-vlb__duration{font-size:.875em;font-variant-numeric:tabular-nums;color:color-mix(in srgb,currentColor 72%,transparent)}.hb-vlb__label.has-scrim,.hb-vlb .hb-vlb__link.has-scrim{padding:6px 12px;border-radius:10px;background:var(--hb-vlb-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hb-vlb .hb-vlb__card{--gap: clamp(14px, 4.5cqi, 28px);position:relative;display:block;overflow:hidden;border-radius:var(--hb-vlb-radius, 16px);corner-shape:var(--hb-vlb-corner, round);aspect-ratio:var(--hb-vlb-ratio, 16 / 9);isolation:isolate;container-type:inline-size;transition:transform .6s var(--hb-vlb-ease),box-shadow .6s var(--hb-vlb-ease)}.hb-vlb .hb-vlb__card--original{aspect-ratio:auto}.hb-vlb__media{position:absolute;inset:0;display:block;overflow:hidden;border-radius:inherit;corner-shape:inherit;background:#1c1c1f}.hb-vlb__card--original .hb-vlb__media{position:relative}.hb-vlb .hb-vlb__img{display:block;width:100%;height:100%!important;max-width:none;object-fit:cover;transition:transform .9s var(--hb-vlb-ease)}.hb-vlb__card--original .hb-vlb__img{height:auto!important}.hb-vlb__card--empty{min-height:180px}.hb-vlb__shade{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.hb-vlb__card--overlay-gradient .hb-vlb__shade{background:linear-gradient(to top,color-mix(in srgb,var(--hb-vlb-overlay, #000) 64%,transparent),color-mix(in srgb,var(--hb-vlb-overlay, #000) 18%,transparent) 45%,transparent 70%)}.hb-vlb__card--overlay-dim .hb-vlb__shade{background:color-mix(in srgb,var(--hb-vlb-overlay, #000) 32%,transparent)}.hb-vlb__card--overlay-none .hb-vlb__shade{display:none}.hb-vlb__card .hb-vlb__play{position:absolute;top:50%;left:50%;z-index:1;translate:calc(-50% + var(--hb-vlb-x, 0px)) calc(-50% + var(--hb-vlb-y, 0px) - var(--hb-vlb-rise, 0px))}.hb-vlb__card .hb-vlb__play--small{--size: min(48px, 18cqi)}.hb-vlb__card .hb-vlb__play--medium{--size: min(64px, 22cqi)}.hb-vlb__card .hb-vlb__play--large{--size: min(88px, 26cqi)}.hb-vlb__card .hb-vlb__play--xlarge{--size: min(112px, 30cqi)}.hb-vlb__card--play-bottom-left .hb-vlb__play,.hb-vlb__card--play-bottom-right .hb-vlb__play{top:auto;bottom:var(--gap);translate:var(--hb-vlb-x, 0px) var(--hb-vlb-y, 0px)}.hb-vlb__card--play-bottom-left .hb-vlb__play{left:var(--gap)}.hb-vlb__card--play-bottom-right .hb-vlb__play{right:var(--gap);left:auto}.hb-vlb__caption{position:absolute;right:var(--gap);bottom:var(--gap);left:var(--gap);z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none}.hb-vlb__title{max-width:30ch;font-size:clamp(15px,4.4cqi,22px);font-weight:600;line-height:1.25;letter-spacing:-.01em;text-wrap:balance;text-shadow:0 1px 10px rgb(0 0 0 / .2)}.hb-vlb__card .hb-vlb__duration{padding:4px 10px;border-radius:999px;background:#0000008c;color:#fff;font-size:12px;font-weight:600;line-height:1.3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hb-vlb__card--play-bottom-left .hb-vlb__caption{left:calc(var(--gap) * 2 + var(--hb-vlb-play-w, 64px))}.hb-vlb__card--play-bottom-right .hb-vlb__caption{right:calc(var(--gap) * 2 + var(--hb-vlb-play-w, 64px))}@container (max-width: 280px){.hb-vlb__card .hb-vlb__caption{--gap: 12px}.hb-vlb__card .hb-vlb__title{font-size:14px}.hb-vlb__card .hb-vlb__caption .hb-vlb__duration{display:none}}.hb-vlb__card--scrim.hb-vlb__card--overlay-gradient .hb-vlb__shade,.hb-vlb__card--scrim.hb-vlb__card--overlay-none .hb-vlb__shade,.hb-vlb__card--scrim.hb-vlb__card--overlay-dim .hb-vlb__shade{display:block;background:linear-gradient(to top,color-mix(in srgb,var(--hb-vlb-overlay, #000) 85%,transparent),color-mix(in srgb,var(--hb-vlb-overlay, #000) 60%,transparent) 35%,transparent 75%)}.hb-vlb__card--backing .hb-vlb__title{display:inline;padding:2px 6px;border-radius:6px;background:#0000009e;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:1.6}.hb-vlb .hb-vlb__card--hover-zoom:hover .hb-vlb__img,.hb-vlb .hb-vlb__card--hover-zoom:focus-visible .hb-vlb__img{transform:scale(1.03)}.hb-vlb .hb-vlb__card--hover-lift:hover,.hb-vlb .hb-vlb__card--hover-lift:focus-visible{transform:translateY(-4px);box-shadow:0 24px 48px -28px #00000080}.hb-vlb__card--follow.is-following{cursor:none}.hb-vlb .hb-vlb__link{display:inline-flex;align-items:center;gap:.6em;line-height:1.4}.hb-vlb--color .hb-vlb__link.hb-vlb__link{color:var(--hb-vlb-color)}.hb-vlb__link-icon{display:flex;flex:none;align-items:center;justify-content:center;width:1.9em;height:1.9em;border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor;transition:box-shadow .3s ease,scale .4s var(--hb-vlb-ease)}.hb-vlb a:hover .hb-vlb__link-icon,.hb-vlb a:focus-visible .hb-vlb__link-icon{box-shadow:inset 0 0 0 2px currentColor;scale:1.08}.hb-vlb .hb-vlb__link:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}.hb-vlb__trigger--magnetic .hb-vlb__play{translate:var(--hb-vlb-mx, 0px) var(--hb-vlb-my, 0px);transition:translate .5s var(--hb-vlb-ease)}.hb-vlb__trigger--magnetic .hb-vlb__play:before{content:"";position:absolute;inset:-35%;border-radius:50%}.hb-vlb__trigger--magnetic .hb-vlb__glyph{translate:calc(var(--hb-vlb-mx, 0px) * .3) calc(var(--hb-vlb-my, 0px) * .3);transition:translate .5s var(--hb-vlb-ease),color .3s ease}.hb-vlb__btn-icon{display:inline-flex;order:-1}.hb-vlb__btn-icon .hb-vlb__glyph--tight{height:.8em}.hb-vlb--animated .hb-animated-button{max-width:100%;white-space:normal}.hb-vlb--animated .hb-animated-button.hb-vlb__btn--wrapped{--hb-btn-radius: 18px;line-height:1.3}@supports (color: oklch(from red l c h)){.hb-vlb--animated .hb-animated-button{--hb-btn-on: oklch(from var(--hb-btn-color) clamp(.15, (.6 - l) * 1000, 1) 0 0);--hb-btn-on-hover: oklch(from var(--hb-btn-color-hover) clamp(.15, (.6 - l) * 1000, 1) 0 0)}}.hb-vlb-notice{padding:12px 16px;border:1px dashed currentColor;border-radius:8px;font-size:14px;opacity:.7}@media(prefers-reduced-motion:reduce){.hb-vlb__rings{display:none}.hb-vlb__disc,.hb-vlb__glyph,.hb-vlb__disc .hb-vlb__glyph,.hb-vlb__trigger--magnetic .hb-vlb__glyph,.hb-vlb .hb-vlb__img,.hb-vlb .hb-vlb__card,.hb-vlb__play,.hb-vlb__link-icon{transition:none}}
