:root{--infobox-colour-scheme: transparent}.infobox{max-width:660px;padding:1.5rem 1rem;margin:0 auto;background-color:#fff}@media(min-width: 500px){.infobox{padding:1.75rem}}@media(min-width: 700px){.infobox{padding:3.5rem 3.75rem}}.infobox__title{position:relative;font-size:1rem}@media(min-width: 600px){.infobox__title{font-size:1.2rem}}@media(min-width: 800px){.infobox__title{font-size:1.4rem}}.infobox__title:before{position:absolute;top:0;bottom:0;left:-1rem;border-left:6px solid var(--infobox-colour-scheme);content:""}@media(min-width: 500px){.infobox__title:before{left:-1.75rem}}@media(min-width: 700px){.infobox__title:before{left:-3.75rem;border-width:10px}}