#Page-Header.studio-header {
  --studio-accent:rgb(var(--color-background));
  --studio-ink:var(--studio-menu-foreground,rgb(var(--color-foreground)));
  --studio-surface:color-mix(in srgb,var(--studio-accent) 89%,white);
  --studio-divider:color-mix(in srgb,var(--studio-ink) 35%,transparent);
}
#Page-Header.studio-header[data-studio-appearance="flat"] {--studio-surface:var(--studio-accent);}
#Page-Header.studio-header .header-main {min-height:72px;padding-block:12px;}
.studio-navigation {position:relative;background:var(--studio-surface);color:var(--studio-ink);isolation:isolate;}
.studio-navigation :is(ul,li) {list-style:none;margin:0;padding:0;}
.studio-navigation .studio-list {display:flex;flex-wrap:wrap;justify-content:center;}
.studio-navigation .studio-item {position:relative;flex:0 0 112px;}
.studio-navigation .studio-item + .studio-item:before {content:"";position:absolute;inset-inline-start:0;top:14px;bottom:14px;width:1px;background:var(--studio-divider);pointer-events:none;z-index:1;}
.studio-navigation .studio-link {display:flex;align-items:center;justify-content:center;gap:10px;color:inherit;text-decoration:none;cursor:pointer;box-sizing:border-box;}
.studio-navigation .studio-main-link {width:112px;min-height:112px;flex-direction:column;padding:10px 6px;font-size:13px;line-height:1.25;font-weight:500;text-align:center;}
.studio-navigation summary {list-style:none;}
.studio-navigation summary::-webkit-details-marker {display:none;}
.studio-icon {display:block;flex-shrink:0;width:44px;height:44px;background:currentColor;mask-image:var(--studio-icon);mask-repeat:no-repeat;mask-position:center;mask-size:contain;}
.studio-navigation .studio-label {max-width:100px;overflow-wrap:anywhere;}
.studio-navigation .studio-chevron {display:none;}
.studio-navigation details[open] > .studio-main-link,
.studio-navigation .studio-link:hover {background:color-mix(in srgb,var(--studio-ink) 16%,transparent);}
.studio-navigation :is(a,summary):focus-visible,.studio-toggle:focus-visible {outline:2px solid currentColor;outline-offset:-5px;}
.studio-navigation .studio-submenu {position:absolute;top:calc(100% + 12px);left:calc(50% + var(--studio-shift,0px));transform:translateX(-50%);background:var(--studio-surface);color:var(--studio-ink);border:1px solid var(--studio-divider);border-radius:12px;max-width:calc(100vw - 32px);z-index:5;}
.studio-navigation .studio-submenu:before {content:"";position:absolute;top:-13px;left:calc(var(--studio-pointer,50%) - 12px);width:24px;height:13px;background:var(--studio-surface);mask:url('studio-callout.svg') center / contain no-repeat;pointer-events:none;}
.studio-navigation .studio-submenu:after {content:"";position:absolute;inset-inline:0;top:-14px;height:14px;}
.studio-navigation .studio-sublist {display:flex;flex-wrap:wrap;width:calc(var(--studio-columns,2) * 112px);max-width:calc(100vw - 34px);max-height:var(--studio-panel-height,calc(100dvh - 250px));overflow:auto;}
.studio-navigation .studio-subitem {position:relative;flex:0 0 112px;}
.studio-navigation .studio-subitem + .studio-subitem:before {content:"";position:absolute;inset-inline-start:0;top:14px;bottom:14px;width:1px;background:var(--studio-divider);}
.studio-navigation .studio-sub-link {width:112px;min-height:112px;padding:10px 6px;flex-direction:column;font-size:14px;line-height:1.25;font-weight:500;text-align:center;}
.studio-navigation .studio-grandchildren {padding:8px;min-width:180px;}
.studio-navigation .studio-grandchildren a {display:block;color:inherit;padding:12px;font-size:14px;text-decoration:none;}
.studio-toggle,.studio-mobile-utilities {display:none;}
@supports (backdrop-filter:blur(12px)) {
  .studio-navigation {backdrop-filter:blur(12px);}
  #Page-Header.studio-header:not([data-studio-appearance="flat"]) .studio-submenu {backdrop-filter:blur(12px);}
}
@media(min-width:1200px) {
  .studio-navigation .studio-link > .studio-label {min-block-size:2.5em;}
  #Page-Header.studio-header .header-left-area .studio-toggle,.studio-mobile-utilities {display:none;}
  #Page-Header.studio-header .header-main {grid-template-areas:"left-area heading icons";grid-template-columns:1fr auto 1fr;gap:24px;}
  #Page-Header.studio-header .header-left-area {display:flex;}
  #Page-Header.studio-header .header-left-area .search-wrapper {display:flex;width:100%;max-width:25rem;}
}
@media(max-width:1199px) {
  #Page-Header.studio-header .header-main {grid-template-columns:1fr auto 1fr;gap:8px;padding-block:10px;min-height:64px;}
  #Page-Header.studio-header .header-heading .header-heading-logo {width:min(180px,45vw);}
  #Page-Header.studio-header .header-icons .header-icon {min-width:44px;height:44px;}
  #Page-Header.studio-header :is(.header-main .search-wrapper,.header-search-bar,.header-icon--search) {display:none!important;}
  #Page-Header.studio-header .header-left-area {display:flex;}
  #Page-Header.studio-header .studio-toggle:not([hidden]) {display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;padding:10px;border-radius:8px;background:transparent;color:var(--studio-toggle-foreground,var(--studio-ink));cursor:pointer;}
  #Page-Header.studio-header .studio-toggle[aria-expanded="true"] {background:color-mix(in srgb,currentColor 16%,transparent);}
  .studio-toggle .studio-icon {width:25px;height:25px;}
  #Page-Header.studio-header[data-studio-enhanced] .studio-navigation:not([data-menu-open]) {display:none;}
  .studio-navigation .studio-list {display:block;}
  .studio-navigation .studio-item + .studio-item:before {top:0;bottom:auto;left:20px;right:20px;width:auto;height:1px;}
  .studio-navigation .studio-main-link {width:100%;min-height:64px;flex-direction:row;justify-content:flex-start;gap:14px;padding:16px 20px;text-align:start;font-size:14px;font-weight:400;}
  .studio-navigation .studio-main-link .studio-icon {width:30px;height:30px;}
  .studio-navigation .studio-label {max-width:none;min-width:0;flex:1;}
  .studio-navigation .studio-chevron {display:block;flex:0 0 18px;width:18px;height:18px;background:currentColor;mask:url('studio-chevron.svg') center / contain no-repeat;}
  .studio-navigation details[open] > summary > .studio-chevron {transform:rotate(180deg);}
  .studio-navigation details[open] > .studio-main-link {font-weight:500;}
  .studio-navigation .studio-submenu {position:static;transform:none;max-width:none;border:0;border-radius:0;background:color-mix(in srgb,var(--studio-ink) 6%,transparent)!important;backdrop-filter:none!important;}
  .studio-navigation .studio-submenu:before,.studio-navigation .studio-submenu:after {display:none;}
  .studio-navigation .studio-sublist {display:block;width:auto;max-width:none;max-height:none;overflow:visible;}
  .studio-navigation .studio-subitem + .studio-subitem:before {display:none;}
  .studio-navigation .studio-sub-link {width:100%;min-height:54px;padding:12px 20px 12px 64px;flex-direction:row;justify-content:flex-start;gap:12px;font-size:14px;font-weight:400;text-align:start;}
  .studio-navigation .studio-sub-link .studio-icon {width:22px;height:22px;opacity:.85;}
  .studio-navigation .studio-desktop-only {display:none;}
  .studio-navigation .studio-grandchildren {padding:0 20px 8px 98px;}
  .studio-navigation .studio-grandchildren a {padding-inline:0;}
  #Page-Header.studio-header[data-studio-enhanced] .studio-navigation {max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;}
}
#Page-Header.studio-header .header-icons .header-icon {height:44px;min-width:44px;}
#Page-Header.studio-header .header-heading .header-heading-logo {max-height:48px;object-fit:contain;}
@media(max-width:1199px) {
  #Page-Header.studio-header .header-heading .header-heading-logo {height:44px;max-height:44px;}
}

