.page_viewer__Hey91{position:relative;width:100vw;height:100vh;background-color:#1a1a1a;overflow:hidden}.page_sidebar__UJal_{position:fixed;left:20px;top:50%;transform:translateY(-50%);width:150px;max-height:calc(100vh - 80px);overflow-y:auto;background:hsla(0,0%,100%,.12);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:16px;border:1px solid hsla(0,0%,100%,.15);padding:12px 10px;display:flex;flex-direction:column;gap:8px;z-index:10;box-shadow:0 8px 32px rgba(0,0,0,.3)}.page_sidebar__UJal_::-webkit-scrollbar{width:3px}.page_sidebar__UJal_::-webkit-scrollbar-track{background:transparent}.page_sidebar__UJal_::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:2px}.page_thumbItem__t6HOV{position:relative;width:100%;cursor:pointer;border-radius:8px;overflow:hidden;border:2px solid transparent;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease,opacity .2s ease;flex-shrink:0;opacity:.3}.page_thumbItem__t6HOV:hover{transform:scale(1.04);box-shadow:0 2px 8px rgba(0,0,0,.3)}.page_thumbItem__t6HOV.page_active__DrC0J{border-color:hsla(0,0%,100%,.8);box-shadow:0 0 0 1px hsla(0,0%,100%,.3);opacity:1}.page_thumbImg__dNqUS{width:100%;display:block;background-color:hsla(0,0%,100%,.05);border-radius:6px}.page_thumbIndex__oiLkt{position:absolute;bottom:4px;left:5px;font-size:9px;color:hsla(0,0%,100%,.8);background:rgba(0,0,0,.5);padding:1px 5px;border-radius:4px;line-height:1.4;font-weight:500}.page_content__oESDL{width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:40px 0;gap:24px}.page_content__oESDL::-webkit-scrollbar{width:8px}.page_content__oESDL::-webkit-scrollbar-track{background:#1a1a1a}.page_content__oESDL::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.page_pageItem__yv2ZB{width:100%;max-width:920px;flex-shrink:0}.page_pageItem__yv2ZB img,.page_pageItem__yv2ZB video{width:100%;display:block;background-color:#222;border-radius:8px}.page_showreelFrame__ENOJW{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background-color:#111}.page_showreelFrame__ENOJW video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.page_showreelPlayBtn__iF3a2{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;transition:background .3s ease}.page_showreelPlayBtn__iF3a2:hover{background:rgba(0,0,0,.15)}.page_showreelPlayIcon__qv2Ma{padding:6px 24px;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);border-radius:22px;color:#fff;font-family:"InstrumentSerif-Italic",serif;font-size:3rem;font-weight:400;letter-spacing:.04em;transition:background .25s ease}.page_showreelPlayBtn__iF3a2:hover .page_showreelPlayIcon__qv2Ma{background:rgba(0,0,0,.75)}.page_showreelProgressBar__HYzPn{position:absolute;bottom:0;left:0;width:100%;height:6px;background:hsla(0,0%,100%,.2);cursor:pointer;opacity:0;transition:height .2s ease,opacity .3s ease}.page_showreelFrame__ENOJW:hover .page_showreelProgressBar__HYzPn{opacity:1}.page_showreelProgressBar__HYzPn:hover{height:10px}.page_showreelProgressFill__nm1Uf{height:100%;background:hsla(0,0%,100%,.85);transition:width .1s linear}@media (max-width:900px){.page_sidebar__UJal_{display:none}.page_content__oESDL{padding:16px 0;gap:12px}.page_pageItem__yv2ZB{max-width:100%;padding:0 8px}}