highlighting doesn't work within <style> tag

[adrianriyadi]

there's no further explanation, it's all shown in screenshot

[musuyaba]

my current solution

@section('page-styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('css/plugins/extensions/swiper.css') }}">

    @guest
        <style>
            body {
                padding: 1rem;
            }
        </style>
    @endguest
    <style>
        .img-fluid {
            height: 65vh;
            display: block;
            margin: 0 auto;
        }

        .card {
            margin-bottom: 0.75rem !important;
        }
    </style>
@endsection