@media(max-width:749px) {
  .studio-navigation .studio-mobile-utilities {display:flex;flex-direction:column;border-top:1px solid var(--studio-divider);padding-block:8px;}
  .studio-navigation .studio-utility {display:flex;align-items:center;gap:14px;min-height:54px;padding:12px 20px;color:inherit;font-size:14px;text-decoration:none;}
  .studio-navigation .studio-utility .icon {width:24px;height:24px;}
  .studio-navigation .studio-utility [slot] {display:flex;align-items:center;gap:14px;}
}

.studio-rail {display:flex;align-items:stretch;}
.studio-viewport {min-width:0;flex:1;}
.studio-scroll {display:none;}
.studio-navigation .studio-submenu[popover] {position:fixed;inset:auto;margin:0;padding:0;transform:none;overflow:visible;box-sizing:border-box;}
.studio-navigation .studio-submenu[popover]::backdrop {background:transparent;}
@media(min-width:1200px) {
  .studio-navigation[data-scroll-ready] .studio-viewport {overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:auto;}
  .studio-navigation[data-scroll-ready] .studio-viewport::-webkit-scrollbar {display:none;}
  .studio-navigation[data-scroll-ready] .studio-list {flex-wrap:nowrap;width:max-content;min-width:100%;}
  .studio-navigation .studio-scroll:not([hidden]) {display:flex;flex:0 0 44px;align-items:center;justify-content:center;align-self:stretch;border:0;padding:0;background:transparent;color:var(--studio-ink);cursor:pointer;}
  .studio-scroll span {display:block;width:22px;height:22px;background:currentColor;mask:url('studio-chevron.svg') center / contain no-repeat;}
  .studio-scroll--previous span {transform:rotate(90deg);}
  .studio-scroll--next span {transform:rotate(-90deg);}
  .studio-scroll:disabled {opacity:.3;cursor:default;}
  .studio-scroll:focus-visible {outline:2px solid currentColor;outline-offset:-5px;}
  .studio-navigation .studio-submenu[popover]:not(:popover-open) {display:none;}
}
@media(max-width:1199px) {
  .studio-rail {display:block;}
  .studio-scroll {display:none!important;}
}
