@layer components.layout{ec-container{box-sizing:border-box;display:block}ec-container[hidden]{display:none}ec-container[max-width]{width:fit-content;max-width:min(var(--container-max-width,100%), 100%);margin-inline:auto}ec-container[max-width="640px"]{--container-max-width:640px}ec-container[max-width="800px"]{--container-max-width:800px}ec-container[max-width="1024px"]{--container-max-width:1024px}ec-container[max-width=sm]{--container-max-width:28rem}ec-container[max-width=md]{--container-max-width:45rem}ec-container[max-width=lg]{--container-max-width:60rem}ec-container[max-width=sm],ec-container[max-width=md],ec-container[max-width=lg]{width:var(--container-max-width);max-width:100%}}