chromium/chrome/browser/resources/chromeos/edu_coexistence/edu_coexistence_template.html

<style include="common">  
 :host {
    overflow-y: hidden;
    --background-gradient-0: linear-gradient(0deg,
        rgba(var(--google-grey-100-rgb), 1) 0,
        rgba(var(--google-grey-100-rgb), 0) 8px);
    --background-gradient-180: linear-gradient(180deg,
        rgba(var(--google-grey-100-rgb), 1) 0,
        rgba(var(--google-grey-100-rgb), 0) 8px);
  }
</style>
<div class="template-container">
  <div class ="content-container">
    <div class="main" scrollable>
      <slot name="main"></slot>
    </div>
  </div>
  <div class="footer" hidden$="[[!showButtonFooter]]">
    <slot name="buttons"></slot>
  </div>
</div>