:host{display:block}.container{display:block;box-sizing:border-box;background-color:var(--bento-spacer-background-color, var(--bd-sys-color-background, #FFFFFF))}.spacer{height:var(--bento-spacer-height)}.extraSmall{--bento-spacer-height: 24px}@media(max-width: 1439px){.small{--bento-spacer-height: 40px}}@media(min-width: 1024px){.small{--bento-spacer-height: 80px}}@media(max-width: 1439px){.medium{--bento-spacer-height: 60px}}@media(min-width: 1024px){.medium{--bento-spacer-height: 120px}}@media(max-width: 1439px){.large{--bento-spacer-height: 80px}}@media(min-width: 1024px){.large{--bento-spacer-height: 160px}}@media(max-width: 1439px){.extraLarge{--bento-spacer-height: 100px}}@media(min-width: 1024px){.extraLarge{--bento-spacer-height: 200px}}.internal{--bento-spacer-height: 40px}bento-app[template=template_external_spacer]{opacity:1 !important}bento-spacer:not(:defined){background:var(--bd-comp-app-color-background, var(--bd-sys-color-background, #FFFFFF));display:block !important;height:var(--bento-spacer-height)}bento-spacer:not(:defined)[size=extra-small]{--bento-spacer-height: 24px}@media(max-width: 1439px){bento-spacer:not(:defined)[size=small]{--bento-spacer-height: 40px}}@media(min-width: 1024px){bento-spacer:not(:defined)[size=small]{--bento-spacer-height: 80px}}@media(max-width: 1439px){bento-spacer:not(:defined)[size=medium]{--bento-spacer-height: 60px}}@media(min-width: 1024px){bento-spacer:not(:defined)[size=medium]{--bento-spacer-height: 120px}}@media(max-width: 1439px){bento-spacer:not(:defined)[size=large]{--bento-spacer-height: 80px}}@media(min-width: 1024px){bento-spacer:not(:defined)[size=large]{--bento-spacer-height: 160px}}@media(max-width: 1439px){bento-spacer:not(:defined)[size=extra-large]{--bento-spacer-height: 100px}}@media(min-width: 1024px){bento-spacer:not(:defined)[size=extra-large]{--bento-spacer-height: 200px}}bento-spacer:not(:defined)[size=internal]{--bento-spacer-height: 40px}