body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#275efe;--primary-light:#7699ff;--dark:#1c212e;--grey-dark:#3f4656;--grey:#6c7486;--grey-light:#cdd9ed;--white:#fff;--green:#16bf78;--sand:#dcb773;--sand-light:#edd9a9}.order-btn-container{display:flex;justify-content:center;margin-top:20px;width:100%}.order{-webkit-appearance:none;appearance:none;background:#1c212e;background:var(--dark);border:0;border-radius:32px;cursor:pointer;height:63px;outline:none;overflow:hidden;padding:0;position:relative;transition:transform .3s ease;width:240px}.order span{--o:1;color:#fff;color:var(--white);font-size:16px;font-weight:500;left:0;line-height:24px;opacity:var(--o);position:absolute;right:0;text-align:center;top:19px;transition:opacity .3s ease}.order span.success{--offset:16px;--o:0}.order span.success svg{fill:none;stroke:#16bf78;stroke:var(--green);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16px;stroke-dashoffset:var(--offset);display:inline-block;height:10px;margin:7px 0 0 4px;transition:stroke-dashoffset .3s ease;vertical-align:top;width:12px}.order:active{transform:scale(.96)}.order .lines{background:#fff;background:var(--white);border-radius:2px;box-shadow:15px 0 0 #fff,30px 0 0 #fff,45px 0 0 #fff,60px 0 0 #fff,75px 0 0 #fff,90px 0 0 #fff,105px 0 0 #fff,120px 0 0 #fff,135px 0 0 #fff,150px 0 0 #fff,165px 0 0 #fff,180px 0 0 #fff,195px 0 0 #fff,210px 0 0 #fff,225px 0 0 #fff,240px 0 0 #fff,255px 0 0 #fff,270px 0 0 #fff,285px 0 0 #fff,300px 0 0 #fff,315px 0 0 #fff,330px 0 0 #fff;box-shadow:15px 0 0 var(--white),30px 0 0 var(--white),45px 0 0 var(--white),60px 0 0 var(--white),75px 0 0 var(--white),90px 0 0 var(--white),105px 0 0 var(--white),120px 0 0 var(--white),135px 0 0 var(--white),150px 0 0 var(--white),165px 0 0 var(--white),180px 0 0 var(--white),195px 0 0 var(--white),210px 0 0 var(--white),225px 0 0 var(--white),240px 0 0 var(--white),255px 0 0 var(--white),270px 0 0 var(--white),285px 0 0 var(--white),300px 0 0 var(--white),315px 0 0 var(--white),330px 0 0 var(--white);height:3px;left:100%;opacity:0;position:absolute;top:30px;width:6px}.order .back,.order .box{--start:var(--white);--stop:var(--grey-light);background:linear-gradient(var(--start),var(--stop));border-radius:2px;position:absolute}.order .truck{height:41px;left:100%;position:absolute;top:11px;transform:translateX(24px);width:60px;z-index:1}.order .truck:after,.order .truck:before{--r:-90deg;background:#fff;background:var(--white);border-radius:1px;content:"";display:block;height:2px;position:absolute;right:58px;transform:rotate(var(--r));transform-origin:100% 50%;width:20px}.order .truck:before{top:4px}.order .truck:after{--r:90deg;bottom:4px}.order .truck .back{height:41px;left:0;top:0;width:60px;z-index:1}.order .truck .front{left:60px;overflow:hidden;width:26px}.order .truck .front,.order .truck .front:after{border-radius:2px 9px 9px 2px;height:41px;position:absolute}.order .truck .front:after{background:#275efe;background:var(--primary);content:"";display:block;right:0;width:24px}.order .truck .front .window{background:#7699ff;background:var(--primary-light);border-radius:2px 8px 8px 2px;height:41px;left:2px;overflow:hidden;position:absolute;top:0;transform:perspective(4px) rotateY(3deg);transform-origin:0 50%;width:22px;z-index:1}.order .truck .light{background:#f0dc5f;border-radius:2px;height:8px;left:83px;position:absolute;transform:scaleX(.8);transform-origin:100% 50%;width:3px}.order .truck .light.top{top:4px}.order .truck .light.bottom{bottom:4px}.order .truck .light:before{background:linear-gradient(90deg,#f0dc5f,#f0dc5fb3,#f0dc5f00);content:"";height:4px;left:3px;margin-top:-2px;opacity:0;position:absolute;top:50%;transform:perspective(2px) rotateY(-15deg) scaleX(.94);transform-origin:0 50%;width:7px}.order .box{--start:var(--sand-light);--stop:var(--sand);height:21px;right:100%;top:21px;width:21px}.order.animate .default{--o:0;transition-delay:0s}.order.animate .success{--offset:0;--o:1;transition-delay:7s}.order.animate .success svg{transition-delay:7.3s}.order.animate .truck{animation:truck 10s ease forwards}.order.animate .box{animation:box 10s ease forwards}.order.animate .lines{animation:lines 10s ease forwards}.order.animate .truck:before{animation:door1 2.4s ease .3s forwards}.order.animate .truck:after{animation:door2 2.4s ease .6s forwards}.order.animate .truck .light:before{animation:light 10s ease forwards}@keyframes truck{10%,30%{transform:translateX(-164px)}40%{transform:translateX(-104px)}60%{transform:translateX(-224px)}75%,to{transform:translateX(24px)}}@keyframes box{10%,8%{opacity:1;transform:translateX(40px)}25%{opacity:1;transform:translateX(112px)}26%{opacity:0;transform:translateX(112px)}27%,to{opacity:0;transform:translateX(0)}}@keyframes lines{0%,30%{opacity:0;transform:scaleY(.7) translateX(0)}35%,65%{opacity:1}70%{opacity:0}to{transform:scaleY(.7) translateX(-400px)}}@keyframes door1{30%,50%{transform:rotate(32deg)}}@keyframes door2{30%,50%{transform:rotate(-32deg)}}@keyframes light{0%,30%{opacity:0;transform:perspective(2px) rotateY(-15deg) scaleX(.88)}40%,to{opacity:1;transform:perspective(2px) rotateY(-15deg) scaleX(.94)}}
/*# sourceMappingURL=main.bd89b41b.css.map*/