html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline}body{line-height:1;color:black;background:white}:focus{outline:0}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}abbr,acronym{border:0}.marg0{margin:0}.pad0{padding:0}.pad-10{padding:0 10px}.posr{position:relative}.posa{position:absolute}.mrg_b{margin-bottom:2%}.wdh{width:100%}.clear{clear:both}.color-white{color:#fff}.color-pink{color:#ef4d69}.overflow-hidden{overflow:hidden}.float-left{float:left}.float-right{float:right}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.bold{font-weight:bold}.hide{display:none}.display-block{display:block}.display-flex{display:flex}.wrap{flex-wrap:wrap}.vertical-align-center{align-items:center}.vertical-align-top{align-items:flex-start}.vertical-align-bottom{align-items:flex-end}.vertical-align-top-bottom{align-content:space-between}.justify-center{justify-content:center}.justify-left{justify-content:flex-start}.justify-right{justify-content:flex-end}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.header{width:100%;background-color:#fff;box-shadow:0 0px 0px 0 rgba(0,0,0,0.16),0 0px 4px 0 rgba(0,0,0,0.12);position:sticky;top:0;left:0;z-index:99}.header-box{width:100%;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.hamburger-lines{display:block;height:18px;width:30px;z-index:2;display:flex;flex-direction:column;justify-content:space-between}.hamburger-lines .line{display:block;height:3px;width:100%;border-radius:10px;background:#000}.hamburger-lines .line1{transform-origin:0% 0%;transition:transform 0.4s ease-in-out}.hamburger-lines .line1.active{transform:rotate(45deg)}.hamburger-lines .line2{transition:transform 0.2s ease-in-out}.hamburger-lines .line2.active{transform:scaleY(0)}.hamburger-lines .line3{transform-origin:0% 100%;transition:transform 0.4s ease-in-out}.hamburger-lines .line3.active{transform:rotate(-45deg)}.logo{width:160px}.menu{width:100%;display:none;overflow:hidden}.menu .menu-sub{padding:10px 0}.menu-a{color:#000;text-decoration:none;display:block;text-align:center;margin-top:15px;font-weight:400}.menu-a.the-app{padding:5px 10px;border-radius:5px;background:linear-gradient(270deg, #f26649 0, #ef4d69 100%);color:#fff}.menu-a.the-app:hover{border:none !important}.footer{width:100%;background:#dedede;padding:10px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}.footer p{font-size:3vw;text-align:center}.footer p a{font-weight:700;color:#ef4d69}@media screen and (min-width: 768px){#gif-box img{width:101%}.footer p{font-size:1.5vw}}@media screen and (min-width: 1024px){.header-box{width:90%;margin:0 auto;padding:12px 0px}.menu{width:auto;margin-top:0;border-top:none;display:block}.menu .menu-sub{width:auto;display:flex;align-items:center;padding:0}.menu-a{margin:0 15px;-webkit-transition:0.2s;transition:0.2s}.menu-a:hover{border-bottom:1px solid #000;padding-bottom:5px}.menu-a.the-app{padding:10px 10px}.logo{width:210px;margin-left:-24px}.login-anchor{padding:10px 30px}.footer p{font-size:0.8vw}}*{box-sizing:border-box;list-style:none;outline:none;text-decoration:none;font-family:'Kumbh Sans', sans-serif;-webkit-user-select:none;-ms-user-select:none;user-select:none}p,li,span,input,textarea{font-size:4vw;font-weight:400;line-height:initial}.container{width:100%}.gif-container{width:90%;min-height:90vh;margin:30px auto}.gif-container.active{opacity:0.1;pointer-events:none}.gif-container.active .submit{background:gray}.gif-h1{font-size:5vw;font-weight:600;margin-bottom:20px}.gif-ol li{font-size:3.5vw;font-weight:500;list-style:decimal;margin:0 0 5px 20px}.form-text{font-weight:600;margin-bottom:10px}.form-box{margin-top:30px}.form-input-box{margin-bottom:30px}.inputBox{width:100%;background:#F5F5F5;color:#000;padding:15px;border:none;border-radius:8px;resize:none;font-size:3.5vw;line-height:1.5}.input-validation{color:red;margin-top:5px;font-size:13px}.button{color:#fff;padding:10px 30px;background:linear-gradient(270deg, #F1644A 0%, #EF4F65 100%);border-radius:8px}.gif-output-box{margin-top:30px}.background-chessboard-box{width:100%;position:absolute;top:0;left:0;overflow:hidden}.background-chessboard-box .board-initiat-box,.background-chessboard-box #board-image-box{width:100%;position:absolute;top:0;left:0}.background-chessboard-box .board-initiat-box .games-board,.background-chessboard-box .board-initiat-box img,.background-chessboard-box #board-image-box .games-board,.background-chessboard-box #board-image-box img{width:100%;position:absolute;top:0;left:0}.board-color{background:#fff}.dummy-preview-box .board-color{position:relative}.dummy-preview-box .board-color .board-b72b1{border-radius:8px;overflow:hidden}.logo-watermark{width:25% !important;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0}.loader-box{width:100%;height:100%;position:absolute;top:0;left:0;background:#F5F5F5;border-radius:8px;z-index:7;display:none}.loader-box .loader-flex{display:flex;align-items:center;justify-content:center;flex-wrap:initial;width:100%;height:100%}.loader-overlay-box{background:transparent;position:fixed}#gif-box{width:100%;position:absolute;top:0;left:0;border-radius:8px;overflow:hidden;z-index:8}#gif-box img{width:100%}.reset-button,.share-button{background:#fff;margin-left:15px;border:1px solid #EF4F65;color:#EF4F65}.reset-button:hover,.share-button:hover{background:linear-gradient(270deg, #F1644A 0%, #EF4F65 100%);color:#fff}.share-button{display:flex;align-items:center;justify-content:center;flex-wrap:initial;padding:6px 30px}.share-button svg{width:20px;height:auto;margin-left:5px;stroke:#EF4F65;fill:#EF4F65}.share-button:hover svg{stroke:#fff;fill:#fff}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;background:url(../png/arrow-down.png) 96%/15% no-repeat #f5f5f5 !important;background-size:16px !important}.uploadPgn{cursor:pointer}.uploadPgn::file-selector-button{color:#000 !important;padding:10px 15px !important;border:thin solid transparent !important;border-radius:3px !important}.player-info-box{background:#F1F1F1;padding:15px 10px}.player-info-box .player-name-box{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:initial}.player-info-box .player-name-box .white-player,.player-info-box .player-name-box .black-player{width:40%;font-size:3vw;font-weight:600;display:flex;align-items:center;justify-content:flex-start;flex-wrap:initial}.player-info-box .player-name-box .black-player{justify-content:flex-end}.player-info-box .player-name-box .white-player::after{content:'';width:10px;height:10px;display:inline-block;margin-left:5px;background:#fff;border-radius:4px;border:1px solid #C1C1C1}.player-info-box .player-name-box .black-player::before{content:'';width:10px;height:10px;display:inline-block;margin-right:5px;background:#000;border-radius:4px;border:1px solid #C1C1C1}.player-info-box .player-name-box .game-result{width:20%;text-align:center;font-size:3.5vw;font-weight:800;color:#F1644A}.player-info-box .game-info-box{width:100%;margin-top:15px;padding-top:15px;border-top:1px solid #B9B9B9;display:flex;align-items:initial;justify-content:space-between;flex-wrap:initial}.player-info-box .game-info-box .game-info-sub1{width:70%}.player-info-box .game-info-box .game-info-sub2{width:30%}.player-info-box .game-info-box .game-info-text{font-size:3vw;font-weight:500}.player-info-box .game-info-box .event-name{font-weight:600}.player-info-box .game-info-box .event-round{margin-top:5px}.player-info-box .game-info-box .event-time{color:#7D7D7D;text-align:right}.append-player-box{width:100%;position:absolute;left:0;top:100%}.gif-overlay{width:100%;height:100%;position:fixed;bottom:0;left:0;z-index:100;background:#fff}.gif-overlay .close-button{width:30px;position:absolute;top:10px;right:10px;cursor:pointer}.gif-overlay .gif-overlay-flex{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:initial}.gif-overlay .gif-overlay-flex .gif-overaly-output-box{width:90%;max-width:400px}.gif-overlay .gif-overlay-flex .gif-overaly-output-box h2{font-weight:700;text-align:center}.gif-overlay .gif-overlay-flex .gif-overaly-output-box #gif-box{position:relative;margin:15px auto}.download-button-box{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.download-button-box a{width:47%;text-align:center;font-size:14px}.loader{width:50px;display:block;margin:0 auto 20px;-webkit-animation:rotating 2s linear infinite;-moz-animation:rotating 2s linear infinite;-ms-animation:rotating 2s linear infinite;-o-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}@-webkit-keyframes rotating /* Safari and Chrome */{from{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.mark-text{width:100%;margin-top:10px;font-size:2.5vw;text-align:center}.board-b72b1{border:none;margin:0 auto}.row-5277c img{position:relative;z-index:1}.select-one-box{border-radius:8px;background:#F5F5F5;padding:15px;margin-bottom:15px}.select-one-box .inputBox,.select-one-box .uploadPgn{width:100%;border:1px solid #D8D8D8;background:#F8F8F8;margin-top:10px}.select-one-box .pgn-label{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-wrap:initial;flex-wrap:wrap;font-size:3.5vw;font-weight:600;cursor:pointer}.select-one-box .pgn-label .inpt-radio{accent-color:#F1644A;cursor:pointer;margin-right:5px}.select-one-box .pgn-label-sub{width:100%;font-size:3.5vw;font-weight:400;color:#606060;margin-left:18px;margin-top:5px}.select-one-box .paste-pgn-box,.select-one-box .upload-pgn-box{margin-left:18px}.share-box{width:100%;margin-top:15px;padding-top:15px;border-top:1px solid #d2d2d2}.share-box p{width:100%;font-weight:600;display:flex;align-items:center;justify-content:center;flex-wrap:initial}.share-box p .share-icon{width:30px;margin:0 10px}.black-3c85d{background:#A2A2A2;color:#000}.black-3c85d.grey{background:#A2A2A2;color:#000}.black-3c85d.orange{background:#F1644A;color:#000}.black-3c85d.blue{background:#28DFE1;color:#000}.black-3c85d.purple{background:#6475D6;color:#fff}.black-3c85d.green{background:#71AC35;color:#000}.white-1e1d7{background:#E0E0E0;color:#000}.white-1e1d7.grey{background:#E0E0E0;color:#000}.white-1e1d7.orange{background:#FBD6D0;color:#000}.white-1e1d7.blue{background:#E9FCFC;color:#000}.white-1e1d7.purple{background:#D7DBF4;color:#fff}.white-1e1d7.green{background:#D8EDC5;color:#000}.hide-on-desktop{display:block}.hide-on-mobile{display:none}@media screen and (min-width: 768px){p,li,span,input,textarea{font-size:2vw}.gif-h1{font-size:3vw;margin-bottom:30px}.gif-ol li{font-size:2vw}.form-box{margin-top:40px}.inputBox{font-size:2vw}.gif-output-box{width:80%;margin:50px auto 0}.player-info-box .player-name-box .white-player,.player-info-box .player-name-box .black-player{font-size:2vw}.player-info-box .player-name-box .white-player::after,.player-info-box .player-name-box .black-player::before{width:15px;height:15px}.player-info-box .player-name-box .game-result{font-size:2.5vw}.player-info-box .game-info-box .game-info-text{font-size:2vw}.mark-text{font-size:1.7vw}.select-one-box .pgn-label{font-size:1.5vw}.select-one-box .pgn-label-sub{font-size:1.5vw}}@media screen and (min-width: 1024px){.hide-on-desktop{display:none}.hide-on-mobile{display:block}p,li,span,input,textarea{font-size:1vw}.container{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;align-content:space-between}.gif-container{width:80%;min-height:auto;display:flex;align-items:center;justify-content:space-around;flex-wrap:initial}.gif-input-box{width:45%}.gif-output-box{width:35%;margin:0}.gif-h1{font-size:1.5vw;margin-bottom:30px}.gif-ol li,.inputBox{font-size:1vw}.submit{cursor:pointer}#gif-box img{width:100%}.player-info-box .player-name-box .white-player,.player-info-box .player-name-box .black-player{font-size:0.9vw}.player-info-box .player-name-box .white-player::after,.player-info-box .player-name-box .black-player::before{width:15px;height:15px}.player-info-box .player-name-box .game-result{font-size:1.2vw}.player-info-box .game-info-box .game-info-text{font-size:0.9vw}.mark-text{font-size:0.7vw}.select-one-box .pgn-label{font-size:0.9vw}.select-one-box .pgn-label-sub{font-size:0.9vw}}