@import '../environment';
@import '../shared/application_form';
@import '../shared/application_form.indemnity';

.field.price .control
{
    width: steps(14);
}

.collision-types
{
    padding-bottom: steps(3);
    border-bottom: 1px solid $color-border-normal;
    margin-bottom: steps(3) - 1px;

    @include for-at-least-normal-tablets
    {
        padding-bottom: steps(4);
        margin-bottom: steps(5) - 1px;

        text-align: center;
    }

    .actions
    {
        @include button-set;
        @include page-content;

        @include for-small-tablets
        {
            margin-left: 0;
            margin-right: 0;
        }

        @include for-at-least-tablets
        {
            padding-left: steps(1);
            padding-right: steps(1);
        }
    }
}

.panel.collision
{
    position: relative;

    > .heading
    {
        @include for-at-most-small-tablets
        {
            padding-right: steps(4);
        }
    }

    > button.remove
    {
        @include remove-icon;

        position: absolute;
        top: steps(3.5);
        right: steps(3.5);

        overflow: hidden;
        width: steps(4);
        height: steps(4);

        &::before
        {
            margin: 0 0 steps(1) 0;
        }

        @include for-at-most-small-tablets
        {
            top: steps(-1.5);
            right: steps(2);

            &:before
            {
                content: svg-image-data-url("x", $color-text-inverted-lighter);

                background-color: $color-border-darker;
            }
        }
    }

    .js & legend
    {
        @include visually-hidden;
    }
}
