.button{padding:0 5px;display:inline-block;height:30px;min-width:30px;line-height:30px;align-items:center;background-color:transparent;color:#000;border:none;border-radius:4px;cursor:pointer;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;justify-content:center;text-decoration:none}.button:hover{background-color:#0003}.button:disabled{background-color:#ccc;cursor:not-allowed}.button.button-primary{background-color:#007bff}.button.button-primary:hover{background-color:#0056b3}.button.button-secondary{background-color:#6c757d}.button.button-secondary:hover{background-color:#565e64}.button.button-success{background-color:#28a745}.button.button-success:hover{background-color:#1e7e34}.button.button-danger{background-color:#dc3545}.button.button-danger:hover{background-color:#a71d2a}.character_list>form,.character_list>turbo-frame>form{display:contents}.character_list .sortable-drag{opacity:0}.character_list .sortable-ghost{opacity:.4;background-color:#f0f0f0;border:2px dashed #ccc}.character_list .sortable-chosen{cursor:grabbing}.character_list{display:flex;height:100vh;max-height:400px;width:100vw;gap:.5%;overflow:scroll}.character_list.edit_characters{max-height:600px}.character_list .card{max-width:300px;min-width:200px;height:100%;flex:1 0 0}.character_list .card>.card-floating-elements{position:absolute;top:5px;right:5px;z-index:10;display:flex;gap:5px}.character_list .card>.card-floating-elements>.btn{background-color:#fffc;border-radius:5px;color:#000;padding:4px;height:32px;min-width:32px;box-sizing:border-box;aspect-ratio:1;display:flex}.character_list .card>.card-floating-elements>.btn>i.bi{line-height:16px;font-size:24px}.character_list .card .card-img-top{height:100%;width:100%;overflow:hidden}.character_list .card .card-img-top .avatar{object-fit:cover;object-position:top;background-color:#0000001a;width:100%;height:100%;max-height:100%;flex-shrink:1;min-height:0;transition:all .5s ease-in-out}.character_list .card .character_name{justify-content:center;align-items:center}.character_list .card .character_name>a,.character_list .card .character_name>span{display:block;width:100%;text-align:center;white-space:nowrap;font-size:24px;line-height:24px}.character_list.edit_characters .card .card-img-top{max-height:25%}.character_list.edit_characters .card .card-img-top>.avatar{object-fit:contain}.character_list.onscreen_characters{transition:all .3s ease-in-out;justify-content:center}.character_list.onscreen_characters.onscreen_characters_player .dm_only{display:none}body.characters.player_screen{background-color:#000}body.characters.player_screen .navbar{display:none}body.characters.player_screen .onscreen_characters .card{transition:border .5s ease-in-out;border:2px solid black;border-top-right-radius:0;border-top-left-radius:0;order:var(--order, 0);overflow:hidden}body.characters.player_screen .onscreen_characters .card>.card-img-top{border-top-right-radius:0;border-top-left-radius:0}body.characters.player_screen .onscreen_characters .card>.card-img-top>.avatar{filter:grayscale(100%);transition:transform 10s ease-in-out}body.characters.player_screen .onscreen_characters .card.active_turn{border-color:#ff0}body.characters.player_screen .onscreen_characters .card.active_turn>.card-img-top>.avatar{transform:scale(1.1);filter:none}