/**
 * Shipxio Connect WordPress frontend
 * wordpress/shipxio-connect/assets/css/app.css
 *
 * Provides the visual styling inside the WordPress shortcode.
 */


.shipxio-connect,
.shipxio-connect * {
    box-sizing: border-box;
}

/**
 * Several components below set `display`, which outranks the user-agent rule
 * for [hidden]. Without this, elements toggled with `element.hidden` stay
 * visible and keep occupying layout space.
 */
.shipxio-connect [hidden] {
    display: none !important;
}

/** Available to assistive technology, removed from the visual layout. */
.shipxio-connect .visually-hidden {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip-path: inset(50%);
    white-space: nowrap;
}

/**
 * The host page owns the outer layout. The plugin root fills the width it is
 * given, paints no page-like surface of its own, and adds no outer margin.
 */
.shipxio-connect {
    width: 100%;
    max-width: 100%;
    margin: 0;
    background: transparent;
    color: var(--sxc-clr-acc-a);
    font-size: var(--sxc-fs-body);
    font-weight: var(--sxc-fw-n);
    line-height: var(--sxc-lh-body);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.shipxio-connect button,
.shipxio-connect input,
.shipxio-connect select,
.shipxio-connect textarea {
    font: inherit;
}

/* Pixel units keep text-entry controls at 16px regardless of the host root size. */
.shipxio-connect input:not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="image"]),
.shipxio-connect select,
.shipxio-connect textarea,
.shipxio-connect [contenteditable="true"],
.shipxio-connect [contenteditable="plaintext-only"] {
    font-size: 16px;
}

.shipxio-connect button {
    -webkit-tap-highlight-color: transparent;
}

/* ======================================================
   Page
   ====================================================== */

/**
 * Container width, max width, outer padding, centering, and the spacing
 * around the plugin all belong to the WordPress, Gutenberg, Elementor, or
 * theme container the shortcode was placed in.
 */
.shipxio-connect .page {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

/* ======================================================
   Sections
   ====================================================== */

.shipxio-connect .section {
    margin-bottom: var(--sxc-pad-xl);
    padding: var(--sxc-pad-xxl);
    border: 1px solid var(--sxc-brd-l);
    border-radius: var(--sxc-brd-lg);
    background: var(--sxc-clr-wh);
    box-shadow: 0 2px 10px rgba(var(--sxc-clr-blk-rgb), 0.035);
}

.shipxio-connect .section:last-child {
    margin-bottom: 0;
}

.shipxio-connect .section-header {
    margin-bottom: var(--sxc-pad-xl);
}

.shipxio-connect .section-header h2 {
    margin: 0;
    color: var(--sxc-clr-acc-a);
    font-size: var(--sxc-fs-headline);
    font-weight: var(--sxc-fw-b);
    line-height: var(--sxc-lh-headline);
    letter-spacing: -0.015em;
}

.shipxio-connect .section-header p,
.shipxio-connect .estimate-section-heading p {
    margin: 0.25rem 0 0;
    color: var(--sxc-clr-gray-d);
    font-size: var(--sxc-fs-xs);
    line-height: var(--sxc-lh-xs);
}

/* ======================================================
   Calculator Form
   ====================================================== */

.shipxio-connect .calculator-form {
    display: flex;
    flex-direction: column;
    gap: var(--sxc-pad-lg);
}

.shipxio-connect .form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--sxc-pad-lg);
}

.shipxio-connect .field {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--sxc-pad-sm);
}

.shipxio-connect .field label {
    color: var(--sxc-clr-gray-d);
    font-size: var(--sxc-fs-xs);
    font-weight: var(--sxc-fw-md);
    line-height: var(--sxc-lh-xs);
}

.shipxio-connect .field-help {
    margin: -0.25rem 0 0;
    color: var(--sxc-clr-gray-d);
    font-size: var(--sxc-fs-xxs);
    line-height: var(--sxc-lh-xxs);
}

/* Decorative icons share the input surface without intercepting clicks. */
.shipxio-connect .calculator-form .input-surface {
    position: relative;
}

