.modal {
  overflow: hidden!important;
}

.select-display:active {
  transform: scale(0.98);
}

.preloader {
  z-index: 2000;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: var(--grey-600);
  align-items: center;
  touch-action: none;
  justify-content: center;
  flex-direction: column;
}

@media (max-width:768px) {
  .content-wrapper.currency-view-detailed-overflow::-webkit-scrollbar {
    display: none;
  }

  .slide {
    padding: 0 3.5px!important;
  }

  .navbar-mobile- {
    display: block!important;
    position: fixed!important;
    bottom: 0!important;
    left: 0!important;
    width: 100%!important;
    z-index: 1000!important;
  }

  .wrap.svelte-1i8zpwb {
    padding: 0!important;
  }
}

.arrow {
  width: 20px;
  color: #fff;
  margin-left: auto;
}

.arrow.svelte-gnc8nc:before {
  background-color: #2f4553!important;
}

.address-input:focus {
  outline: none;
  border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102,126,234,0.1);
}

.copy-btn:hover {
  background: #5a67d8;
}

.options-container::-webkit-scrollbar {
  width: 6px;
}

.options-container::-webkit-scrollbar-track {
  background: #f1f5f9;
}

.options-container::-webkit-scrollbar-thumb {
  background: #cbd5e0;
  border-radius: 3px;
}

.options-container::-webkit-scrollbar-thumb:hover {
  background: #a0aec0;
}

@media (max-width:768px) {
  h2 {
    font-size: 24px;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.copy-success::after {
  content: "Copied!";
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  background: #2d3748;
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
}

.dropdown.flex.transparent.svelte-fcg2cf {
  width: inherit;
}

.dropdown.flex.transparent.svelte-fcg2cf button {
  border-radius: 0.5rem;
}

.tags-overlay.svelte-1byrcnp {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: calc(.25rem*.5);
}

.tag-badge.svelte-esm0bj {
  width: 28px;
  height: 28px;
  background-color: #1a2e39;
  border-radius: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inner-circle.svelte-esm0bj {
  width: 24px!important;
  height: 24px!important;
  border-radius: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tag-icon {
  width: 20px;
  height: 20px;
}

#claim {
  padding-bottom: env(safe-area-inset-bottom);
}

@supports (padding:max(0px)) {
  #claim {
    padding-bottom: max(env(safe-area-inset-bottom),16px);
  }
}

.custom-margin-added {
  margin-left: -5.5px!important;
  margin-right: -5.5px!important;
}

@media (min-width:1196px) {
  .ipad-sidebar {
    display: none!important;
  }
}

.wrap.normal.svelte-10nnz84 {
  max-width: 80px;
}

@media (min-width:768px) and (max-width:1195px) {
  .computer-sidebar {
    display: none!important;
  }
}

@media (max-width:768px) {
  .ipad-sidebar {
    display: none!important;
  }

  .custom-margin-added {
    margin-left: -3px!important;
    margin-right: -3px!important;
  }

  .wrap.normal.svelte-10nnz84 {
    max-width: 100%;
  }

  .computer-sidebar {
    display: none!important;
  }

  .hero-content.svelte-12xljo5 {
    padding-top: 0!important;
  }
}

.wrap.mobile-logo.svelte-10nnz84>svg {
  width: 26px;
}