.vbl{display:flex;flex-direction:column}.vbl__wrap{width:100%;container-type:inline-size}.vbl__bench{height:auto;aspect-ratio:560/620}@container (max-width:1179px){.vbl__grid{grid-template-columns:minmax(0,1fr) minmax(250px,320px)}.vbl__tray{grid-column:1/-1;order:3}.vbl__items{grid-template-columns:repeat(6,minmax(0,1fr))}}@container (max-width:699px){.vbl__grid{grid-template-columns:1fr;gap:14px}.vbl__bench{order:1;max-width:440px}.vbl__tray{order:2;padding:12px 10px}.vbl__ctrl{order:3;padding:16px}.vbl__items{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.vbl__item{padding:6px 2px 7px;font-size:11px}.vbl__item-img{height:46px}.vbl__item canvas{width:34px;height:46px}}.vbl__hw:before{content:"";position:absolute;left:50%;top:50%;width:max(100%,22px);height:max(100%,44px);transform:translate(-50%,-50%);border-radius:12px}.vbl__hw:active:after,.vbl__hw.is-pressed:after{box-shadow:0 0 0 2px #f0f4f7d9,0 0 16px #f0f4f7b3}.vbl__toast{position:absolute;left:50%;top:2%;z-index:6;max-width:88%;padding:9px 15px;border-radius:999px;background:#141517e0;border:1px solid rgba(235,240,244,.3);box-shadow:0 10px 28px #00000073;color:#eef1f3;font-size:13px;line-height:1.35;text-align:center;opacity:0;transform:translate(-50%,-8px);transition:opacity .25s ease,transform .25s ease;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.vbl__toast.is-on{opacity:1;transform:translate(-50%)}.vbl__toast small{display:block;font-size:11.5px;color:#aeb5bb;margin-top:2px}.vbl__foot{order:2;position:relative;z-index:1;width:100%;max-width:620px;margin:clamp(48px,6vw,84px) auto 0;padding:0 20px;text-align:center}.vbl__foot:before{content:"";display:block;width:140px;height:1px;margin:0 auto clamp(26px,3vw,36px);background:linear-gradient(90deg,#e4eaee00,#e4eaee80,#e4eaee00)}.vbl__foot-h{margin:0;font-size:clamp(21px,2vw,27px);line-height:1.2;font-weight:600;letter-spacing:-.02em;color:#f7f8f9}.vbl__foot-t{margin:9px auto 0;max-width:560px;text-wrap:balance;font-size:clamp(14.5px,1.1vw,16px);line-height:1.6;color:#b2b9bf}.vbl__foot-t strong,.vbl__foot-t b{color:#eef1f3;font-weight:600}.vbl__arrow{--spin:0deg;position:relative;display:flex;align-items:center;justify-content:center;width:70px;height:70px;margin:26px auto 0;border-radius:50%;color:#eef1f3;text-decoration:none;-webkit-tap-highlight-color:transparent}.vbl__arrow-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(228,234,238,.2);background:radial-gradient(circle at 50% 35%,#ffffff12,#ffffff04 70%);box-shadow:inset 0 1px #ffffff14;transition:border-color .3s ease,box-shadow .3s ease}.vbl__arrow-comet{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;transform:rotate(calc(var(--spin) * 1.6))}.vbl__arrow-comet span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,#fff0 0deg 200deg,#d6dce259 290deg,#fff 356deg,#fff0 358deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));animation:vblOrbit 7s linear infinite}.vbl__arrow-ping{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(232,238,243,.55);animation:vblPing 2.4s cubic-bezier(.2,.6,.3,1) infinite}.vbl__arrow-ico{position:relative;display:block;width:26px;height:37px;perspective:140px;animation:vblBob 2.4s ease-in-out infinite}.vbl__arrow-ico svg{display:block;width:100%;height:100%;transform:rotateY(var(--spin));filter:drop-shadow(0 0 6px rgba(235,240,245,.35))}.vbl__arrow:hover .vbl__arrow-ring,.vbl__arrow:focus-visible .vbl__arrow-ring{border-color:#ebf0f580;box-shadow:0 0 18px #ebf0f52e,inset 0 1px #ffffff1f}.vbl__arrow:focus-visible{outline:2px solid #e3e6e9;outline-offset:4px}@keyframes vblBob{0%,to{transform:translateY(-4px)}50%{transform:translateY(5px)}}@keyframes vblOrbit{to{transform:rotate(360deg)}}@keyframes vblPing{0%{transform:scale(.9);opacity:.6}80%,to{transform:scale(1.5);opacity:0}}@media(prefers-reduced-motion:reduce){.vbl__arrow-ico,.vbl__arrow-ping,.vbl__arrow-comet span{animation:none}.vbl__arrow-ping{display:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/viral-blend-lab-layout.css.map */