.dialog-pane {
    -fx-background-color: white;
    -fx-background-radius: 8px;
    -fx-border-radius: 8px;
    -fx-border-color: -accent-silver;
    -fx-border-width: 1px;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.15), 12, 0, 0, 4);
    -fx-font-family: "Lato, 'Segoe UI', System";
}

.dialog-pane > .header-panel {
    -fx-background-color: -bg-light;
    -fx-padding: 10px 15px 10px 15px;
}

.dialog-pane > .header-panel .label {
    -fx-font-family: "Garamond, Baskerville, 'Times New Roman', serif";
    -fx-font-size: 18px;
    -fx-font-weight: bold;
    -fx-text-fill: -never-blue;
}

.dialog-pane > .header-panel .graphic {
    -fx-padding: 0 10px 0 0;
}

.dialog-pane > .content.label {
    -fx-font-size: 14px;
    -fx-text-fill: -text-primary;
    -fx-padding: 15px;
}

.dialog-pane > .button-bar {
    -fx-padding: 10px;
    -fx-background-color: -bg-light;
    -fx-border-color: -accent-silver transparent transparent transparent;
    -fx-border-width: 1px;
}

.dialog-pane .button {
    -fx-background-color: -accent-silver;
    -fx-text-fill: -text-primary;
    -fx-font-weight: bold;
    -fx-background-radius: 5px;
    -fx-border-radius: 5px;
    -fx-cursor: hand;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.1), 3, 0, 0, 1);
}

.dialog-pane .button:hover {
    -fx-background-color: derive(-accent-silver, -10%);
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.2), 4, 0, 0, 1);
}

.dialog-pane .button:default {
    -fx-background-color: -never-blue;
    -fx-text-fill: white;
}

.dialog-pane .button:default:hover {
    -fx-background-color: derive(-never-blue, -10%);
}