@layer components{.introduction{--margin:40px;--padding:20px;width:min(calc(100% - var(--padding)),var(--layout-width));min-height:calc(100vh - (var(--navigation-height) + var(--margin)*2));border-top:var(--layout-border-dashed);border-bottom:var(--layout-border-dashed);margin:40px auto;display:flex;position:relative}@media (width>=520px) and (width<=920px){.introduction{--padding:50px}}.introduction__inner{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;padding:20px;display:flex;position:relative}.introduction__inner:before{content:"";background:linear-gradient(to bottom right,transparent 0%,var(--blue)25%,var(--magenta)50%,var(--blue)75%,transparent 100%);opacity:.1;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.introduction__inner>.simple-bar-logo{width:240px;height:auto;fill:var(--grey-600)}.introduction__description{text-align:center}.introduction__links{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.introduction__image{border:1px solid var(--grey-200);border-radius:var(--radius-100);width:100%}}