/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/App.css ***!
  \*****************************************************************************************************************************************************************/
/* Remove spinner for all number inputs in WebKit-based browsers (Chrome, Safari, Edge) */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Remove spinner for Firefox */
input[type="number"] {
    -moz-appearance: textfield !important;
}

.product-tabs::-webkit-scrollbar {
    display: none;
    /* Hide scrollbar for Webkit browsers */
}

.product-tab-button {
    transition: all 0.3s ease;
    /* Smooth transition for hover/active */
}

.product-tab-button:hover {
    transform: translateY(-2px);
    /* Subtle lift effect on hover */
}

.product-tab-button:active {
    transform: translateY(0);
    /* Reset on click */
}

@media (max-width: 576px) {
    .product-tab-button {
        min-width: 120px !important;
        /* Smaller buttons on mobile */
        font-size: 0.9rem;
        /* Slightly smaller text */
        padding: 0.5rem 1rem;
        /* Reduced padding */
    }
}

.tab-btn {
    color: #dc3545;
    /* Bootstrap danger color */
    transition: all 0.3s ease;
}

.tab-btn:hover {
    color: #a71d2a;
}

.tab-btn.active-tab {
    color: #dc3545;
}

.tab-btn.active-tab::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 80%;
    height: 3px;
    background-color: #dc3545;
    border-radius: 2px;
    transition: width 0.3s ease;
}

#labelme-react-root {
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    padding: 0.75rem;
    margin-top: 2rem;
    border-radius: 1rem;
    border: 1px solid #dcdcdc;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/*# sourceMappingURL=index.css.map*/