.dialog {
    .modal-card {
        max-width: 460px;
        width: auto;
        .modal-card-head {
            font-size: $size-5;
            font-weight: $weight-semibold;
        }
        .modal-card-body {
            .field {
                margin-top: 16px;
            }
            &.is-titleless {
                border-top-left-radius: $radius-large;
                border-top-right-radius: $radius-large;
            }
        }
        .modal-card-foot {
            justify-content: flex-end;
            background: transparent;
            padding-left: 0;
            padding-right: 0;

            .button {
                @include button-base();
                @include button-size($btn-vertical-padding, $btn-horizontal-padding, $btn-font-size, $btn-line-height, $btn-border-radius);
                @include button-variant($color-white, transparent, transparent, $color-white, transparent, transparent, $color-white, transparent, transparent, $color-white, transparent, transparent, true, $btn-letter-spacing, 400);
                &.is-primary {
                    @include button-variant($color-white, $color-cerulean, $color-cerulean, $color-white, $color-storm-sky, $color-storm-sky, $color-gray-chateau, $color-athens-gray, $color-athens-gray, $color-white, $color-lochmara, $color-lochmara, true, $btn-letter-spacing, 600);
                }
            }
        }
        @include tablet {
            min-width: 420px;
        }
    }
    //&.is-small {
    //    .modal-card,
    //    .input,
    //    .button {
    //        @include control-small;
    //    }
    //}
    //&.is-medium {
    //    .modal-card,
    //    .input,
    //    .button {
    //        @include control-medium;
    //    }
    //}
    //&.is-large {
    //    .modal-card,
    //    .input,
    //    .button {
    //        @include control-large;
    //    }
    //}
}