.lotus-price-container {
    display: inline-block;
    padding: 10px;
    margin: 10px 0;
}

.lotus-price-loading {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 3px solid #f3f3f3;
    border-top-color: #333;
    border-radius: 50%;
    animation: lotus-spin 0.8s linear infinite;
    margin: 0 auto;
}

@keyframes lotus-spin {
    to {
        transform: rotate(360deg);
    }
}

.lotus-price-error {
    color: #d63638;
    padding: 10px;
    background-color: #ffeaea;
    border-left: 4px solid #d63638;
}

.lotus-price-value {
    font-size: 1.5em;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}

.lotus-price-currency {
    font-size: 0.8em;
    vertical-align: super;
}

.lotus-price-amount {
    font-size: 1em;
}

.lotus-price-product-name {
    font-size: 0.9em;
    color: #666;
    margin-top: 5px;
}

.lotus-price-valid-until {
    font-size: 0.8em;
    color: #999;
    margin-top: 5px;
    font-style: italic;
}

.lotus-price-percent {
    font-size: 0.8em;
    font-weight: normal;
    margin-left: 5px;
}

.lotus-price-positive {
    color: #00a32a;
}

.lotus-price-negative {
    color: #d63638;
}

.lotus-price-yesterday {
    font-size: 0.85em;
    color: #666;
    margin-top: 5px;
}

.lotus-price-field {
    margin: 8px 0;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}

.lotus-price-field:last-child {
    border-bottom: none;
}

.lotus-price-field-label {
    font-weight: bold;
    color: #333;
    margin-right: 5px;
}

.lotus-price-field-value {
    color: #666;
}

.lotus-api-value-container{
    font-size: 1.25rem;
    letter-spacing: -0.05rem;
    font-weight: 700;
}