.shipxio-connect .calculator-form .control-icon {
    position: absolute;
    top: 50%;
    left: var(--sxc-pad-md);
    width: var(--sxc-pad-lg);
    height: var(--sxc-pad-lg);
    color: var(--sxc-clr-gray-l);
    pointer-events: none;
    transform: translateY(-50%);
    transition: color 160ms ease;
}

.shipxio-connect .calculator-form .input-surface:focus-within .control-icon {
    color: var(--sxc-clr-gray-d);
}

.shipxio-connect .calculator-form .input-surface input {
    padding-left: calc(var(--sxc-pad-lg) + var(--sxc-pad-md) * 2);
}

.shipxio-connect .field input,
.shipxio-connect .field select,
.shipxio-connect .field textarea {
    width: 100%;
    min-height: 52px;
    padding: var(--sxc-pad-md) var(--sxc-pad-lg);
    border: 1px solid var(--sxc-brd-l);
    border-radius: var(--sxc-brd-form);
    background: var(--sxc-clr-wh);
    color: var(--sxc-clr-acc-a);
    font-size: 16px;
    outline: none;
    transition:
        border-color 160ms ease,
        box-shadow 160ms ease,
        background 160ms ease;
}

/* Spinners crowd the value. Typing and validation are unchanged. */
.shipxio-connect .field input[type="number"] {
    -moz-appearance: textfield;
}

.shipxio-connect .field input[type="number"]::-webkit-outer-spin-button,
.shipxio-connect .field input[type="number"]::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.shipxio-connect .field input:disabled,
.shipxio-connect .field select:disabled {
    background: var(--sxc-surface-l);
    color: var(--sxc-clr-disabled-l);
    cursor: not-allowed;
}

.shipxio-connect .field input::placeholder {
    color: var(--sxc-clr-gray-l);
    opacity: 1;
}

.shipxio-connect .field input:hover:not(:disabled),
.shipxio-connect .field select:hover:not(:disabled) {
    border-color: var(--sxc-clr-gray-l);
}

.shipxio-connect .field input:focus,
.shipxio-connect .field select:focus {
    border-color: var(--sxc-clr-pri);
    box-shadow: 0 0 0 3px rgba(var(--sxc-clr-blk-rgb), 0.12);
}

.shipxio-connect button:focus-visible,
.shipxio-connect .estimate-result:focus-visible {
    outline: 2px solid var(--sxc-clr-pri);
    outline-offset: 2px;
}

.shipxio-connect .calculator-form>button {
    align-self: flex-start;
    min-height: 46px;
    padding: var(--sxc-btn-pad);
    border: 1px solid var(--sxc-clr-pri);
    border-radius: var(--sxc-brd-button);
    background: var(--sxc-clr-pri);
    color: var(--sxc-clr-btn-text);
    font-size: var(--sxc-fs-xs);
    font-weight: var(--sxc-fw-sb);
    line-height: 1;
    cursor: pointer;
    transition:
        background 160ms ease,
        border-color 160ms ease,
        transform 100ms ease,
        opacity 160ms ease;
}

.shipxio-connect .calculator-form>button:hover:not(:disabled) {
    border-color: var(--sxc-clr-sec);
    background: var(--sxc-clr-sec);
}

.shipxio-connect .calculator-form>button:active:not(:disabled) {
    transform: translateY(1px);
}

.shipxio-connect .calculator-form>button:disabled {
    border-color: var(--sxc-clr-disabled-l);
    background: var(--sxc-clr-disabled-l);
    color: var(--sxc-clr-btn-text);
    cursor: wait;
    opacity: 0.7;
}

/* ======================================================
   HS Code Suggestions
   ====================================================== */

.shipxio-connect .suggestions {
    position: absolute;
    z-index: 20;
    top: calc(100% + 0.375rem);
    right: 0;
    left: 0;
    overflow-y: auto;
    max-height: 320px;
    border: 1px solid var(--sxc-brd-l);
    border-radius: var(--sxc-brd-form-popup);
    background: var(--sxc-clr-wh);
    box-shadow: var(--sxc-shd-hv-md);
}

