:root{--credit-banner-bg: #ffffff;--credit-banner-accent: #dab28f;--credit-banner-text: #1a1a1a;--credit-banner-muted: #6b7280;--credit-banner-border: #e5e7eb;--credit-banner-shadow: 0 2px 12px rgba(0, 0, 0, .1)}.credit-banner{position:fixed;bottom:24px;right:24px;max-width:320px;width:calc(100vw - 48px);background:var(--credit-banner-bg);border:1px solid var(--credit-banner-border);border-radius:8px;padding:16px 20px;box-shadow:var(--credit-banner-shadow);z-index:99999;font-family:inherit;font-size:14px;color:var(--credit-banner-text);box-sizing:border-box;transform:translateY(calc(100% + 32px));opacity:0;transition:transform .3s ease-out,opacity .2s ease}.credit-banner.is-visible{transform:translateY(0);opacity:1}.credit-banner.is-hidden{opacity:0;pointer-events:none;transform:translateY(100%);transition:opacity .2s ease,transform .2s ease}.credit-banner__compact{display:flex;align-items:center;justify-content:space-between;gap:12px}.credit-banner__compact-content{flex:1;min-width:0}.credit-banner__amount{display:block;font-weight:600;font-size:15px;color:var(--credit-banner-accent);white-space:nowrap}.credit-banner__expires{display:block;font-size:12px;color:var(--credit-banner-muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.credit-banner__compact-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.credit-banner__info-btn,.credit-banner__dismiss-btn,.credit-banner__drawer-close{background:none;border:none;cursor:pointer;padding:4px 6px;line-height:1;color:var(--credit-banner-muted);font-size:16px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s ease,background .15s ease}.credit-banner__info-btn:hover,.credit-banner__dismiss-btn:hover,.credit-banner__drawer-close:hover{color:var(--credit-banner-text);background:#f3f4f6}.credit-banner__drawer{display:none}.credit-banner.is-expanded{padding:24px;max-width:360px}.credit-banner.is-expanded .credit-banner__compact{display:none}.credit-banner.is-expanded .credit-banner__drawer{display:block;animation:cbDrawerIn .25s ease-in-out both}@keyframes cbDrawerIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.credit-banner__drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.credit-banner__drawer-title{font-size:20px;font-weight:600;color:var(--credit-banner-accent);margin:0;line-height:1.2}.credit-banner__drawer-list{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:10px}.credit-banner__drawer-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;color:var(--credit-banner-text)}.credit-banner__check{color:var(--credit-banner-accent);flex-shrink:0;font-size:14px;margin-top:1px}.credit-banner__clock{flex-shrink:0;font-size:14px;margin-top:1px}.credit-banner__continue-btn{background:var(--credit-banner-accent);color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;width:100%;text-align:center;transition:opacity .15s ease}.credit-banner__continue-btn:hover{opacity:.88}@media(max-width:767px){.credit-banner{bottom:0;left:0;right:0;width:100%;max-width:100%;border-radius:12px 12px 0 0;padding:14px 18px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));border:none;border-top:2px solid var(--credit-banner-accent);transform:translateY(100%)}.credit-banner.is-visible{transform:translateY(0)}.credit-banner.is-hidden{transform:translateY(100%)}.credit-banner.is-expanded{padding:20px 18px 24px;max-width:100%}}@media(prefers-reduced-motion:reduce){.credit-banner,.credit-banner.is-hidden{transition:none}.credit-banner.is-expanded .credit-banner__drawer{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/credit-banner.css.map */