@import '~@nativescript/theme/scss/variables/blue';

// Custom styles
.thumb,
:host-context(.ns-dark) .thumb {
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 25;
    font-weight: bold;

    &__add {
        background-color: transparent;
        border-radius: const(border-radius-sm);
        border-width: const(border-width);
        @include colorize(
            $border-color: background-alt-20,
            $color: background-alt-20
        );
    }

    &__remove {
        background-color: rgba(grey, 0.5);
        @include colorize($color: background);
    }
}