.di-trackside:has(.di-pex-peek){position:relative;overflow:hidden}
.di-pex-peek{position:absolute;left:4px;width:var(--pex-size,168px);height:calc(var(--pex-size,168px) + 28px);z-index:2;contain:layout style}
.di-pex-peek[hidden]{display:none!important}
.di-pex-peek__link{display:block;width:100%;height:100%;color:#f2eee5!important;text-decoration:none!important;border-radius:0;scroll-margin-block:190px 60px;transform:translateX(calc(-100% - 8px));opacity:0;transition:transform .46s cubic-bezier(.2,.9,.25,1),opacity .12s}
.di-pex-peek.is-revealed .di-pex-peek__link,.di-pex-peek__link:focus{transform:translateX(0);opacity:1}
.di-pex-peek .di-pex-peek__link:focus-visible{outline:2px solid #ffc687!important;outline-offset:2px!important}
.di-pex-peek__figure{display:block;position:relative;width:100%;aspect-ratio:1;pointer-events:none}
.di-pex-peek__figure>img,.di-pex-peek__figure>canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain}
.di-pex-peek__figure>[hidden]{display:none!important}
.di-pex-peek.has-wave .di-pex-peek__fallback{visibility:hidden}
.di-pex-peek__label{display:block;text-align:center;font:600 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.02em;padding-top:4px;pointer-events:none}
.di-pex-peek.is-still .di-pex-peek__link{transition:none!important}
#notepad:focus-visible{outline:2px solid #ffc687;outline-offset:-6px}
.template-index #notepad{scroll-margin-top:185px}
@media(max-width:1100px){.di-pex-peek{display:none!important}}
@media(prefers-reduced-motion:reduce){.di-pex-peek__link{transition:none!important}}