@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
* {
    font-family: 'Roboto';
    box-sizing: border-box;
}
html,
body {
    margin: 0px;
    height: 100%;
    background-color: var(--02-tokens-bg-bg-primary);
/*    font-family: 'Roboto';*/
}
div, h1, h2, h3, p, label, span, input {
    font-family: 'Roboto';
}
/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Medium.ttf') format('ttf'), url('/fonts/Roboto-Medium.ttf') format('ttf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Bold.ttf') format('ttf'), url('/fonts/Roboto-Bold.ttf') format('ttf');
    font-weight: 700;
    font-style: normal;
}

.roboto-regular {
    font-family: 'Roboto';
    font-weight: 400;
}

.roboto-bold {
    font-family: 'Roboto';
    font-weight: 700;
}
/* Swiper container styles */
.product-swiper {
    z-index: 0 !important;
    overflow: visible !important; /* Important to show slides outside container */
    padding: 10px 0;
    margin-left: 0px; /* Compensate for first slide padding */
    margin-right: 0px; /* Compensate for last slide padding */
}

    /* Swiper wrapper styles */
    .product-swiper .swiper-wrapper {
        display: flex;
        width: auto;
        box-sizing: border-box;
    }

    /* Individual slide styles */
    .product-swiper .swiper-slide {
        width: auto !important; /* Let content determine width */
        flex-shrink: 0;
        height: auto;
        position: relative;
        transition-property: transform;
        display: flex;
    }
tbody tr {
    height: 48px !important;
    max-height: 48px !important;
}

tbody td {
    height: 48px !important;
    max-height: 48px !important;
    overflow: hidden;
    vertical-align: middle !important;
}