@import './styles/<!--partnerName--settings-->';
@import './styles/tools';

$image-thumbnail-height-mobile: 106px !default;
$image-thumbnail-height: 106px !default;

    .c-image-thumbnail-component__wrapper {
        height: $image-thumbnail-height-mobile;
        width: $image-thumbnail-height-mobile;
        background-size: cover;
        background-position: center;
        @include mq($from: tablet) {
            height: $image-thumbnail-height;
            width: $image-thumbnail-height;
        }
    }

        .c-image-thumbnail-component__loading-block {
            background-color: $grey-dark;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: $image-thumbnail-height-mobile;
            @include mq($from: tablet) {
                min-height: $image-thumbnail-height;
            }
        }

            .c-image-thumbnail-component__loading-spinner {
                width: 24px;
                height: 24px;
            }