.pes-hero .ss-stage{-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}.pes .pes-sheet{width:min(580px,100% - 32px);padding:0 24px 24px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #00000012,0 30px 60px -12px #32325d4d,0 18px 36px -18px #00000052}.pes .pes-sheet-head{border-bottom:1px solid var(--family-hairline);justify-content:center;align-items:center;height:72px;margin:0 -24px 18px;font-size:19px;font-weight:500;display:flex;position:relative}.pes .pes-close{background:var(--family-fill);width:32px;height:32px;color:var(--family-close-icon);border-radius:50%;place-items:center;display:grid;position:absolute;right:22px}.pes .pes-close svg{stroke-width:2.4px;width:16px;height:16px}.pes .pes-sheet-body{flex-direction:column;gap:20px;display:flex}.pes .pes-rail{gap:12px;height:216px;margin-right:-24px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 86%,#0000);mask-image:linear-gradient(90deg,#000 86%,#0000)}.pes .pes-rail[data-four]{-webkit-mask-image:none;mask-image:none}.pes .pes-rail-page{border-radius:16px;flex:none;height:100%;animation:.5s cubic-bezier(.22,1,.36,1) both pes-in;overflow:hidden}.pes .pes-rail-page svg{width:auto;height:100%;display:block}.pes .pes-rail-page[data-selected]{box-shadow:0 0 0 2px color-mix(in oklab, var(--color-brand,#e36540) 70%, transparent)}@keyframes pes-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}.pes .pes-video{position:absolute;inset:0}.pes .pes-video-page{top:8px;left:var(--pad);width:196px;box-shadow:var(--ss-shadow-hero);border-radius:18px;position:absolute;overflow:hidden}.pes .pes-video-page svg{width:100%;height:auto;display:block}.pes .pes-video-card{top:40px;left:calc(var(--pad) + 196px + 22px);right:var(--pad);box-shadow:var(--family-surface-ring), var(--ss-shadow-satellite);border-radius:28px;flex-direction:column;gap:16px;padding:20px;display:flex;position:absolute}.pes .pes-video[data-layout=compact] .pes-video-page{width:150px}.pes .pes-video[data-layout=compact] .pes-video-card{top:120px;left:calc(var(--pad) + 70px);right:var(--pad)}.pes .pes-video-title{font-size:17px;font-weight:500}.pes .pes-progress{flex-direction:column;gap:10px;display:flex}.pes .pes-progress-label{color:var(--family-muted);align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.pes [data-on] .pes-progress-label{color:var(--family-text)}.pes .pes-progress-label svg{color:#059669;width:18px;height:18px}.pes .pes-progress-track{background:var(--family-fill);border-radius:3px;height:6px;overflow:hidden}.pes .pes-progress-track i{background:var(--color-brand,#e36540);border-radius:3px;width:34%;height:100%;transition:width 1.4s cubic-bezier(.45,0,.25,1);display:block}.pes [data-on] .pes-progress-track i{background:#10b981;width:100%;transition:width 1.4s cubic-bezier(.45,0,.25,1),background-color .3s 1.3s}.pes .pes-sizes{position:absolute;inset:0}.pes .pes-size{box-shadow:var(--ss-shadow-satellite);border-radius:12px;margin:0;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .4s;position:absolute;overflow:hidden}.pes .pes-size svg{width:100%;height:auto;display:block}.pes .pes-size--0{top:6px;left:var(--pad);width:104px}.pes .pes-size--1{top:40px;left:calc(var(--pad) + 74px);width:124px;transition-delay:90ms}.pes .pes-size--2{top:82px;left:calc(var(--pad) + 158px);width:124px;transition-delay:.18s}.pes .pes-sizes:not([data-on]) .pes-size{opacity:0;transform:translateY(18px)}.pes .pes-legend{left:var(--pad);right:var(--pad);flex-wrap:wrap;gap:6px;display:flex;position:absolute;bottom:22px}.pes .pes-legend span{background:var(--family-surface);box-shadow:var(--family-surface-ring), 0 1px 2px #0000000f;font:500 12px var(--font-geist-sans), system-ui, sans-serif;color:var(--ink);white-space:nowrap;border-radius:999px;padding:4px 10px}.pes .pes-legend em{color:var(--ink-2);font-style:normal}.pes .pes-embed{position:absolute;inset:0}.pes .pes-code{top:8px;left:var(--pad);right:calc(-1 * var(--pad));box-shadow:var(--ss-shadow-hero);font:500 13px/1.75 var(--font-geist-mono), ui-monospace, monospace;color:#e4e4e7;white-space:pre;background:#18181b;border-radius:18px;margin:0;padding:18px 20px;position:absolute}.pes .pes-code-tag{color:#f472b6}.pes .pes-code-attr{color:#93c5fd}.pes .pes-code-str{color:#fdba74}.pes .pes-copied{left:var(--pad);background:var(--family-surface);box-shadow:var(--family-surface-ring), var(--ss-shadow-satellite);font:500 15px var(--font-geist-sans), system-ui, sans-serif;color:var(--family-text);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;display:inline-flex;position:absolute;bottom:26px}.pes .pes-copied svg{width:18px;height:18px;color:var(--family-muted);transition:color .3s}.pes [data-on] .pes-copied svg{color:#059669}