@media screen and (min-width: 1024px) {
    .subscription-form
    {
        position: fixed;
        right: -300px;
        bottom: 25px;
        z-index: 101;
    }

    .subscription-form__visibility-button
    {
        width: 44px;
        height: 36px;
        background-color: var(--pruma-green);
        background-image: url(/static/resources/blocks/subscription-form/img/subscription-form__visibility-button.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 25px;
        position: absolute;
        top: 0;
        left: -44px;
        border-radius: 4px 0 0 4px;
    }

    .subscription-form__visibility-button:hover
    {

    }

    .subscription-form__visibility-button:active
    {
        transform: scale(0.95);
    }

    .subscription-form__form
    {
        width: 300px;
        box-sizing: border-box;
        padding: var(--in-block-margin-before-text);
        padding-bottom: var(--in-block-margin-before-non-text);
        background-color: var(--panel-color);;
        border-radius: 0 0 0 4px;
        background-image: url(/static/resources/blocks/subscription-form/img/subscription-form__form.png);
        background-position: left bottom;
        background-repeat: repeat-x;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        border: 1px solid transparent;
        box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.07);
    }

    .subscription-form_opened .subscription-form__form
    {
        box-shadow: -1px 1px 5px rgba(50,50,50,.3);
    }

    .subscription-form__head
    {
        font-size: 16px;
        line-height: 24px;
        color: #000;
        display: block;
        padding-bottom: var(--in-block-margin-before-text);
    }

    .subscription-form__input
    {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #aec0d6;
        border-radius: 4px;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        font-family: var(--accidental-font);
        color: #000;
        padding: 8px 38px 8px 8px;

        background-image: url(/static/resources/blocks/subscription-form/img/subscription-form__input.png);
        background-position: 97% center;
        background-repeat: no-repeat;
        background-size: 23px;
    }

    .subscription-form__input:focus
    {
        border: 1px solid var(--link-color);
    }

    .subscription-form__input_with-error
    {
        border: 1px solid #661919;
    }

    .subscription-form__submit
    {
        margin: var(--in-block-margin-before-text) auto 0 auto;
        font-family: var(--accidental-font);
        font-weight: 800;
        font-size: 17px;
        line-height: 24px;
        background-color: var(--pruma-green);
        color: #fff;
        padding: 14px 40px;
        border-radius: 4px;
        display: inline-block;
    }

    .subscription-form__submit:hover
    {

    }

    .subscription-form__submit:active
    {
        transform: scale(0.95);
    }

    .subscription-form__error
    {
        opacity: 1;
        color: #661919;
        font-size: 11px;
        transition: all var(--transition-duration) ease-out;
    }

    .subscription-form__error_hidden
    {
        opacity: 0;
    }

    .subscription-form__response-text
    {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 4px;
        background-color: #fff;
        display: flex;
        padding: 25px;
    }

    .subscription-form__response-text_hidden
    {
        display: none;
    }

    .subscription-form__response-text_busy
    {
        background-image: url(/static/resources/blocks/subscription-form/img/subscription-form__response-text_busy.gif);
        background-position: center;
        background-repeat: no-repeat;
    }

    .subscription-form__response-text-content
    {
        display: flex;
        margin: auto;
        font-size: 13px;
        text-align: center;
        font-weight: 500;
        color: #303036;
    }

    .subscription-form__response-text_error .subscription-form__response-text-content
    {
        color: #661919;
    }
}