@keyframes fadeCollapse{0%{opacity:1}50%{opacity:0}to{height:0;opacity:0;padding:0}}:root{--long-alternative-transition:all 1.6s cubic-bezier(.23,1,.32,1);--base-alternative-transition:all 1s cubic-bezier(.23,1,.32,1);--medium-alternative-transition:all 0.8s cubic-bezier(.23,1,.32,1);--fast-alternative-transition:all 0.4s cubic-bezier(.23,1,.32,1);--long-transition:all 1.6s cubic-bezier(0.165,0.840,0.440,1.000);--base-transition:all 1s cubic-bezier(0.165,0.840,0.440,1.000);--medium-transition:all 0.8s cubic-bezier(0.165,0.840,0.440,1.000);--fast-transition:all 0.4s cubic-bezier(0.165,0.840,0.440,1.000)}@keyframes enterExpand{0%{opacity:0}to{opacity:1}}.fade-collapse{animation:fadeCollapse .5s ease forwards}.sticky-header-webapp{position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000;background-color:white;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:var(--medium-transition);&:has(.ui-mobile-nav-panel){transition:none;transform:none!important}div.sticky-header header>div.base-row{height:auto;transition:all .3s ease}}.sticky-header-webapp.visible{transform:translateY(0);div.sticky-header{header{&>div.base-row{animation:enterExpand .3s ease forwards}}}}.sticky-header-webapp.hidden{&:has(.new-portal-banner){transform:translateY(0)}@media(min-width:1200px){&:has(.new-portal-banner){.new-portal-banner{animation:fadeCollapse .3s ease forwards;transform:translateY(-100%)}}transform:translateY(0);div.sticky-header{header{&>div.base-row{overflow:hidden;animation:fadeCollapse .3s ease forwards}}}}}.header-title-lazio{max-width:36ch}.new-portal-banner{background:white;position:relative;width:100%;z-index:1000;transition:var(--medium-transition);@media (max-width:1199px){&.hidden{animation:fadeCollapse .3s ease-out forwards;transform:translateY(-100%)}&.visible{transform:translateY(0)}}}.styled-banner{padding:24px;border:none;font-family:Titillium Web;width:100%;position:relative;min-height:168px}.styled-banner .container{display:flex;gap:8px}.styled-banner .container>svg{flex-shrink:0}.styled-banner .container .right-container{display:flex;flex-direction:column;gap:16px;width:100%;padding-right:32px}.styled-banner .close-icon{position:absolute;top:24px;right:24px;cursor:pointer}.styled-banner .title{font-weight:600;font-size:24px;letter-spacing:0;line-height:32px}.styled-banner .subtitle{letter-spacing:0}.styled-banner .link,.styled-banner .subtitle{font-weight:400;font-size:18px;line-height:28px}.styled-banner .link:hover{text-decoration:underline}.styled-banner{border-left:8px solid var(--text-primary)}