.dp-delivery-preview{--dp-demo-duration:10s;position:relative;min-width:0;border-radius:22px;background:radial-gradient(ellipse at 60% 46%,#d8e7ce,transparent 68%),linear-gradient(130deg,#f0f5ea,#e6efdf);color:#183e30;container-type:inline-size}.dp-delivery-stage{display:flex;justify-content:center;align-items:center;height:280px;perspective:1000px;overflow:visible;border-radius:22px}.dp-delivery-scene{position:relative;flex:none;width:350px;height:350px;transform:scale(.72);transform-style:preserve-3d}.dp-bot-panel{position:absolute;inset:17px 40px 20px 12px;border:1px solid #fff;border-radius:23px;background:linear-gradient(125deg,#fff,#f4f6f0);box-shadow:-1px 1px #e6eade,-3px 3px #dbe1d3,-5px 5px #d1d9c7,-7px 7px #c4cebc,-16px 26px 22px -14px #2f482e40,inset 2px 2px 3px #fff;transform:rotateY(-12deg) rotateX(6deg) rotate(3deg);animation:dp-bot-float 7s ease-in-out infinite}.dp-bot-header{display:flex;gap:10px;align-items:center;padding:13px 18px 11px;border-bottom:1px solid #e1e8dc}.dp-bot-avatar{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:50%;color:white;background:linear-gradient(135deg,#34805b,#103d2c);box-shadow:inset 0 1px 2px #ffffff50,0 3px 0 #0d3328,0 6px 8px #133c2b24}.dp-bot-avatar svg{fill:#ffffff18}.dp-bot-name{display:flex;align-items:center;gap:7px;color:#18352b;font-size:14px;font-weight:700}.dp-bot-name>span{font-size:8px;font-weight:500;padding:2px 5px;border-radius:4px;color:#466b54;background:#e9efdf}.dp-bot-online{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:10px;color:#61816c}.dp-bot-online i,.dp-delivery-caption i{width:5px;height:5px;border-radius:50%;background:#379361}.dp-bot-chat{padding:12px 17px 0}.dp-demo-start{display:flex;align-items:center;justify-content:space-between;width:108px;padding:8px 13px;margin-left:auto;border-radius:11px 11px 3px 11px;color:#fff;background:linear-gradient(120deg,#2d7755,#1b543e);box-shadow:0 3px 0 #154830,0 5px 7px #1a402a16;font-size:12px;animation:dp-demo-start var(--dp-demo-duration) ease both infinite}.dp-demo-start svg{color:#b9d4be}.dp-demo-plans{margin-top:10px;animation:dp-demo-plans var(--dp-demo-duration) ease both infinite}.dp-demo-plans p{margin:0 0 8px;padding:8px 12px;border:1px solid white;border-radius:11px 11px 11px 3px;background:#fff;font-size:12px;box-shadow:0 2px 0 #dfe6d8,0 4px 7px #1a402a08}.dp-demo-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.dp-demo-options>span{display:flex;align-items:center;justify-content:center;gap:5px;min-height:36px;border:1px solid #e2e9dc;border-radius:9px;background:linear-gradient(#fff,#f3f6ee);font-size:10px;box-shadow:0 2px 0 #d7e0cf}.dp-demo-options svg{flex-shrink:0}.dp-demo-options .dp-demo-selected{animation:dp-demo-select var(--dp-demo-duration) ease both infinite}.dp-demo-payment,.dp-demo-selected>svg:last-child{animation:dp-demo-payment var(--dp-demo-duration) ease both infinite}.dp-demo-payment{display:flex;align-items:center;gap:8px;width:fit-content;margin-top:13px;padding:9px 12px;border:1px solid #fff;border-radius:11px;background:#fff;font-size:11px;box-shadow:0 2px 0 #dfe6d8}.dp-demo-payment>span{display:grid;place-items:center;width:22px;height:22px;color:#fff;background:#2d8856;border-radius:50%}.dp-demo-connector{display:flex;gap:5px;padding:12px 0 0 24px;animation:dp-demo-payment var(--dp-demo-duration) ease both infinite}.dp-demo-connector i{height:3px;width:3px;border-radius:50%;background:#78a281}.dp-bot-footer{position:absolute;bottom:12px;left:20px;display:flex;gap:5px;align-items:center;color:#7a897d;font-size:8px}.dp-delivery-plane{position:absolute;top:10px;right:-9px;width:83px;height:83px;transform:translateZ(55px) rotate(-8deg);filter:drop-shadow(-7px 18px 8px #234b3330);animation:dp-plane-float 6s ease-in-out infinite}.dp-delivery-plane svg{width:100%;height:100%}.dp-delivery-receipt{position:absolute;left:68px;right:-6px;bottom:-10px;display:flex;align-items:flex-start;gap:11px;padding:18px 14px 16px;border:1px solid #fff;border-radius:19px;background:linear-gradient(130deg,#fff,#f5f7ef);box-shadow:-2px 2px #e4e9dd,-4px 4px #d9e0d1,-6px 6px #c9d3c0,-10px 22px 19px -10px #29493240,inset 2px 2px 2px #fff;transform:translateZ(75px) rotateY(-8deg) rotate(-6deg);animation:dp-demo-delivery var(--dp-demo-duration) cubic-bezier(.2,.7,.3,1) both infinite}.dp-delivery-success{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid #66a882;border-radius:50%;color:white;background:linear-gradient(135deg,#58ab76,#186143);box-shadow:inset 0 2px 2px #ffffff66,0 3px 0 #1c5139,0 5px 8px #163e3124}.dp-delivery-receipt-copy{min-width:0;flex:1}.dp-delivery-receipt strong{color:#193c2d;font-size:15px;font-weight:700;letter-spacing:-.025em}.dp-delivery-receipt p{margin:4px 0 10px;font-size:10px;color:#738273}.dp-delivery-secure{display:flex;align-items:center;gap:4px;padding:6px;margin-left:-2px;border-radius:5px;background:#eaf0e5;font-size:7px;color:#526c57}.dp-delivery-secure svg{flex-shrink:0}.dp-delivery-dots{margin-left:auto;letter-spacing:1px}.dp-delivery-receipt-arrow{position:absolute;top:10px;right:11px;color:#74907a}.dp-delivery-caption{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:0 14px 4px;color:#62775e;font-size:9px}.dp-delivery-caption>span{display:flex;align-items:center;gap:6px}.dp-delivery-motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:56px;min-height:28px;padding:4px 8px;border:1px solid #d0ddc8;border-radius:8px;background:#f5f9ef;color:#46623f;font:inherit;cursor:pointer}.dp-delivery-motion-toggle:hover{background:#fff}.dp-delivery-motion-toggle:focus-visible{outline:2px solid #3e7853;outline-offset:3px}.dp-delivery-preview[data-paused=true] .dp-delivery-stage *{animation-play-state:paused}@keyframes dp-demo-start{0%,4%,to{opacity:0;transform:translateY(7px)}10%,92%{opacity:1;transform:translateY(0)}}@keyframes dp-demo-plans{0%,17%,to{opacity:0;transform:translateY(8px)}25%,92%{opacity:1;transform:translateY(0)}}@keyframes dp-demo-select{0%,30%,to{border-color:#e2e9dc;background:#f7f9f3}38%,92%{border-color:#89b893;background:#e3f0dd}}@keyframes dp-demo-payment{0%,42%,to{opacity:0;transform:translateY(7px)}50%,92%{opacity:1;transform:translateY(0)}}@keyframes dp-demo-delivery{0%,59%,to{opacity:0;transform:translate3d(0,16px,55px) rotateY(-8deg) rotate(-6deg) scale(.96)}69%,92%{opacity:1;transform:translateZ(75px) rotateY(-8deg) rotate(-6deg) scale(1)}}@keyframes dp-bot-float{0%,to{transform:rotateY(-12deg) rotateX(6deg) rotate(3deg) translateY(0)}50%{transform:rotateY(-8deg) rotateX(4deg) rotate(2deg) translateY(-5px)}}@keyframes dp-plane-float{0%,to{transform:translateZ(55px) rotate(-8deg)}50%{transform:translate3d(-3px,-9px,55px) rotate(-3deg)}}@container (max-width: 315px){.dp-delivery-scene{transform:scale(.66)}.dp-delivery-stage{height:260px}}@container (max-width: 265px){.dp-delivery-scene{transform:scale(.58)}.dp-delivery-stage{height:232px}}@media (prefers-reduced-motion:reduce){.dp-delivery-stage *{animation:none!important}.dp-demo-options .dp-demo-selected{border-color:#89b893;background:#e3f0dd}.dp-delivery-motion-toggle{display:none}}