html{user-select:none}body{overflow-y:auto}#root{display:flex;padding:1rem 0;min-height:100%;justify-content:center;align-items:center;flex-direction:column;text-align:center}.output__control{margin-top:15px}.button{display:inline-flex;align-items:center;border:0;padding:0;background:0;color:#000;font-size:1rem;font-weight:400;font-family:inherit;text-decoration:none;cursor:pointer}.button>svg{margin-right:5px}.option:not(.loaded){opacity:0;position:absolute}.option button{border:0;padding:0;background:0;outline:0;cursor:pointer}.option button:focus svg *{stroke:#fff}.option button:focus:not(:focus-visible) svg *{stroke:#000}.option__preview{position:relative;margin-bottom:1rem}.option.loaded>.option__preview>video{display:block;max-width:80vw;max-height:calc(100vh - 9.2rem - 150px)}.option__input{max-width:250px;margin:0 auto .8rem}.option__input>.title{text-align:left;font-size:.55rem;padding:0 5px;margin-bottom:.15rem;line-height:.7rem}.option__input>div{display:flex}.option__input>div>input{width:100%;background:0;border:0;outline:0;font-family:inherit;font-size:.8rem;line-height:1.2rem;padding:2.5px 5px;border-radius:5px;background:rgba(255,255,255,.15);transition:background .25s}.option__input button{padding:0;margin-left:10px}.option__input svg{width:1rem;height:1rem}.option__input>input:focus{background:rgba(255,255,255,.4)}.option__convert{display:block;margin:0 auto}.output{display:block;margin:0 0 30px}.output h2{font-size:1.5rem;margin:0 0 1rem}.output>ul{display:flex;margin:0;padding:0;list-style:none;flex-direction:column;gap:10px}.output__file{display:block;max-width:80vw;max-height:calc(80vh - 5rem);margin-bottom:10px}@media screen and (min-width: 860px){.output>ul{flex-direction:row}.output__file{max-width:45vw}}.progress{position:relative}.progress>div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px}.progress svg{transform:rotate(-90deg);transform-origin:center}.progress circle{transition:stroke-dashoffset .25s ease-in-out}.output__control__download{margin-right:10px}@-webkit-keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translate(0)}10%,30%,50%,70%{-webkit-transform:translateX(-10px);transform:translate(-10px)}20%,40%{-webkit-transform:translateX(10px);transform:translate(10px)}60%{-webkit-transform:translateX(8px);transform:translate(8px)}80%{-webkit-transform:translateX(6px);transform:translate(6px)}90%{-webkit-transform:translateX(-6px);transform:translate(-6px)}}@keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translate(0)}10%,30%,50%,70%{-webkit-transform:translateX(-10px);transform:translate(-10px)}20%,40%{-webkit-transform:translateX(10px);transform:translate(10px)}60%{-webkit-transform:translateX(8px);transform:translate(8px)}80%{-webkit-transform:translateX(6px);transform:translate(6px)}90%{-webkit-transform:translateX(-6px);transform:translate(-6px)}}.file__label{display:flex;width:300px;height:250px;flex-direction:column;justify-content:center;align-items:center;border:5px dashed #000;border-radius:5px;cursor:pointer}.file__label--invalid{border-color:#dc3545;color:#dc3545;-webkit-animation:shake 1s ease-in-out both;animation:shake 1s ease-in-out both}.file__label>div{margin-top:10px}.reset{background:0;border:0}.option__resize{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid}.option__resize__move{position:absolute;top:10px;right:10px;bottom:10px;left:10px;cursor:move}.option__resize__point{position:absolute;width:20px;height:20px;background:rgba(0,0,0,.5);border-radius:50%;box-sizing:border-box;transform:scale(.5);transition:transform .25s ease-in-out}.option__resize__point:hover{transform:scale(1)}.option__resize__point--top--left{top:-11.5px;left:-11.5px;cursor:nwse-resize}.option__resize__point--top--center{top:-11.5px;left:calc(50% - 11.5px);cursor:ns-resize}.option__resize__point--top--right{top:-11.5px;right:-11.5px;cursor:nesw-resize}.option__resize__point--center--left{top:calc(50% - 11.5px);left:-11.5px;cursor:ew-resize}.option__resize__point--center--right{top:calc(50% - 11.5px);right:-11.5px;cursor:ew-resize}.option__resize__point--bottom--left{bottom:-11.5px;left:-11.5px;cursor:nesw-resize}.option__resize__point--bottom--center{bottom:-11.5px;left:calc(50% - 11.5px);cursor:ns-resize}.option__resize__point--bottom--right{bottom:-11.5px;right:-11.5px;cursor:nwse-resize}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}html:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:linear-gradient(to top,#ffc7ee 0%,#abc5f1 100%);z-index:-1}body{margin:0;font-family:Anton,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}