@layer ldr-welcome-credit{
  html body[data-page="home"] #customer-wallet-modal .customer-welcome-credit-disclosure{
    margin:12px 0 2px;
  }
  html body[data-page="home"] #customer-wallet-modal .customer-welcome-credit-disclosure>summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:46px;
    padding:0 14px;
    border:1px solid rgba(255,211,75,.74);
    border-radius:12px;
    background:linear-gradient(145deg,rgba(66,39,4,.92),rgba(30,8,43,.96));
    color:#fff8d7;
    cursor:pointer;
    list-style:none;
    font-weight:900;
  }
  html body[data-page="home"] #customer-wallet-modal .customer-welcome-credit-disclosure>summary::-webkit-details-marker{display:none}
  html body[data-page="home"] #customer-wallet-modal .customer-welcome-credit-disclosure>summary small{
    color:#ffe080;
    font-size:10px;
    font-weight:800;
  }
  html body[data-page="home"] #customer-wallet-modal .customer-welcome-credit-disclosure>summary::after{
    content:'+';
    color:#66f5a7;
    font-size:22px;
    line-height:1;
  }
  html body[data-page="home"] #customer-wallet-modal .customer-welcome-credit-disclosure[open]>summary::after{content:'−'}
  html body[data-page="home"] #customer-wallet-modal .customer-welcome-credit-disclosure:not([open])>.customer-welcome-credit{display:none!important}
  html body[data-page="home"] #customer-wallet-modal .customer-welcome-credit{
    display:grid;
    gap:8px;
    margin:8px 0 0;
    padding:14px;
    border:1px solid rgba(255,211,75,.74);
    border-radius:14px;
    background:linear-gradient(145deg,rgba(66,39,4,.92),rgba(30,8,43,.96));
    box-shadow:inset 0 0 18px rgba(255,205,53,.09),0 0 13px rgba(255,205,53,.13);
  }
  html body[data-page="home"] #customer-wallet-modal .customer-welcome-credit[hidden]{display:none!important}
  html body[data-page="home"] #customer-wallet-modal .customer-welcome-credit-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }
  html body[data-page="home"] #customer-wallet-modal .customer-welcome-credit-heading div{display:grid;gap:2px}
  html body[data-page="home"] #customer-wallet-modal .customer-welcome-credit-heading small{
    color:#ffe080;
    font-size:10px;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  html body[data-page="home"] #customer-wallet-modal .customer-welcome-credit-heading h3{
    margin:0!important;
    color:#fff8d7!important;
    font-size:18px!important;
    line-height:1.15;
  }
  html body[data-page="home"] #customer-wallet-modal .customer-welcome-credit-heading>strong{
    color:#66f5a7;
    font-size:25px;
    font-weight:950;
    line-height:1;
    text-shadow:0 0 8px rgba(72,245,151,.35);
  }
  html body[data-page="home"] #customer-wallet-modal .customer-welcome-credit>p{
    margin:0;
    color:#f0e4c5;
    font-size:12px;
    font-weight:650;
    line-height:1.4;
  }
  html body[data-page="home"] #customer-wallet-modal .customer-welcome-credit>label{
    margin:2px 0 -3px;
    color:#fff4c0;
    font-size:11px;
    font-weight:850;
  }
  html body[data-page="home"] #customer-wallet-modal .customer-welcome-credit-controls{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
    align-items:stretch;
  }
  html body[data-page="home"] #customer-wallet-modal #customer-welcome-credit-code{
    min-width:0;
    width:100%;
    min-height:46px;
    margin:0;
    padding:0 13px;
    border:1px solid rgba(255,216,86,.82);
    border-radius:10px;
    outline:0;
    background:#1b0829;
    color:#fff;
    font:850 15px/1.2 Arial,sans-serif;
    letter-spacing:.05em;
    text-transform:uppercase;
    box-shadow:inset 0 0 10px rgba(255,207,62,.08);
  }
  html body[data-page="home"] #customer-wallet-modal #customer-welcome-credit-code::placeholder{
    color:#a994ac;
    font-weight:650;
    letter-spacing:0;
    text-transform:none;
  }
  html body[data-page="home"] #customer-wallet-modal #customer-welcome-credit-code:focus{
    border-color:#ffe26c;
    box-shadow:0 0 0 3px rgba(255,215,72,.17),inset 0 0 10px rgba(255,207,62,.1);
  }
  html body[data-page="home"] #customer-wallet-modal #customer-welcome-credit-claim{
    min-width:112px;
    min-height:46px;
    margin:0;
    padding:0 15px;
    border:1px solid #6dffc0;
    border-radius:10px;
    background:#078a4d;
    color:#fff;
    -webkit-text-fill-color:#fff;
    font-size:13px;
    box-shadow:0 0 9px rgba(65,242,155,.19);
  }
  html body[data-page="home"] #customer-wallet-modal #customer-welcome-credit-claim:disabled{
    cursor:default;
    border-color:#776e7c;
    background:#4b4350;
    color:#e6e0e8;
    -webkit-text-fill-color:#e6e0e8;
    box-shadow:none;
    opacity:1;
  }
  html body[data-page="home"] #customer-wallet-modal #customer-welcome-credit-message{
    min-height:0;
    margin:0;
    padding:0;
    font-size:11px;
    line-height:1.35;
  }
  html body[data-page="home"] #customer-wallet-modal #customer-welcome-credit-message:not(:empty){padding-top:2px}
  html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row[data-wallet-history-type="welcome"] .customer-wallet-history-type{
    border-color:rgba(255,219,91,.72);
    background:rgba(91,61,4,.76);
    color:#ffe783;
  }
  @media(max-width:420px){
    html body[data-page="home"] #customer-wallet-modal .customer-welcome-credit{padding:12px}
    html body[data-page="home"] #customer-wallet-modal .customer-welcome-credit-controls{grid-template-columns:minmax(0,1fr)}
    html body[data-page="home"] #customer-wallet-modal #customer-welcome-credit-claim{width:100%}
  }
}