@layer components{.hero__box{gap:var(--space-sm);pointer-events:auto;border-radius:var(--style-border-radius-cards,0);max-width:min(30rem,100%);translate:var(--box-tx,0) var(--box-ty,0);display:grid;position:absolute}.hero__box:empty{display:none}.hero__box--backdrop{padding:var(--space-md);background-color:var(--color-background)}.hero__box--x-start{inset-inline-start:0}.hero__box--x-center{--box-tx:-50%;inset-inline-start:50%}.hero__box--x-end{inset-inline-end:0}.hero__box--y-start{inset-block-start:var(--space-xl)}.hero__box--y-center{--box-ty:-50%;inset-block-start:50%}.hero__box--y-end{inset-block-end:var(--space-xl)}}