.subnav{--item-height:calc(var(--island-height) - .5rem);justify-content:flex-start;align-items:center;margin:0 -.75rem;display:flex;overflow:scroll}.subnav__item{height:var(--item-height);flex:none;justify-content:center;align-items:center;padding:0 .66rem;display:flex;position:relative}.subnav__highlight{background-color:var(--primary-A08);border-radius:calc(var(--island-height)/2);align-items:center;display:flex;position:absolute;inset:0}
.island{pointer-events:none;z-index:101;justify-content:center;align-items:center;gap:var(--island-metaball-gap);font-size:.75rem;line-height:1.33333;display:flex;position:fixed;top:1rem;left:0;right:0}@media screen and (max-width:885px){.island{top:.5rem}}.island__wrapper{background-color:var(--element-02);height:var(--island-height);max-width:var(--island-max-width);min-width:var(--island-min-width);pointer-events:all;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:2;border-radius:1.5rem;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;display:flex;position:relative;overflow:hidden;translate:y(0)!important}.island__wrapper--clickable{cursor:var(--clickable-cursor)}@media (hover:hover) and (pointer:fine){.island__wrapper--clickable:hover{background-color:var(--primary-A08-inverted-flat)}}.island__wrapper--has-dot{padding:0 1rem 0 1.8125rem}.island__flex{flex:1 0;justify-content:space-between;align-items:center;display:flex}.island__project-layout{gap:.25rem}.island__icon{flex:none;width:1rem;height:1rem;line-height:100%}.island__icon svg{color:var(--primary)}.island__dot{aspect-ratio:1;background-color:var(--accent-1);border-radius:50%;flex:none;width:.3125rem;height:.3125rem;position:absolute;left:1rem}.island__dot--is-static{position:static}.island__metaball-track{z-index:0;position:absolute;inset:0}.island__text-icon-wrapper{align-items:center;gap:.5rem;display:flex}.island__overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:-1;background-color:#000000a8;position:fixed;inset:0}.island__flex{gap:1.5rem;width:100%;min-width:10rem}.island__copy-banner{color:var(--primary-light);z-index:2;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.island__copy-banner__text{z-index:1;position:relative}.island__copy-banner__background{z-index:0;background-color:var(--element-02);position:absolute;inset:0}.island__theme-layout{flex:1 0;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.island__main-icon{width:.88rem;height:.88rem}.scroll-progress,.island__project-layout{width:100%;min-width:14rem}@media screen and (max-width:479px){.scroll-progress,.island__project-layout{min-width:none}}.scroll-progress{--label-width:4ch;justify-content:space-between;align-items:center;gap:1rem;display:flex}.scroll-progress__track-wrapper{flex:1}.scroll-progress__track{background-color:var(--primary-A10);width:100%;height:2px;position:relative;overflow:hidden}.scroll-progress__fill{transform-origin:0%;background-color:var(--primary);position:absolute;inset:0}.scroll-progress__label{width:var(--label-width);text-align:right;flex:none}.metaball{z-index:1;height:var(--island-height);width:var(--island-height);position:relative}.metaball__ball{aspect-ratio:1;background-color:var(--element-02);border-radius:50%;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.metaball__ball--clickable{cursor:var(--clickable-cursor);pointer-events:all}@media (hover:hover) and (pointer:fine){.metaball__ball--clickable:hover{background-color:var(--primary-A08)}}.metaball__icon{justify-content:center;align-items:center;width:1.33rem;height:1.33rem;display:flex}