.shipxio-connect .suggestion {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 0.125rem;
    padding: var(--sxc-pad-md);
    border: 0;
    border-bottom: 1px solid var(--sxc-clr-muted-l);
    background: var(--sxc-clr-wh);
    color: var(--sxc-clr-acc-a);
    text-align: left;
    cursor: pointer;
    transition: background 120ms ease;
}

.shipxio-connect .suggestion:last-child {
    border-bottom: 0;
}

.shipxio-connect .suggestion:hover,
.shipxio-connect .suggestion.is-active {
    background: rgba(var(--sxc-clr-pri-rgb), 0.05);
}

.shipxio-connect .suggestion.is-active {
    box-shadow: inset 3px 0 0 var(--sxc-clr-pri);
    outline: none;
}

.shipxio-connect .suggestion strong {
    color: var(--sxc-clr-acc-a);
    font-size: var(--sxc-fs-xs);
    font-weight: var(--sxc-fw-sb);
    line-height: var(--sxc-lh-xs);
}

.shipxio-connect .suggestion span {
    color: var(--sxc-clr-gray-d);
    font-size: var(--sxc-fs-xxs);
    line-height: var(--sxc-lh-xxs);
}

.shipxio-connect .suggestions-empty {
    padding: var(--sxc-pad-md);
    color: var(--sxc-clr-gray-d);
    font-size: var(--sxc-fs-xs);
    line-height: var(--sxc-lh-xs);
}

/* ======================================================
   Selected Item
   ====================================================== */

.shipxio-connect .selected-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sxc-pad-md);
    padding: var(--sxc-pad-md);
    border: 1px solid var(--sxc-brd-l);
    border-radius: var(--sxc-brd-form);
    background: var(--sxc-surface-l);
}

.shipxio-connect .selected-item-text {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    gap: 0.125rem;
}

.shipxio-connect .selected-item strong {
    color: var(--sxc-clr-acc-a);
    font-size: var(--sxc-fs-xs);
    font-weight: var(--sxc-fw-sb);
    line-height: var(--sxc-lh-xs);
    overflow-wrap: anywhere;
}

.shipxio-connect .selected-item span {
    color: var(--sxc-clr-gray-d);
    font-size: var(--sxc-fs-xxs);
    line-height: var(--sxc-lh-xxs);
    overflow-wrap: anywhere;
}

.shipxio-connect .selected-item-clear {
    flex-shrink: 0;
    min-height: 32px;
    padding: 0 var(--sxc-pad-md);
    border: 1px solid var(--sxc-brd-l);
    border-radius: var(--sxc-brd-button);
    background: var(--sxc-clr-wh);
    color: var(--sxc-clr-gray-d);
    font-size: var(--sxc-fs-xxs);
    font-weight: var(--sxc-fw-sb);
    cursor: pointer;
    transition:
        border-color 120ms ease,
        background 120ms ease,
        color 120ms ease;
}

.shipxio-connect .selected-item-clear:hover {
    border-color: var(--sxc-clr-pri);
    background: rgba(var(--sxc-clr-pri-rgb), 0.04);
    color: var(--sxc-clr-pri);
}

/* ======================================================
   Status
   ====================================================== */

.shipxio-connect .status {
    margin: var(--sxc-pad-lg) 0 0;
    color: var(--sxc-clr-gray-d);
    font-size: var(--sxc-fs-xs);
    line-height: var(--sxc-lh-xs);
}

.shipxio-connect .status-error {
    color: var(--sxc-clr-err-l);
}

/* ======================================================
   Estimate
   ====================================================== */

.shipxio-connect .estimate-result {
    display: flex;
    margin-top: var(--sxc-pad-xxl);
    flex-direction: column;
    gap: var(--sxc-pad-xxl);
    outline: none;
}

.shipxio-connect .estimate-section {
    min-width: 0;
}

.shipxio-connect .estimate-section-heading {
    margin-bottom: var(--sxc-pad-md);
}

.shipxio-connect .estimate-section-heading h3 {
    margin: 0;
    color: var(--sxc-clr-acc-a);
    font-size: var(--sxc-fs-sm);
    font-weight: var(--sxc-fw-b);
    line-height: var(--sxc-lh-sm);
}

