.mxt-btn{position:relative;overflow:hidden;isolation:isolate}.mxt{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border-radius:inherit}.mxt>*{position:absolute;opacity:0}.mxt__road{left:6%;right:6%;bottom:16%;height:2px;border-radius:2px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--mxt-ink, #fff) 70%,transparent) 0 8px,transparent 8px 14px);background-size:28px 2px}.mxt__box{left:50%;top:50%;width:16px;height:13px;margin:-7px 0 0 -8px;border-radius:2px;background:linear-gradient(#d3a46b,#b07a42);box-shadow:inset 0 -3px #0000002e}.mxt__box:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;background:#ffffff8c}.mxt__van{top:50%;left:-64px;width:56px;margin-top:-15px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.25))}.mxt__van svg{width:100%;height:auto;display:block}.mxt__ok{top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--mxt-ink, #fff);font-weight:700}.mxt__ok svg{width:20px;height:20px;flex:none}.mxt__ok b{font:inherit;white-space:nowrap}.mxt-btn.mxt-go,.mxt-btn.mxt-done{color:transparent!important}.mxt-btn.mxt-go>:not(.mxt),.mxt-btn.mxt-done>:not(.mxt){opacity:0;transition:opacity .15s}.mxt-btn.mxt-go .mxt__road{animation:mxtRoad 1.5s ease both,mxtDash .35s linear infinite}.mxt-btn.mxt-go .mxt__box{animation:mxtBox 1.5s cubic-bezier(.4,0,.2,1) both}.mxt-btn.mxt-go .mxt__van{animation:mxtVan 1.5s cubic-bezier(.55,0,.3,1) both}.mxt-btn.mxt-go .mxt__van .mxt__body{animation:mxtBump .18s ease-in-out infinite alternate}.mxt-btn.mxt-done .mxt__ok{opacity:1;animation:mxtOk .45s cubic-bezier(.2,1.4,.4,1) both}.mxt-btn.mxt-done .mxt__ok svg{stroke-dasharray:24;stroke-dashoffset:24;animation:mxtCheck .4s .1s ease forwards}.mxt-btn.mxt-err{animation:mxtShake .45s}@keyframes mxtRoad{0%{opacity:0}15%,85%{opacity:1}to{opacity:0}}@keyframes mxtDash{to{background-position:-28px 0}}@keyframes mxtBox{0%{opacity:0;transform:translateY(-160%) scale(.6) rotate(-12deg)}22%{opacity:1;transform:translateY(0) scale(1) rotate(0)}28%{transform:translateY(-14%) scale(1.05)}34%,50%{opacity:1;transform:none}56%{opacity:0;transform:translate(10px) scale(.4)}to{opacity:0}}@keyframes mxtVan{0%{opacity:1;left:-64px}42%,56%{left:calc(50% - 30px)}to{opacity:1;left:calc(100% + 12px)}}@keyframes mxtBump{to{transform:translateY(-2px)}}@keyframes mxtOk{0%{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:none}}@keyframes mxtCheck{to{stroke-dashoffset:0}}@keyframes mxtShake{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.mxt-btn:is(.quick-add,.kids__add) .mxt__van{width:34px;margin-top:-9px}.mxt-btn:is(.quick-add,.kids__add) .mxt__ok b{display:none}@media(prefers-reduced-motion:reduce){.mxt-btn.mxt-go .mxt__road,.mxt-btn.mxt-go .mxt__box,.mxt-btn.mxt-go .mxt__van,.mxt-btn.mxt-go .mxt__van .mxt__body{animation:none}.mxt-btn.mxt-go .mxt__box{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/mx-truck-btn.css.map */