.cgb{position:relative;isolation:isolate;overflow:hidden;background:var(--secondary-background);border:1px solid var(--border-color);border-radius:4px;padding:14px 16px 16px;text-align:left;color:var(--text-color);font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));line-height:1.4}.cgb:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--accent-color),var(--primary-button-background) 55%,var(--header-accent-color));opacity:.9}.cgb--unlocked{border-color:rgba(var(--primary-button-background-rgb),.45);box-shadow:0 8px 24px rgba(var(--accent-color-rgb),.12)}.cgb--mini-cart{margin-bottom:16px}.cgb--cart{max-width:560px;margin:18px 0 0}.cgb__head{display:flex;align-items:center;gap:12px}.cgb__icon{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent-color),var(--primary-button-background) 60%,var(--header-accent-color));box-shadow:0 6px 14px rgba(var(--primary-button-background-rgb),.28)}.cgb__icon svg{width:18px;height:18px}.cgb--unlocked .cgb__icon{animation:cgb-pop .45s cubic-bezier(.34,1.4,.5,1) both}.cgb__text{flex:1;min-width:0;display:block}.cgb__title{display:block;color:var(--heading-color);font-weight:var(--text-font-bolder-weight)}.cgb__title strong{color:var(--primary-button-background);font-weight:var(--text-font-bolder-weight);font-variant-numeric:tabular-nums}.cgb__sub{display:block;margin-top:2px;font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px))}.cgb__amount{flex:none;align-self:flex-start;font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));font-weight:var(--text-font-bolder-weight);color:var(--heading-color);background:rgba(var(--border-color-rgb),.45);border-radius:100px;padding:4px 10px;font-variant-numeric:tabular-nums}.cgb__track-wrap{position:relative;margin-top:14px;padding-right:30px}.cgb__track{position:relative;height:10px;border-radius:100px;background:rgba(var(--border-color-rgb),.55);overflow:hidden}.cgb__fill{position:absolute;inset:0 auto 0 0;border-radius:100px;background:linear-gradient(90deg,var(--accent-color),var(--primary-button-background) 55%,var(--header-accent-color));box-shadow:0 0 12px #00badb73;animation:cgb-grow .7s cubic-bezier(.22,1,.36,1) both}.cgb__fill:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);opacity:0;animation:cgb-sweep .9s ease-out .5s both}.cgb__tick{position:absolute;top:0;bottom:0;width:2px;background:#ffffffd9;transform:translate(-1px)}.cgb__gift{position:absolute;right:0;top:50%;width:24px;height:24px;transform:translateY(-50%);border-radius:50%;display:grid;place-items:center;background:var(--secondary-background);border:2px solid var(--border-color);color:var(--text-color)}.cgb__gift svg{width:12px;height:12px}.cgb--unlocked .cgb__gift{background:linear-gradient(135deg,var(--primary-button-background),var(--header-accent-color));border-color:transparent;color:#fff;transform:translateY(-50%) scale(1.15)}.cgb--unlocked .cgb__gift:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid var(--header-accent-color);animation:cgb-ring .8s ease-out .6s both}.cgb__steps{position:relative;height:34px;margin-top:6px}.cgb__step{position:absolute;top:0;transform:translate(-50%);display:grid;justify-items:center;gap:3px;font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));line-height:1.2;white-space:nowrap}.cgb__dot{width:8px;height:8px;border-radius:50%;background:var(--secondary-background);border:2px solid var(--border-color)}.cgb__step-label{font-weight:var(--text-font-bolder-weight)}.cgb__step-amount{font-variant-numeric:tabular-nums}.cgb__step--done{color:var(--heading-color)}.cgb__step--done .cgb__dot{background:var(--primary-button-background);border-color:var(--primary-button-background)}.cgb__step--next .cgb__dot{border-color:var(--primary-button-background);transform:scale(1.25)}.cgb__step--next .cgb__step-label{color:var(--primary-button-background)}.cgb__note{display:flex;align-items:center;gap:8px;margin:12px 0 0;padding:8px 10px;border-radius:3px;background:linear-gradient(90deg,rgba(var(--primary-button-background-rgb),.1),#00badb1f);color:var(--heading-color);font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));font-weight:var(--text-font-bolder-weight)}.cgb__note svg{flex:none;width:14px;height:14px;color:var(--success-color)}.cgb__note a{margin-left:auto;color:var(--primary-button-background);white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.cgb__note a:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@keyframes cgb-grow{0%{width:0}}@keyframes cgb-sweep{0%{left:-40%;opacity:0}20%{opacity:1}to{left:110%;opacity:0}}@keyframes cgb-ring{0%{transform:scale(1);opacity:.9}to{transform:scale(2.2);opacity:0}}@keyframes cgb-pop{0%{transform:scale(.85)}to{transform:scale(1)}}@media screen and (max-width:640px){.cgb{padding:12px 14px 14px}.cgb__note a{margin-left:0;flex-basis:100%}.cgb__note{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.cgb__fill,.cgb__fill:after,.cgb--unlocked .cgb__gift:after,.cgb--unlocked .cgb__icon{animation:none}.cgb__fill:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/cloud-gift-bar.css.map */