.vgsb{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(260px,1fr);grid-template-areas:"id f" "chips chips";gap:12px 18px;align-items:center;padding:16px 18px;border-radius:22px;color:#f3e9dc;background:linear-gradient(145deg,#2c2621,#15110e 55%,#0c0a08);box-shadow:inset 2px 2px 1px #ffecbe33,inset 6px 8px 16px #ffffff0d,inset -6px -8px 14px #0009,inset 0 0 0 1px #e8c77a59,0 10px 26px -8px #0009,0 0 26px -8px #e8c77a47}.vgsb__shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(232,199,122,.18) 50%,transparent 62%);transform:translate(-100%);animation:vgsbsh 6s ease-in-out infinite}@keyframes vgsbsh{0%,65%{transform:translate(-100%)}to{transform:translate(100%)}}.vgsb__id{grid-area:id;display:flex;align-items:center;gap:12px}.vgsb__ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#4a423a,#1b1714 70%);box-shadow:inset 2px 2px 3px #ffecbe40,inset -3px -4px 6px #000000b3,0 4px 10px #00000080,0 0 0 1px #e8c77a73}.vgsb__ic svg{width:24px;height:24px;animation:vgsbtw 3s ease-in-out infinite}@keyframes vgsbtw{50%{transform:scale(1.12) rotate(8deg)}}.vgsb__t{display:flex;flex-direction:column;gap:2px}.vgsb__t b{font-size:15px;font-weight:700;white-space:nowrap}.vgsb__t em{font-style:normal;font-size:9px;letter-spacing:.14em;padding:2px 6px;margin-left:4px;border-radius:999px;color:#17120f;background:linear-gradient(135deg,#e8c77a,#b8955a);vertical-align:2px}.vgsb__t small{font-size:12px;color:#cdbb95;display:flex;align-items:center;gap:6px}.vgsb__dot{width:7px;height:7px;border-radius:50%;background:#3ddc84;box-shadow:0 0 #3ddc8499;animation:vgsbp 2s infinite}@keyframes vgsbp{70%{box-shadow:0 0 0 7px #3ddc8400}to{box-shadow:0 0 #3ddc8400}}.vgsb__f{grid-area:f;display:flex;gap:8px;padding:5px;border-radius:999px;background:#0b0907;box-shadow:inset 2px 3px 6px #000c,inset -1px -1px 2px #ffecbe1f,0 0 0 1px #e8c77a40}.vgsb__f input{flex:1;min-width:0;border:0;background:transparent;color:#f3e9dc;font:inherit;font-size:14px;padding:0 12px;outline:none}.vgsb__f input::placeholder{color:#a8977a}.vgsb__go{flex:0 0 auto;border:0;cursor:pointer;font:inherit;font-weight:700;font-size:14px;padding:10px 18px;border-radius:999px;color:#17120f;background:linear-gradient(135deg,#e8c77a,#b8955a);box-shadow:inset 1px 1px 1px #fff9,inset -2px -3px 5px #78551e66,0 4px 10px #0006;transition:transform .25s}.vgsb__go:hover{transform:translateY(-1px)}.vgsb__chips{grid-area:chips;display:flex;flex-wrap:wrap;gap:6px}.vgsb__chips button{font:inherit;font-size:12px;cursor:pointer;padding:6px 12px;border-radius:999px;color:#e8c77a;background:linear-gradient(145deg,#231e1a,#120f0d);border:0;box-shadow:inset 1px 1px 1px #ffecbe2e,inset -2px -2px 4px #00000080,0 0 0 1px #e8c77a4d;transition:transform .25s}.vgsb__chips button:hover{transform:translateY(-1px);box-shadow:inset 1px 1px 1px #ffecbe40,0 0 0 1px #e8c77a}@media(max-width:749px){.vgsb{grid-template-columns:1fr;grid-template-areas:"id" "f" "chips"}.vgsb__chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.vgsb__chips button{white-space:nowrap}}@media(prefers-reduced-motion:reduce){.vgsb__shine,.vgsb__ic svg,.vgsb__dot{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/vgx-vg-som-band-1.css.map */