.block-starter__section-nav{--section-nav-transition:0.28s ease;position:sticky;top:60px;z-index:15;display:flex;align-items:center;justify-content:center;width:100%;background:var(--color-future-black,#122022);box-shadow:0 11px 10.6px rgba(0,0,0,.25);padding:41px 60px 48px;transition:padding var(--section-nav-transition)}@media (min-width:768px){.block-starter__section-nav{top:60px}}.block-starter__section-nav-list{display:flex;align-items:center;justify-content:center;margin:0;padding:0;list-style:none}.block-starter__section-nav-item{position:relative;z-index:1;display:flex;margin-right:-10px}.block-starter__section-nav-item:last-child{margin-right:0}.block-starter__section-nav-connector{position:relative;z-index:0;display:flex;align-items:center;width:36px;height:34px;margin-right:-10px;flex-shrink:0;transition:width var(--section-nav-transition),height var(--section-nav-transition)}.block-starter__section-nav-connector--from-active{z-index:1}.block-starter__section-nav-connector--from-active .block-starter__section-nav-bridge{--bridge-from:var(--color-volt,#e1ff00);--bridge-to:var(--color-future-black-alt,#1e2b2d)}.block-starter__section-nav-connector--to-active .block-starter__section-nav-bridge{--bridge-from:var(--color-future-black-alt,#1e2b2d);--bridge-to:var(--color-volt,#e1ff00)}.block-starter__section-nav-bridge,.block-starter__section-nav-connector--between .block-starter__section-nav-bridge{--bridge-from:var(--color-future-black-alt,#1e2b2d);--bridge-to:var(--color-future-black-alt,#1e2b2d)}.block-starter__section-nav-bridge{display:block;width:100%;height:100%;flex-shrink:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;--bridge-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 40.015'%3E%3Cpath d='M0 40.015v-40c4-.507 8.625 11.837 18 11.837S32 .008 36 .015v40c-4.5-1.007-9-12.653-18-12.653S4.5 39.508 0 40.015'/%3E%3C/svg%3E");background:linear-gradient(90deg,var(--bridge-from) 0,var(--bridge-from) 12%,var(--bridge-to) 88%);transition:--bridge-from var(--section-nav-transition),--bridge-to var(--section-nav-transition);-webkit-mask-image:var(--bridge-mask);mask-image:var(--bridge-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.block-starter__section-nav-pill{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 16px;border-radius:200px;font-family:var(--font-pp-fraktion-mono,ui-monospace,monospace);font-weight:700;font-size:18px;line-height:1.4;text-transform:uppercase;text-decoration:none;white-space:nowrap;background:var(--color-future-black-alt,#1e2b2d);color:var(--color-off-white,#fcfbf9);transition:background var(--section-nav-transition),color var(--section-nav-transition),height var(--section-nav-transition),padding var(--section-nav-transition),font-size var(--section-nav-transition)}.block-starter__section-nav-pill--active,.block-starter__section-nav-pill:hover{background:var(--color-volt,#e1ff00);color:var(--color-future-black,#122022)}.block-starter__section-nav-pill--active{font-family:var(--font-pp-mori,system-ui,sans-serif)}@media (max-width:1024px){.block-starter__section-nav{padding:41px 40px 48px}.block-starter__section-nav-pill{font-size:16px;padding:0 14px}}@media (max-width:781px){.block-starter__section-nav{padding:24px 20px;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch}.block-starter__section-nav-list{justify-content:flex-start;min-width:-moz-max-content;min-width:max-content;padding-inline:8px}.block-starter__section-nav-connector{width:28px;height:26px}.block-starter__section-nav-pill{height:40px;padding:0 14px;font-size:14px}}.block-starter__section-nav--stuck{padding-top:12px;padding-bottom:12px}.block-starter__section-nav--stuck .block-starter__section-nav-connector{width:31px;height:28px}.block-starter__section-nav--stuck .block-starter__section-nav-pill{height:40px;padding-inline:14px;font-size:16px}@media (max-width:781px){.block-starter__section-nav--stuck{padding-top:10px;padding-bottom:10px}.block-starter__section-nav--stuck .block-starter__section-nav-connector{width:25px;height:23px}.block-starter__section-nav--stuck .block-starter__section-nav-pill{height:34px;padding-inline:12px;font-size:13px}}@property --bridge-from{syntax:"<color>";inherits:false;initial-value:#1e2b2d}@property --bridge-to{syntax:"<color>";inherits:false;initial-value:#1e2b2d}