/* L.O.S Marketplace profile backgrounds (App\Support\Marketplace\Backgrounds). Generated by `php artisan market:css`: do not edit. */
.los-pbg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; pointer-events: none; }
.los-pbg-scene { position: -webkit-sticky; position: sticky; top: 0; display: block; width: 100%; height: 100vh; max-height: 100%; overflow: hidden; }
.los-pbg-custom { background: #10151f center / cover no-repeat; }
.los-pbg::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, .18), transparent 140px); }
.los-has-pbg .los-breadcrumb { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 6px 12px; border-radius: 999px; background: rgba(10, 14, 24, .62); color: #f2f4f8; }
.los-has-pbg .los-breadcrumb a { color: #ffe08a; }
.los-bg-pv { position: relative; display: block; width: 100%; max-width: 220px; height: 96px; margin: 0 auto; border-radius: 10px; overflow: hidden; box-shadow: 0 0 0 1px rgba(0, 0, 0, .25); }
.bundle .row .los-bg-pv, .hshow .los-bg-pv { width: 92px; height: 44px; margin: 0; border-radius: 8px; }
[class*="pbg-m-"] { background-color: #111; background-repeat: no-repeat; background-position: center bottom; background-size: cover; }
[class*="pbg-m-"]::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; }
@keyframes pbg-fall { from { background-position: 0 0, 40px 0; } to { background-position: 60px 400px, 0 600px; } }
@keyframes pbg-rise { from { background-position: 0 0, 0 0; } to { background-position: 0 -400px, 30px -600px; } }
@keyframes pbg-twinkle { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }
@keyframes pbg-drift { from { background-position: 0 0; } to { background-position: -1200px 0; } }
@keyframes pbg-flicker { 0%, 100% { opacity: .55; } 45% { opacity: .9; } 50% { opacity: .4; } 55% { opacity: .85; } }
@keyframes pbg-float { 0%, 100% { background-position: 0 0, 0 0; } 50% { background-position: 30px -40px, -40px 30px; } }
@keyframes pbg-grid { from { background-position: 0 0; } to { background-position: 0 60px; } }
@media (prefers-reduced-motion: reduce) { [class*="pbg-m-"]::after { animation: none !important; } }