.costan-batch-status{--costan-batch-accent: var(--costan-accent, #c9ff36);width:100%;margin:18px 0 20px;padding:16px 0;border-top:1px solid rgba(var(--color-foreground),.12);border-bottom:1px solid rgba(var(--color-foreground),.12);color:rgb(var(--color-foreground))}.costan-batch-status[hidden]{display:none!important}.costan-batch-status,.costan-batch-status *,.costan-batch-status *:before,.costan-batch-status *:after{box-sizing:border-box}.costan-batch-status__head{display:grid;grid-template-columns:auto minmax(24px,1fr);align-items:center;gap:10px;margin-bottom:14px}.costan-batch-status__head span{color:var(--costan-batch-accent);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:10px;font-weight:850;line-height:1;letter-spacing:.16em;text-transform:uppercase}.costan-batch-status__head i{height:1px;display:block!important;visibility:visible!important;overflow:hidden;font-size:0;line-height:0;background:linear-gradient(90deg,rgba(201,255,54,.44),rgba(201,255,54,.12),transparent)}.costan-batch-status__main{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:16px}.costan-batch-status__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(201,255,54,.22);background:radial-gradient(circle at 50% 0%,rgba(201,255,54,.16),transparent 62%),rgba(var(--color-foreground),.035);color:var(--costan-batch-accent);box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.035),0 10px 24px #00000029}.costan-batch-status__icon svg{width:19px;height:19px;display:block}.costan-batch-status__copy{min-width:0}.costan-batch-status__copy p{margin:0;color:rgb(var(--color-foreground));font-size:14px;font-weight:560;line-height:1.25;letter-spacing:.01em}.costan-batch-status__copy small{display:block;margin-top:5px;color:rgba(var(--color-foreground),.56);font-size:11px;font-weight:480;line-height:1.25}.costan-batch-status__track-wrap{margin-left:54px}.costan-batch-status__track{position:relative;width:min(280px,100%);height:16px;display:block}.costan-batch-status__track:before{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:rgba(var(--color-foreground),.2)}.costan-batch-status__fill{position:absolute;left:0;top:7px;width:var(--costan-batch-progress);height:1px;display:block!important;visibility:visible!important;overflow:hidden;font-size:0;line-height:0;background:linear-gradient(90deg,#c9ff36b8,#c9ff364d);transition:width .3s ease}.costan-batch-status__pin{position:absolute;top:4px;width:7px;height:7px;display:block!important;visibility:visible!important;border-radius:999px;overflow:hidden;font-size:0;line-height:0;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.32)}.costan-batch-status__pin--start{left:0;border-color:var(--costan-batch-accent);background:rgb(var(--color-background));box-shadow:0 0 0 4px #c9ff3614}.costan-batch-status__pin--active{left:var(--costan-batch-progress);transform:translate(-50%);border-color:var(--costan-batch-accent);background:var(--costan-batch-accent);box-shadow:0 0 0 4px #c9ff361a;transition:left .3s ease}.costan-batch-status__pin--end{right:0;background:rgb(var(--color-background))}.costan-batch-status__note{display:flex;align-items:center;gap:8px;margin-top:4px;color:rgba(var(--color-foreground),.52)}.costan-batch-status__note i{width:14px;height:1px;display:block!important;visibility:visible!important;overflow:hidden;font-size:0;line-height:0;background:#c9ff3661}.costan-batch-status__note span{font-size:10px;font-weight:520;line-height:1.3}@media screen and (max-width:749px){.costan-batch-status{margin:16px 0 18px;padding:14px 0}.costan-batch-status__main{grid-template-columns:38px minmax(0,1fr);gap:10px}.costan-batch-status__icon{width:38px;height:38px}.costan-batch-status__icon svg{width:17px;height:17px}.costan-batch-status__copy p{font-size:13px}.costan-batch-status__copy small{font-size:10px}.costan-batch-status__track-wrap{margin-left:48px}.costan-batch-status__track{width:min(240px,100%)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/costan-batch-status.css.map */