.drawer-root{z-index:1000;visibility:hidden;transition:visibility .4s;position:fixed;inset:0}.drawer-root.open{visibility:visible}.drawer-overlay{opacity:0;backdrop-filter:blur(4px);background:#00000080;transition:opacity .4s;position:absolute;inset:0}.drawer-root.open .drawer-overlay{opacity:1}.drawer-sidebar{background-color:#fff;background-image:radial-gradient(circle at 100% 0,#0fa4b026 0%,#0000 50%),radial-gradient(circle at 0 100%,#7c3aed1a 0%,#0000 50%);border-top-left-radius:20px;border-bottom-left-radius:20px;flex-direction:column;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:0;bottom:0;overflow-y:auto;box-shadow:0 0 50px #0003}[data-mui-color-scheme=dark] .drawer-sidebar{background-color:#0a0a0a;background-image:radial-gradient(circle at 100% 0,#3b82f626 0%,#0000 50%),radial-gradient(circle at 0 20%,#7c3aed1a 0%,#0000 50%);border-left:1px solid #ffffff0d}.drawer-right{right:0;transform:translate(100%)}.drawer-left{left:0;transform:translate(-100%)}.drawer-root.open .drawer-sidebar{transform:translate(0)}
nav.custom-nav-container{justify-content:center;align-items:center;width:100%;display:flex}.custom-nav-link{cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex;position:relative;text-decoration:none!important}@media (min-width:901px){nav.custom-nav-container{flex-wrap:nowrap;gap:4px}.custom-nav-link{width:auto;height:auto;color:inherit;border:1px solid #0000;border-radius:999px;padding:8px 14px;font-size:1.05rem}.custom-nav-link:hover{backdrop-filter:blur(8px);background-color:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}[data-mui-color-scheme=light] .custom-nav-link:hover{background-color:#0000000d;border-color:#0000001a}.custom-nav-link.active{background-color:#2ec4b633;border:1px solid #2ec4b64d;font-weight:600;color:#2ec4b6!important}.custom-nav-link.active.active-white{color:#fff!important}}@media (max-width:900px){nav.custom-nav-container{flex-direction:column;gap:12px;padding:10px 0}.custom-nav-link{background-color:var(--palette-background-paper);border:1px solid var(--palette-divider);max-width:400px;height:54px;margin:0;box-shadow:0 4px 6px #0000000d;backdrop-filter:blur(12px)!important;width:90%!important;color:var(--palette-text-primary)!important;border-radius:16px!important;padding:0 24px!important;font-size:1.1rem!important;font-weight:600!important}.custom-nav-link:hover{background-color:var(--palette-action-hover);transform:scale(1.01);box-shadow:0 6px 12px #00000014}.custom-nav-link.active{background:rgba(var(--palette-primary-mainChannel,46,196,182),.1)!important;border:2px solid var(--palette-primary-main)!important;color:var(--palette-primary-main)!important;box-shadow:0 4px 14px rgba(var(--palette-primary-mainChannel,46,196,182),.15)!important;font-weight:700!important}}
:root{--isSM-max:600px;--isTablet-min:601px;--isTablet-max:960px;--isMobileLandscape-max:680px;--isXS:319px;--menu-height:64px}@media (orientation:portrait){:root{--menu-height:48px}}.menu-fixed-container{z-index:1100;--header-bg:var(--header-bg-light);background:var(--header-bg,var(--palette-background-paper));border-bottom:1px solid var(--palette-divider);-webkit-backdrop-filter:blur(16px)saturate(180%);width:100%;transition:background .4s,border-color .4s,backdrop-filter .4s;position:fixed;top:0;left:0;right:0}[data-mui-color-scheme=dark] .menu-fixed-container{--header-bg:var(--header-bg-dark)}[data-mui-color-scheme=yellow] .menu-fixed-container{--header-bg:var(--header-bg-light)}.menu-fixed-container.use-glass{background-color:var(--palette-background-paper)!important;background-color:color-mix(in srgb,var(--palette-background-paper),transparent 10%)!important;border-bottom:1px solid var(--palette-divider)!important;-webkit-backdrop-filter:blur(20px)saturate(180%)!important}[data-mui-color-scheme=dark] .menu-fixed-container.use-glass{background-color:#161c24bf!important;border-bottom:1px solid #ffffff14!important}.menu-not-fixed{position:relative!important}.menuBar{z-index:1001;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative;padding:12px 24px!important}@media (orientation:portrait){.menuBar{padding:4px 8px!important}}@media (max-width:960px) and (min-width:601px){.menuBar{flex-wrap:wrap;padding:0 16px!important}}.onlyViewMobile{display:none}@media (max-width:900px){.onlyViewMobile{align-items:center;gap:8px;display:flex!important}}.onlyViewPc{z-index:10;justify-content:center;align-items:center;width:auto;position:absolute;left:50%;transform:translate(-50%);display:flex!important}@media (max-width:900px){.onlyViewPc{display:none!important}}.menu-logo-container{z-index:20;flex-shrink:0;align-items:center;width:auto;min-width:50px;display:flex}@media (min-width:1200px){.menu-logo-container{width:auto;min-width:120px}}.brand-logo-link{z-index:2;align-items:center;transition:transform .3s;display:flex}.brand-logo-link:hover{transform:scale(1.05)}.brand-logo{object-fit:contain;width:auto;height:38px;filter:var(--header-logo-filter,drop-shadow(0 2px 4px #0000001a))}.menu-right-actions{z-index:20;align-items:center;gap:16px;margin-left:20px;display:flex}@media (max-width:600px){.menu-right-actions{gap:8px;margin-left:8px}}.header-hamburger-btn{width:40px;height:40px;transition:transform .4s cubic-bezier(.4,0,.2,1)}.header-hamburger-btn svg{font-size:28px!important}.header-hamburger-btn.open{color:inherit;transform:rotate(180deg)}#main-submenu-container{width:100%;display:flex}#content-submenu-links{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:4px;display:flex}@media (min-width:901px) and (max-width:1200px){#content-submenu-links{flex-wrap:nowrap!important;gap:4px!important}#content-submenu-links a{padding:6px!important;font-size:.9rem!important}}@media (max-width:900px){#content-submenu-links{gap:16px;width:100%;margin-bottom:20px;padding:20px 0;flex-direction:column!important;align-items:center!important}#content-submenu-links a{min-width:160px;justify-content:center!important;width:auto!important;font-size:1.1rem!important}}.user-chip{backdrop-filter:blur(12px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff1a;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:12px;padding:4px 16px 4px 6px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}[data-mui-color-scheme=light] .user-chip{background:#0000000a;border-color:#00000014}.user-chip:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}#menu-right-actions-container{align-items:center;gap:8px;display:flex}#menu-button-container{z-index:1300;position:relative}.submenu-inner{flex-direction:column;align-items:center;height:auto;padding:80px 16px 24px;display:flex;overflow:hidden}@media (max-width:600px){.submenu-inner{padding-top:48px}}.mobile-nav-drawer .drawer-sidebar{overflow:hidden!important}#header-spacer{height:var(--menu-height);pointer-events:none;visibility:hidden}#BlogLayout #menu-fixed{background:var(--header-bg,var(--palette-primary-main))!important;backdrop-filter:none!important}#BlogLayout #menu-fixed,#BlogLayout #menu-fixed *{font-family:var(--font-tofino)!important}[data-mui-color-scheme=yellow] #BlogLayout #menu-fixed{background:var(--palette-primary-main)!important}#BlogLayout .header-hamburger-btn,#BlogLayout #main-submenu-container,#BlogLayout .custom-nav-link,#BlogLayout .menu-right-actions{color:#fff!important}[data-mui-color-scheme=yellow] #BlogLayout .header-hamburger-btn,[data-mui-color-scheme=yellow] #BlogLayout #main-submenu-container,[data-mui-color-scheme=yellow] #BlogLayout .custom-nav-link,[data-mui-color-scheme=yellow] #BlogLayout .menu-right-actions{color:var(--palette-primary-contrastText,#3e2723)!important}#BlogLayout .custom-nav-link:hover{background:#ffffff1a!important}