.labop-comic{width:min(100%,var(--labop-max-width,1200px));margin:0 auto;position:relative;outline:none;font:inherit}.labop-comic__viewport{position:relative;overflow:hidden;background:transparent;touch-action:pan-y;transition:height .42s cubic-bezier(.22,.61,.36,1)}.labop-comic__track{display:flex;align-items:flex-start;transition:transform .42s cubic-bezier(.22,.61,.36,1);will-change:transform}.labop-comic__slide{min-width:100%;width:100%;margin:0;display:flex;flex-direction:column;align-items:center}.labop-comic__image-wrap{width:100%;display:block;overflow:visible}.labop-comic__image-wrap>a{display:block;width:100%}.labop-comic__image{display:block;width:100%;height:auto;max-width:100%;margin:0}.labop-comic figcaption{width:100%;box-sizing:border-box;padding:10px 14px 4px;text-align:center;font-size:.95rem;line-height:1.45;color:inherit}.labop-comic__arrow{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:var(--labop-button-size,56px);height:var(--labop-button-size,56px);border:0;border-radius:999px;background:rgba(255,255,255,.9);color:#111;box-shadow:0 3px 16px rgba(0,0,0,.16);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease;font:inherit;padding:0}.labop-comic__arrow:hover{background:#fff;transform:translateY(-50%) scale(1.05)}.labop-comic__arrow:focus-visible,.labop-comic__dots button:focus-visible{outline:3px solid currentColor;outline-offset:3px}.labop-comic__arrow span{font-size:calc(var(--labop-button-size,56px)*.78);line-height:.72;margin-top:-.08em;font-family:Arial,sans-serif;font-weight:300}.labop-comic__arrow--prev{left:12px}.labop-comic__arrow--next{right:12px}.labop-comic__arrow[disabled]{opacity:.28;cursor:default}.labop-comic__nav{display:flex;align-items:center;justify-content:center;gap:16px;min-height:30px;padding:10px 4px 0}.labop-comic__counter{font-size:.88rem;font-variant-numeric:tabular-nums;opacity:.7}.labop-comic__dots{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.labop-comic__dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:currentColor;opacity:.22;cursor:pointer}.labop-comic__dots button[aria-current=true]{opacity:.82;transform:scale(1.18)}
.labop-comic--pageflip .labop-comic__viewport{perspective:1600px;overflow:hidden}.labop-comic--pageflip .labop-comic__track{display:block;position:relative;transform:none!important;transition:none;transform-style:preserve-3d}.labop-comic--pageflip .labop-comic__slide{position:absolute;left:0;top:0;width:100%;min-width:0;opacity:0;pointer-events:none;backface-visibility:hidden;transform-style:preserve-3d;transform-origin:left center;transform:rotateY(88deg);transition:transform .58s cubic-bezier(.2,.72,.2,1),opacity .18s ease}.labop-comic--pageflip .labop-comic__slide.is-active{position:relative;opacity:1;pointer-events:auto;transform:rotateY(0deg);z-index:3}.labop-comic--pageflip .labop-comic__slide.is-before{transform-origin:right center;transform:rotateY(-88deg);z-index:1}.labop-comic--pageflip .labop-comic__slide.is-after{transform-origin:left center;transform:rotateY(88deg);z-index:1}.labop-comic--pageflip.is-flipping-next .labop-comic__slide.is-leaving{position:absolute;opacity:0;transform-origin:left center;transform:rotateY(-88deg);z-index:4}.labop-comic--pageflip.is-flipping-prev .labop-comic__slide.is-leaving{position:absolute;opacity:0;transform-origin:right center;transform:rotateY(88deg);z-index:4}
@media(max-width:700px){.labop-comic{width:100%}.labop-comic__arrow--prev{left:6px}.labop-comic__arrow--next{right:6px}.labop-comic figcaption{font-size:.9rem;padding-left:10px;padding-right:10px}.labop-comic__nav{gap:10px}.labop-comic__dots{gap:6px}.labop-comic__dots button{width:8px;height:8px}}@media(prefers-reduced-motion:reduce){.labop-comic__viewport,.labop-comic__track,.labop-comic__slide,.labop-comic__arrow{transition:none!important}}