/* ======================================================
   Estimate Cards
   ====================================================== */

.shipxio-connect .estimate-card {
    overflow: hidden;
    padding: 0;
    border: 1px solid var(--sxc-brd-l);
    border-radius: var(--sxc-brd-md);
    background: var(--sxc-clr-wh);
}

/* Package details */

.shipxio-connect .estimate-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
}

.shipxio-connect .estimate-grid>div {
    display: flex;
    min-height: 80px;
    flex-direction: column;
    justify-content: center;
    gap: 0.125rem;
    padding: var(--sxc-pad-lg);
}

.shipxio-connect .estimate-grid>div:nth-child(odd):not(:last-child) {
    border-right: 1px solid var(--sxc-clr-muted-l);
}

.shipxio-connect .estimate-grid>div:nth-child(n + 3) {
    border-top: 1px solid var(--sxc-clr-muted-l);
}

.shipxio-connect .estimate-grid>div:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    border-right: 0;
}

.shipxio-connect .estimate-grid span {
    color: var(--sxc-clr-gray-d);
    font-size: var(--sxc-fs-xxs);
    line-height: var(--sxc-lh-xxs);
}

.shipxio-connect .estimate-grid strong {
    color: var(--sxc-clr-acc-a);
    font-size: var(--sxc-fs-xs);
    font-weight: var(--sxc-fw-b);
    line-height: var(--sxc-lh-xs);
}

/* ======================================================
   Item Classification
   ====================================================== */

.shipxio-connect .classification-heading {
    display: flex;
    min-height: 76px;
    flex-direction: column;
    justify-content: center;
    gap: 0.125rem;
    padding: var(--sxc-pad-lg);
}

.shipxio-connect .classification-heading strong {
    color: var(--sxc-clr-acc-a);
    font-size: var(--sxc-fs-sm);
    font-weight: var(--sxc-fw-b);
    line-height: var(--sxc-lh-sm);
}

.shipxio-connect .classification-heading span {
    color: var(--sxc-clr-gray-d);
    font-size: var(--sxc-fs-xxs);
    line-height: var(--sxc-lh-xxs);
}

.shipxio-connect .estimate-grid-two {
    margin: 0 var(--sxc-pad-lg);
    border-top: 1px solid var(--sxc-brd-l);
}

.shipxio-connect .estimate-grid-two>div {
    min-height: 70px;
    padding: var(--sxc-pad-lg) 0;
}

.shipxio-connect .estimate-grid-two>div:first-child {
    padding-right: var(--sxc-pad-lg);
    border-right: 0;
}

.shipxio-connect .estimate-grid-two>div:last-child {
    padding-left: var(--sxc-pad-lg);
}

.shipxio-connect .estimate-grid-two>div:nth-child(n + 3) {
    border-top: 0;
}

/* ======================================================
   Estimated Charges
   ====================================================== */

.shipxio-connect .estimate-row {
    display: flex;
    min-height: 56px;
    align-items: center;
    justify-content: space-between;
    gap: var(--sxc-pad-xl);
    padding: var(--sxc-pad-md) var(--sxc-pad-lg);
    border-bottom: 1px solid var(--sxc-clr-muted-l);
}

.shipxio-connect .estimate-row>div {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.125rem;
}

.shipxio-connect .estimate-row span {
    color: var(--sxc-clr-gray-d);
    font-size: var(--sxc-fs-xs);
    font-weight: var(--sxc-fw-md);
    line-height: var(--sxc-lh-xs);
    overflow-wrap: anywhere;
}

.shipxio-connect .estimate-row small {
    color: var(--sxc-clr-gray-l);
    font-size: var(--sxc-fs-xxs);
    line-height: var(--sxc-lh-xxs);
}

.shipxio-connect .estimate-row strong {
    flex-shrink: 0;
    color: var(--sxc-clr-acc-a);
    font-size: var(--sxc-fs-xs);
    font-weight: var(--sxc-fw-b);
    line-height: var(--sxc-lh-xs);
}

