.chrisongs-nebula{position:relative;width:100%;--nebula-radius: 24px;--nebula-pad: 18px;--nebula-text: rgba(255, 255, 255, .92);--nebula-muted: rgba(255, 255, 255, .72);--nebula-stroke: rgba(255, 255, 255, .14);--nebula-glass: rgba(0, 0, 0, .55);--nebula-glass-2: rgba(255, 255, 255, .08)}.chrisongs-nebula *{box-sizing:border-box}.chrisongs-nebula__stage{position:relative;width:100%;min-height:70vh;border-radius:var(--nebula-radius);overflow:hidden;background:radial-gradient(80% 80% at 50% 18%,#ffffff1a,#000000f2),radial-gradient(50% 50% at 20% 80%,#788cff1a,#0000),radial-gradient(45% 45% at 80% 75%,#ff78c814,#0000)}.chrisongs-nebula__canvas{display:block;width:100%;height:100%}.chrisongs-nebula__ui{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--nebula-pad);display:flex;flex-direction:column;gap:12px;pointer-events:none}.chrisongs-nebula__title{color:var(--nebula-text);font-size:12px;letter-spacing:.14em;text-transform:uppercase;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.92}.chrisongs-nebula__grid{margin-top:auto;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;pointer-events:auto}@media(max-width:1200px){.chrisongs-nebula__grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:980px){.chrisongs-nebula__stage{min-height:72vh}.chrisongs-nebula__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:520px){.chrisongs-nebula{--nebula-pad: 12px;--nebula-radius: 18px}.chrisongs-nebula__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.chrisongs-nebula__btn{all:unset;display:block;cursor:pointer;border-radius:12px;overflow:hidden;outline:1px solid rgba(255,255,255,.12);background:#00000038;transform:translateZ(0);transition:transform .18s ease,outline-color .18s ease,background .18s ease}.chrisongs-nebula__btn:hover{transform:translateY(-2px);outline-color:#ffffff38;background:#ffffff0d}.chrisongs-nebula__btn:active{transform:translateY(0) scale(.99)}.chrisongs-nebula__btn:focus-visible{outline:2px solid rgba(255,255,255,.35);outline-offset:2px}.chrisongs-nebula__btn img{width:100%;height:auto;display:block}.chrisongs-nebula__card{pointer-events:auto;position:absolute;left:var(--nebula-pad);top:calc(var(--nebula-pad) + 32px);padding:12px;border-radius:16px;background:var(--nebula-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--nebula-text);max-width:320px;outline:1px solid rgba(255,255,255,.12);box-shadow:0 12px 36px #00000059}.chrisongs-nebula__cardTitle{font-size:16px;line-height:1.25;margin:0 0 10px;color:var(--nebula-text)}.chrisongs-nebula__cardActions{display:flex;gap:10px;align-items:center}.chrisongs-nebula__enter,.chrisongs-nebula__back{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 12px;font-size:13px;line-height:1;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;outline:1px solid var(--nebula-stroke);background:var(--nebula-glass-2);color:var(--nebula-text);transition:transform .16s ease,background .16s ease,outline-color .16s ease}.chrisongs-nebula__enter:hover,.chrisongs-nebula__back:hover{transform:translateY(-1px);background:#ffffff1f;outline-color:#ffffff38}.chrisongs-nebula__enter:active,.chrisongs-nebula__back:active{transform:translateY(0) scale(.99)}.chrisongs-nebula__back{border:none}@media(max-width:768px){.chrisongs-nebula__stage{min-height:78vh}.chrisongs-nebula__grid{display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:12px;padding:6px 6px 10px;scroll-snap-type:x mandatory}.chrisongs-nebula__btn{flex:0 0 auto;width:78px;border-radius:16px;scroll-snap-align:start}.chrisongs-nebula__btn img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.chrisongs-nebula__title{font-size:11px;letter-spacing:.12em;opacity:.85}.chrisongs-nebula__card{left:12px;right:12px;max-width:none;top:54px;border-radius:18px}.chrisongs-nebula__cardTitle{font-size:18px;margin-bottom:12px}.chrisongs-nebula__cardActions{gap:10px}.chrisongs-nebula__enter,.chrisongs-nebula__back{flex:1;padding:12px 0;font-size:14px}}@media(max-width:768px){.chrisongs-nebula__ui{padding-bottom:calc(120px + env(safe-area-inset-bottom))}.chrisongs-nebula__card{top:auto!important;left:12px;right:12px;bottom:calc(120px + env(safe-area-inset-bottom));max-width:none;padding:10px 12px;border-radius:16px;display:flex;align-items:center;gap:10px}.chrisongs-nebula__cardTitle{margin:0;font-size:14px;line-height:1.2;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chrisongs-nebula__cardActions{margin-left:auto;gap:8px;flex:0 0 auto}.chrisongs-nebula__enter,.chrisongs-nebula__back{padding:10px 12px;font-size:13px;flex:0 0 auto}}@media(max-width:768px){.chrisongs-nebula__card{pointer-events:none!important;top:auto!important;left:12px!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important}.chrisongs-nebula__cardActions,.chrisongs-nebula__enter,.chrisongs-nebula__back{pointer-events:auto!important}.chrisongs-nebula__grid{padding-bottom:calc(18px + env(safe-area-inset-bottom))!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/chrisongs-nebula.css.map */