.psw{border-block:1px solid var(--zq-hairline);background:color-mix(in srgb, var(--zq-surface-alt) 45%, transparent);margin-bottom:1.5rem}.psw-shell{width:100%;min-width:0;max-width:calc(72rem + 2*clamp(1rem,5vw,6rem));margin-inline:auto;padding-inline:clamp(1rem,5vw,6rem)}.psw-view{position:relative}.psw-port{--psw-fade:.75rem;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--psw-fade), #000 calc(100% - var(--psw-fade)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--psw-fade), #000 calc(100% - var(--psw-fade)), transparent);position:relative;overflow-x:auto}.psw-port::-webkit-scrollbar{display:none}.psw-track{padding:.25rem var(--psw-fade);gap:.375rem;margin:0;list-style:none;display:flex}.psw-track>li{scroll-snap-align:center}.psw-item{border:1px solid var(--zq-hairline);background:color-mix(in srgb, var(--zq-surface-card) 72%, transparent);height:2.25rem;transition:border-color .3s var(--ease-out), background-color .3s var(--ease-out);border-radius:999px;flex:none;align-items:center;gap:.45rem;padding-inline:.6rem .7rem;text-decoration:none;display:flex}html:not(.dark) .psw-item{box-shadow:inset 0 1px #ffffff8c}.psw-item:hover{border-color:color-mix(in srgb, var(--color-copper-500) 55%, transparent)}.psw-item[aria-current=page]{border-color:var(--color-copper-600);background:color-mix(in srgb, var(--color-copper-500) 10%, var(--zq-surface-card))}.dark .psw-item[aria-current=page]{border-color:var(--color-copper-400);background:color-mix(in srgb, var(--color-copper-400) 9%, var(--zq-surface-card))}.psw-item__name{letter-spacing:-.01em;color:var(--color-ink-900);white-space:nowrap;font-size:.78rem;font-weight:600;line-height:1}.dark .psw-item__name{color:var(--color-bone-100)}.psw-item[aria-current=page] .psw-item__name{color:var(--color-copper-600)}.dark .psw-item[aria-current=page] .psw-item__name{color:var(--color-copper-400)}.psw-item .prod-glyph{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:1.75rem;height:auto;color:color-mix(in srgb, var(--color-ink-700) 42%, transparent);transition:color .3s var(--ease-out);flex:none;position:static;overflow:visible}.dark .psw-item .prod-glyph{color:color-mix(in srgb, var(--color-champagne-400) 46%, transparent)}.psw-item .prod-glyph .pg-accent{stroke:var(--color-copper-600)}.dark .psw-item .prod-glyph .pg-accent{stroke:var(--color-copper-400)}.psw-item .prod-glyph .pg-dot{fill:currentColor;stroke:none}.psw-item .prod-glyph .pg-dot.pg-accent{fill:var(--color-copper-600)}.dark .psw-item .prod-glyph .pg-dot.pg-accent{fill:var(--color-copper-400)}.psw-item .prod-glyph .pg-dash{stroke-dasharray:2.5 3.5}.psw-item .prod-glyph .pg-mask{fill:currentColor;stroke:none;opacity:.55}.psw-item .prod-glyph .pg-mark{fill:color-mix(in srgb, var(--color-copper-500) 20%, transparent);stroke:none}.psw-item .prod-glyph .pg-glyph-text{fill:currentColor;stroke:none;font-family:var(--font-sans);font-size:36px;font-weight:300}.psw-item:hover .prod-glyph,.psw-item[aria-current=page] .prod-glyph{color:color-mix(in srgb, var(--color-ink-700) 70%, transparent)}.dark .psw-item:hover .prod-glyph,.dark .psw-item[aria-current=page] .prod-glyph{color:color-mix(in srgb, var(--color-champagne-400) 72%, transparent)}.psw-btn{z-index:1;border:1px solid var(--zq-hairline-strong);background:var(--zq-surface-card);width:2.4rem;height:2.4rem;color:var(--color-ink-400);cursor:pointer;transition:color .25s var(--ease-out), border-color .25s var(--ease-out), opacity .25s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;margin-top:-1.2rem;display:none;position:absolute;top:50%;box-shadow:0 10px 24px -14px #00000073}.psw-btn svg{width:1.1rem;height:1.1rem}.psw-btn:hover{color:var(--color-copper-600);border-color:color-mix(in srgb, var(--color-copper-500) 55%, transparent)}.dark .psw-btn:hover{color:var(--color-copper-400)}.psw-btn:focus-visible{outline:2px solid var(--color-copper-400);outline-offset:2px}[data-psw-prev]{left:clamp(.25rem,1vw,1rem)}[data-psw-next]{right:clamp(.25rem,1vw,1rem)}@media (width>=1024px){.psw--scrollable .psw-btn{display:flex}}.psw-dots{justify-content:center;gap:.4rem;margin-top:-.35rem;padding:0;display:flex}.psw-dots:empty,.psw:not(.psw--scrollable) .psw-dots{display:none}.psw-dot{box-sizing:content-box;background-color:var(--zq-hairline-strong);cursor:pointer;width:14px;height:3px;transition:width .25s var(--ease-out), background-color .25s var(--ease-out);background-clip:content-box;border:0;border-radius:999px;padding-block:.65rem}.psw-dot--here{background-color:color-mix(in srgb, var(--color-copper-600) 45%, transparent)}.dark .psw-dot--here{background-color:color-mix(in srgb, var(--color-copper-400) 45%, transparent)}.psw-dot.is-active{background-color:var(--color-copper-600);width:24px}.dark .psw-dot.is-active{background-color:var(--color-copper-400)}@media (hover:hover){.psw-dot:not(.is-active):hover{background-color:color-mix(in srgb, var(--color-copper-600) 55%, transparent)}.dark .psw-dot:not(.is-active):hover{background-color:color-mix(in srgb, var(--color-copper-400) 55%, transparent)}}.psw-dot:focus-visible{outline:2px solid var(--color-copper-400);outline-offset:2px}@media (prefers-reduced-motion:reduce){.psw-dot{transition:none}}