.gxd__track{position:relative;margin-block-start:20px}.gxd__track .gxd__steps{margin:0}.gxd__steps:before,.gxd__steps:after{inset-block-start:17px;block-size:2px}.gxd__icon{position:relative;display:grid;place-items:center;inline-size:36px;block-size:36px;margin-block-end:8px;border:1px solid var(--c-ink);border-radius:50%;overflow:hidden;background:var(--gxd-bg);color:var(--c-ink);box-shadow:0 0 0 6px var(--gxd-bg)}.gxd__step:last-child .gxd__icon{background:var(--gxd-bg);border-color:var(--gr-thread, var(--c-accent));overflow:visible}.gxd__icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--c-ink);transform-origin:50% 50%}.gxd__step:last-child .gxd__icon:before{background:var(--gr-thread, var(--c-accent))}.gxd__icon svg{position:relative;display:block;inline-size:18px;block-size:18px;color:var(--gr-cotton, var(--c-bg))}.gxd__run{position:absolute;inset-inline:calc(100% / 6);inset-block-start:7px;block-size:20px;container-type:inline-size;pointer-events:none;z-index:2}.gxd__truck{position:absolute;inset-inline-start:-14px;inset-block-start:0;display:grid;place-items:center;inline-size:28px;block-size:20px;border-radius:var(--r, 4px);background:var(--gxd-bg);color:var(--c-ink);opacity:0}.gxd__truck svg{display:block;inline-size:18px;block-size:18px}@media(prefers-reduced-motion:no-preference){.gxd__card[data-armed]:not(.is-live) .gxd__icon{transform:none;opacity:1}.gxd__card[data-armed]:not(.is-live) .gxd__icon:before{transform:scale(0)}.gxd__card[data-armed]:not(.is-live) .gxd__icon svg{color:var(--c-ink)}.gxd__card.is-live .gxd__steps:after{animation:gxp-fill 1.2s var(--gxp-ease) .15s both}.gxd__card.is-live .gxd__icon{animation:gxd-land .45s cubic-bezier(.34,1.4,.64,1) var(--gxd-d, 0s) both}.gxd__card.is-live .gxd__icon:before{animation:gxd-fill .35s var(--gxp-ease) var(--gxd-d, 0s) both}.gxd__card.is-live .gxd__icon svg{animation:gxd-ink .35s var(--gxp-ease) var(--gxd-d, 0s) both}.gxd__card.is-live .gxd__step:nth-child(1){--gxd-d: .1s}.gxd__card.is-live .gxd__step:nth-child(2){--gxd-d: .75s}.gxd__card.is-live .gxd__step:nth-child(3){--gxd-d: 1.35s}.gxd__card.is-live .gxd__truck{animation:gxd-drive 1.2s var(--gxp-ease) .15s both}.gxd__card.is-live .gxd__step:last-child .gxd__icon:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;border:2px solid var(--gr-thread, var(--c-accent));animation:gxd-ping .9s var(--gxp-ease) 1.6s both}.gxd__card.is-live [data-gxd-range]{animation:gxp-in .4s var(--gxp-ease) both}}@keyframes gxd-land{0%{transform:scale(.82)}to{transform:scale(1)}}@keyframes gxd-fill{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes gxd-ink{0%{color:var(--c-ink)}to{color:var(--gr-cotton, var(--c-bg))}}@keyframes gxd-drive{0%{transform:translate(0);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translate(100cqw);opacity:0}}@keyframes gxd-ping{0%{transform:scale(1);opacity:.7}to{transform:scale(1.7);opacity:0}}@media(max-width:380px){.gxd__icon{inline-size:32px;block-size:32px}.gxd__steps:before,.gxd__steps:after{inset-block-start:15px}.gxd__run{inset-block-start:5px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/gx-delivery.css.map */