.steps-layout{margin:0;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;color:var(--text-light);background:url(/assets/app/images/pages/predatorgames/steps/intro-background.webp) no-repeat 0 0;background-color:#171c26;font-family:Poppins,sans-serif!important}.steps-layout .row{padding:0 2%}.steps-layout .box{border:3px solid #2f384c!important;background:transparent!important;padding:4em 5em;background:none!important;border-radius:15px}.steps-layout .box h3{border-bottom:3px solid #2f384c!important;padding-bottom:1em;font-size:2em}.steps-layout .box button.new.green{background:var(--primary-color)!important}.steps-layout .modal .modal-dialog{box-shadow:none}.steps-layout .modal .modal-content{box-shadow:0 1px 36px 2px #1e1e1e}.steps-layout .honour-partner-login{text-align:center}.steps-layout .honour-partner-login img{margin:1em;max-width:60%}.steps-layout .honour-partner-login span{display:block;color:hsla(0,0%,100%,.43)}#success-confirm{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:.75em;max-width:60%}#success-confirm img{max-width:10%;margin-bottom:3em}#success-confirm p{max-width:70%}#thirdScreen .slider:before{display:none}#thirdScreen .slider{position:relative!important;text-align:center}#thirdScreen .slider .player-card{margin:0}#thirdScreen{flex-direction:column;align-items:center}#thirdScreen,.steps-edit-box{display:flex;justify-content:center}.steps-edit-box form{width:100%}.steps-edit-box form input{background:#12161e;color:var(--main-text-color);border-radius:8px;padding:22px 10px!important;height:calc(1.5em + .75rem + 2px);border:2px solid}.steps-edit-box .button{text-align:center;margin-top:2em}.steps-edit-box .button,.steps-edit-box .button .btn{display:flex;justify-content:center;align-items:center}.steps-edit-box .button .btn{line-height:1.27;padding:1em 2em!important;height:unset}.steps-edit-box .col-12,.steps-edit-box .col-lg-6{margin:0 auto}.steps-layout>main{display:flex;flex-direction:column;justify-content:center;padding:0 20px}.steps-layout main#step0,.steps-layout main#step1,.steps-layout main#step2,.steps-layout main#step6{align-items:center}.steps-layout main#step1 .box{padding:1em 4em!important}.steps-layout main#step1 .lead-text{position:relative;top:-2em}.steps-layout>main .lead-text{align-self:center;text-align:center}.alert{height:-moz-fit-content;height:fit-content;width:80%;margin:0 auto;left:50%;top:10%;transform:translateX(-50%);position:absolute}:root{--bg-main:#0f1b2e;--primary:#38bdf8;--text-light:#fff}html{font-family:Poppins,sans-serif!important}.logo{display:flex;align-items:center;gap:12px;position:relative}.logo img{max-height:65px}.skip-btn{background:transparent;border:1px solid #30384c;color:#fff;padding:1em 2em;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background .2s}.skip-btn:hover{background:rgba(56,189,248,.1)}header{justify-content:space-between;padding:24px 40px}.checkmark,header{display:flex;align-items:center}.checkmark{width:90px;height:90px;border-radius:50%;border:6px solid var(--primary);justify-content:center;margin-bottom:32px}.checkmark svg{width:40px;height:40px;fill:var(--primary)}.player-avatar{width:100px;height:100px;background-repeat:no-repeat;background-position:50%;background-size:100px}.lead-text{margin-bottom:2em}.lead-text h1{font-size:3.5rem;font-weight:500;margin-bottom:0}.lead-text p.lead{font-size:1.4rem;font-weight:400;line-height:1.6;color:#95acc5;margin-top:1em}.elements-group{text-align:left;margin-top:1em}.elements-group label{font-size:1.2rem;color:#95acc5;font-weight:500;margin-bottom:.5rem}.elements-group input,.elements-group select{color:#fff;border-radius:8px;padding:10px 20px!important;border:2px solid #2f384c!important;font-size:1.2em!important;max-width:400px}footer{margin-top:auto;position:relative;padding:24px 40px 0;flex-direction:column}.buttons,footer{width:100%;display:flex;align-items:center}.buttons{justify-content:space-between;margin:2em 0}.btn{border:none!important;background:var(--primary)!important;color:var(--text-light)!important;padding:1em 2em!important;font-size:1.1rem!important;border-radius:6px!important;cursor:pointer!important;transition:background .2s!important;text-transform:inherit!important;font-weight:400!important}.btn:hover{background:#4cc8ff!important}.btn.outline{background:transparent!important;border:1px solid #30384c!important}.btn.outline:hover{background:rgba(56,189,248,.1)!important}.progress-wrapper{position:absolute;left:0;width:100%;height:4px;background:hsla(0,0%,100%,.05)}.login-register-wrapper{width:100%;height:20px;border-top:1px solid #2f384c;text-align:center;padding:1em;color:hsla(0,0%,100%,.4392156863);font-weight:300}.progress{height:100%;background:var(--primary);animation:slide 1.2s ease-out forwards}@keyframes slide{0%{width:0}to{width:100%}}@media (max-width:600px){h1{font-size:1.75rem}.btn{width:100%;margin-top:12px}.buttons{flex-direction:column-reverse;align-items:stretch}footer{padding:24px 20px 0}}#step0 .profile-boxes{margin-top:1em}#step0 .profile-boxes .box{padding:1em 5em!important}#step0 .profile-boxes .elements-group{margin-top:0}#step0 .flex-elements{display:flex;flex-direction:row;gap:20px}@media (max-height:615px){main#step1 .steps-layout .lead-text{top:0}main#step1 .profile-boxes .box-content{display:grid;grid-template-columns:1fr 1fr 1fr;-moz-column-gap:2rem;column-gap:2rem}.lead-text h1{font-size:3rem}main .profile-avatar .player-avatar{width:50px;height:50px;background-repeat:no-repeat;background-position:50%;background-size:50px}footer{padding-top:0}}#predatorgames-v2 #games .slider-container .predator-slider .slick-slide .slide img{width:100%}#predatorgames-v2{padding:0 7%}#predatorgames-v2 .predator-slider{display:grid;gap:24px;margin:0 auto;grid-template-columns:repeat(1,minmax(150px,1fr))}@media (min-width:400px){#predatorgames-v2 .predator-slider{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media (min-width:550px){#predatorgames-v2 .predator-slider{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media (min-width:1000px){#predatorgames-v2 .predator-slider{grid-template-columns:repeat(6,minmax(150px,1fr))}}#predatorgames-v2 .predator-slider .slide{position:relative;text-align:center}#predatorgames-v2 .predator-slider .slide img{display:block;width:100%;height:auto;border-radius:8px;-o-object-fit:cover;object-fit:cover}#predatorgames-v2 .predator-slider .slide .game-name{display:block;margin-top:8px;font-size:1.3rem;color:var(--text-light);text-decoration:none}#predatorgames-v2 .predator-slider .slide a.configure{position:relative;display:block;overflow:hidden;border:3px solid red;border-radius:10px}#predatorgames-v2 .predator-slider .slide a.configure img{display:block;width:100%;height:auto}#predatorgames-v2 .predator-slider .slide a.configure:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(128,0,0,.4);pointer-events:none;border-radius:inherit}#predatorgames-v2 .predator-slider .slide a.configure:after{content:"\26A0\FE0F   Konfiguruj";white-space:nowrap;position:absolute;top:11px;right:11px;background:red;color:#fff;padding:2px 6px;font-size:.85rem;border-radius:4px}#predatorgames-v2 .predator-slider .slide a.connected{position:relative;display:block;overflow:hidden;border:3px solid green;border-radius:10px}#predatorgames-v2 .predator-slider .slide a.connected img{display:block;width:100%;height:auto}#predatorgames-v2 .predator-slider .slide a.connected:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,128,0,.4);pointer-events:none;border-radius:inherit}#predatorgames-v2 .predator-slider .slide a.connected:after{content:"\2705   Wybierz i kontynuuj";white-space:nowrap;position:absolute;top:11px;right:11px;background:green;color:#fff;padding:2px 6px;font-size:.85rem;border-radius:4px}.selector{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin:0 auto 2rem}.selector button{background:none;border:0}.selector-box{position:relative;background:#12161e;border:2px solid #2f384c;border-radius:10px;width:200px;height:200px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:background .2s,border-color .2s}.selector-box.selected,.selector-box:hover{background:#1f2633;border-color:#38bdf8}.selector-box .selector-icon{width:65px;height:65px;flex-shrink:0;fill:#fff;margin-bottom:15px}.selector-box .selector-label{color:#fff;font-size:1rem;font-weight:500}.top-filters{background:hsla(0,0%,100%,.05);border-radius:8px;display:flex;flex-direction:row;gap:20px;justify-content:flex-end;justify-content:center;padding:.5em 2em .5em .5em;width:-moz-fit-content;width:fit-content;margin:0 auto;z-index:500!important}.top-filters .flex-item{display:flex;box-sizing:border-box;align-items:center;z-index:500!important}.top-filters .flex-item label{margin-right:1em;padding-right:1em;margin-left:2em;border-right:1px solid var(--border-color)}.top-filters .flex-item .form-group{flex-direction:row;display:flex;align-items:center}.top-filters .flex-item .search{display:flex;align-items:center}.top-filters .flex-item .search .material-icons{color:var(--primary-color)}.top-filters .flex-item .search input{margin:0 1.5em;padding:1em 1.5em!important;background:#171c26;border:0;border-radius:4px;text-transform:uppercase;max-width:300px;font-size:.9em;color:var(--second-color);min-width:180px}.top-filters .flex-item .search .form-control::-moz-placeholder{color:var(--second-color)}.top-filters .flex-item .search .form-control::placeholder{color:var(--second-color)}.top-filters .flex-item .search .form-control:focus{box-shadow:none}.top-filters .flex-item .filter{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;z-index:500!important}.top-filters .flex-item .filter .filter-item{margin:.5em}.top-filters .flex-item .filter .filter-item:first-child{width:230px;justify-content:center;display:flex}.top-filters .flex-item .filter .filter-item .select2,.top-filters .flex-item .filter .filter-item .select2-container--bootstrap .select2-selection,.top-filters .flex-item .filter .filter-item .select2-container--bootstrap .select2-selection--single,.top-filters .flex-item .filter .filter-item .select2-container--bootstrap .select2-selection--single .select2-selection__rendered{background:var(--second-background-color);border:0;border-radius:8px}.top-filters .flex-item .filter .filter-item .select2 .select2-selection__placeholder,.top-filters .flex-item .filter .filter-item .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder,.top-filters .flex-item .filter .filter-item .select2-container--bootstrap .select2-selection--single .select2-selection__rendered .select2-selection__placeholder,.top-filters .flex-item .filter .filter-item .select2-container--bootstrap .select2-selection .select2-selection__placeholder{color:var(--second-color);text-transform:uppercase;font-size:.9em}.top-filters .flex-item .filter #slider-range{display:none;width:150px}.top-filters .flex-item .filter #slider-range.ui-slider{height:1em;border-radius:8px}.top-filters .flex-item .filter #slider-range.ui-slider .ui-slider-handle{width:25px;height:25px;top:-7px;font-size:1.2em;line-height:25px;color:var(--second-background-color);background:var()}.top-filters .flex-item .filter #slider-range.ui-slider .ui-slider-range{background-color:var(--primary-color)}.top-filters .flex-item:first-child{max-width:-moz-fit-content;max-width:fit-content}.top-filters .flex-item:nth-child(2){justify-content:flex-end}.teams-container{padding:2% 7%}#arrmy.step-3 main{height:100%}#arrmy.step-3 .steps-edit-box{align-items:center;height:100%}#arrmy #thirdScreen .teams-container{text-align:center}.step-5 #arrmy.predatorgames{background:transparent;background-image:none}.step-5 #arrmy.predatorgames .content{margin:0;padding:0}.step-5 #arrmy.predatorgames .content #signUpContainer{margin:0 auto}.step-5 #arrmy.predatorgames .content #league-open{display:flex;align-items:center;justify-content:center}.step-5 #arrmy button.new.green{background:var(--primary-color)!important}@media (max-width:600px){.step-5+footer .buttons>span{display:none}}.invitation-box .btn{padding:.2em!important}#teamsList .team-box .btn{position:absolute;top:0;z-index:100!important}@media (max-width:767.98px){.steps-layout{display:inherit!important}.steps-layout #success-confirm{max-width:100%!important}}