:root {
    --delivery-info-bg: #e9f6fc;
    --accent-color: var(--price-item-bg-color);

    --action-btn-text-color: #359EFF;
    --action-btn-border-color: #359EFF;
    --actions-popup-bg: #FFFFFF;
    --action-item-div: 1px solid #F4F4F4;
    --action-name: #333333;
    --action-desc: #858585;
    --action-notif-default-bg: #0F0F0F;
    --action-notif-default-text: #FFFFFF;
    --action-notif-error-bg: #0F0F0F;
    --action-notif-error-text: #F08282;

    --border-radius-xxs: .25rem; 	/* 0.25rem  4px */
    --border-radius-xs: .50rem; 	/* 0.50rem  8px */
    --border-radius-sm: .75rem; 	/* 0.75rem 12px */
    --border-radius-md: 1rem; 		/* 1.00rem 16px */
    --border-radius-xl: 1.5rem; 	/* 1.50rem 24px */
    --border-radius-xxl: 2rem; 		/* 2.00rem 32px */
}

.theme--dark {
    --delivery-info-bg: #2a354a;
    --accent-color: var(--price-item-bg-color);

    --actions-popup-bg: #333333;
    --action-item-div: 1px solid #404040;
    --action-name: #F6F6F6;
    --action-desc: #979797;
    --action-notif-default-bg: #302C3E;
    --action-notif-default-text: #FFFFFF;
    --action-notif-error-bg: #733531;
    --action-notif-error-text: #F08282;
}

.notification {
    border-radius: 1rem !important;
}

.docs-container {
    border-top: 1px solid var(--backdrop-color);
    padding: 2rem 0 2rem 0;
    margin-top: 2.25rem;
}
.docs-container .docs-header {
    font-size: var(--fs-110);
    font-weight: 400;
    padding: 0;
    margin: 0;
}
.docs-container ul {
    padding-top: .35rem;
    font-size: var(--fs-90);
}

.docs-container li {
    margin: .25rem 0;
}

.total-value {
    color: var(--main-font-color);
}
.remove-add-cost-button {
    width: 1.25em;
    height: 1.25em;
    background: var(--accent-color-semi);
    border: 1px solid var(--accent-color);
    color: var(--accent-color);
    display: flex;
    justify-content: center;
    align-items: center;
}