.vp-db{--vp-db-h: 100px;position:fixed;inset:auto 0 0;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"count count" "lead button";gap:7px 16px;box-sizing:border-box;min-block-size:var(--vp-db-h);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));border-block-start:1px solid #2e2e2e;background:#000;box-shadow:0 -4px 20px #0000001a;color:#fff}body:has(.vp-db)>footer{padding-block-end:100px}body:has(.vp-db) .rp-micro-app-dummy-icon-container{translate:0 -100px}.vp-db__lead{grid-area:lead;display:flex;align-items:center;gap:20px;min-inline-size:0}.vp-db__lockup{display:none;align-items:center;gap:20px;margin:0}.vp-db__vyper svg{display:block;inline-size:79px;block-size:auto}.vp-db__rule{inline-size:1px;block-size:24px;background:currentColor}.vp-db__logo{display:block;inline-size:auto;block-size:24px}.vp-db__status,.vp-db__label{margin:0;font-family:Lab Grotesque Mono Bold,Lab Grotesque Mono,ui-monospace,monospace;font-weight:400;text-transform:uppercase}.vp-db__status{display:grid;gap:2px;font-size:12px;line-height:18px;white-space:nowrap;word-spacing:-2px}.vp-db__live{display:flex;align-items:center;gap:5px}.vp-db__live:before{content:"";flex:none;inline-size:10px;block-size:10px;border-radius:50%;background:#eb1d24}.vp-db__slash{display:none}.vp-db__end{display:contents}.vp-db__count{grid-area:count;display:flex;justify-content:space-between;align-items:center;gap:8px}.vp-db__unit{display:flex;align-items:center;gap:3px;box-sizing:border-box;block-size:28px;padding:5px 6px;border:1px solid transparent;border-radius:3px;background:linear-gradient(#2e2e2e,rgb(46 46 46 / 0) var(--vp-db-fade, 100%)) padding-box,linear-gradient(#565656,#56565600) border-box;box-shadow:0 0 20px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.vp-db--edge .vp-db__unit{position:relative;background:linear-gradient(#2e2e2e,rgb(46 46 46 / 0) var(--vp-db-fade, 100%)) padding-box}.vp-db--edge .vp-db__unit:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;padding:1px;border-radius:inherit;background:linear-gradient(#565656,#56565600);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.vp-db__digits,.vp-db__colon{font-family:ProximaNova-Extrabold,Proxima Nova Bold,sans-serif;font-weight:400;font-size:14px;line-height:16px;font-variant-numeric:tabular-nums}.vp-db__colon{color:#eb1d24}.vp-db__label{font-size:10px;line-height:16px}.vp-db__button{grid-area:button;display:flex;justify-content:space-between;align-items:center;gap:20px;box-sizing:border-box;inline-size:184px;block-size:44px;padding:0 12px;border-radius:5px;background:#eb1d24 linear-gradient(#fff,#fff) no-repeat 0 0 / 0 100%;font-family:ProximaNova-Extrabold,Proxima Nova Bold,sans-serif;font-weight:400;font-size:14px;line-height:20px;text-transform:uppercase;text-decoration:none;color:#fff;transition:background-size .3s ease,color .3s ease}.vp-db__button svg{flex:none;inline-size:6px;block-size:12px;fill:none;stroke:currentColor;stroke-width:2}.vp-db__button:focus-visible{outline:2px solid #fff;outline-offset:2px}.vp-db__button:active{background-color:#2e2e2e;background-size:0 100%;color:#fff}@media(hover:hover){.vp-db__button:hover:not(:active){background-size:100% 100%;color:#000}}@media(min-width:750px){.vp-db{--vp-db-h: 85px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px max(52px,(100% - 1336px) / 2) calc(15px + env(safe-area-inset-bottom,0px))}body:has(.vp-db)>footer{padding-block-end:85px}body:has(.vp-db) .rp-micro-app-dummy-icon-container{translate:0 -85px}.vp-db__end{display:flex;align-items:center;gap:20px}.vp-db__count{gap:5px}.vp-db__unit{flex-direction:column;justify-content:center;gap:0;inline-size:50px;block-size:54px;padding:2px 0;border-radius:5px}.vp-db__digits,.vp-db__colon{font-size:16px;line-height:18px}.vp-db__button{inline-size:206px;block-size:54px;padding:0 15px;font-size:16px;line-height:24px}}@media(min-width:1100px){.vp-db__lockup{display:flex}.vp-db__status{display:flex;align-items:center;gap:5px;font-size:14px;line-height:20px;word-spacing:normal}.vp-db__slash{display:inline}}@media(prefers-reduced-motion:reduce){.vp-db__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/200/assets/vp-drop-bar.css.map */
