.hogi-media-showcase{display:flex;flex-direction:column;gap:40px;width:100%;min-width:0;color:var(--neutral-content)}.hogi-media-showcase-heading{display:flex;flex-direction:column;gap:12px;text-align:center;overflow-wrap:anywhere}.hogi-media-showcase-heading h2,.hogi-media-showcase-heading>p{margin:0;text-transform:none}.hogi-media-showcase-heading>p{color:var(--neutral-content-a58);white-space:pre-line}.hogi-media-showcase-body{position:relative;min-width:0}.hogi-media-showcase-play.hogi-button{position:absolute;left:50%;top:50%;padding:0;border-radius:16px;width:56px;height:56px;background:var(--neutral-content-inverse-a48);-webkit-backdrop-filter:blur(var(--blur-glass-sm));backdrop-filter:blur(var(--blur-glass-sm));transform:translate(-50%,-50%)}@media(hover:hover)and (pointer:fine){.hogi-media-showcase-video[data-playing=true] .hogi-media-showcase-play{opacity:0}.hogi-media-showcase-video[data-playing=true]:hover .hogi-media-showcase-play,.hogi-media-showcase-video[data-playing=true] .hogi-media-showcase-play:focus-visible{opacity:1}}.hogi-media-showcase-track{display:grid;position:relative;grid-template-columns:minmax(0,1fr);gap:12px}.hogi-media-showcase-frame{overflow:hidden;scroll-snap-align:start;position:relative;flex:0 0 100%;margin:0;border:0;border-radius:24px;min-width:0;background:var(--neutral-surface-bg);aspect-ratio:1000 / 562}.hogi-media-showcase-frame:after{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;border:1px solid var(--neutral-border-emphasis);border-radius:inherit;pointer-events:none;content:""}.hogi-media-showcase-video,.hogi-media-showcase-video-viewport,.hogi-media-showcase-poster{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0}.hogi-media-showcase-poster{background:var(--neutral-surface-bg);pointer-events:none}.hogi-media-showcase-video-error{display:grid;position:absolute;top:0;right:0;bottom:0;left:0;margin:0;background:var(--neutral-content-inverse-a65);place-items:center}.hogi-media-showcase-frame img,.hogi-media-showcase-frame video{display:block;width:100%;height:100%;object-fit:contain}.hogi-media-showcase[data-layout=grid] .hogi-media-showcase-track{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.hogi-media-showcase[data-layout=carousel] .hogi-media-showcase-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.hogi-media-showcase-track::-webkit-scrollbar,.hogi-media-showcase-tabs::-webkit-scrollbar{display:none}.hogi-media-showcase-arrow.hogi-button{position:absolute;top:50%;padding:0;border:1px solid var(--neutral-content-a8);border-radius:50%;width:40px;min-width:40px;height:40px;background:var(--neutral-content-inverse-a20);box-shadow:var(--shadow-default);-webkit-backdrop-filter:blur(var(--blur-glass-sm));backdrop-filter:blur(var(--blur-glass-sm));transform:translateY(-50%)}.hogi-media-showcase-arrow svg{width:15px;height:15px}.hogi-media-showcase-previous{left:-52px}.hogi-media-showcase-next{right:-52px}.hogi-media-showcase-pagination{margin-top:-16px}.hogi-media-showcase-tabs{display:flex;overflow-x:auto;position:relative;justify-content:safe center;gap:29px;max-width:100%;overscroll-behavior-x:contain;scrollbar-width:none}.hogi-media-showcase-tab{position:relative;flex:0 0 auto;padding:0;border:0;border-radius:6px;min-width:0;max-width:180px;height:40px;background:transparent;cursor:pointer;color:var(--neutral-content-a34);transition:color var(--motion-fast) ease}.hogi-media-showcase-tab span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hogi-media-showcase-tab[aria-pressed=true],.hogi-media-showcase-tab:hover{color:var(--neutral-content)}.hogi-media-showcase-tab[aria-pressed=true]:after{position:absolute;left:calc(50% - 10px);bottom:0;border-radius:1px;width:20px;height:2px;background:var(--neutral-content);content:""}.hogi-media-showcase-tab:focus-visible{outline:2px solid var(--neutral-content-a80);outline-offset:-2px}.hogi-media-showcase-indicator{display:none;position:absolute;left:0;bottom:0;border-radius:1px;width:20px;height:2px;background:var(--neutral-content);pointer-events:none;transition:transform var(--motion-normal) ease}@media(min-width:768px){.hogi-media-showcase:not([data-compact]) .hogi-media-showcase-tabs[data-indicator-ready] .hogi-media-showcase-tab:after{display:none}.hogi-media-showcase:not([data-compact]) .hogi-media-showcase-tabs[data-indicator-ready] .hogi-media-showcase-indicator{display:block}}@media(prefers-reduced-motion:reduce){.hogi-media-showcase-indicator,.hogi-media-showcase-tab{transition:none}}.hogi-media-showcase-caption,.hogi-media-showcase[data-layout=single] .hogi-media-showcase-pagination,.hogi-media-showcase[data-layout=grid] .hogi-media-showcase-pagination,.hogi-media-showcase[data-layout=grid] .hogi-media-showcase-arrow{display:none}@media(max-width:1279px){.hogi-media-showcase-previous{left:12px}.hogi-media-showcase-next{right:12px}}.hogi-media-showcase[data-compact]{gap:28px}.hogi-media-showcase[data-compact] .hogi-media-showcase-heading{gap:14px}.hogi-media-showcase[data-compact] .hogi-media-showcase-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.hogi-media-showcase[data-compact] .hogi-media-showcase-frame{border-radius:10px}.hogi-media-showcase[data-compact] .hogi-media-showcase-arrow{display:none}.hogi-media-showcase[data-compact] .hogi-media-showcase-pagination{display:block;margin-top:-22px}.hogi-media-showcase[data-compact] .hogi-media-showcase-caption{display:block;overflow:hidden;margin:0;text-overflow:ellipsis;text-align:center;white-space:nowrap}.hogi-media-showcase[data-compact] .hogi-media-showcase-tabs{overflow:visible;gap:4px;margin-top:6px}.hogi-media-showcase[data-compact] .hogi-media-showcase-tab{width:4px;height:4px}.hogi-media-showcase[data-compact] .hogi-media-showcase-tab[aria-pressed=true]{width:12px}.hogi-media-showcase[data-compact] .hogi-media-showcase-tab:before{position:absolute;top:-10px;right:-2px;bottom:-10px;left:-2px;content:""}.hogi-media-showcase[data-compact] .hogi-media-showcase-tab span{display:none}.hogi-media-showcase[data-compact] .hogi-media-showcase-tab:after{position:absolute;left:0;top:0;border-radius:2px;width:4px;height:4px;background:var(--neutral-content-a34);content:""}.hogi-media-showcase[data-compact] .hogi-media-showcase-tab[aria-pressed=true]:after{left:0;width:12px;background:var(--neutral-content)}@media(max-width:767px){.hogi-media-showcase{gap:28px}.hogi-media-showcase-heading{gap:14px}.hogi-media-showcase[data-layout] .hogi-media-showcase-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.hogi-media-showcase-frame{border-radius:10px}.hogi-media-showcase .hogi-media-showcase-arrow{display:none}.hogi-media-showcase[data-layout] .hogi-media-showcase-pagination{display:block;margin-top:-22px}.hogi-media-showcase-caption{display:block;overflow:hidden;margin:0;text-overflow:ellipsis;text-align:center;white-space:nowrap}.hogi-media-showcase-tabs{overflow:visible;gap:4px;margin-top:6px}.hogi-media-showcase-tab{width:4px;height:4px}.hogi-media-showcase-tab[aria-pressed=true]{width:12px}.hogi-media-showcase-tab:before{position:absolute;top:-10px;right:-2px;bottom:-10px;left:-2px;content:""}.hogi-media-showcase-tab span{display:none}.hogi-media-showcase-tab:after{position:absolute;left:0;top:0;border-radius:2px;width:4px;height:4px;background:var(--neutral-content-a34);content:""}.hogi-media-showcase-tab[aria-pressed=true]:after{left:0;width:12px;background:var(--neutral-content)}}.hogi-media-showcase-heading>.hogi-seo-markdown{color:var(--neutral-content-a58)}