/*
 * Classi di supporto per la migrazione degli inline style richiesta dalla CSP.
 * A differenza di csp-inline-migrated.css (generato automaticamente), questo
 * file è mantenuto manualmente.
 */
.csp-bg-cover {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.csp-bg-lazy {
    content-visibility: auto;
}

.csp-bg-size-100 {
    background-size: 100% 100%;
}

.csp-bg-color-f1416c {
    background-color: #F1416C;
}

.csp-bg-pos-100-50 {
    background-position: 100% 50%;
}

.csp-modal-backdrop {
    background: rgba(0, 0, 0, .5);
}

/*
 * Overlay di stampa delle lettere di vettura mostrato nelle modali di spedizione.
 * L'anello di avanzamento e' un SVG: la parte colorata viene scoperta agendo su
 * stroke-dashoffset da JavaScript, cosi' non servono stili inline.
 */
.qz-print-overlay {
    position: absolute;
    inset: 0;
    z-index: 20;
    display: none;
    background: rgba(255, 255, 255, 0.92);
}

.qz-print-overlay.is-visible {
    display: flex;
}

.qz-print-ring {
    position: relative;
    width: 72px;
    height: 72px;
}

.qz-print-ring svg {
    transform: rotate(-90deg);
}

.qz-print-ring-bg {
    fill: none;
    stroke: var(--bs-gray-200, #eef1f5);
    stroke-width: 7;
}

.qz-print-ring-fg {
    fill: none;
    stroke: var(--bs-primary, #1b84ff);
    stroke-width: 7;
    stroke-linecap: round;
    stroke-dasharray: 207;
    stroke-dashoffset: 207;
    transition: stroke-dashoffset 0.35s ease;
}

.qz-print-ring-percent {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}