@layer theme,base,components,utilities,sp8-core,sp8-state,sp8-theme,sp8-scope;@layer sp8-core{.sp8-fe-hero-sequence{pointer-events:none}.sp8-fe-hero-sequence,.sp8-fe-hero-sequence__media{position:absolute;inset:0}.sp8-fe-hero-sequence__media img,.sp8-fe-hero-sequence__media video{width:100%;height:100%;object-fit:cover}.sp8-fe-hero-sequence__controls{position:absolute;z-index:30;bottom:var(--hero-controls-bottom, 2rem);left:var(--hero-controls-inset, 2rem);display:flex;flex-wrap:wrap;gap:var(--hero-controls-gap, 1rem);pointer-events:auto}.sp8-fe-hero-sequence__controls button{min-width:44px;min-height:44px;padding:.5rem;border:0;border-top:2px solid currentColor;background:var(--hero-controls-background, transparent);color:var(--hero-controls-color, #fff);font:inherit;cursor:pointer;opacity:.6}.sp8-fe-hero-sequence__controls button[aria-current=true],.sp8-fe-hero-sequence__controls button:hover{opacity:1}.sp8-fe-hero-sequence__controls button:focus-visible{outline:2px solid currentColor;outline-offset:4px;opacity:1}}