@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Onest:wght@100..900&family=Roboto+Mono:wght@100..700&display=swap";@font-face{font-family:Proxima Nova;src:url(/fonts/ProximaNova.otf) format("opentype")}:root{--vmax:100dvh}.create-battle .top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px;padding-bottom:24px;border-bottom:2px solid #21252b}@media only screen and (max-width:900px){.create-battle .top{flex-direction:column;align-items:flex-start}}@media only screen and (max-width:768px){.create-battle .top{align-items:center}}.create-battle .top .info{flex:1 1}@media only screen and (max-width:900px){.create-battle .top .info{display:flex;align-items:center;justify-content:space-between;width:100%}}.create-battle .top .info h2{display:flex;align-items:center;gap:12px;font-size:18px}.create-battle .top .info .back{display:flex;align-items:center;gap:8px;padding:0;color:#8e9093;font-weight:600;font-size:14px}.create-battle .top .filters{display:flex;align-items:center;gap:16px}@media only screen and (max-width:900px){.create-battle .top .filters{flex-wrap:wrap;justify-content:center;width:100%}}.create-battle .top .filters .filter{display:flex;gap:8px;font-size:14px;font-weight:600;color:#8e9093;white-space:nowrap}.create-battle .bottom{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:24px}.create-battle .bottom .statistics{display:flex;gap:24px}.create-battle .bottom .statistics>div{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#8e9093}.create-battle .bottom .statistics>div span{display:flex;align-items:center;gap:5px;color:#fff}.create-battle>div>h3{font-weight:600;font-size:16px}.create-battle>div>p{font-weight:500;font-size:14px;color:#8e9093;margin-top:4px;margin-bottom:16px}.create-battle .game-details{display:flex;flex-direction:column;margin-top:24px}.create-battle .game-details .selections{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px;gap:16px}@media only screen and (max-width:768px){.create-battle .game-details .selections{grid-template-columns:1fr}}.create-battle .game-details .selections .battle-selection{display:flex;flex-direction:column;gap:18px;background:#21252b;border-radius:12px;padding:18px}.create-battle .game-details .selections .battle-selection h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.create-battle .game-details .selections .battle-selection .options{display:flex;align-items:center;gap:4px;width:100%;height:40px;padding:0 2px;border-radius:10px;background:#171a1d}.create-battle .game-details .selections .battle-selection .options>div{display:flex;align-items:center;justify-content:center;color:#8e9093;width:100%;height:36px;font-size:14px;font-weight:600;border-radius:8px;text-align:center;transition:.15s;cursor:pointer}.create-battle .game-details .selections .battle-selection .options>div.selected{color:#fff;font-weight:700;background:#3d4349;box-shadow:inset 0 2px 0 0 hsla(0,0%,100%,.24),inset 0 -2px 0 0 rgba(0,0,0,.25)}.create-battle .cases-container{margin-top:24px;padding-bottom:24px;border-bottom:2px solid #21252b}.create-battle .cases{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-gap:12px;gap:12px;min-height:285px}@media only screen and (max-width:1600px){.create-battle .cases{grid-template-columns:1fr 1fr 1fr 1fr}}@media only screen and (max-width:1220px){.create-battle .cases{grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width:768px){.create-battle .cases{grid-template-columns:1fr 1fr}}@media only screen and (max-width:520px){.create-battle .cases{grid-template-columns:1fr}}.create-battle .cases .add-box,.create-battle .cases .case{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:16px;height:100%;padding:16px;border-radius:12px}.create-battle .cases .add-box.case,.create-battle .cases .case.case{font-weight:600;background:#21252b}.create-battle .cases .add-box.case .image,.create-battle .cases .case.case .image{display:flex;align-items:center;justify-content:center;height:140px}.create-battle .cases .add-box.case .image .case-image,.create-battle .cases .case.case .image .case-image{height:100%;width:auto}.create-battle .cases .add-box.case .case-info,.create-battle .cases .case.case .case-info{display:flex;flex-direction:column;gap:8px}.create-battle .cases .add-box.case .case-info h5,.create-battle .cases .case.case .case-info h5{font-weight:500;font-size:14px;color:#8e9093;text-align:center}.create-battle .cases .add-box.case .case-info .price,.create-battle .cases .case.case .case-info .price{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700;height:-moz-fit-content;height:fit-content}.create-battle .cases .add-box.case .amount,.create-battle .cases .case.case .amount{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 2px;width:100%;border-radius:8px;background-color:#171a1d}.create-battle .cases .add-box.case .amount button,.create-battle .cases .case.case .amount button{height:36px;width:36px;border-radius:6px;color:#fff;font-weight:700;background:#3d4349;transition:75ms;box-shadow:inset 0 3px 0 0 hsla(0,0%,100%,.24),inset 0 -3px 0 0 rgba(0,0,0,.25)}.create-battle .cases .add-box.case .amount button:active,.create-battle .cases .case.case .amount button:active{box-shadow:inset 0 4px 0 0 hsla(0,0%,100%,.24),inset 0 -2px 0 0 rgba(0,0,0,.25)}.create-battle .cases .add-box.case>button,.create-battle .cases .case.case>button{width:100%;border-radius:0}.create-battle .cases .add-box.add-box,.create-battle .cases .case.add-box{justify-content:center;border:2px solid #2b3036;transition:.15s;cursor:pointer}.create-battle .cases .add-box.add-box:hover,.create-battle .cases .case.add-box:hover{background:rgba(43,48,54,.286)}.create-battle .cases .add-box.add-box p,.create-battle .cases .case.add-box p{font-size:14px;font-weight:600;color:#8e9093}#add-case.modal-content{max-width:60vw;transition:.15s}@media only screen and (max-width:1400px){#add-case.modal-content{max-width:90vw}}#add-case.modal-content .add-case-modal{display:flex;flex-direction:column;gap:20px;height:100%;transition:.15s}#add-case.modal-content .add-case-modal .top{display:flex;align-items:center;gap:15px;height:40px}#add-case.modal-content .add-case-modal .top .search{flex:1 1;display:flex;align-items:center;gap:10px;height:100%;padding:0 12px;background:#171a1d;border-radius:8px}#add-case.modal-content .add-case-modal .top .search input{width:100%;padding:0 10px 0 0;font-weight:500}#add-case.modal-content .add-case-modal .top .search .search-icon{height:22px;width:22px}#add-case.modal-content .add-case-modal .top .sort{display:flex;align-items:center;justify-content:center;height:40px;padding:0 20px;background:#171a1d;border-radius:8px;font-weight:600;color:#8e9093;cursor:pointer}#add-case.modal-content .add-case-modal .cases{flex:1 1;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-gap:12px;gap:12px;overflow-y:auto}@media only screen and (max-width:1400px){#add-case.modal-content .add-case-modal .cases{grid-template-columns:1fr 1fr 1fr 1fr}}@media only screen and (max-width:1220px){#add-case.modal-content .add-case-modal .cases{grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width:768px){#add-case.modal-content .add-case-modal .cases{grid-template-columns:1fr 1fr}}@media only screen and (max-width:520px){#add-case.modal-content .add-case-modal .cases{grid-template-columns:1fr}}#add-case.modal-content .add-case-modal .cases .case{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-radius:12px;font-weight:600;background:#171a1d;min-height:285px;max-height:285px}#add-case.modal-content .add-case-modal .cases .case .image{display:flex;align-items:center;justify-content:center;height:140px}#add-case.modal-content .add-case-modal .cases .case .image img{height:100%;width:auto}#add-case.modal-content .add-case-modal .cases .case .case-info{display:flex;flex-direction:column;gap:10px}#add-case.modal-content .add-case-modal .cases .case .case-info h5{font-weight:600;font-size:15px}#add-case.modal-content .add-case-modal .cases .case .case-info .price{display:flex;align-items:center;justify-content:center;gap:5px;font-size:14px;font-weight:600}#add-case.modal-content .add-case-modal .cases .case .add-btn{width:100%;height:40px}#add-case.modal-content .add-case-modal .cases .case .amount{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 2px;width:100%;border-radius:8px;background-color:rgba(33,37,43,.604)}#add-case.modal-content .add-case-modal .cases .case .amount button{height:36px;width:36px;border-radius:6px;color:#fff;font-weight:700;background:#3d4349;transition:75ms;box-shadow:inset 0 3px 0 0 hsla(0,0%,100%,.24),inset 0 -3px 0 0 rgba(0,0,0,.25)}#add-case.modal-content .add-case-modal .cases .case .amount button:active{box-shadow:inset 0 4px 0 0 hsla(0,0%,100%,.24),inset 0 -2px 0 0 rgba(0,0,0,.25)}#add-case.modal-content .add-case-modal .bottom{display:flex;align-items:center;justify-content:space-between}#add-case.modal-content .add-case-modal .bottom .summary{display:flex;gap:10px;font-weight:600}#add-case.modal-content .add-case-modal .bottom .summary .amount{color:#fcad3f}#add-case.modal-content .add-case-modal .bottom .summary .price{display:flex;align-items:center;gap:7px;color:#fff}#add-case.modal-content .add-case-modal .bottom .summary .price>p{color:#9d9db4}