.main-editor{position:relative;display:flex;flex-direction:column;gap:30px;width:100%;padding:10px;box-sizing:border-box;margin-top:20px}.main-editor h1{font-size:20px}.main-editor h2{font-size:14px}.main-editor>div{width:100%}.main-editor>div>*:not(h1,h2){margin:0 10px}.book-container{display:grid;align-items:center;justify-items:center;perspective:600px;background:#fff1eb;border-radius:20px;padding:40px 0 20px;position:sticky;top:var(--header-height);z-index:1;box-shadow:1px 5px 5px #0005;cursor:grab}.book{position:relative;width:200px;aspect-ratio:1 / 1;transform-style:preserve-3d;transform:rotateY(45deg)}.book>*{position:absolute;top:0;left:0;--shadow-size: 2px;--shadow-opacity: 10%;background:linear-gradient(to bottom,rgb(0,0,0,var(--shadow-opacity)),transparent var(--shadow-size)),linear-gradient(to left,rgb(0,0,0,var(--shadow-opacity)),transparent var(--shadow-size)),linear-gradient(to right,rgb(0,0,0,var(--shadow-opacity)),transparent var(--shadow-size)),linear-gradient(to top,var(--cover-color),var(--cover-color))}.book>.front,.book>.video-page{width:100%;height:100%;transform:translateZ(15px);--cover-color: white;transform-origin:left}.book>.front{background-size:cover;background-position:center;backface-visibility:hidden;transition:.2s ease}.book>.front.wBorder{border:8px solid var(--cover-color)}.advise{height:100%;width:60px;border-right:2px dashed black;background:none;transform:translateZ(15px);display:flex;writing-mode:sideways-lr;justify-content:center;align-items:center;text-align:center;gap:10px;padding:10px 0;box-sizing:border-box;text-transform:uppercase;opacity:.5}.advise:before{content:"";width:100%;aspect-ratio:1;background:url(https://www.svgrepo.com/show/192807/tap-finger.svg) center / contain no-repeat}.book>.open{transform:translateZ(15px) rotateY(-90deg)}.book>.back{width:100%;height:100%;transform:translateZ(-15px);--cover-color: white}.book>.pages{top:1px;left:calc(100% - 15px);width:30px;height:calc(100% - 1px);transform:rotateY(90deg);background:linear-gradient(90deg,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff)}.book>.side{height:100%;width:30px;top:-15px;transform:rotateY(-90deg) translateY(15px) translateZ(15px);--cover-color: "";--text-color: "";display:flex;align-items:center;justify-content:center;margin:0;padding:0;color:var(--text-color);font-weight:700}.book>.side>p{position:absolute;transform:rotate(90deg);text-align:center;white-space:pre}.shadow{top:100%;height:30px;width:100%;transform:rotateX(90deg) translateZ(15px);background:transparent;box-shadow:0 0 16px 4px #0006}.book-settings{width:100%;margin:40px 0 0;padding:0 15px}.play-pause-btn{display:flex;width:fit-content;align-items:center;gap:10px;margin:0 auto 10px;padding:4px 12px;border-radius:10px;background:#fff;color:#000;border:2px solid black;cursor:pointer;font-family:inherit}.play-pause-btn:before{content:"";height:25px;width:25px;background:var(--icon)}.slider-wrap{display:flex;gap:10px;margin:0;width:100%}.slider-wrap:after{content:"";height:30px;aspect-ratio:1;background:url(https://www.svgrepo.com/show/533709/rotate.svg) center / contain}.slider-book{width:100%;cursor:grab}.text-input{padding:10px;border:2px dashed;border-radius:10px;text-align:center;width:100%;height:45px;box-sizing:border-box;font-size:18px}.color-slider{display:flex;align-items:center;gap:10px;margin:10px 0}.color-slider>div{display:flex;align-items:center;height:40px;padding:5px;gap:10px;border:2px solid black;border-radius:10px;box-sizing:border-box;transition:.2s ease-in-out;font-style:italic}.font-slider{display:flex;white-space:pre;gap:10px}.font-slider>div{border-radius:10px;padding:5px;border:2px solid black;cursor:pointer}.font-slider>div.selected{border:2px solid red}.slider{display:flex;overflow:auto}.label-input{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border:2px dashed;border-radius:10px;cursor:pointer}.label-input.img{--icon: url(https://www.svgrepo.com/show/502892/upload-photo.svg)}.label-input.video{--icon: url(https://www.svgrepo.com/show/347617/video-upload.svg)}.label-input:before{content:"";display:block;height:40px;width:40px;background:var(--icon) center / contain #fff}.editor-wrap{display:flex;width:100%;gap:20px;flex-wrap:wrap;justify-content:flex-start}.editor-wrap>*{display:flex;align-items:center;border:2px solid black;padding:5px;border-radius:10px;background:#fff;color:#000;text-transform:uppercase;gap:5px;cursor:pointer}.sub-icon{--icon: url(https://www.svgrepo.com/show/491064/reload.svg)}.edit-icon{--icon: url(https://www.svgrepo.com/show/506185/edit-1.svg)}.remove-icon{--icon: url(https://www.svgrepo.com/show/533024/trash-xmark.svg)}.editor-wrap>*:after{content:"";display:block;height:20px;width:20px;background:var(--icon) center / contain #fff}.video-page video{height:100%;float:right}.popup-cropper>div{position:relative;padding:40px 20px;height:100%;display:flex;flex-direction:column;justify-content:center}.popup-cropper>div>div:first-child{height:100%}.crop-image{max-height:700px}.cropper-container{border:2px solid black;border-bottom:0px}.crop-buttons-wrap{display:flex;position:relative;width:100%}.crop-buttons-wrap button{border:2px solid black;background:#fff;width:50%;display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 0;color:#000;cursor:pointer}.crop-buttons-wrap button:first-child{border-bottom-left-radius:10px}.crop-buttons-wrap button:last-child{border-bottom-right-radius:10px}.crop-buttons-wrap button:after{content:"";height:20px;aspect-ratio:1/1;background:var(--icon)}.video-editor-popup{background:#000;padding:0;align-items:normal!important}.video-editor-popup>div{box-sizing:border-box;border:4px solid #1c1c1c;display:flex;justify-content:center}.video-editor-popup>div:not(div:last-child){border-bottom:0}.video-container{padding:20px;height:100%;max-height:70%;width:100%;position:relative;display:flex;align-items:center;justify-content:center}.video-container:before{--line: #1c1c1c;content:"";height:100%;width:100%;position:absolute;background:linear-gradient(90deg,var(--line) 2px,transparent 2px 4vmin) 0 -2vmin / 4vmin 4vmin,linear-gradient(var(--line) 2px,transparent 2px 4vmin) 0 -2vmin / 4vmin 4vmin;top:0;right:0;bottom:0;left:0}.video-container>video{position:relative;max-height:100%;max-width:100%}.video-container>canvas{display:none!important}.video-controllers{display:flex;justify-content:space-around;width:100%;max-width:500px;padding:10px}.video-controllers>*{height:40px;aspect-ratio:1;box-sizing:border-box;display:flex;justify-content:center;align-items:center;color:#fff;font-size:18px}.video-controllers>.icon{border-radius:50%;border:2px solid #1c1c1c;padding:5px;cursor:pointer;background:none}.video-controllers>.icon:before{content:"";display:block;height:100%;width:100%;background:var(--icon);filter:invert(1)}.video-cropper-box{height:100%;width:100%;padding:0 10px}.video-cropper-box>*{overflow:hidden;padding:10px 0}.slider-cropper{display:flex;flex-direction:column;gap:5px;position:relative;cursor:grab}.slider-cropper:after{content:"";position:absolute;height:100%;width:2px;left:var(--time);background:red}.video-timer{display:flex;height:40px;margin:0 20px;position:relative;--shadow: #00000099}.video-timer:after{content:"";position:absolute;width:calc(100% + 3px);height:100%;background:linear-gradient(to right,var(--shadow) 0%,var(--shadow) var(--start),transparent var(--start),transparent var(--end),var(--shadow) var(--end),var(--shadow) 100%)}.video-timer>div,.video-timer:before{display:flex;justify-content:center;align-items:center;position:relative;width:var(--div-w);height:100%;border-left:2px solid white}.video-timer:before{content:"";position:absolute;left:100%}.timer-cropper{position:relative;height:40px;width:300px;display:flex;--radius: 10px;margin:0 20px}.left-cropper,.right-cropper{position:absolute;height:100%;width:20px;border:1px solid white;box-sizing:border-box;cursor:e-resize}.left-cropper{left:-20px;border-bottom-left-radius:var(--radius);border-top-left-radius:var(--radius)}.right-cropper{right:-20px;border-bottom-right-radius:var(--radius);border-top-right-radius:var(--radius)}.left-cropper:before,.right-cropper:before{content:"";position:absolute;height:100%;width:100%;background:radial-gradient(circle 2px at center 2px,white 100%,transparent 100%),radial-gradient(circle 2px at center 2px,white 100%,transparent 100%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;background-position:center calc(50% - 6px),center calc(50% + 6px)}.mid-cropper{height:100%;width:100%;background:#fff;cursor:grab}.play-icon{--icon: url(https://www.svgrepo.com/show/514197/play.svg) center / contain no-repeat}.pause-icon{--icon: url(https://www.svgrepo.com/show/514191/pause.svg) center / contain no-repeat}.replay-icon{--icon: url(https://www.svgrepo.com/show/489110/replay.svg) center / contain no-repeat}.confirm-icon{--icon: url(https://www.svgrepo.com/show/509324/check.svg) center / contain no-repeat}.cancel-icon{--icon: url(https://www.svgrepo.com/show/485656/cancel2.svg) center / contain no-repeat}.popup{position:fixed;display:flex;flex-direction:column;justify-content:center;left:0;top:var(--header-height);width:100%;height:calc(100% - var(--header-height));background:#000000ed;align-items:center;z-index:7;-webkit-user-select:none;user-select:none}.popup>p{color:#fff;margin-top:50px;font-size:1.2em}.loader-popup>.loader-animation{color:#fff;text-indent:-9999em;overflow:hidden;width:1em;height:1em;font-size:4em;border-radius:50%;position:relative;transform:translateZ(0);animation:mltShdSpin 1.7s infinite ease,round 1.7s infinite ease;margin:1em}@keyframes mltShdSpin{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@keyframes round{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.noTransition{transition:none}.hidden,input[type=file]{display:none!important}.jscolor{width:50px;height:30px;border-radius:10px;border:2px solid black;transition:.3s ease-in-out;box-shadow:inset 0 0 0 2px #fff;cursor:pointer}.jscolor-wrap{left:50%!important;transform:translate(-50%)!important}.jscolor-active{border:2px solid red}.jscolor-wrap .jscolor-btn{width:100%;border:none!important;background:url(https://www.svgrepo.com/show/485656/cancel2.svg) center / contain no-repeat}button{touch-action:manipulation;-webkit-user-select:none;font-family:inherit;background:inherit;color:inherit}
/*# sourceMappingURL=/cdn/shop/t/5/assets/custom-product.css.map */