body {margin:0; padding:0; display:flex; justify-content:center; align-items:center; min-height:100vh; background-color:#f0f0f0;}
  textarea {flex:1; resize:vertical;}
  ul {font-weight:bold; color:blue; cursor:pointer}
  .wallet { visibility:hidden;text-align:center; padding: 20px; background-color:white; border-radius:10px; box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
  .panel {border:1px solid #ccc; padding:15px; margin:10px; border-radius:5px; background-color:#f9f9f9;}
  .label {font-weight: bold; margin-bottom: 10px;}
  .button-group { display:flex; justify-content: space-between; margin-top: 15px;}
  .button {flex: 1; margin: 5px; padding: 10px; border-radius: 5px; cursor: pointer;}
  .button-color-green {background-color:green; color:white;}
  .button-color-gray {background-color:darkgray; color:white;}
  .button-color-blue {background-color:blue; color:white;}
  .button-color-red {background-color:red; color:white;}
  .right-align {text-align: right;} /* Right-align combo boxes */
  .grid-container {display:grid; grid-template-columns:auto 1fr; grid-gap:10px;} /* Create grid layout within the calculator panel */
  .center-align { display:flex; justify-content:center;} /* Center the scan button */
  .btn {--bs-btn-padding-x: 0.5rem;}
  .gradient-combo { background:linear-gradient(to right, green, red); color:white; padding:5px; border:none; border-radius:5px;}
  .gradient-combo option {color:black;}
  .modal-overlay {display:none; position:fixed; top:0; left:0;width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); z-index: 9999;}
  .modal-content {display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
  .lottie-container {width:100%; height:0; padding-bottom:100%; position:relative;}
  #lottie-animation {position:absolute; width:100%; height:100%;}
  .landscape .lottie-container {width:50%; position:relative;}
  .landscape #lottie-anima30 lines of csstion {width:100%; height: 100%;}
  .splash-screen {position:fixed;top:0; left:0; display:flex; opacity:1; flex-direction:column; align-items:center; justify-content:space-around; height:100vh;width:100vw; transition:opacity 5s; background: url(img/bg1.jpg) no-repeat center center/cover;}
  .splash-image {width:100%; max-width:500px; height: auto;}
  .fit {max-width:100%}
  .white {color:white;}
  .red {color:red;}
  .blue {color:blue;}
	.up10 {position:relative;top:-10px}
  .bullet {position:relative;top:-3px}
  .memo-container {display:flex; align-items:center}
  .click {cursor:pointer}
  .hidden {display:none}
  .center {justify-content:center;display:flex}
  .hiddenWithEase {display:none; opacity:0; transition: opacity 0.3s ease-in-out;}
  .invisible {visibility:hidden}
  .italic {font-style:italic}
  .max-width-image {max-width:150px;margin:0 auto;}
  .min-width-image {max-width:50px;margin:0 auto;}
  .div-center {display:flex; justify-content:center; align-items:center;width:100%}
  .flash {animation:flashAnimation 0.5s ease 3 alternate;}
  .radioContainer {display:flex; flex-direction:column}
  .radio-option {display: flex; align-items:center; margin-bottom:10px}
  .radio-button {margin-right:8px}
  .radio-label {font-size: 16px}
  .radio-button:checked + .radio-label{color:blue}
  .oneRow {display:flex;align-items:center;white-space:nowrap;}
  .img-max-height-40{max-height:40px;width:auto}
  .small {padding:4px}
  .left-icon {margin-right:10px;}
  .walletName {text-transform:lowercase}
	.card {font-size:14px; color:#373b3e}
	.card.blur {background-color:darkgrey;color:lightgrey}
	.custom-button {width:100%;padding:10px;border:1px solid #ccc;background-color:#f8f9fa;text-align:center;margin-bottom:10px;border-radius:10px;}
  .custom-button img {width:80%;max-width:100%;height:auto;margin-bottom:10px;}
  .button-text {font-size: 12px;color:#333;}

  @keyframes flashAnimation {0% {background-color: yellow;} 100% {background-color: white;}}
  @media (max-width: 768px) {.wallet {padding: 10px;}}