.smoke-wrap--fluid canvas{filter:blur(10px)}.vibe-zone{position:relative;min-height:var(--vz-min-height, 90vh);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;background:#060610;color:#dcc8ffd9}.vz-bg{position:absolute;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:0}.vz-game{position:absolute;top:0;left:0;width:100%;height:100%;z-index:8;cursor:crosshair}.vz-game[hidden]{display:none}.vz-objects{position:relative;z-index:22;display:flex;justify-content:space-evenly;align-items:flex-start;gap:2rem;padding:1.5rem 6rem 2rem;width:100%;box-sizing:border-box}.vibe-zone.vz--game-mode .vz-objects{position:absolute;bottom:.5rem;left:0;right:0;padding:.5rem 2rem;z-index:12}.vibe-zone.vz--game-mode .vz-obj{transform:scale(.38)!important;transition:none!important;cursor:pointer}.vibe-zone.vz--game-mode .vz-obj__icon{width:60px;height:60px}.vibe-zone.vz--game-mode .vibe-zone__cta-wrap{display:none}.vz-obj{position:relative;display:flex;flex-direction:column;align-items:center;gap:.8rem;cursor:pointer;transform-origin:center bottom;transition:transform .12s ease-out;will-change:transform;-webkit-user-select:none;user-select:none;outline:none}.vz-obj:focus-visible .vz-obj__icon{box-shadow:0 0 0 2px #ffb45073,0 4px 20px #0006}.vz-obj__icon{width:100px;height:100px;padding:1rem;background:#ffffff08;border-radius:1.2rem;border:1px solid transparent;box-shadow:0 4px 20px #0006;transition:background .3s,border-color .3s,box-shadow .3s;display:flex;align-items:center;justify-content:center}.vz-obj svg{width:100%;height:100%;stroke:#b4a0f08c;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}.vz-obj__label{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#b4a0f073;transition:color .3s}.vz-obj:hover .vz-obj__icon{background:#ff821e0f;border-color:#ff8c2838;box-shadow:0 0 12px #ff821e33,0 4px 20px #0006}.vz-obj:hover svg{stroke:#c8afffcc}.vz-obj:hover .vz-obj__label{color:#c8afffb3}.vz-obj--active .vz-obj__icon{background:#ff821e1a;border-color:#ff8c2873;box-shadow:0 0 18px #ff821e59,0 0 50px #c8500a26,0 4px 20px #0006}.vz-obj--active svg{stroke:#ffb964e6}.vz-obj--active .vz-obj__label{color:#ffb964bf}.vibe-zone.vz--synth-open{justify-content:flex-start}.vibe-zone.vz--synth-open .vibe-zone__smoke{display:none}.vibe-zone.vz--synth-open .vz-synth-controls{flex:1;margin-top:.5rem}.vz-game-close{position:absolute;top:1rem;right:1.2rem;z-index:12;width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#140a1ecc;color:#dcc8ffd9;font-size:1.3rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;padding:0}.vz-game-close:hover{background:#ff3c3c4d;border-color:#ff646480}.vz-game-close[hidden]{display:none}.vk{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.vk__body{position:relative;width:var(--vk-size, 52px);height:var(--vk-size, 52px);border-radius:50%;cursor:ns-resize;user-select:none;-webkit-user-select:none;touch-action:none}.vk__body[data-zone=outer]{cursor:ew-resize}.vk__svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none;overflow:visible}.vk__track{stroke:#ffffff12;stroke-linecap:round;transform-origin:center;transform:rotate(135deg)}.vk__fill{stroke:var(--vk-color, #66ccff);stroke-linecap:round;transform-origin:center;transform:rotate(135deg);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--vk-color) 60%,transparent))}.vk__outer-ring{stroke:#ffffff14;stroke-width:1;pointer-events:none;transition:stroke .15s}.vk__body[data-zone=outer] .vk__outer-ring,.vk__body[data-zone=inner] .vk__outer-ring{stroke:color-mix(in srgb,var(--vk-color) 40%,transparent)}.vk__sep{stroke:#ffffff1f;stroke-width:1;stroke-dasharray:2 3;pointer-events:none;transition:stroke .15s}.vk__body[data-zone=inner] .vk__sep{stroke:#fff6;stroke-dasharray:none}.vk__body[data-zone=outer] .vk__sep{stroke:color-mix(in srgb,var(--vk-color) 70%,white);stroke-dasharray:none}.vk__inner{position:absolute;top:50%;left:50%;width:55%;height:55%;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 38% 32%,#322a1ef2,#140f08 65%);border:1.5px solid rgba(255,255,255,.12);box-shadow:0 2px 6px #0009,inset 0 1px #ffffff0f;overflow:hidden;pointer-events:none}.vk__body[data-zone=inner] .vk__inner{border-color:#ffffff38}.vk__body[data-zone=outer] .vk__inner{border-color:color-mix(in srgb,var(--vk-color) 50%,transparent)}.vk__indicator{pointer-events:none}.vk__labels{display:flex;gap:6px;align-items:center}.vk__lbl{font-size:.68rem;letter-spacing:.04em;white-space:nowrap;font-variant-numeric:tabular-nums}.vk__lbl--mix{color:var(--vk-color, #66ccff);opacity:.8}.vk__lbl--param{color:#ffffff61}.vz-synth-controls{position:relative;width:min(800px,96vw);margin:0 auto .5rem;z-index:20;display:flex;flex-direction:column;gap:.7rem}.vz-synth-controls[hidden]{display:none}.vzc-section-label{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:#c8b4ff61;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:.3rem}.vzc-row{display:flex;gap:.6rem;flex-wrap:nowrap}.vzc-slot{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.85rem .6rem .75rem;border:1px solid rgba(255,255,255,.05);border-radius:.9rem;background:#ffffff05;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.vzc-slot__head{display:flex;width:100%;align-items:center;gap:.35rem}.vzc-slot__label{font-size:.88rem;letter-spacing:.04em;text-transform:uppercase;color:#c8c3dc8c;flex:1;transition:color .2s}.vzc-slot__dot{width:9px;height:9px;flex-shrink:0;border-radius:50%;background:#ffffff1f;transition:background .2s,box-shadow .2s}.vzc-slot.vzc-on{background:color-mix(in srgb,var(--vzc-color) 10%,transparent);border-color:color-mix(in srgb,var(--vzc-color) 45%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--vzc-color) 28%,transparent)}.vzc-slot.vzc-on .vzc-slot__label{color:var(--vzc-color)}.vzc-slot.vzc-on .vzc-slot__dot{background:var(--vzc-color);box-shadow:0 0 5px var(--vzc-color)}.vzc-slot:not(.vzc-on) .vk__fill{stroke:#ffffff1a;filter:none}.vzc-slot:not(.vzc-on) .vk__indicator line{stroke:#ffffff2e!important;opacity:1!important}@media(max-width:600px){.vzc-row{flex-wrap:wrap}.vzc-slot{min-width:calc(50% - .3rem)}}.vzc-header{display:flex;align-items:center;gap:.4rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.07)}.vzc-header__title{flex:1;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:#c8b4ff73}.vzc-header__qr,.vzc-header__min{background:none;border:1px solid transparent;border-radius:6px;color:#c8b4ff73;cursor:pointer;padding:4px 10px;font-size:1rem;line-height:1.6;transition:color .15s,background .15s,border-color .15s}.vzc-header__qr:hover,.vzc-header__min:hover{color:#ffd28cd9;background:#ffffff0d;border-color:#ffffff1a}.vz-synth-controls.vzc-minimized>:not(.vzc-header){display:none!important}.vz-synth-controls.vzc-minimized{position:absolute;padding:.55rem .85rem;width:auto;min-width:0;top:auto;bottom:7rem;left:auto;right:1.2rem;transform:none;cursor:pointer;background:#00000014;border:1px solid rgba(255,255,255,.08);border-radius:1.2rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:vzc-float 3s ease-in-out infinite;box-shadow:0 6px 28px #000000b3,0 0 16px #ffb45024}.vz-synth-controls.vzc-minimized:hover{border-color:#ffb45052;box-shadow:0 8px 32px #000000bf,0 0 28px #ffb45061;animation-play-state:paused}@keyframes vzc-float{0%,to{transform:translateY(0);box-shadow:0 6px 28px #000000b3,0 0 14px #ffb4501f}50%{transform:translateY(-5px);box-shadow:0 12px 34px #000000b3,0 0 22px #ffb45042}}@keyframes vzc-expand{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.vzc-entering{animation:vzc-expand .35s ease-out both}.vzc-sine-wave{display:none;width:72px;height:14px;opacity:.65;flex-shrink:0}.vz-synth-controls.vzc-minimized .vzc-sine-wave{display:block}.vzc-trigram{display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;margin-top:2px}.vzc-trigram svg{display:block;opacity:.7;transition:opacity .2s}.vzc-slot.vzc-on .vzc-trigram svg{opacity:1}.vzc-trigram__label{font-size:.62rem;letter-spacing:.06em;text-transform:lowercase;color:#c8b4ff73;transition:color .2s}.vzc-slot.vzc-on .vzc-trigram__label{color:var(--vzc-color)}.vz-circle-viz{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);display:block;width:280px;height:280px;z-index:15;pointer-events:none;opacity:.09}.vz-circle-viz[hidden]{display:none}.vz-qr-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center}.vz-qr-modal[hidden]{display:none}.vz-qr-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000c7}.vz-qr-box{position:relative;background:#010206;border-radius:1.2rem;border:1px solid rgba(255,255,255,.1);padding:1.4rem 1.6rem 1.2rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;box-shadow:0 20px 60px #000000d9;min-width:220px}.vz-qr-canvas{border-radius:.6rem;display:block;max-width:100%}.vz-qr-close,.vz-qr-shake{position:absolute;top:.7rem;background:none;border:none;cursor:pointer;color:#c8b4ff8c;font-size:1.1rem;line-height:1;padding:4px 6px;border-radius:4px;transition:color .15s,background .15s}.vz-qr-close{right:.7rem}.vz-qr-shake{right:2.4rem;font-size:.85rem}.vz-qr-close:hover{color:#ff7864e6;background:#ff3c1e1a}.vz-qr-shake:hover{color:#ffd250e6;background:#ffc83214}.vz-qr-name{width:100%;box-sizing:border-box;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;padding:.45rem .75rem;font-size:1rem;font-family:var(--font-heading-family, inherit);font-style:var(--font-heading-style, normal);letter-spacing:.04em;color:#dcd2ffd9;outline:none;transition:border-color .15s}.vz-qr-name:focus{border-color:#b48cff66}.vz-qr-name::placeholder{color:#c8b4ff38}.vz-qr-actions{display:flex;gap:.5rem}.vz-qr-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:.4rem;padding:.45rem 1rem;color:#dccdffcc;cursor:pointer;font-size:.9rem;font-family:var(--font-heading-family, inherit);font-style:var(--font-heading-style, normal);letter-spacing:.06em;transition:background .15s,border-color .15s}.vz-qr-btn:hover{background:#b478ff26;border-color:#b478ff4d}.vz-boombox-panel{position:absolute;bottom:calc(100% + 1.2rem);left:50%;transform:translate(-50%);width:320px;background:#0e0a19f5;border-radius:1rem;border:1px solid rgba(255,140,40,.3);box-shadow:0 8px 32px #0009;overflow:hidden;z-index:20}.vz-boombox-panel[hidden],.vibe-zone__bg{display:none}.vibe-zone__header{position:relative;z-index:2;text-align:center;padding-top:6rem;padding-bottom:2rem}.vibe-zone__heading{font-size:clamp(2.4rem,6vw,5rem);letter-spacing:.04em;margin-bottom:1.2rem;line-height:1.1}.vibe-zone__subheading{font-size:clamp(1rem,2vw,1.3rem);opacity:.72;max-width:48ch;margin:0 auto;line-height:1.6}.vibe-zone__smoke{position:relative;z-index:3;width:100%}.vibe-zone__features{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.6rem;width:100%;padding:3rem 0}.vibe-zone__card{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:2.4rem 2rem;border:1px solid rgba(255,255,255,.1);border-radius:1.2rem;text-align:center;background:#ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .25s,background .25s}.vibe-zone__card:hover{border-color:#ffc87840;background:#ffffff12}.vibe-zone__card--soon{opacity:.7}.vibe-zone__card-icon{font-size:2.2rem;line-height:1}.vibe-zone__card-title{font-size:1.1rem;letter-spacing:.02em;margin:0}.vibe-zone__card-desc{font-size:.9rem;opacity:.65;margin:0;line-height:1.5}.vibe-zone__soon-badge{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.5;border:1px solid currentColor;border-radius:10rem;padding:.2em .8em}.vibe-zone__embed{position:relative;z-index:2;width:100%;padding:0 0 3rem}.vibe-zone__embed iframe{border-radius:1.2rem;display:block}.vibe-zone__cta-wrap{position:relative;z-index:2;padding:2rem 0 5rem}.vibe-zone__cta{display:inline-block;padding:1rem 2.8rem;border:none;border-radius:10rem;font-size:1rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:#ffc88cd9;background:#b450142e;box-shadow:0 0 14px #ff822838,inset 0 0 10px #c8500a14;transition:color .3s,background .3s,box-shadow .3s}.vibe-zone__cta:hover{color:#ffdca0;background:#c85a1447;box-shadow:0 0 22px #ff8c3280,inset 0 0 14px #c8500a26}@media screen and (max-width:749px){.vz-objects{padding:1.2rem 1rem 1.5rem;gap:1rem}.vz-obj__icon{width:72px;height:72px}.vibe-zone__header{padding-top:4rem}.vibe-zone__features{grid-template-columns:1fr 1fr;gap:1rem;padding:2rem 0}.vibe-zone__card{padding:1.6rem 1rem}}@media screen and (max-width:479px){.vibe-zone__features{grid-template-columns:1fr}}.vz-day-toggle{position:absolute;top:1.1rem;left:1.5rem;z-index:30;cursor:pointer;user-select:none;-webkit-user-select:none}.vz-day-toggle__track{width:74px;height:28px;border-radius:14px;background:#140a32d9;border:1.5px solid rgba(200,180,255,.45);position:relative;box-sizing:border-box;transition:background .5s,border-color .5s;box-shadow:0 0 0 1px #0006,inset 0 1px 4px #00000080}.vz-day-toggle__icon{position:absolute;top:50%;transform:translateY(-50%);font-size:.88rem;line-height:1;transition:opacity .4s;z-index:1;pointer-events:none}.vz-day-toggle__icon--moon{left:6px;opacity:1}.vz-day-toggle__icon--sun{right:6px;opacity:.4}.vz-day-toggle__knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#c8b4fff2;box-shadow:0 0 8px #b4a0ffd9,0 1px 3px #0009;transition:transform .45s cubic-bezier(.34,1.56,.64,1),background .5s,box-shadow .5s;z-index:2}.vz-day-toggle.is-day .vz-day-toggle__track{background:#ffc83c38;border-color:#ffbe2866}.vz-day-toggle.is-day .vz-day-toggle__knob{transform:translate(48px);background:#ffd73cf2;box-shadow:0 0 8px #ffd73cb3,0 0 18px #ff961459}.vz-day-toggle.is-day .vz-day-toggle__icon--moon{opacity:.4}.vz-day-toggle.is-day .vz-day-toggle__icon--sun{opacity:1}.vz-fullscreen-toggle{position:absolute;top:1.1rem;right:1.5rem;z-index:30;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#140a32d9;border:1.5px solid rgba(200,180,255,.45);color:#dccdffe6;cursor:pointer;box-shadow:0 0 0 1px #0006,inset 0 1px 4px #00000080;transition:background .3s,border-color .3s}.vz-fullscreen-toggle:hover{border-color:#c8b4ffcc}.vz-fullscreen-toggle[hidden]{display:none}.vz-fullscreen-toggle__icon{width:16px;height:16px}.vz-fullscreen-toggle__icon--exit,.vz-fullscreen-toggle.is-fullscreen .vz-fullscreen-toggle__icon--enter{display:none}.vz-fullscreen-toggle.is-fullscreen .vz-fullscreen-toggle__icon--exit{display:block}body.vz-day .vz-fullscreen-toggle{background:#ffc83c38;border-color:#ffbe2866;color:#3c280ae6}.vibe-zone.vz--game-mode .vz-fullscreen-toggle{display:none}body.vz-page.vz-day{background:#f2ede0!important;transition:background 1.4s ease}body.vz-page.vz-day .shopify-section-header,body.vz-page.vz-day .shopify-section-footer,body.vz-page.vz-day header,body.vz-page.vz-day footer{--color-background: 242, 237, 224;--color-foreground: 40, 28, 8;background:#f2ede0!important;border-color:#0000001a!important;transition:background 1.4s ease}body.vz-page.vz-day .header__heading-logo{filter:none;transition:filter .8s ease}body.vz-page .shopify-section-header,body.vz-page .shopify-section-footer,body.vz-page header,body.vz-page footer{transition:background 1.4s ease,border-color 1.4s ease}body.vz-page .header__heading-logo{transition:filter .8s ease}body.vz-day .vibe-zone{background:transparent;color:#32230ad9;transition:color .8s ease}body.vz-day .vibe-zone{--vz-day: 1}body.vz-day .vz-synth-controls{color:#281c08e6;transition:color .6s}body.vz-day .vzc-section-label{color:#785a1e80;border-color:#00000014}body.vz-day .vzc-slot{border-color:#00000012;background:#00000008}body.vz-day .vzc-slot.vzc-on{background:color-mix(in srgb,var(--vzc-color) 12%,white);border-color:color-mix(in srgb,var(--vzc-color) 50%,transparent)}body.vz-day .vzc-slot__label{color:#32230aa6}body.vz-day .vzc-slot__dot{background:#32230a2e}body.vz-day .vk__track{stroke:#32230a24}body.vz-day .vk__outer-ring{stroke:#32230a29}body.vz-day .vk__sep{stroke:#32230a38}body.vz-day .vk__lbl--param{color:#32230a80}body.vz-day .vzc-slot:not(.vzc-on) .vk__fill{stroke:#32230a2e}body.vz-day .vzc-slot:not(.vzc-on) .vk__indicator line{stroke:#32230a4d!important}body.vz-day .vzc-header__title,body.vz-day .vzc-header__qr,body.vz-day .vzc-header__min{color:#7850148c}body.vz-day .vz-obj__icon{background:#0000000a;border-color:#0000001a;box-shadow:0 4px 20px #0000001a}body.vz-day .vz-obj svg{stroke:#6446148c}body.vz-day .vz-obj__label{color:#6446148c}body.vz-day .vz-obj:hover .vz-obj__icon{background:#ffa01414;border-color:#ffa01440}body.vz-day .vz-obj--active .vz-obj__icon{background:#ffa01424;border-color:#ffa01480;box-shadow:0 0 18px #ffa0144d,0 4px 20px #0000001a}body.vz-day .vibe-zone__cta{color:#c87814e6;background:#ffb4281f;box-shadow:0 0 14px #ffa01426,inset 0 0 10px #ff960a0f}body.vz-day .vibe-zone__cta:hover{background:#ffb4283d;box-shadow:0 0 22px #ffa01466,inset 0 0 14px #ff960a1a}body.vz-day .vz-synth-controls.vzc-minimized{background:#fffaf059;border-color:#c8961e40;box-shadow:0 6px 28px #0000001f,0 0 16px #ffa01414}body.vz-day .vz-synth-controls.vzc-minimized:hover{border-color:#c8961e73;box-shadow:0 8px 32px #00000026,0 0 28px #ffa01438}.vz-theme-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;background:#fff0b400;transition:background .25s ease-out}.vz-theme-flash.vz-theme-flash--active{background:#fff0b48c}
/*# sourceMappingURL=/cdn/shop/t/40/assets/vibe-zone.css.map */