@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap);:root{--primary-color-white:#fff;--primary-blue-light:#cdeafe;--primary-blue-medium:#18a0fb;--primary-blue-dark:#0b639e;--color-gray-1:#4d4d4d;--color-gray-2:#8c8c8c;--color-gray-3:#f6f9f6;--primary-font:"Rubik",sans-serif;--letter-spacing:0.2rem;--transition:all 0.3s ease-out;--radius:0.5rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--primary-font);background:var(--primary-color-white);color:var(--color-gray-1);line-height:1.5;font-size:.875rem}main{padding-top:73px}a{text-decoration:none;color:var(--color-gray-1)}img{width:100%;display:block}ul{list-style:none}h1,h2,h3,h4{letter-spacing:var(--spacing);text-transform:capitalize;line-height:1.25;margin-bottom:.75rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4,p{font-size:.875rem}p{margin-bottom:1.25rem;color:var(--clr-grey-2)}.btn{border:2px solid var(--primary-blue-medium);border-radius:var(--radius);cursor:pointer;background:transparent;transition:var(--transition);font-size:1.3rem;color:var(--primary-blue-medium);letter-spacing:var(--letter-spacing)}.btn:hover{box-shadow:0 0 10px rgba(0,0,0,.35)}.btn-blue{background:var(--primary-blue-medium);color:var(--primary-color-white)}@media screen and (min-width:800px){h1{font-size:3.5rem}h2{font-size:2.1rem}h3{font-size:1.5rem}body,h4{font-size:1rem}h1,h2,h3,h4{line-height:1}}.section{min-height:100vh;padding:3rem 2rem 8rem;background:var(--color-gray-3);display:grid;grid-row-gap:2rem;row-gap:2rem}.modal-in{opacity:.5;pointer-events:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--color-gray-2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#555}.board-section{justify-self:center;display:-webkit-flex;display:flex;grid-gap:1rem;gap:1rem}@media screen and (min-width:1080px){.section{grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}}@media screen and (max-width:1080px){.board-prototype{display:none}}.color-black{background-image:url(/static/media/black.17eb97c7.svg)}.color-brown{background-image:url(/static/media/brown.8d6f616c.svg)}.color-gray{background-image:url(/static/media/gray.0f1ec415.svg)}.chessboard{position:relative}.best-move-square{position:absolute;left:0;top:0;background-color:#3cc;opacity:.6}cg-board square{position:absolute;top:0;left:0;width:12.5%;height:12.5%;pointer-events:none}cg-board square.move-dest{background:radial-gradient(rgba(20,85,150,.5) 22%,#208530 0,rgba(0,0,0,.3) 0,transparent 0);pointer-events:auto}cg-board square.premove-dest{background:radial-gradient(rgba(20,30,85,.5) 22%,#203085 0,rgba(0,0,0,.3) 0,transparent 0)}cg-board square.oc.move-dest{background:radial-gradient(transparent 0,transparent 80%,rgba(20,85,150,.5) 0)}cg-board square.oc.premove-dest{background:radial-gradient(transparent 0,transparent 80%,rgba(20,30,85,.2) 0)}cg-board square.move-dest:hover{background:rgba(20,85,150,.7)}cg-board square.premove-dest:hover{background:rgba(20,30,85,.2)}cg-board square.last-move{will-change:transform;background-color:rgba(0,0,200,.2)}cg-board square.selected{background-color:rgba(20,85,150,.7)}cg-board square.check{background:radial-gradient(ellipse at center,red 0,#e70000 25%,rgba(169,0,0,0) 89%,rgba(158,0,0,0) 100%)}cg-board square.current-premove{background-color:rgba(20,30,85,.5)}.cg-wrap piece{position:absolute;top:0;left:0;width:12.5%;height:12.5%;background-size:cover;z-index:2;will-change:transform;pointer-events:none}cg-board piece.dragging{cursor:move;z-index:9}cg-board piece.anim{z-index:8}cg-board piece.fading{z-index:1;opacity:.5}.cg-wrap square.move-dest:hover{background-color:rgba(20,85,150,.7)}.cg-wrap coords{position:absolute;display:-webkit-flex;display:flex;pointer-events:none;opacity:.8;font-size:9px}.cg-wrap coords.ranks{right:-15px;top:0;-webkit-flex-flow:column-reverse;flex-flow:column-reverse;height:100%;width:12px}.cg-wrap coords.ranks.black{-webkit-flex-flow:column;flex-flow:column}.cg-wrap coords.files{bottom:-16px;left:0;-webkit-flex-flow:row;flex-flow:row;width:100%;height:16px;text-transform:uppercase;text-align:center}.cg-wrap coords.files.black{-webkit-flex-flow:row-reverse;flex-flow:row-reverse}.cg-wrap coords coord{-webkit-flex:1 1 auto;flex:1 1 auto}.cg-wrap coords.ranks coord{-webkit-transform:translateY(39%);transform:translateY(39%)}.evaluation-bar{position:relative;background:var(--color-gray-1);width:30px;box-shadow:0 0 4px var(--color-gray-1);border-radius:2px;text-align:center}.evaluation-bar-value{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:absolute;bottom:0;background:#fff;width:100%;border-radius:2px;max-height:100%;text-align:center;font-size:.5rem;transition:2s}.orientation-black{top:0;-webkit-justify-content:flex-end;justify-content:flex-end}.bar-value{position:absolute;color:var(--primary-color-white);width:100%;font-size:.5rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.val-20{top:1%}.val-10{top:25%}.val-0{background:var(--primary-color-white);height:1.5px;width:100%;top:50%}.val--10{top:75%}.val--20{top:99%}@media screen and (max-width:400px){.evaluation-bar{width:10px}}.details-container{height:90%;width:90%;justify-self:center;position:relative}.details-btns{height:10%;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;grid-gap:.5rem;gap:.5rem}.details-btn{font-size:1.5rem;text-align:center;height:40px;padding:.3rem .8rem;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center}.details-btn-bigger{font-size:2rem;padding:.3rem 2.5rem}.details-btn-bigger:disabled{opacity:.5;cursor:auto}.details-btn-bigger:disabled:hover{box-shadow:none}.details-btn-text{font-size:1rem}.all-details{overflow-y:scroll;background:var(--primary-color-white);border-radius:var(--radius);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.pgn{padding:1rem 2rem}.position-info{margin:1.5rem 1.5rem 0;background:var(--primary-blue-light);border-radius:var(--radius);padding:1rem}.single-position-info{margin-bottom:1rem}.position-text-header{margin-bottom:0}.position-text{margin:0;white-space:pre-line}.show-threats{color:var(--primary-blue-dark);display:-webkit-flex;display:flex;grid-gap:.5rem;gap:.5rem;font-size:.875rem;cursor:pointer;opacity:.8;transition:var(--transition)}.show-threats:hover{opacity:1;font-size:.9rem;transition:var(--transition)}.threats-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}@media screen and (max-width:1300px){.details-container{width:400px}.details-btn-bigger{padding:.3rem 1.2rem}}.game-over-info{padding-top:1rem;color:var(--primary-blue-dark);text-align:center}@media screen and (max-width:1080px){.details-container{width:500px;margin-top:2rem}}@media screen and (max-width:650px){.details-container{width:90%}.details-btn-bigger{padding:.3rem 1rem}}@media screen and (max-width:400px){.details-container{width:90%}.details-btn{font-size:1rem;height:20px;padding:.3rem}.details-btn-text{font-size:.5rem}.details-btn-bigger{padding:.3rem}}.stockfish-evaluation-container{background:var(--color-gray-3);margin:1.5rem;padding:1rem;border-radius:var(--radius)}.stockfish-evaluation-container p{margin:0;font-size:.75rem;font-weight:500}.stockfish-evaluation-header{color:var(--primary-blue-dark);padding:0 1rem}.single-stockfish-evaluation,.stockfish-evaluation-header{display:grid;grid-template-columns:30% 40% 30%;margin-bottom:.5rem}.single-stockfish-evaluation{background:var(--primary-blue-light);padding:.2rem 1rem;border-radius:var(--radius)}.variants{margin-top:.5rem;padding:0 1rem;min-height:.5rem}.variants p{font-weight:300}.align-right{text-align:right}.training-btn{width:300px;font-size:.875rem;margin:1rem auto 2rem;padding:.5rem .25rem;width:100%}.hint-btn:disabled{opacity:.5;pointer-events:none}.best-move-info{position:relative;font-weight:bolder}.best-move-info p{margin-bottom:0}.best-move-icon{position:absolute;left:-10px;top:-10px;font-size:1.7rem}.threat-icon{color:var(--primary-blue-dark);font-size:1.5rem}.game-details{width:100%;position:absolute;top:0;left:0;-webkit-transform:translateY(-150%);transform:translateY(-150%);display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:0 .75rem}.game-details p{margin-bottom:0;font-weight:500}@media screen and (max-width:550px){.game-details p{font-size:.75rem}}.sidebar-container{background:#e6f5ff;position:fixed;top:73px;right:0;bottom:0;width:40vw;z-index:90;padding:1.5rem;box-shadow:-2px 0 15px rgba(0,0,0,.3);overflow-y:scroll;-webkit-transform:translateX(100%);transform:translateX(100%);transition:var(--transition)}.show-sidebar{-webkit-transform:translateX(0);transform:translateX(0)}.sidebar-header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;color:var(--primary-blue-dark);font-size:1.8rem;margin-bottom:.5rem}.sidebar-header h3{font-weight:400}.sidebar-close-btn{cursor:pointer;transition:var(--transition)}.sidebar-close-btn:hover{color:var(--primary-blue-medium)}.sidebar-btns-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:3rem}.sidebar-btn{background:#b4e0fe;color:var(--primary-blue-dark);border:none;font-size:1.8rem;width:48%;padding:.8rem;border-radius:var(--radius);transition:var(--transition);cursor:pointer;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;grid-gap:.5rem;gap:.5rem}.sidebar-btn p{margin:0}.sidebar-btn:hover{box-shadow:0 0 5px var(--primary-blue-dark)}.settings-item{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;color:var(--primary-blue-dark);padding:.5rem 3rem;font-size:1.3rem}.settings-btn{cursor:pointer}.chessboard-color-options{padding:0 3rem;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.chessboard-color{border:none;height:30px;width:25%;border:2px solid var(--primary-blue-dark);border-radius:var(--radius);transition:var(--transition);cursor:pointer;margin-bottom:1rem}.chessboard-color:hover{box-shadow:0 2px 5px rgba(0,0,0,.3)}.color1{background:linear-gradient(90deg,#fff 0,#fff 50%,#48454a 0,#48454a)}.color2{background:linear-gradient(90deg,#efcea7 0,#efcea7 50%,#bf9a6d 0,#bf9a6d)}.color3{background:linear-gradient(90deg,#dadada 0,#dadada 50%,#868686 0,#868686)}.choose-stockfish-depth{height:1.3rem;width:3rem;border-radius:5px;color:var(--primary-blue-dark);border:2px solid var(--primary-blue-dark);font-weight:600;font-size:.9rem}@media screen and (max-width:1100px){.sidebar-container{width:60vw}.choose-stockfish-depth{height:1.2rem;font-size:.8rem}}@media screen and (max-width:650px){.sidebar-container{width:100vw}}.hero{min-height:calc(100vh - 72.8px);background-image:url(/static/media/hero.6c7972fa.jpg);background:linear-gradient(rgba(24,160,251,.35),rgba(0,0,0,.8)),url(/static/media/hero.6c7972fa.jpg) 50%/cover no-repeat;background-attachment:fixed;text-align:center;position:relative}.hero-container{color:var(--primary-color-white);opacity:.7;position:absolute;top:20%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.navbar{position:fixed;top:0;left:0;width:100%;background:var(--primary-color-white);box-shadow:0 3px 5px rgba(0,0,0,.2);z-index:99}.navbar-container{margin:0 auto;width:100%;max-width:1450px}.navbar-logo-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:1rem 2rem}.navbar-logo{font-size:1.7rem}.logo-icon{margin-right:.5rem}.navbar-btn{font-size:1.7rem;color:var(--clr-gray-1);cursor:pointer;background:transparent;border:none;transition:var(--transition)}.navbar-btn:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.navbar-links{height:0;overflow:hidden}.navbar-link,.navbar-links{transition:var(--transition)}.navbar-link{display:block;text-transform:capitalize;padding:.85rem 2rem;letter-spacing:var(--letter-spacing);font-size:1rem;color:var(--primary-blue-medium)}.navbar-link:hover{color:var(--primary-blue-dark);padding-left:2.5rem}.link-icon{margin-right:1rem;display:inline-block;vertical-align:middle}.show-navbar-links{height:270px}@media screen and (min-width:1100px){.navbar-btn{display:none}.navbar-container{-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.navbar-container,.navbar-links{display:-webkit-flex;display:flex}.navbar-links{height:auto}.navbar-link{padding:0;margin-right:2.5rem;letter-spacing:normal}.navbar-link:hover{padding:0}}.dictionary-header{text-align:center;margin-top:2.5rem}.term-list{padding:3rem 2rem}.single-term{margin-bottom:2rem;display:-webkit-flex;display:flex;grid-gap:1.5rem;gap:1.5rem}.term{font-weight:700;width:20vw}.explanation{width:80vw}@media screen and (min-width:800px){.term-list{padding:3rem 4rem}.explanation,.term{font-size:.9rem}.term{width:15vw}.explanation{width:85vw}}.drop-field{margin:3rem 5rem;padding:2rem 4rem;background:rgba(24,160,251,.2);border:3px solid rgba(11,99,158,.7);border-radius:var(--radius)}.drop-text{text-align:center;text-transform:none;font-weight:400;font-size:1.3rem;color:var(--primary-blue-dark);opacity:.7}.drop-icon{display:block;font-size:10rem;opacity:.5}.image-preview{width:20vw;height:auto;margin:0 auto}.upload-btn-container{text-align:center}.upload-btn-container button{padding:.5rem 1.5rem;margin-bottom:3rem}.upload-btn-container button:disabled{pointer-events:none}.hide-btn{display:none}.modal{position:fixed;top:60%;left:50%;-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%);z-index:5;background:var(--primary-color-white);text-align:center;font-size:1rem;border-radius:var(--radius);box-shadow:0 4px 6px rgba(0,0,0,.3);border:2px solid var(--primary-blue-dark);max-height:80vh;max-width:700px;overflow-y:auto}.hide-modal{display:none}.modal-content{position:relative;padding:2rem}.modal-close-btn{position:absolute;top:10px;right:10px;display:block;border:none;color:#ff4d4d;font-size:1.7rem;background:transparent;cursor:pointer;transition:var(--transition)}.modal-close-btn:hover{color:red;-webkit-transform:scale(1.05);transform:scale(1.05)}.block-drop{opacity:.3}@media screen and (min-width:1000px){.image-preview{width:15vw}.modal{font-size:1.2rem}.close-btn{font-size:1.8rem}}@media screen and (max-width:500px){.drop-field{margin:2rem 1rem}.drop-icon{font-size:6rem}.drop-text{font-size:1.1rem}.upload-btn-container button{font-size:.9rem}}.loading-dots{margin:auto;position:relative;width:10px;height:10px;border-radius:5px;background-color:var(--primary-blue-dark);color:var(--primary-blue-dark);-webkit-animation:dotFlashing 1s linear infinite alternate;animation:dotFlashing 1s linear infinite alternate;-webkit-animation-delay:.5s;animation-delay:.5s}.loading-dots:after,.loading-dots:before{content:"";display:inline-block;position:absolute;top:0}.loading-dots:before{left:-15px;-webkit-animation:dotFlashing 1s infinite alternate;animation:dotFlashing 1s infinite alternate;-webkit-animation-delay:0s;animation-delay:0s}.loading-dots:after,.loading-dots:before{width:10px;height:10px;border-radius:5px;background-color:var(--primary-blue-dark);color:var(--primary-blue-dark)}.loading-dots:after{left:15px;-webkit-animation:dotFlashing 1s infinite alternate;animation:dotFlashing 1s infinite alternate;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes dotFlashing{0%{background-color:var(--primary-blue-dark)}50%,to{background-color:var(--primary-blue-light)}}@keyframes dotFlashing{0%{background-color:var(--primary-blue-dark)}50%,to{background-color:var(--primary-blue-light)}}.message{color:#ff4d4d;height:.5rem}.fen-message{color:var(--primary-blue-dark);font-size:.75rem}.mops-board-section{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;grid-gap:2rem;gap:2rem}.start-from-position-btns{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;grid-gap:1rem;gap:1rem}.start-btn{padding:.5rem;font-size:.9rem;background:var(--primary-blue-dark);border:transparent;color:var(--primary-blue-light)}.start-btn:disabled{opacity:.5;pointer-events:none}.start-from-position-settings{border-radius:var(--radius);border:2px solid var(--primary-blue-dark);padding:.5rem;font-size:.8rem}.castle-settings,.color-settings{margin-bottom:1rem}.board-direction-btn{margin-bottom:.5rem;font-size:.9rem;padding:.2rem;letter-spacing:normal;color:var(--primary-blue-dark);border-color:var(--primary-blue-dark)}.color-settings h5{line-height:normal;cursor:pointer;margin-bottom:.5rem}.castle-header{font-size:.9rem;color:var(--primary-blue-dark);margin-bottom:.5rem}.single-color-castle{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.single-color-castle h5{cursor:pointer}@media screen and (max-width:700px){.mops-board-section{-webkit-flex-direction:column;flex-direction:column}.color-settings{margin-bottom:0}.castle-settings,.color-settings{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.single-color-castle{-webkit-justify-content:space-between;justify-content:space-between;grid-gap:1rem;gap:1rem}.start-from-position-settings{font-size:1rem}}.start-btn a{color:var(--primary-blue-light)}@media screen and (min-width:1300px){.start-from-position-settings{font-size:1rem}}.board-section{position:relative}.mops-board{width:400px;margin:auto}.square-options{position:absolute;font-size:1.2rem;z-index:5;width:50px}.add{right:30px;color:#1ac51a}.add,.remove{position:absolute;top:30px;z-index:5;background-color:var(--primary-blue-light);border-radius:50px}.remove{left:30px;color:red}.pieces-to-choose{position:absolute;left:50px;z-index:10;width:300px;height:100px;background:var(--primary-blue-light);border-radius:5px;box-shadow:0 0 5px var(--primary-blue-dark)}.pieces-color{padding:.25rem .5rem;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.piece{width:40px;cursor:pointer}.color-picker-conatiner{text-align:center;position:relative;background:var(--color-gray-3);position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:5;width:300px;padding:2rem 1rem;border-radius:var(--radius);border:2px solid var(--primary-blue-dark);box-shadow:0 0 5px var(--primary-blue-dark)}.hide{display:none}.close{position:absolute;color:var(--primary-blue-dark);top:15px;right:15px;font-size:1.25rem;transition:var(--transition);cursor:pointer}.close:hover{color:#ff4d4d}.separator{background:var(--primary-blue-dark);height:2px;width:75px;margin:-.25rem auto 0}.strength-picker{color:var(--primary-blue-dark);padding:1rem}.strength-picker select{width:80%;border:2px solid var(--primary-blue-dark);border-radius:var(--radius);font-size:1rem;color:var(--primary-blue-dark);height:2rem}.color-picker-btns{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;grid-gap:2rem;gap:2rem;margin-top:2rem}.color-picker-btns button{font-size:3.5rem;border:transparent;padding:.5rem;background:var(--primary-blue-dark);opacity:.85}.color-picker-btns button:hover{opacity:1}.game-settings{text-align:center;margin:2rem auto}.game-settings h2{font-size:1.8rem;text-transform:none}.game-settings-btns button{display:block;width:40vw;height:3.5rem;margin:3rem auto}.select-options{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;height:3.5rem}.options-text{text-transform:uppercase;width:30%;-webkit-align-self:center;align-self:center}.options-list,.options-text{color:var(--primary-blue-medium)}.options-list{width:60%;border:2px solid var(--primary-blue-medium);border-radius:var(--radius);font-size:1rem}.pick-color{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;margin:3rem auto}.black-icon,.random-icon,.white-icon{font-size:3rem;padding:.7rem}.black-icon{color:#000}.picked{outline:solid 3.5px var(--primary-blue-dark);transition:all .1s linear}@media screen and (max-width:1080px){.game-settings-btns button{width:50vw}}@media screen and (max-width:850px){.game-settings-btns button{width:100%}}.rules-container{padding:3rem 4rem}.rules-header{text-align:center;margin-bottom:3rem}.rules-introduction{text-align:center;list-style:inside;text-transform:none;font-weight:500;color:var(--primary-blue-dark)}.scroll-link{cursor:pointer}.scroll-link:hover{color:var(--color-gray-1);transition:var(--transition)}.rules{padding-bottom:3rem}.single-rule{margin-top:2rem}.rule-text{font-size:1rem;margin:0 0 1rem}.rule-additional-list{list-style:circle;font-size:1rem;margin-left:4rem;list-style:inside}.rule-header{color:var(--primary-blue-dark);margin:0;font-size:1.15rem;font-weight:bolder}@media screen and (max-width:1000px){.rules-container{padding:3rem}}
/*# sourceMappingURL=main.1d9a3637.chunk.css.map */