/* Amounts must never wrap away from their label. */
.shipxio-connect .estimate-row strong,
.shipxio-connect .estimate-total strong {
    white-space: nowrap;
}

/* ======================================================
   Estimated Total
   ====================================================== */

.shipxio-connect .estimate-total {
    display: flex;
    min-height: 72px;
    align-items: center;
    justify-content: space-between;
    gap: var(--sxc-pad-xl);
    margin: var(--sxc-pad-sm);
    padding: var(--sxc-pad-lg);
    border: 1px solid rgba(var(--sxc-clr-pri-rgb), 0.18);
    border-radius: var(--sxc-brd-sm);
    background: rgba(var(--sxc-clr-pri-rgb), 0.055);
}

.shipxio-connect .estimate-total span {
    color: var(--sxc-clr-acc-a);
    font-size: var(--sxc-fs-xs);
    font-weight: var(--sxc-fw-b);
    line-height: var(--sxc-lh-xs);
}

.shipxio-connect .estimate-total strong {
    color: var(--sxc-clr-pri);
    font-size: var(--sxc-fs-h5);
    font-weight: var(--sxc-fw-b);
    line-height: var(--sxc-lh-h5);
    letter-spacing: -0.025em;
}

/* ======================================================
   Estimate Notices
   ====================================================== */

.shipxio-connect .estimate-notice {
    margin-top: var(--sxc-pad-sm);
    padding: var(--sxc-pad-md);
    border: 1px solid var(--sxc-brd-l);
    border-radius: var(--sxc-brd-sm);
    background: var(--sxc-surface-l);
    color: var(--sxc-clr-gray-d);
    font-size: var(--sxc-fs-xxs);
    line-height: var(--sxc-lh-xxs);
}

.shipxio-connect .estimate-notes {
    margin-top: var(--sxc-pad-md);
    color: var(--sxc-clr-gray-d);
    font-size: var(--sxc-fs-xxs);
    line-height: var(--sxc-lh-xxs);
}

.shipxio-connect .estimate-notes p {
    margin: 0.25rem 0 0;
}

/* ======================================================
   Shipping Rates
   ====================================================== */

/**
 * A clean, flat data surface with no outer frame or vertical cell borders.
 * Only subtle horizontal rules separate the header and body rows.
 */
.shipxio-connect .rates-table-wrapper {
    overflow-x: auto;
    border: 0;
    border-radius: var(--sxc-brd-md);
    background: var(--sxc-surface-l);
}

