/* compound-usdc-frozen-banner.css */

.hero-panel.masthead.L1 {
  position: relative;
  overflow: visible;

  --banner-top: 16px;
  --banner-height: 86px;
  --banner-gap: 18px;

  padding-top: calc(var(--banner-top) + var(--banner-height) + var(--banner-gap)) !important;
}

.hero-panel.masthead.L1::before {
  content: "Withdrawing collateral and borrowing USDC is currently NOT possible as this market is frozen, please don't deposit collateral unless you need it for an existing loan position, no new loans are possible right now in this market.";
  position: absolute;
  top: var(--banner-top);
  left: 16px;
  right: 16px;
  z-index: 20;
  box-sizing: border-box;
  display: block;

  min-height: var(--banner-height);
  padding: 14px 16px;
  border: 1px solid rgba(214, 147, 34, 0.8);
  border-radius: 18px;
  background: rgba(70, 53, 34, 0.9);
  color: #f2d08f;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 700;
  pointer-events: none;
}

.hero-panel.masthead.L1 > * {
  position: relative;
  z-index: 1;
}

/* tablet */
@media (max-width: 1024px) {
  .hero-panel.masthead.L1 {
    --banner-height: 102px;
  }

  .hero-panel.masthead.L1::before {
    font-size: 13px;
  }
}

/* mobile */
@media (max-width: 768px) {
  .hero-panel.masthead.L1 {
    padding-top: 170px !important;
  }

  .hero-panel.masthead.L1::before {
    content: "This USDC market is frozen. No new loans are possible, and collateral withdrawals are currently unavailable. Do not deposit collateral unless needed for an existing loan.";
    top: 14px;
    left: 14px;
    right: 14px;

    min-height: 0;
    padding: 12px 14px;
    border-radius: 14px;
    font-size: 12px;
    line-height: 1.32;
  }
}

/* very small phones */
@media (max-width: 480px) {
  .hero-panel.masthead.L1 {
    padding-top: 160px !important;
  }

  .hero-panel.masthead.L1::before {
    min-height: 0;
    padding: 11px 12px;
    border-radius: 12px;
    font-size: 11px;
    line-height: 1.3;
  }
}