.x-nav{z-index:100;padding:14px var(--x-gutter) 0;font-family:var(--x-text);transition:transform .7s var(--x-ease);pointer-events:none;position:fixed;top:0;left:0;right:0}.x-nav.is-hidden{transition:transform .4s cubic-bezier(.55,0,.75,.1);transform:translateY(calc(-100% - 12px))}@media (prefers-reduced-motion:reduce){.x-nav,.x-nav.is-hidden{transition:none}}.x-nav__bar{pointer-events:auto;background:var(--x-surface);border:1px solid var(--x-line);max-width:1180px;height:64px;transition:background .35s var(--x-ease), border-color .35s var(--x-ease), box-shadow .35s var(--x-ease), max-width .6s var(--x-ease), height .6s var(--x-ease);perspective:1400px;border-radius:999px;align-items:center;gap:20px;margin:0 auto;padding:0 8px 0 24px;display:flex;position:relative}.x-nav.is-scrolled .x-nav__bar{max-width:1080px;height:60px;box-shadow:0 10px 30px -18px rgb(var(--x-shade-rgb) / .35)}.x-nav__logo{flex:none;align-items:center;display:flex}.x-nav__logo img{width:auto;height:26px;display:block}.x-nav__logo .x-nav__logo-sky{display:none}.x-nav__menu{transition:background .35s var(--x-ease);background:0 0;border-radius:999px;align-items:center;gap:2px;margin:0 auto;padding:4px;display:flex}.x-nav__item{isolation:isolate;height:38px;font:500 15px/1 var(--x-text);letter-spacing:-.006em;color:rgb(var(--x-ink-rgb) / .8);cursor:pointer;transition:color .2s, background .25s var(--x-ease);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 15px;text-decoration:none;display:inline-flex;position:relative}.x-nav__item:hover,.x-nav__item[aria-expanded=true]{color:var(--x-ink)}.x-nav__item[data-current],.x-nav__item[data-current]:hover{color:#fff;background:var(--x-sky)}.x-nav__hot{z-index:-1;background:#5a92ec29;border-radius:999px;position:absolute;inset:0}.x-nav__item[data-current] .x-nav__hot{display:none}.x-nav__item svg{opacity:.6;transition:transform .25s var(--x-ease)}.x-nav__item[aria-expanded=true] svg{transform:rotate(180deg)}.x-nav__actions{flex:none;align-items:center;gap:6px;display:flex}.x-nav__signin{font:500 15px/1 var(--x-text);letter-spacing:-.006em;color:rgb(var(--x-ink-rgb) / .8);padding:0 12px;text-decoration:none;transition:color .2s}.x-nav__signin:hover{color:var(--x-ink)}.x-site:has(:is(.x-skytop,.x-chero,.pl-post-hero,.pc-fb)) .x-nav:not(.is-scrolled):not(.has-drawer) .x-nav__bar{background:0 0;border-color:#0000}.x-site:has(:is(.x-skytop,.x-chero,.pl-post-hero,.pc-fb)) .x-nav:not(.is-scrolled):not(.has-drawer) .x-nav__bar .x-nav__menu{background:#fff}.x-site:has(:is(.x-skytop,.x-chero,.pl-post-hero,.pc-fb)) .x-nav:not(.is-scrolled):not(.has-drawer) .x-nav__bar .x-nav__logo .x-nav__logo-ink{display:none}.x-site:has(:is(.x-skytop,.x-chero,.pl-post-hero,.pc-fb)) .x-nav:not(.is-scrolled):not(.has-drawer) .x-nav__bar .x-nav__logo .x-nav__logo-sky{display:block}.x-site:has(:is(.x-skytop,.x-chero,.pl-post-hero,.pc-fb)) .x-nav:not(.is-scrolled):not(.has-drawer) .x-nav__bar .x-nav__signin{color:#fff}.x-site:has(:is(.x-skytop,.x-chero,.pl-post-hero,.pc-fb)) .x-nav:not(.is-scrolled):not(.has-drawer) .x-nav__bar .x-nav__signin:hover{color:#fff}.x-site:has(:is(.x-skytop,.x-chero,.pl-post-hero,.pc-fb)) .x-nav:not(.is-scrolled):not(.has-drawer) .x-nav__bar .x-nav__burger{background:#ffffff1f;border-color:#fff9}.x-site:has(:is(.x-skytop,.x-chero,.pl-post-hero,.pc-fb)) .x-nav:not(.is-scrolled):not(.has-drawer) .x-nav__bar .x-nav__burger span:before{background:#fff}.x-site:has(:is(.x-skytop,.x-chero,.pl-post-hero,.pc-fb)) .x-nav:not(.is-scrolled):not(.has-drawer) .x-nav__bar .x-nav__burger span:after{background:#fff}@media (prefers-reduced-motion:reduce){.x-nav__bar{transition:none}}.x-nav__panel{transform-origin:50% 0;background:var(--x-surface);border:1px solid var(--x-line);box-shadow:0 2px 6px rgb(var(--x-shade-rgb) / .05), 0 28px 56px -32px rgb(var(--x-shade-rgb) / .3);border-radius:28px;padding:14px;position:absolute;top:calc(100% + 12px);left:0;right:0}.x-nav__panel:before{content:"";height:14px;position:absolute;top:-14px;left:0;right:0}.x-nav__panel-inner{grid-template-columns:1fr 300px;gap:14px;display:grid}.x-nav__links{grid-template-columns:1fr 1fr;align-content:start;gap:2px;margin:0;padding:0;list-style:none;display:grid}.x-nav__links a{border-radius:14px;flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;transition:background .2s;display:flex}.x-nav__links a:hover{background:rgb(var(--x-ink-rgb) / .05)}.x-nav__link-label{font:500 15px/1.3 var(--x-text);letter-spacing:-.006em;color:var(--x-ink)}.x-nav__link-sub{color:var(--x-muted);text-wrap:pretty;font-size:13px;line-height:1.45}.x-nav__ext{color:var(--x-muted);margin-left:6px;font-size:12px}.x-nav__feature{background:var(--x-sky);border:1px solid var(--x-line);border-radius:18px;flex-direction:column;justify-content:flex-end;gap:6px;min-height:230px;padding:20px;text-decoration:none;display:flex;position:relative;overflow:hidden}.x-nav__feature-art{width:170px;height:170px;transition:transform .6s var(--x-ease);position:absolute;top:-8px;right:-12px}.x-nav__feature:hover .x-nav__feature-art{transform:translateY(-6px)rotate(-6deg)scale(1.05)}.x-nav__feature-title{font:600 24px/1.08 var(--x-display);color:#fff;letter-spacing:-.018em;text-wrap:balance;position:relative}.x-nav__feature-sub{color:#ffffffe6;font-size:13px;line-height:1.45;position:relative}.x-nav__burger{border:1px solid var(--x-line-2);background:rgb(var(--x-ink-rgb) / .05);cursor:pointer;border-radius:50%;width:44px;height:44px;display:none;position:relative}.x-nav__burger span{position:absolute;inset:0}.x-nav__burger span:before,.x-nav__burger span:after{content:"";background:var(--x-ink);height:1.5px;transition:top .2s var(--x-ease) .18s, transform .2s var(--x-ease);border-radius:1px;position:absolute;left:13px;right:13px}.x-nav__burger span:before{top:18px}.x-nav__burger span:after{top:25px}.x-nav__burger span[data-open=true]:before,.x-nav__burger span[data-open=true]:after{transition:top .2s var(--x-ease), transform .25s var(--x-ease) .16s;top:21.25px}.x-nav__burger span[data-open=true]:before{transform:rotate(45deg)}.x-nav__burger span[data-open=true]:after{transform:rotate(-45deg)}@media (prefers-reduced-motion:reduce){.x-nav__burger span:before,.x-nav__burger span:after{transition:none}}.x-drawer{pointer-events:auto;z-index:-1;background:var(--x-page);padding:100px var(--x-gutter) 32px;flex-direction:column;gap:32px;display:flex;position:fixed;inset:0;overflow-y:auto}.x-drawer__nav{flex-direction:column;display:flex}.x-drawer__group{border-bottom:1px solid var(--x-line)}.x-drawer__group summary,.x-drawer__top{font:600 30px/1.05 var(--x-display);color:var(--x-ink);cursor:pointer;letter-spacing:-.022em;justify-content:space-between;align-items:center;padding:20px 0;text-decoration:none;list-style:none;display:flex}.x-drawer__group summary::-webkit-details-marker{display:none}.x-drawer__group summary:after{content:"+";font-family:var(--x-text);color:var(--x-muted);transition:transform .3s var(--x-ease);font-weight:300}.x-drawer__group[open] summary:after{transform:rotate(45deg)}.x-drawer__top{border-bottom:1px solid var(--x-line)}.x-drawer__group ul{margin:0 0 16px;padding:0;list-style:none}.x-drawer{interpolate-size:allow-keywords}.x-drawer__group::details-content{block-size:0;transition:block-size .35s var(--x-ease), content-visibility .35s allow-discrete;overflow:clip}.x-drawer__group[open]::details-content{block-size:auto}@media (prefers-reduced-motion:reduce){.x-drawer__group::details-content{transition:none}}.x-drawer__group a{font:500 17px/1.3 var(--x-text);color:var(--x-ink);flex-direction:column;gap:2px;padding:12px 0;text-decoration:none;display:flex}.x-drawer__group a span{color:var(--x-muted);font-size:14px;font-weight:400}@media (max-width:1080px){.x-nav__signin{display:none}.x-nav__item{padding:0 10px}}@media (max-width:960px){.x-nav__menu{display:none}.x-nav__burger{display:block}.x-nav__actions{margin-left:auto}.x-nav__bar,.x-nav.is-scrolled .x-nav__bar{height:60px;padding:0 8px 0 20px}}@media (max-width:420px){.x-nav__actions .x-btn{display:none}}