/* Separate borders keep the rounded surface clipping the rows cleanly. */
.shipxio-connect .rates-table {
    width: 100%;
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.shipxio-connect .rates-table th,
.shipxio-connect .rates-table td {
    padding: var(--sxc-pad-md) var(--sxc-pad-lg);
    border: 0;
    text-align: left;
    white-space: nowrap;
}

/* Understated, and still the sticky scan anchor on a long rate ladder. */
.shipxio-connect .rates-table th {
    position: sticky;
    top: 0;
    z-index: 1;
    padding-top: var(--sxc-pad-md);
    padding-bottom: var(--sxc-pad-md);
    background: var(--sxc-surface-l);
    border-bottom: 1px solid var(--sxc-brd-l);
    color: var(--sxc-clr-gray-d);
    font-size: var(--sxc-fs-xxs);
    font-weight: var(--sxc-fw-sb);
    line-height: var(--sxc-lh-xxs);
    letter-spacing: normal;
    text-transform: none;
}

.shipxio-connect .rates-table td {
    background: var(--sxc-clr-wh);
    color: var(--sxc-clr-acc-a);
    font-size: var(--sxc-fs-xs);
    font-weight: var(--sxc-fw-sb);
    line-height: var(--sxc-lh-xs);
    font-variant-numeric: tabular-nums;
    transition: background 120ms ease;
}

/* The first body row sits flush against the header's horizontal rule. */
.shipxio-connect .rates-table tbody tr + tr td {
    border-top: 1px solid var(--sxc-clr-muted-l);
}

.shipxio-connect .rates-table tbody tr:hover td {
    background: var(--sxc-surface-l);
}

.shipxio-connect .rates-table th:not(:first-child),
.shipxio-connect .rates-table td:not(:first-child) {
    text-align: right;
}

/* ======================================================
   Responsive
   ====================================================== */

@media (max-width: 640px) {
    .shipxio-connect .section {
        margin-bottom: var(--sxc-pad-lg);
        padding: var(--sxc-pad-lg);
        border-radius: var(--sxc-brd-md);
    }

    .shipxio-connect .section-header {
        margin-bottom: var(--sxc-pad-lg);
    }

    .shipxio-connect .form-grid {
        grid-template-columns: 1fr;
    }

    .shipxio-connect .calculator-form>button {
        width: 100%;
    }

    .shipxio-connect .selected-item {
        align-items: flex-start;
    }

    .shipxio-connect .estimate-result {
        margin-top: var(--sxc-pad-xxl);
        gap: var(--sxc-pad-xxl);
    }

    .shipxio-connect .estimate-grid {
        grid-template-columns: 1fr;
    }

    .shipxio-connect .estimate-grid>div,
.shipxio-connect .estimate-grid>div:nth-child(odd):not(:last-child),
.shipxio-connect .estimate-grid>div:nth-child(n + 3) {
        min-height: 68px;
        padding: var(--sxc-pad-md) var(--sxc-pad-lg);
        border-right: 0;
        border-top: 1px solid var(--sxc-clr-muted-l);
    }

    .shipxio-connect .estimate-grid>div:first-child {
        border-top: 0;
    }

    .shipxio-connect .estimate-grid-two {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 0 var(--sxc-pad-lg);
    }

    .shipxio-connect .estimate-grid-two>div,
.shipxio-connect .estimate-grid-two>div:nth-child(n + 3) {
        min-height: 68px;
        border-top: 1px solid var(--sxc-brd-l);
    }

    .shipxio-connect .estimate-grid-two>div:first-child {
        padding-right: var(--sxc-pad-md);
        border-top: 1px solid var(--sxc-brd-l);
    }

    .shipxio-connect .estimate-grid-two>div:last-child {
        padding-left: var(--sxc-pad-md);
        border-top: 1px solid var(--sxc-brd-l);
    }

    .shipxio-connect .classification-heading {
        min-height: 70px;
        padding: var(--sxc-pad-lg);
    }

    .shipxio-connect .estimate-row {
        min-height: 54px;
        gap: var(--sxc-pad-md);
        padding: var(--sxc-pad-md) var(--sxc-pad-lg);
    }

    .shipxio-connect .estimate-total {
        min-height: 66px;
        gap: var(--sxc-pad-md);
        padding: var(--sxc-pad-md) var(--sxc-pad-lg);
    }

    .shipxio-connect .estimate-total strong {
        font-size: var(--sxc-fs-headline);
        line-height: var(--sxc-lh-headline);
    }

    .shipxio-connect .rates-table th,
    .shipxio-connect .rates-table td {
        padding: var(--sxc-pad-md) var(--sxc-pad-md);
    }

    .shipxio-connect .rates-table th {
        padding-top: var(--sxc-pad-md);
        padding-bottom: var(--sxc-pad-md);
    }

    .shipxio-connect .suggestions {
        max-height: 50vh;
    }
}

@media (max-width: 420px) {
    .shipxio-connect .section {
        padding: var(--sxc-pad-lg);
    }

    .shipxio-connect .estimate-grid-two {
        grid-template-columns: 1fr;
    }

    .shipxio-connect .estimate-grid-two>div:first-child,
.shipxio-connect .estimate-grid-two>div:last-child {
        padding: var(--sxc-pad-md) 0;
        border-right: 0;
    }

    .shipxio-connect .estimate-grid-two>div:last-child {
        border-top: 1px solid var(--sxc-clr-muted-l);
    }

    .shipxio-connect .estimate-row {
        align-items: flex-start;
    }

    .shipxio-connect .estimate-row strong {
        padding-top: 0.0625rem;
    }

    .shipxio-connect .estimate-total {
        align-items: center;
    }
}