.magazine__page{padding:0 1rem}.magazine__page div{width:100px;height:100px;display:block;position:relative;background:#ff0}.magazine__page div:hover{cursor:pointer}.magazine__page:hover img{opacity:.4}.magazine__page .file-upload{position:absolute;top:0;right:0;bottom:0;left:0;margin:0}.magazine__page header{font-weight:700}.magazine__page img{pointer-events:none;position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;transition:opacity .2s ease-in-out}.comics-timeline .timeline__wrapper .magazine__page:nth-child(2n){padding-right:0}.comics-timeline .timeline__wrapper .magazine__page:nth-child(2n+1){padding-left:0}.scene{width:300px;height:300px;perspective:600px;margin:2rem auto;border:1px solid #fff;overflow:hidden}.scene-page{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:.5s ease-in-out}.scene-page .column_left,.scene-page .column_left *,.scene-page .column_right,.scene-page .column_right *{display:flex}.scene-page .page{width:53px;height:72px;border:1px solid #000;background:#fff;text-align:center;line-height:72px;color:#000;font-weight:700;font-size:20px;transition:.5s .1s}.scene-page .column_left{transform-origin:right top}.scene-page .column_right{transform-origin:left top}._scene[data-scene="1"] .scene-page{transform:translateX(125px) translateY(-30px) translateZ(100px)}._scene[data-scene="1"] .page_F{transform:rotateZ(-90deg) translateY(-26.5px) translateX(0)}._scene[data-scene="1"] .page_1{transform:rotateZ(90deg) translateY(-26.5px) translateX(0)}._scene[data-scene="1"] .page_2{transform:rotateZ(90deg) translateY(-26.5px) translateX(53px)}._scene[data-scene="1"] .page_3{transform:rotateZ(90deg) translateY(-26.5px) translateX(106px)}._scene[data-scene="1"] .page_4{transform:rotateZ(90deg) translateY(-26.5px) translateX(159px)}._scene[data-scene="1"] .page_5{transform:rotateZ(-90deg) translateY(-26.5px) translateX(-159px)}._scene[data-scene="1"] .page_6{transform:rotateZ(-90deg) translateY(-26.5px) translateX(-106px)}._scene[data-scene="1"] .page_B{transform:rotateZ(-90deg) translateY(-26.5px) translateX(-53px)}._scene[data-scene="2"] .scene-page{transform:translateX(100px) translateY(-26px) translateZ(230px) rotateY(-30deg)}._scene[data-scene="2"] .page_F{transform:rotateZ(-90deg) translateY(-26.5px) translateX(-11.5px)}._scene[data-scene="2"] .page_1{transform:rotateZ(90deg) translateY(-26.5px) translateX(11.5px)}._scene[data-scene="2"] .page_2{transform:rotateZ(90deg) rotateY(-45deg) translateX(45px) translateY(-26.5px) translateZ(-46px)}._scene[data-scene="2"] .page_3{transform:rotateZ(90deg) rotateY(45deg) translateX(47px) translateY(-26.5px) translateZ(97px);background-color:var(--color-gray2)}._scene[data-scene="2"] .page_4{transform:rotateZ(90deg) translateY(-26.5px) translateX(138px)}._scene[data-scene="2"] .page_5{transform:rotateZ(-90deg) translateY(-26.5px) translateX(-138px)}._scene[data-scene="2"] .page_6{transform:rotateZ(-90deg) rotateY(-45deg) translateX(-47px) translateY(-26.5px) translateZ(97px);background-color:var(--color-gray2)}._scene[data-scene="2"] .page_B{transform:rotateZ(-90deg) rotateY(45deg) translateX(-45px) translateY(-26.5px) translateZ(-46px)}._scene[data-scene="3"] .scene-page{transform:rotateX(35deg) rotateY(10deg) rotateZ(-40deg) translateX(29px) translateY(69px) translateZ(190px)}._scene[data-scene="3"] .page_F{transform:rotateZ(-90deg) translateY(-26.5px) translateX(-11.5px);background-color:var(--color-gray1)}._scene[data-scene="3"] .page_1{transform:rotateZ(90deg) translateY(-26.5px) translateX(11.5px);background-color:var(--color-gray1)}._scene[data-scene="3"] .page_2{transform:rotateZ(90deg) rotateY(-45deg) translateX(45px) translateY(-26.5px) translateZ(-45px)}._scene[data-scene="3"] .page_3{transform:rotateZ(90deg) rotateY(105deg) translateX(-26.5px) translateY(-26.5px) translateZ(62px);background-color:var(--color-gray3)}._scene[data-scene="3"] .page_4{transform:rotateZ(90deg) translateX(87px) translateY(-26.5px);background-color:var(--color-gray2)}._scene[data-scene="3"] .page_5{transform:rotateZ(-90deg) translateX(-87px) translateY(-26.5px);background-color:var(--color-gray2)}._scene[data-scene="3"] .page_6{transform:rotateZ(-90deg) rotateY(-105deg) translateX(26.5px) translateY(-26.5px) translateZ(62px);background-color:var(--color-gray3)}._scene[data-scene="3"] .page_B{transform:rotateZ(-90deg) rotateY(45deg) translateX(-45px) translateY(-26.5px) translateZ(-45px)}._scene[data-scene="4"] .scene-page{transform:rotateX(34deg) rotateY(8deg) rotateZ(-40deg) translateX(24px) translateY(150px) translateZ(201px)}._scene[data-scene="4"] .page_F{transform:rotateZ(-90deg) translateY(-26.5px) translateX(-11.5px);background-color:var(--color-gray1)}._scene[data-scene="4"] .page_1{transform:rotateZ(90deg) translateY(-26.5px) translateX(11.5px);background-color:var(--color-gray1)}._scene[data-scene="4"] .page_2{transform:rotateZ(90deg) rotateY(-145deg) translateX(-16px) translateY(-26.5px) translateZ(-22px);background-color:var(--color-gray3)}._scene[data-scene="4"] .page_3{transform:rotateZ(90deg) rotateY(30deg) translateX(18.5px) translateY(-26.5px) translateZ(23px)}._scene[data-scene="4"] .page_4{transform:rotateZ(90deg) translateX(74px) translateY(-26.5px);background-color:var(--color-gray1)}._scene[data-scene="4"] .page_5{transform:rotateZ(-90deg) translateX(-74px) translateY(-26.5px);background-color:var(--color-gray2)}._scene[data-scene="4"] .page_6{transform:rotateZ(-90deg) rotateY(-145deg) translateX(56.5px) translateY(-26.5px) translateZ(27px);background-color:var(--color-gray3)}._scene[data-scene="4"] .page_B{transform:rotateZ(-90deg) rotateY(30deg) translateX(-59px) translateY(-26.5px) translateZ(-19px)}