.promotion-banner--default{--base-h: 220;--base-s: 9%;--base-l: 46%;background:#fff}.promotion-banner--success{--base-h: 142;--base-s: 76%;--base-l: 36%}.promotion-banner--warning{--base-h: 0;--base-s: 84%;--base-l: 60%}.promotion-banner--info{--base-h: 200;--base-s: 78%;--base-l: 31%}.promotion-banner{border-radius:1rem;padding:1rem 1.5rem;margin:1.5rem 0;position:relative;overflow:hidden;max-width:44rem;background:linear-gradient(135deg,hsl(var(--base-h),var(--base-s),85%),hsl(var(--base-h),var(--base-s),75%),hsl(var(--base-h),var(--base-s),65%));border:2px solid hsl(var(--base-h),var(--base-s),var(--base-l),.4);box-shadow:0 4px 8px hsl(var(--base-h),var(--base-s),var(--base-l),.25)}.promotion-banner__content{display:flex;align-items:flex-start;gap:1.5rem;position:relative;z-index:1}.promotion-banner__icon{flex-shrink:0;width:auto;height:auto;padding:1rem;background:#ffffff26;border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(255,255,255,.2)}.promotion-banner__icon svg{width:1.875rem;height:1.875rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.promotion-banner__text{flex:1;color:#fff;display:flex;flex-direction:column;gap:.8rem;align-self:center}.promotion-banner__title{font-size:1.75rem;font-weight:500;line-height:1.2;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.2);letter-spacing:-.02em;color:#fff}.promotion-banner__description{font-size:1.4rem;letter-spacing:normal;line-height:1.5;margin:0;opacity:.95;font-weight:500}.promotion-banner__countdown{display:flex;align-items:center;gap:.8rem;font-size:1.3rem;font-weight:500}.promotion-banner__countdown-label{opacity:.9}.promotion-banner__countdown-date{background:#fff3;padding:.4rem 1rem;border-radius:.6rem;font-weight:600;border:1px solid rgba(255,255,255,.3)}.promotion-banner__title{color:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 10%));text-shadow:0 1px 2px rgba(255,255,255,.5);font-weight:600}.promotion-banner__description{color:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 5%));text-shadow:0 1px 1px rgba(255,255,255,.4)}.promotion-banner__countdown-label{color:hsl(var(--base-h),var(--base-s),var(--base-l),.7)}.promotion-banner__icon{background:linear-gradient(135deg,hsl(var(--base-h),var(--base-s),calc(var(--base-l) + 10%)),hsl(var(--base-h),var(--base-s),var(--base-l)));color:#fff;border:2px solid hsl(var(--base-h),var(--base-s),calc(var(--base-l) + 15%));box-shadow:0 4px 12px hsl(var(--base-h),var(--base-s),var(--base-l),.3)}.promotion-banner__countdown-date{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);color:hsl(var(--base-h),var(--base-s),var(--base-l));border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 8px hsl(var(--base-h),var(--base-s),var(--base-l),.2)}@media screen and (max-width:749px){.promotion-banner{padding:1.5rem;margin:1rem 0;border-radius:1rem}.promotion-banner__content{gap:1.2rem}.promotion-banner__icon{width:3.2rem;height:3.2rem}.promotion-banner__icon svg{width:2rem;height:2rem}.promotion-banner__title{font-size:1.8rem;margin-bottom:.6rem}.promotion-banner__description{font-size:1.3rem;margin-bottom:1rem}.promotion-banner__countdown{font-size:1.2rem;gap:.6rem;flex-direction:column;align-items:flex-start}.promotion-banner__countdown-date{padding:.3rem .8rem}}@media screen and (max-width:480px){.promotion-banner{padding:1.2rem}.promotion-banner__content{flex-direction:column;gap:1rem;text-align:center}.promotion-banner__icon{align-self:center}.promotion-banner__countdown{justify-content:center;align-items:center}}@keyframes promotionSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.promotion-banner{animation:promotionSlideIn .6s ease-out}@media(prefers-color-scheme:dark){.promotion-banner{border:1px solid rgba(255,255,255,.15)}.promotion-banner__icon{background:#ffffff1a;border:1px solid rgba(255,255,255,.15)}.promotion-banner__countdown-date{background:#ffffff26;border:1px solid rgba(255,255,255,.25)}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-promotion-banner.css.map */