.github-wrapper{align-content:center;display:flex;flex-wrap:wrap;justify-content:flex-end;padding:8px;width:calc(100% - 16px)}.github-wrapper .icon-wrapper{align-items:center;background-color:#35455e;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:8px}.main-wrapper{align-items:center;display:flex;flex-direction:column;height:100%;margin:0;padding:0;width:100%}.main-wrapper .title-wrapper{align-content:center;display:flex;flex-wrap:wrap;height:80px}.main-wrapper .title-wrapper>h1{color:#9399a2;text-transform:uppercase}.main-wrapper .game-container .grid-container{grid-gap:10px;display:grid;gap:10px;grid-auto-rows:minmax(100px,auto);grid-template-columns:repeat(3,1fr);margin-bottom:32px}.main-wrapper .game-container .grid-container .grid-item{align-items:center;background-color:#35455e;border-radius:5px;cursor:pointer;display:flex;justify-content:center;min-width:100px}.main-wrapper .game-container .players-turn-container{align-items:center;border-radius:5px;display:flex;justify-content:center;position:relative}.main-wrapper .game-container .players-turn-container .option{align-items:center;display:flex;height:60px;justify-content:center;position:relative;width:60px}.main-wrapper .game-container .players-turn-container .option .icon{background-position:50%;background-repeat:no-repeat;height:60px;position:relative;width:60px}.main-wrapper .game-container .players-turn-container .option .icon.x{background-image:url(/tic_tac_toe/static/media/x-light.7d31c7d774451b9bff94.svg)}.main-wrapper .game-container .players-turn-container .option .icon.o{background-image:url(/tic_tac_toe/static/media/o-light.addd8f92bc00c8e3da6e.svg)}.main-wrapper .game-container .players-turn-container .option .active{background-color:#a1eebd;border-radius:5px;height:60px;position:absolute;width:60px}.main-wrapper .game-container .players-turn-container .option .active~.icon{transition:background .1s step-end}.main-wrapper .game-container .players-turn-container .option .active~.icon.x{background-image:url(/tic_tac_toe/static/media/x-dark.b41fc242c6253ac4d068.svg)}.main-wrapper .game-container .players-turn-container .option .active~.icon.o{background-image:url(/tic_tac_toe/static/media/o-dark.6aaf59cfe1d917906db7.svg)}.main-wrapper .backdrop-filter{align-items:center;background-color:rgba(0,0,0,.694);display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100%}.main-wrapper .modal{align-items:center;background:#202b3b;border:2px solid #dde0e4;border-radius:12px;display:flex;flex-direction:column;height:min(50%,300px);justify-content:space-around;margin:auto;padding:0 2rem;width:clamp(25%,300px,80%)}.main-wrapper .modal h1.title{color:#dde0e4;line-height:.9;margin:0;text-transform:capitalize}.main-wrapper .modal .icon-container{align-items:center;border:2px solid #dde0e4;border-radius:12px;display:flex;justify-content:center;overflow:hidden}.main-wrapper .modal .icon-container.winner{flex-wrap:wrap;height:74px;width:74px}.main-wrapper .modal .icon-container.winner .icon-winner.x{background-image:url(/tic_tac_toe/static/media/x.5b4d05abb4205fd21ef0.svg);background-repeat:no-repeat;height:60px;transform:scale(1.2);width:60px}.main-wrapper .modal .icon-container.winner .icon-winner.o{ransform:scale(.9);background-image:url(/tic_tac_toe/static/media/o.2e86160e98295718adc8.svg);background-repeat:no-repeat;height:60px;width:60px}.main-wrapper .modal .icon-container.no-winner{gap:24px;height:74px;width:160px}.main-wrapper .modal .icon-container.no-winner .icon-x{background-image:url(/tic_tac_toe/static/media/x.5b4d05abb4205fd21ef0.svg);background-repeat:no-repeat;height:60px;transform:scale(1.2);width:60px}.main-wrapper .modal .icon-container.no-winner .icon-o{background-image:url(/tic_tac_toe/static/media/o.2e86160e98295718adc8.svg);background-repeat:no-repeat;height:60px;transform:scale(.9);width:60px}.main-wrapper .modal .btn-wrapper .play-again-wrapper{margin:0 0 14px}.main-wrapper .game-container .play-again-wrapper,.main-wrapper .modal .play-again-wrapper{display:flex;justify-content:center;margin:16px 0 32px}.main-wrapper .game-container .play-again-wrapper .play-again-btn,.main-wrapper .modal .play-again-wrapper .play-again-btn{align-items:center;border:1px solid #dde0e4;border-radius:5px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:.2s;width:152px}.main-wrapper .game-container .play-again-wrapper .play-again-btn .play-again-title,.main-wrapper .modal .play-again-wrapper .play-again-btn .play-again-title{color:#dde0e4;font-size:18px;font-weight:600;margin-right:12px;text-transform:capitalize}.main-wrapper .game-container .play-again-wrapper .play-again-btn .play-again-icon,.main-wrapper .modal .play-again-wrapper .play-again-btn .play-again-icon{background-image:url(/tic_tac_toe/static/media/play-light.ae5f819af43e38e8090c.svg);background-repeat:no-repeat;height:16px;width:16px}.main-wrapper .game-container .play-again-wrapper .play-again-btn:hover,.main-wrapper .modal .play-again-wrapper .play-again-btn:hover{background-color:#dde0e4}.main-wrapper .game-container .play-again-wrapper .play-again-btn:hover .play-again-title,.main-wrapper .modal .play-again-wrapper .play-again-btn:hover .play-again-title{color:#0b131e}.main-wrapper .game-container .play-again-wrapper .play-again-btn:hover .play-again-icon,.main-wrapper .modal .play-again-wrapper .play-again-btn:hover .play-again-icon{background-image:url(/tic_tac_toe/static/media/play-dark.2041201fa29eb317695d.svg)}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b131e;font-family:consolas;height:calc(100vh - 22px);margin:0;padding:0;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.a6d2f9b9.css.map*/