/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/styles/sass/crypto-price-picker.scss ***!
  \**************************************************************************************************************************************/
div.ucwp-crypto-price-picker-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  gap: 20px;
  max-width: 100vw;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box {
  display: flex;
  box-sizing: border-box;
  padding: 10px 5px;
  border: 2px solid #03045E;
  border-radius: 10px;
  height: 74px;
  width: 270px;
  justify-content: center;
  background: #fff;
  transition: transform 0.3s, box-shadow 0.3s;
  animation: fadeIn 0.5s ease-in-out;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box .ucwp-crypto-picker-card-content-cnt {
  display: flex;
  width: 100%;
  padding: 0 10px;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box .ucwp-crypto-picker-card-bounding-box-coin-logo {
  height: 100%;
  flex-basis: 25%;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box .ucwp-crypto-picker-card-bounding-box-coin-logo img {
  height: 100%;
  border-radius: 100px;
  transition: transform 0.3s;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box .ucwp-crypto-picker-card-bounding-box-coin-logo img:hover {
  transform: rotate(360deg);
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box .ucwp-crypto-picker-card-bounding-box-coin-info {
  flex-basis: 75%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 5px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  transition: all 0.3s;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box .ucwp-crypto-picker-card-bounding-box-coin-info > * {
  transition: all 0.3s;
  /* Kept from the usual code */
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box .ucwp-crypto-picker-card-coin-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* Added from the usual code */
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box .ucwp-crypto-picker-card-coin-growth {
  display: inline-flex;
  color: green;
  font-weight: 600;
  transition: color 0.3s;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box .ucwp-crypto-picker-card-coin-growth:has(.fa-arrow-up) {
  color: green;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box .ucwp-crypto-picker-card-coin-growth:has(.fa-arrow-down) {
  color: red;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box .ucwp-crypto-picker-card-coin-growth i,
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box .ucwp-crypto-picker-card-coin-growth span {
  display: inline-block;
  /* Added from the usual code */
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box .ucwp-crypto-picker-card-coin-price {
  font-weight: 700;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-002 {
  display: flex;
  box-sizing: border-box;
  padding: 10px 5px;
  border: 2px solid #03045E;
  border-radius: 10px;
  height: 74px;
  width: 270px;
  justify-content: center;
  background: #fff;
  transition: transform 0.3s, box-shadow 0.3s;
  animation: fadeIn 0.5s ease-in-out;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-002:hover {
  transform: translateY(-10px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-002 .ucwp-crypto-picker-card-content-cnt {
  display: flex;
  width: 100%;
  padding: 0 10px;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-002 .ucwp-crypto-picker-card-bounding-box-coin-logo {
  height: 100%;
  flex-basis: 25%;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-002 .ucwp-crypto-picker-card-bounding-box-coin-logo img {
  height: 100%;
  border-radius: 100px;
  transition: transform 0.3s;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-002 .ucwp-crypto-picker-card-bounding-box-coin-logo img:hover {
  transform: rotate(360deg);
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-002 .ucwp-crypto-picker-card-bounding-box-coin-info {
  flex-basis: 75%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 5px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  transition: all 0.3s;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-002 .ucwp-crypto-picker-card-bounding-box-coin-info > * {
  transition: all 0.3s;
  /* Kept from the usual code */
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-002 .ucwp-crypto-picker-card-bounding-box-coin-info:hover .ucwp-crypto-picker-card-coin-name {
  flex-basis: 100%;
  flex-grow: 1;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-002 .ucwp-crypto-picker-card-bounding-box-coin-info:hover .ucwp-crypto-picker-card-coin-price {
  flex-basis: 0;
  display: none;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-002 .ucwp-crypto-picker-card-coin-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* Added from the usual code */
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-002 .ucwp-crypto-picker-card-coin-growth {
  display: inline-flex;
  color: green;
  font-weight: 600;
  transition: color 0.3s;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-002 .ucwp-crypto-picker-card-coin-growth:has(.fa-arrow-up) {
  color: green;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-002 .ucwp-crypto-picker-card-coin-growth:has(.fa-arrow-down) {
  color: red;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-002 .ucwp-crypto-picker-card-coin-growth i,
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-002 .ucwp-crypto-picker-card-coin-growth span {
  display: inline-block;
  /* Added from the usual code */
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-002 .ucwp-crypto-picker-card-coin-price {
  font-weight: 700;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-003 {
  display: flex;
  box-sizing: border-box;
  padding: 12px 10px;
  border: 2px solid #03045E;
  border-radius: 10px;
  height: 104px;
  width: 255px;
  justify-content: center;
  flex-direction: column;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  background: #1E1E1E;
  gap: 3px;
  animation: fadeIn 0.5s ease-in-out;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-003 .ucwp-crypto-picker-card-003-section {
  width: 100%;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-003 .ucwp-crypto-picker-card-003-basic-details {
  display: flex;
  flex-basis: 75%;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-003 .ucwp-crypto-picker-card-bounding-box-coin-logo {
  height: 100%;
  flex-basis: 25%;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-003 .ucwp-crypto-picker-card-bounding-box-coin-logo img {
  height: 100%;
  width: 100%;
  border-radius: 100px;
  transition: transform 0.3s;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-003 .ucwp-crypto-picker-card-bounding-box-coin-logo img:hover {
  transform: rotate(360deg);
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-003 .ucwp-crypto-picker-card-003-basic-info {
  flex-basis: 75%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 3px;
  align-items: center;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-003 .ucwp-crypto-picker-card-003-coin-name {
  width: 100%;
  display: flex;
  color: #0077B6;
  justify-content: space-between;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-003 .ucwp-crypto-picker-card-003-coin-name div {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-003 .ucwp-crypto-picker-card-coin-price {
  color: #0077B6;
  font-weight: 700;
  width: 100%;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-003 .ucwp-crypto-picker-card-coin-growth {
  flex-basis: 35%;
  font-weight: 600;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-003 .ucwp-crypto-picker-card-coin-growth:has(.fa-arrow-up) {
  color: green;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-003 .ucwp-crypto-picker-card-coin-growth:has(.fa-arrow-down) {
  color: red;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-003 .ucwp-crypto-picker-card-coin-growth i,
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-003 .ucwp-crypto-picker-card-coin-growth span {
  display: inline-block;
  /* Added from the usual code */
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-003 .ucwp-crypto-picker-card-coin-name-and-symbol {
  font-weight: 400;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-003 .ucwp-crypto-picker-card-003-market-details {
  display: flex;
  font-weight: 700;
  transition: color 0.3s;
}
div.ucwp-crypto-price-picker-main .ucwp-crypto-picker-card-coin-bounding-box-card-003 .ucwp-crypto-picker-card-003-market-details > div {
  flex-basis: 50%;
  display: grid;
  place-items: center;
  color: #0077B6;
  transition: color 0.3s;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/*# sourceMappingURL=crypto-price-picker.css.map*/