.selection-box > .display-label {
    -fx-padding: 0.36em 0.725em;
}

/** ---------------------------------
 * SelectionPopup
 */
.selection-popup {
}

.selection-popup > .content {
    -fx-background-color: -fx-box-border, -fx-control-inner-background;
    -fx-background-insets: 0, 1;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.2), 12, 0.0, 0, 8);
    -fx-padding: 4px 1px;
    -fx-max-height: 25em;
    -fx-translate-y: 2px;
}

.selection-popup > .content .extra-buttons-box {
    -fx-border-width: 0 0 1px 0;
    -fx-border-color: transparent transparent derive(-fx-background, -20%) transparent;
    -fx-padding: 0 0 1px 0;
}

.selection-popup > .content .extra-buttons-box .extra-button {
    -fx-background-radius: 0px;
    -fx-alignment: center-left;
    -fx-text-fill: -fx-text-base-color;
    -fx-padding: 4 4 4 26;
    -fx-background-color: -fx-control-inner-background;
}

.selection-popup > .content .extra-buttons-box .extra-button:hover {
    -fx-background: -fx-selection-bar;
    -fx-background-color: -fx-background;
    -fx-text-fill: -fx-selection-bar-text;
}

.selection-popup > .content .extra-buttons-box .extra-button:pressed {
    -fx-background-color: derive(-fx-selection-bar, 5%);
}

.selection-popup > .content > .options-scroll-pane {
    -fx-background-color: -fx-control-inner-background;
    -fx-background-insets: 0;
    -fx-padding: 0;
}

.selection-popup > .content > .options-scroll-pane:focused {
    -fx-background-insets: 0;
}

.selection-popup > .content > .options-scroll-pane .viewport {
    -fx-background-color: -fx-control-inner-background;
}

.selection-popup > .content > .options-scroll-pane .options-box {
}

.selection-popup > .content > .options-scroll-pane .options-box > .radio-button,
.selection-popup > .content > .options-scroll-pane .options-box > .check-box {
    -fx-background: -fx-control-inner-background;
    -fx-label-padding: 0 0 0 4px;
    -fx-text-fill: -fx-text-base-color;
    -fx-padding: 4px;
}

.selection-popup > .content > .options-scroll-pane .options-box > .radio-button:hover,
.selection-popup > .content > .options-scroll-pane .options-box > .check-box:hover {
    -fx-background: -fx-selection-bar;
    -fx-background-color: -fx-background;
    -fx-text-fill: -fx-selection-bar-text;
}

.selection-popup > .content > .options-scroll-pane .options-box > .radio-button > .radio {
    -fx-background-color: transparent;
}

.selection-popup > .content > .options-scroll-pane .options-box > .radio-button > .radio > .dot {
    -fx-shape: "M7.95837 15L3.20837 10.25L4.39587 9.06249L7.95837 12.625L15.6042 4.97916L16.7917 6.16666L7.95837 15Z";
}

.selection-popup > .content > .options-scroll-pane .options-box > .radio-button:selected {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-selection-bar;
    -fx-text-fill: -fx-selection-bar-text;
}

.selection-popup > .content > .options-scroll-pane .options-box > .radio-button:selected > .radio > .dot {
    -fx-background-color: -fx-selection-bar-text;
}