@charset "UTF-8";.select-player{align-items:center;background:rgb(var(--color-white));border-radius:2rem;box-shadow:3px 3px 12px 3px rgba(var(--color-grey-300),.5);display:flex;flex-direction:column;justify-content:space-between;left:50%;max-width:600px;min-height:200px;padding:4rem 3rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%}.select-player p{color:rgb(var(--color-grey-500));font-size:.8em;line-height:1.2;margin:0}.select-player__overlay{background-color:rgba(var(--color-grey-100),.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.select-player__title{color:rgb(var(--color-main-700));font-size:1.6em;font-weight:700;margin:1rem 0}.select-player__form{margin:0 auto;max-width:400px}.select-player__label{color:rgb(var(--color-main-500));display:block;font-weight:700;margin-bottom:.5rem}.select-player__select{border:2px solid rgb(var(--color-main-700));border-radius:.5rem;margin:1rem auto;position:relative;width:100%}.select-player__select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgb(var(--color-white));border:0;border-radius:.5rem;color:rgb(var(--color-black));font-size:1.4rem;padding:1rem;width:100%}.select-player__select:after{color:rgb(var(--color-main-800));content:"▾";position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.select-player__action{background-color:rgb(var(--color-main-900));border:none;border-radius:.5rem;color:#fff;cursor:pointer;margin-top:2rem;padding:1rem 2rem;text-transform:uppercase}