.loading { font-size: calc( 2rem * 1.6 ); }
.modal-footer { padding: calc( 0.5rem * 1.6 ); }
.modal-xl .modal-body { padding: calc( 1px * 1.6 ); }

@media (min-width: 768px) {
	.modal-xl .modal-body { padding: calc( 0.5rem * 1.6 ) calc(0.5rem*1.6 - 1px); }
}

@media (min-width: 992px) {
	.loading { font-size: calc( 1.6rem * 1.6 ); }
}

@media (min-width: 1200px) {
	.loading { font-size: calc( 2rem * 1.6 ); }
}

@media (min-width: 1800px) { /* 巨大モーダル */
	.modal-xl .modal-body { padding: calc(0.625rem * 1.6) calc(0.625rem*1.6 + 1px); }
	.loading { font-size: calc( 3rem * 1.6 ); }
}

#controls #indicator {
	line-height: 1.5;
}

#player_modal_footer .button:focus, #player_modal_footer .button:active {
	border: 1px solid #f50d00 !important;
	border-width: 0 1px 3px 1px !important;
	outline: inherit !important;
	box-shadow: 0 0 0 0.2rem rgba(255, 94, 84, 0.5) !important;
}

#player_modal_footer .button:focus {
	border-bottom-width: 4px !important;
}

#player_modal_footer .button:active {
	border-bottom-width: 2px !important;
}

#player_modal_footer .button-sm {
	border-radius: calc( 0.25rem * 1.6 );
}