.qpg,.qpg *{box-sizing:border-box}.qpg{--qpg-thumb-width:86px;--qpg-thumb-height:105px;--qpg-thumb-gap:8px;--qpg-main-width:420px;--qpg-main-height:640px;--qpg-column-gap:32px;width:fit-content;max-width:100%;min-width:0}.qpg__layout{display:grid;grid-template-columns:var(--qpg-thumb-width) minmax(0,var(--qpg-main-width));grid-template-areas:"thumbs stage";align-items:start;gap:0 var(--qpg-column-gap);width:fit-content;max-width:100%}.qpg__thumbs{grid-area:thumbs;width:var(--qpg-thumb-width);min-width:0}.qpg__thumb-list{display:flex;flex-direction:column;gap:var(--qpg-thumb-gap);width:100%}.qpg__thumb{appearance:none;position:relative;flex:0 0 var(--qpg-thumb-height)!important;display:block!important;width:var(--qpg-thumb-width)!important;height:var(--qpg-thumb-height)!important;margin:0;padding:8px!important;overflow:hidden;border:.52px solid #e8e2f5!important;border-radius:8px!important;background:#f8f7fb!important;box-shadow:none;color:inherit;cursor:pointer;line-height:0;transition:background-color 180ms ease,box-shadow 180ms ease}.qpg__thumb:hover,.qpg__thumb[aria-selected="true"]{border-color:#e8e2f5!important;background:#ffffff!important;box-shadow:0 4px 14px 0 #6619ff24!important}.qpg__thumb:focus-visible{outline:2px solid #6619ff;outline-offset:2px}.qpg__thumb-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;user-select:none}.qpg__stage{grid-area:stage;position:relative;width:var(--qpg-main-width);max-width:100%;height:var(--qpg-main-height);overflow:hidden;background:#fff;touch-action:pan-y}.qpg__slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 220ms ease,visibility 0s linear 220ms}.qpg__slide.is-active{z-index:1;opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.qpg__main-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none}.qpg-admin-notice{padding:12px 16px;border-left:4px solid #d63638;background:#fff1f1;color:#3c434a;font:14px/1.5 sans-serif}@media (max-width:767px){.qpg{width:100%}.qpg__layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "thumbs";gap:12px 0;width:100%}.qpg__stage{width:min(100%, var(--qpg-main-width));height:auto;aspect-ratio:420 / 640;margin-inline:auto}.qpg__thumbs{width:100%;overflow-x:auto;padding:2px 2px 16px;scrollbar-width:thin;overscroll-behavior-inline:contain}.qpg__thumb-list{flex-direction:row;width:max-content}}@media (prefers-reduced-motion:reduce){.qpg__thumb,.qpg__slide{transition:none}}