LWC test of loading style from resource; style.css is uploaded as a static resource named style

style.css

.target {
	min-width: 300px;
	min-height: 300px;
	background: blue !important;
	color: white !important;
}

testStyle.html

<template>
    
    <h3>{header}</h3>
    
    <div class="target">
        Bleep bloop
    </div>

</template>

testStyle.js

/* eslint-disable no-console */
import { api, LightningElement } from 'lwc';

import { loadStyle } from 'lightning/platformResourceLoader';
import styles from '@salesforce/resourceUrl/style';

export default class TestStyle extends LightningElement {
    
    @api header

    renderedCallback() {
        
        console.log('styles')
        console.log(styles)

        loadStyle(this, styles)
        .then(() => console.log('Files loaded.'))
        .catch(error => console.log("Error " + error.body.message))

    }
}