import{s as n,f as t}from"./p-9c7dbbdf.js";function s(n){return`only screen and (min-width: ${n})`}function o(o,c,a,i,e,r,$,m){const d=o.id;const l=`${a}#${d}`;const f=`${i}:not(.${e}, .${r})`;const p=`@media ${s(c)}`;const u=`${l} { display: grid }`;const y=`${p} {\n    ${l} ${n("search")} {\n      justify-self: start;\n      width: 80%;\n    }\n  }`;const h=()=>{const s=t(o,"facets");const c=t(o,"main");if(!s||!c){return""}const a=s.minWidth||"17rem";const i=s.maxWidth||"22rem";const e=c.minWidth||"50%";const r=c.maxWidth||"70rem";return`${p} {\n      ${l} {\n        grid-template-areas:\n        '. .                     atomic-section-search .'\n        '. atomic-section-main   atomic-section-main   .';\n        grid-template-columns:\n          1fr minmax(${a}, ${i}) minmax(${e}, ${r}) 1fr;\n        column-gap: var(--atomic-layout-spacing-x);\n      }\n\n      ${f} ${l} {\n        grid-template-areas:\n          '. .                     atomic-section-search .'\n          '. atomic-section-facets atomic-section-main   .'\n          '. atomic-section-facets .                     .';\n      }\n\n      ${f} ${l} ${n("facets")} {\n        display: block;\n      }\n    }`};const b=()=>{const s=t(o,"status");if(!s){return""}const c=s.querySelector($);if(!c){return""}const a=`${l} ${n("status")}`;return`${a} ${m} {\n      display: none;\n    }\n\n    ${p} {\n     ${a} ${m} {\n       display: block;\n      }\n\n      ${a} ${$} {\n        display: none;\n       }\n    }`};const g=()=>`${p} {\n      ${l} ${n("horizontal-facets")} > atomic-popover:not(.atomic-hidden) {\n        display: block;\n      }\n    }`;return[u,y,h(),b(),g()].filter((n=>n!=="")).join("\n\n")}export{o as b};
//# sourceMappingURL=p-76cdb4e5.js.map