@layer components{.home-banner{width:min(calc(100% - 20px),var(--layout-width));height:40px;font-family:var(--serif-font);color:var(--primary);font-size:var(--label);text-align:center;justify-content:center;align-items:center;gap:4px;margin:0 auto;text-decoration:none;display:flex;position:relative}.home-banner:focus-visible{outline-offset:-3px}.home-banner:before,.home-banner:after{content:"";width:100%;height:100%;transition:opacity .32s var(--transition-easing);position:absolute;top:0;left:0}.home-banner:before{background:radial-gradient(circle at 50% 50%,var(--magenta)0%,var(--blue)30%,transparent 70%,transparent 100%);opacity:.2;z-index:-1}.home-banner:after{background:radial-gradient(circle at 50% 50%,var(--magenta)0%,var(--magenta)80%,transparent 100%);opacity:0;z-index:-1}.home-banner:is(:hover,:focus):after{opacity:.1}.home-banner__part-1{display:none}.home-banner__part-2{text-transform:capitalize}@media (width>=600px){.home-banner__part-1{display:block}.home-banner__part-2{text-transform:none}}.home-banner__icon{fill:currentColor;flex:0 0 14px;height:14px}}