.card-creator__settings{margin-left:24px}.card-creator__split{display:flex;align-items:flex-start;margin:24px 0}.card-creator__output{display:flex;flex-direction:column;gap:16px}.dropdown-list{position:absolute;max-height:512px;overflow-y:auto;background-color:#fff;display:flex;right:initial;padding:16px 0;overflow:hidden;border-radius:8px;box-shadow:0 50px 100px -20px rgb(50 50 93 / 25%),0 30px 60px -30px rgb(0 0 0 / 30%),0 -18px 60px -10px rgb(0 0 0 / 3%)}.dropdown-list-scroll-container{overflow-y:auto;max-height:100%}.dropdown-player{display:flex;align-items:center;cursor:pointer;padding-right:12px}.dropdown-player>span{margin-left:12px}.dropdown-player>img{width:64px;height:64px}.dropdown-player:hover{background-color:#f5f5f5}.card-creator__settings-section.stats{display:grid;grid-template-rows:1fr 1fr 1fr;gap:4px;grid-auto-flow:column}.card-creator__settings-section:not(:first-child){margin-top:16px}.card-creator__settings-stat{display:flex;align-items:center;gap:8px}.card-creator__settings-stat>input[type="number"]{width:64px}.card-creator__settings-stat>input[type="text"]{width:64px}video{max-width:100%;width:600px;box-shadow:0 0 16px rgba(0,0,0,0.1)}.player-card-scroll-hint{display:none;position:absolute;background:rgba(0,0,0,0.2);color:#fff;z-index:4;width:100%;text-align:center}.player-card:hover>.player-card-scroll-hint{display:block}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background-color:rgba(0,0,0,0.75);display:flex;align-items:center;justify-content:center}.modal{background-color:#fff;padding:32px;transition:transform .3s ease;box-shadow:0 0 20px rgb(0 0 0 / 5%),0 0 10px rgb(0 0 0 / 15%),0 0 5px rgb(0 0 0 / 25%);position:relative}.modal-controls{position:absolute;top:0;right:0}.modal:focus{outline:0}.save-screenshot__output{max-width:512px}.modal-enter-active,.modal-leave-active{transition:opacity .3s ease}.modal-enter,.modal-leave-to{opacity:0}.modal-enter .modal,.modal-leave-to .modal{-webkit-transform:scale(1.1);transform:scale(1.1)}.save-screenshot{display:flex;flex-direction:column;gap:16px}@media(max-width:767px){.card-creator__split{flex-direction:column;align-items:center}.card-creator__output{align-items:center}.card-creator__settings{margin-left:0;margin-top:24px}}