@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";.toast-container{position:fixed;bottom:30px;right:30px;padding:1vw;font-size:1.8vw;background:#fff;border:5px solid #17a4eb;border-radius:15px}@media (max-width: 600px){.toast-container{font-size:16px;border:2px solid #17a4eb;padding:10px}}html,body{font-family:Bebas Neue,sans-serif;margin:0;padding:0;height:100%}*{box-sizing:border-box}#app{height:100%}.button,.title-input{background:#fff;border-radius:10px;margin-bottom:1.5vw;font-size:1.6vw;padding:5px 20px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none}.button.disabled,.title-input.disabled{opacity:.6;pointer-events:none}.button:hover,.title-input:hover{background:#d1d1d1}@media (max-width: 600px){.button,.title-input{font-size:20px;margin-bottom:25px}}.title-input{width:80%;border:2px solid #17a4eb;font-family:Bebas Neue,sans-serif}a,a:visited{color:#000;text-decoration:none}.info{font-size:1.1vw;text-align:center}@media (max-width: 600px){.info{font-size:10px}}.info.idx-0:not(.in-list){font-size:1.6vw}@media (max-width: 600px){.info.idx-0:not(.in-list){font-size:16px}}.info.in-list{font-size:1.8vw;text-align:left;width:80%;background:#e3e3e399;padding:.5vw 1vw;border-radius:15px;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media (max-width: 600px){.info.in-list{font-size:20px;padding:5px 10px;width:100%}}.info.in-list.draggable{cursor:move}.info.in-list:hover{background:#e3e3e3}.info .pic{width:40%;height:0;padding-top:40%;background:#17a4eb;border-radius:100%;margin:0 auto;margin-bottom:.4vw;position:relative;overflow:hidden}@media (max-width: 600px){.info .pic{width:50%;padding-top:50%;margin-bottom:5px}}.info .pic>div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)!important;width:100%;height:100%}.info .pic>div img,.info .pic>div svg{position:absolute;width:100%;top:0;left:0}.info .pic>div svg{width:60%;height:60%;top:15%;left:15%}.info .name{flex-grow:1}.info .icon{cursor:pointer;opacity:.6}.info .icon:hover{opacity:1}.info.in-list{display:flex;align-items:center;margin:0 0 .9vw .9vw}@media (max-width: 600px){.info.in-list{margin:0 0 10px}}.info.in-list .pic{width:16%;padding-top:16%;margin:0 .9vw 0 0;background:#17a4eb}@media (max-width: 600px){.info.in-list .pic{margin:0 10px 0 0}}@media (max-width: 600px){.info.in-list .icon{width:50px;text-align:center}.info.in-list .icon svg{width:70%}}.popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.popup-background{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff4d}.controls{position:absolute;top:0;width:100%;left:0;display:flex;justify-content:flex-end}.controls .close{cursor:pointer;width:50px;height:50px}@media (max-width: 600px){.controls .close{width:40px;height:40px}}.controls .close svg{width:70%;height:70%;margin-left:15%;margin-top:15%}.internal-popup{position:absolute;top:50%;left:50%;width:100%;max-width:20vw;height:50vh;background:#fffffff9;transform:translate(-50%,-50%);border:10px solid #17a4eb;border-radius:15px;overflow:auto;padding:1vw}@media (max-width: 600px){.internal-popup{height:40vh;width:90%;max-width:none;display:flex;flex-direction:column}}.internal-popup .title{text-align:center;font-size:1.8vw}@media (max-width: 600px){.internal-popup .title{margin-top:10px;font-size:20px}}.internal-popup .button{background:#17a4eb;color:#fff}.internal-popup .actions{flex-grow:1}@media (max-width: 600px){.small .internal-popup .title{margin-bottom:25px}}.full .internal-popup{position:absolute;top:50%;left:50%;width:100%;max-width:1280px;height:80vh;background:#fffffff9;transform:translate(-50%,-50%);border:10px solid #17a4eb;border-radius:15px;overflow:auto}@media (max-width: 600px){.full .internal-popup{border:5px solid #17a4eb;width:95%}}.full .internal-popup .columns{display:flex;flex-wrap:wrap}.full .internal-popup .title{text-align:center;width:100%;font-size:1.6vw;padding:10px}@media (max-width: 600px){.full .internal-popup .title{font-size:20px}}.full .internal-popup .subtitle{text-align:center;width:100%;font-size:1.2vw;padding:10px;display:inline-block;margin-bottom:20px}@media (max-width: 600px){.full .internal-popup .subtitle{font-size:16px;margin-bottom:10px}}.full .internal-popup .current-selection{width:50%}@media (max-width: 600px){.full .internal-popup .current-selection{width:100%}}.full .internal-popup .available-players{width:50%}@media (max-width: 600px){.full .internal-popup .available-players{width:100%}}.player-container[data-v-634278ee]{width:28%;padding:0 1vw;position:relative}@media (max-width: 600px){.player-container[data-v-634278ee]{padding:0 5px;margin-bottom:3px}}.player-container .preview[data-v-634278ee]{padding:.5vw;background:#ffffffb3;border-radius:15px;border:4px solid #17a4eb}@media (max-width: 600px){.player-container .preview[data-v-634278ee]{padding:0;border:2px solid #17a4eb}}.current-selection[data-v-634278ee],.available-players[data-v-634278ee]{padding:5px}@media (max-width: 600px){.current-selection[data-v-634278ee],.available-players[data-v-634278ee]{padding:5px 10px}}.position[data-v-634278ee]{font-size:1.8vw;text-align:center;position:absolute;top:.5vw;left:1.5vw}@media (max-width: 600px){.position[data-v-634278ee]{font-size:18px;top:8px;left:14px}}.sidebar[data-v-1f985682]{width:20vw;height:100%;background:#17a4eb;text-align:center;position:fixed;top:0;left:0;display:flex;flex-direction:column;z-index:100}@media (max-width: 600px){.sidebar[data-v-1f985682]{width:100%;height:60px;margin-bottom:20px;flex-direction:row;justify-content:space-between;padding:5px 10px}}.sidebar .logo[data-v-1f985682]{width:50%;margin:0 auto}@media (max-width: 600px){.sidebar .logo[data-v-1f985682]{width:auto;height:100%;margin:0}}.sidebar .hamburger[data-v-1f985682]{display:none}@media (max-width: 600px){.sidebar .hamburger[data-v-1f985682]{display:block;width:60px;height:60px}}@media (max-width: 600px){.sidebar.mobile-nav-visible .nav-wrapper[data-v-1f985682]{transform:translateY(0)}}.nav-wrapper[data-v-1f985682]{display:flex;flex-direction:column;flex-grow:1;padding:2vw 0}@media (max-width: 600px){.nav-wrapper[data-v-1f985682]{position:fixed;top:60px;left:0;width:100%;height:calc(100% - 60px);background:#17a4eb;transform:translateY(calc(-100% - 60px))}}.actions[data-v-1f985682]{flex-grow:1;padding:2vw 0;display:flex;flex-direction:column;align-items:center}.sharing-title[data-v-1f985682]{font-size:2vw;margin-bottom:1vw;color:#fff}@media (max-width: 600px){.sharing-title[data-v-1f985682]{margin-bottom:25px;font-size:22px}}.footer[data-v-1f985682]{color:#fff}.footer .social[data-v-1f985682]{display:flex;justify-content:space-around;width:60%;margin-left:20%;margin-top:1vw}@media (max-width: 600px){.footer .social[data-v-1f985682]{margin-top:20px}}.footer .privacy[data-v-1f985682]{font-size:.7vw;color:#fff}.squad-container{width:calc(100% - 20vw);position:relative;left:20vw}@media (max-width: 600px){.squad-container{width:100%;left:0;top:80px}}.squad-container .field-wrapper{width:80%;position:relative;margin:0 auto}@media (max-width: 600px){.squad-container .field-wrapper{width:120%;left:-10%;height:100%}}.squad-container .field-wrapper img.background{width:100%;z-index:-1}@media (max-width: 600px){.squad-container .field-wrapper img.background{height:100%}}.squad-container .field-wrapper .players-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:space-around}.squad-container .field-wrapper .row{display:flex;justify-content:center;align-items:center}.wrapper{display:flex;align-items:stretch;width:100%;overflow-x:hidden;min-height:100%}@media (max-width: 600px){.wrapper{flex-wrap:wrap}}.text-content{width:calc(100% - 20vw);position:relative;left:20vw;padding:40px;font-family:Arial!important}@media (max-width: 600px){.text-content{width:100%;left:0;top:80px}}.text-content .field-wrapper{width:80%;position:relative;margin:0 auto}@media (max-width: 600px){.text-content .field-wrapper{width:120%;left:-10%;height:100%}}.text-content .field-wrapper img.background{width:100%;z-index:-1}@media (max-width: 600px){.text-content .field-wrapper img.background{height:100%}}.text-content .field-wrapper .players-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:space-around}.text-content .field-wrapper .row{display:flex;justify-content:center;align-items:center}