@font-face{font-family:SRPreviewFasol;src:url('/website/service/my/assets/fonts/sr-fasol.otf') format('opentype');font-display:swap}
.sr-preview-logo{display:inline-flex!important;align-items:center;gap:7px;flex:0 0 auto;padding:0!important;margin-left:-12px;margin-right:20px;font:20px/1 SRPreviewFasol,sans-serif;--ms-brand-start:var(--sr-menu-ink);--accent:var(--sr-menu-selected);color:var(--sr-menu-ink)!important;white-space:nowrap}
.sr-preview-logo svg{width:34px;height:40px;flex:none}.sr-preview-logo>span>span{color:var(--sr-menu-selected)}.sr-preview-logo:hover{filter:brightness(1.15)}

.sr-preview-logo~#search{flex:0 1 220px}
@media(min-width:1051px) and (max-width:1350px){.header-original .sr-preview-nav #search{flex:0 1 190px;width:190px;max-width:190px}.sr-preview-logo{margin-right:12px}.sr-preview-nav .sr-nav-link{padding-inline:9px!important}}
@media(max-width:1050px){.sr-preview-logo{margin-left:-7px;margin-right:8px;font-size:19px}.sr-preview-logo svg{width:29px;height:35px}.header-original .sr-preview-nav #search{flex:1 1 180px;max-width:340px}}
@media(max-width:560px){.header-original .sr-preview-nav #search{order:2;flex:1 0 100%;width:100%;max-width:none}.sr-preview-logo{margin-right:auto}.sr-preview-nav .sr-menu-toggle{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.sr-preview-logo{transition:none}}
.sr-preview-wide{--sr-preview-outset:41px}
.sr-preview-wide .sr-preview-logo{margin-left:calc(-1 * var(--sr-preview-outset))}
.sr-preview-wide .header-original .sr-preview-nav #search{margin-right:calc(-1 * var(--sr-preview-outset))}
.sr-preview-wide.header-original .sr-preview-nav #search{margin-right:calc(-1 * var(--sr-preview-outset))}
.sr-preview-wide .utility-bar>*{transform:translateX(var(--sr-preview-outset))}
@media(max-width:1279px){.sr-preview-wide{--sr-preview-outset:8px}}
@media(max-width:560px){.sr-preview-wide.header-original .sr-preview-nav #search{width:calc(100% + 2 * var(--sr-preview-outset));flex-basis:calc(100% + 2 * var(--sr-preview-outset));margin-left:calc(-1 * var(--sr-preview-outset))}}
@media(min-width:1051px) and (max-width:1200px){
 .sr-preview-complete .sr-preview-nav{flex-wrap:wrap;gap:8px;padding-block:8px}
 .sr-preview-complete .sr-menu-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px;color:var(--sr-menu-ink);font:400 16px/1.35 var(--sr-font-text)}
 .sr-preview-complete .sr-menu-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
 .sr-preview-complete .sr-menu-links{order:3;flex:0 0 100%;flex-direction:column;align-items:stretch}
 .sr-preview-complete .sr-menu-links[style*="display: none"]{display:none!important}
 .sr-preview-complete.header-original .sr-preview-nav .sr-nav-link{display:flex;width:100%;white-space:normal;padding:12px 10px!important}
 .sr-preview-complete .sr-nav-admin{margin-left:0}
 .sr-preview-complete .sr-nav-submenu{position:static;width:100%;max-width:none;box-shadow:none}
 .sr-preview-complete.header-original .sr-preview-nav #search{margin-left:auto;flex:1 1 180px;max-width:340px}
}
/* Same gradient wordmark and hover scale as the MySpaces portal. */
.sr-preview-logo{transition:transform .3s ease;transform-origin:left center;text-decoration:none!important}
.sr-preview-logo>span{background:linear-gradient(135deg,var(--ms-brand-start),var(--accent));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.sr-preview-logo>span>span{color:inherit}
.sr-preview-logo:hover{filter:none;text-decoration:none!important}
.sr-preview-logo:focus-visible{outline:1px solid var(--sr-menu-selected);outline-offset:6px}
@media(hover:hover){.sr-preview-logo:hover{transform:scale(1.05)}}
@media(prefers-reduced-motion:reduce){.sr-preview-logo{transition:none}.sr-preview-logo:hover{transform:none}}