.header-mega{background:var(--color-white);border-bottom:1px solid var(--color-fluent-gray-1);color:var(--color-fluent-dark-navy);position:relative;z-index:100;& .header-mega__inner{align-items:center;display:flex;gap:32px;margin-inline:auto;max-width:1340px;padding:16px 24px}& .header-mega__logo{align-items:center;color:inherit;display:inline-flex;text-decoration:none;& img{display:block;width:auto}}& .header-mega__toggle{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;flex-direction:column;gap:5px;height:40px;justify-content:center;margin-left:auto;order:3;padding:0;width:40px;@media (min-width:920px){display:none}}& .header-mega__toggle-bar{background:currentColor;border-radius:2px;display:block;height:2px;transition:transform .2s ease,opacity .2s ease;width:22px}&[data-mobile-open] .header-mega__toggle-bar:first-child{transform:translateY(7px) rotate(45deg)}&[data-mobile-open] .header-mega__toggle-bar:nth-child(2){opacity:0}&[data-mobile-open] .header-mega__toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}& .header-mega__nav{flex:1;@media (max-width:919px){background:var(--color-white);inset:var(--header-mega-height,64px) 0 0 0;order:4;overflow-y:auto;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;position:fixed;transform:translateX(100%);transition:transform .25s ease;visibility:hidden}}&[data-mobile-open] .header-mega__nav{@media (max-width:919px){transform:translateX(0);visibility:visible}}& .header-mega__nav-list{align-items:center;display:flex;gap:8px;justify-content:center;list-style:none;margin:0;padding:0;@media (max-width:919px){align-items:stretch;flex-direction:column;gap:4px;li{margin:0;padding:0}}}& .header-mega__nav-item{position:static;@media (max-width:919px){border-bottom-color:var(--color-fluent-beluga);border-bottom-style:solid;border-bottom-width:1px}}& .header-mega__nav-link{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;font-size:16px;font-weight:600;gap:6px;justify-content:space-between;padding:10px 24px 15px;text-decoration:none;transition:background .15s ease,color .15s ease;width:100%;@media (min-width:920px){font-size:15px;justify-content:flex-start;padding-bottom:10px;padding-left:14px;padding-right:14px;padding-top:10px;width:auto}}& .header-mega__nav-caret{font-size:11px;opacity:.7;transition:transform .2s ease}& .header-mega__nav-item--has-mega[data-mega-open] .header-mega__nav-caret{opacity:1;transform:rotate(180deg)}& .header-mega__nav-item--has-mega[data-mega-open] .header-mega__nav-link{color:var(--color-fluent-berry)}& .header-mega__panel{background:var(--color-white);max-width:1340px;padding:14px 24px 34px;@media (min-width:920px){border-radius:16px;border-top-color:var(--color-fluent-gray-1);border-top-style:solid;border-top-width:1px;box-shadow:0 0 40px 0 rgba(11,11,61,.15);left:0;margin-bottom:0;margin-left:auto;margin-right:auto;margin-top:-10px;opacity:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;position:absolute;right:0;top:100%;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s;visibility:hidden;&:before{bottom:100%;content:"";height:24px;left:0;position:absolute;right:0}}&[hidden]{@media (min-width:920px){display:block}}}& .header-mega__nav-item--has-mega[data-mega-open] .header-mega__panel{@media (min-width:920px){opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease,visibility 0s;visibility:visible}}& .header-mega__panel-inner{margin-inline:auto;max-width:1340px;padding:32px;@media (max-width:919px){padding-bottom:0;padding-left:0;padding-right:0;padding-top:0}}& .header-mega__panel-main{display:flex;flex-direction:column;gap:24px}& .header-mega__panel-overline{border-bottom:1px solid var(--color-fluent-beluga);color:var(--color-fluent-berry);font-size:12px;font-weight:700;letter-spacing:.12em;padding:0 0 12px;text-transform:uppercase;width:100%;@media (max-width:919px){display:none}}& .header-mega__panel-grid{display:grid;gap:32px;grid-template-columns:minmax(0,1fr);@media (min-width:920px){grid-template-columns:minmax(0,1fr) 256px}}& .header-mega__panel-columns{display:grid;gap:32px;grid-template-columns:1fr;list-style:none;margin:0;padding:0;@media (min-width:920px){grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}li{margin:0;padding:0}}& .header-mega__panel-column{display:flex;flex-direction:column;gap:8px;&:first-child:nth-last-child(-n+2),&:first-child:nth-last-child(-n+2)~&{max-width:380px}}& .header-mega__panel-column-title{color:var(--color-fluent-dark-navy);font-size:20px;font-weight:600;margin:0;@media (min-width:920px){font-size:22px;margin-bottom:8px}}& .header-mega__panel-column-title-link{color:inherit;font-weight:600;text-decoration:none;&:focus,&:hover{color:var(--color-fluent-berry)}}& .header-mega__panel-column-description{font-size:16px;line-height:1.5;margin:0 0 8px;text-wrap:pretty}& .header-mega__panel-links{display:flex;flex-direction:column;gap:6px;list-style:disc;margin:0 0 0 15px;padding:0;li{margin:0;padding:0}}& .header-mega__panel-link{align-items:center;color:inherit;display:inline-flex;gap:8px;text-decoration:none;&:focus,&:hover{color:var(--color-fluent-berry);& .header-mega__panel-link-arrow{transform:translateX(3px)}}}& .header-mega__panel-link-arrow{font-size:11px;transition:transform .15s ease}& .header-mega__panel-feature{aspect-ratio:auto;background:var(--color-fluent-dark-navy);border-radius:14px;color:var(--color-white);display:flex;flex-direction:column;height:310px;isolation:isolate;justify-content:flex-end;overflow:hidden;position:relative;text-decoration:none;width:256px;@media (max-width:919px){display:none}& .header-mega__panel-feature-image{display:block;inset:0;position:absolute;z-index:0;& img{height:100%;object-fit:cover;width:100%}}&:before{background:linear-gradient(0deg,rgba(11,19,64,.92) 0,rgba(11,19,64,.6) 45%,rgba(11,19,64,0));content:"";inset:0;position:absolute;z-index:1}}& .header-mega__panel-feature-body{display:flex;flex-direction:column;gap:4px;margin-top:auto;padding:20px 90px 20px 20px;position:relative;z-index:2}& .header-mega__panel-feature-title{display:block;font-size:22px;font-weight:700;line-height:1.25;text-wrap:pretty}& .header-mega__panel-feature-description{display:block;font-size:16px;line-height:1.4;text-wrap:pretty}& .header-mega__panel-feature-cta{bottom:20px;display:block;position:absolute;right:20px;z-index:2}& .header-mega__panel-feature--with-description{& .header-mega__panel-feature-body{padding-bottom:24px}& .header-mega__panel-feature-cta{bottom:24px}}& .header-mega__cta{margin-left:auto;@media (max-width:919px){display:none}}}