/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./src/app/pets/comboList.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.MuiAccordion-root {
    background-color: rgba(255, 255, 255, 0.12);
    color: inherit;
}

.MuiInputBase-root {
    color: inherit !important;
    background-color: inherit !important;
    height: 36px;
    padding: 0 0 0 6px !important;
}

.MuiAccordion-root {
    color: inherit !important;
    background-color: rgba(255, 255, 255, 0.12) !important;
}

.MuiOutlinedInput-notchedOutline {
    border-color: gray !important;
}

.MuiSvgIcon-root {
    filter: invert(56%) sepia(0%) saturate(1112%) hue-rotate(144deg) brightness(90%) contrast(88%);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./src/app/pets/PetItem.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.item-tile {
    margin: auto;
}


.item-tile-ground {
    margin: auto auto auto auto;
}


.item-tile-air {
    margin: auto auto auto auto;
}

.static-item-tile .item-image-container {
    max-width: 150px;
    max-height: 150px;
}

.static-item-tile .item-image {
    max-width: 150px;
    max-height: 150px;
}

.item-image-container {
    position: relative;
    max-width: 75px;
    max-height: 75px;
}

.item-image {
    max-width: 75px;
    max-height: 75px;
}

.unselected {
    opacity: 0.4;
}

.tooltip {
    /* display: inline-block; */
    width: 100px;
    height: 100px;
}

.tooltip .tooltip-content {
    background-color: rgba(255, 255, 255, 0.0);
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    min-width: 200px;
    max-width: 400px;
    white-space: nowrap;
}

.MuiAutocomplete-listbox {
    max-height: 50vh;
}

.item-tile:hover .tooltip {
    visibility: visible;
}

.item-tile-ground:hover .tooltip {
    visibility: visible;
}

.item-tile-air:hover .tooltip {
    visibility: visible;
}

.basicPetTile:hover .tooltip {
    visibility: visible;
}


.petImage {
    max-width: 100%;
    max-height: 100%;
}