import{r as e,h as t}from"./p-e97fde0a.js";const i=":host{display:block;--spacing:var(--sc-spacing-small)}.flex{display:flex;gap:var(--sc-flex-column-gap, var(--spacing));justify-content:var(--sc-flex-space-between, space-between)}.justify-flex-start{justify-content:flex-start}.justify-flex-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-space-between{justify-content:space-between}.justify-space-around{justify-content:space-around}.justify-space-evenly{justify-content:space-evenly}.wrap-wrap{flex-wrap:wrap}.wrap-no-wrap{flex-wrap:no-wrap}.align-flex-start{align-items:flex-start}.align-flex-end{align-items:flex-end}.align-center{align-items:center}.align-baseline{align-items:baseline}.align-stretch{align-items:stretch}.direction-row{flex-direction:row}.direction-row-reverse{flex-direction:row-reverse}.direction-column{flex-direction:column}.direction-column-reverse{flex-direction:column-reverse}@media (max-width: 480px){.stack-mobile{flex-direction:column}}@media (max-width: 768px){.stack-tablet{flex-direction:column}}@media (max-width: 1180px){.stack-desktop{flex-direction:column}}";const n=i;const s=class{constructor(t){e(this,t);this.alignItems=undefined;this.justifyContent=undefined;this.flexDirection=undefined;this.columnGap=undefined;this.flexWrap=undefined;this.stack=undefined}render(){return t("div",{key:"2903d979cc1c4c96578ffd314698a276881650ff",part:"base",class:{flex:true,...this.justifyContent?{[`justify-${this.justifyContent}`]:true}:{},...this.alignItems?{[`align-${this.alignItems}`]:true}:{},...this.flexDirection?{[`direction-${this.flexDirection}`]:true}:{},...this.columnGap?{[`column-gap-${this.columnGap}`]:true}:{},...this.flexWrap?{[`wrap-${this.flexWrap}`]:true}:{},...this.stack?{[`stack-${this.stack}`]:true}:{}}},t("slot",{key:"ad95563ef8755c8a235b025f95d42f3f58997d8f"}))}};s.style=n;export{s as sc_flex};
//# sourceMappingURL=p-386f6534.entry.js.map