import{_ as o,o as a,d as c,a as s,r as t}from"./F4mCmN5V.js";const n={},l={class:"absolute inset-0 p-[1.5em] flex flex-col justify-between text-[clamp(0.875rem,3.5vw,1.125rem)] md:text-[min(2vh,1.5vw)]"},r={class:"absolute inset-0 -z-10"},i={class:"relative z-10 flex items-start justify-between"},_={class:"absolute inset-0 px-[1.5em] flex flex-col items-center justify-center gap-8 md:gap-[calc(var(--spacing-content)*2)]"},m={class:"relative z-10 flex flex-col items-center gap-[1em]"};function f(e,d){return a(),c("section",l,[s("div",r,[t(e.$slots,"background")]),s("header",i,[t(e.$slots,"header")]),s("article",_,[t(e.$slots,"article")]),s("footer",m,[t(e.$slots,"footer")])])}const u=Object.assign(o(n,[["render",f]]),{__name:"Screen"});export{u as _};