@import '../../styles/variables/sizes';
@import '../../styles/variables/colors';
@import '../../styles/variables/fonts';
@import '../../styles/import/flex';
@import '../../styles/import/input';
@import '../../styles/import/link';
@import '../../styles/import/button';


:host {

    .import-flex;
    .import-input;
    .import-link;
    .import-button;

    @width: 240/@px;
    @padding: 20/@px;
    @link-height: 40/@px;

    font-family: @font-lato;
    font-size: 14/@px;

    .content {
        width: @width;
        background-color: @color-white;
        color: @color-black;
        box-shadow: 0 3/@px 10/@px @color-shadow;
    }

    .header {
        border-bottom: 1/@px solid @color-white-smoke-darken;
        line-height: 1;
    }

}