.dmx-delivery-trigger {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin: .5rem 0;
    font-size: .9rem;
    text-decoration: underline;
}
.dmx-delivery-flag { flex: none; border: 1px solid #aaa; }
.dmx-delivery-panel { max-width: 26rem; margin: 1rem auto; }
.dmx-delivery-dialog {
    width: min(26rem, calc(100vw - 2rem));
    padding: 1.5rem;
    border: 1px solid #aaa;
    border-radius: .25rem;
    background: #fff;
    color: #222;
}
.dmx-delivery-dialog::backdrop { background: rgb(0 0 0 / 40%); }
.dmx-delivery-panel-content h2 { margin: 0 1.5rem 1.25rem 0; font-size: 1.15rem; }
.dmx-delivery-panel-content label { display: block; margin-bottom: .4rem; }
.dmx-delivery-panel-content select { width: 100%; padding: .5rem; margin-bottom: 1rem; }
.dmx-delivery-panel-content button[type="submit"] { padding: .5rem 1rem; }
.dmx-delivery-close {
    float: right;
    border: 0;
    padding: 0 .25rem;
    background: transparent;
    color: inherit;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
}

.dmx-delivery-panel-content .dmx-delivery-update.btn.btn-primary {
    background-color: #218838;
    border-color: #218838;
    color: #fff;
}
.dmx-delivery-panel-content .dmx-delivery-update.btn.btn-primary:hover {
    background-color: #19692c;
    border-color: #19692c;
}
.dmx-delivery-panel-content .dmx-delivery-update.btn.btn-primary:focus {
    outline: 2px solid #155724;
    outline-offset: 2px;
    box-shadow: 0 0 0 .2rem rgb(33 136 56 / 25%);
}
.dmx-delivery-panel-content .bootstrap-select { margin-bottom: 1rem; }
.dmx-delivery-option-flag {
    display: inline-block;
    width: 1.5rem;
    height: 1rem;
    margin-right: .45rem;
    border: 1px solid #aaa;
    vertical-align: -.15rem;
}
.dmx-delivery-option-flag--de {
    background: linear-gradient(#000 0 33.333%, #d00 33.333% 66.667%, #ffce00 66.667% 100%);
}
.dmx-delivery-option-flag--at {
    background: linear-gradient(#ed2939 0 33.333%, #fff 33.333% 66.667%, #ed2939 66.667% 100%);
}