.xq-ambient{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:10px;width:360px;max-width:calc(100vw - 32px);padding:12px 16px 12px 10px;background:#171816a8;border:1px solid rgba(255,255,255,.18);border-radius:28px;color:var(--xq-text);box-shadow:inset 0 1px #ffffff21,inset 0 -1px #ffffff06,0 12px 40px #0000003d;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);font-family:var(--xq-sans);animation:xq-ambient-enter 2.6s cubic-bezier(.16,1,.3,1) .65s both}.xq-ambient audio{display:none}.xq-ambient-toggle{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.09);border-radius:50%;background:#ffffff0b;color:inherit;cursor:pointer;transition:background .6s,color .6s}.xq-ambient-toggle:hover{background:#ffffff1a;color:var(--xq-accent)}.xq-ambient-content{flex:1;min-width:0}.xq-ambient-caption{display:flex;flex-direction:column;gap:1px;font-size:12px;line-height:1.5}.xq-ambient-artist{color:var(--xq-muted)}.xq-ambient-status{font-size:10px;color:var(--xq-muted)}.xq-ambient-timeline{display:flex;align-items:center;gap:8px;height:26px}.xq-ambient-timeline time{font-size:9px;color:var(--xq-muted);font-variant-numeric:tabular-nums;min-width:25px}.xq-ambient-seek{appearance:none;-webkit-appearance:none;flex:1;min-width:0;width:100%;height:26px;margin:0;padding:0!important;border:0!important;background:transparent!important;cursor:pointer;touch-action:pan-y}.xq-ambient-seek::-webkit-slider-runnable-track{height:3px;border-radius:8px;background:linear-gradient(to right,var(--xq-accent) var(--xq-progress,0%),rgba(255,255,255,.18) var(--xq-progress,0%))}.xq-ambient-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--xq-text);margin-top:-3.5px;box-shadow:0 0 0 3px #ffffff14}.xq-ambient-seek::-moz-range-track{height:3px;border-radius:8px;background:#ffffff2e}.xq-ambient-seek::-moz-range-progress{height:3px;border-radius:8px;background:var(--xq-accent)}.xq-ambient-seek::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:var(--xq-text)}.xq-ambient-seek:disabled{opacity:.4;cursor:default}.xq-ambient-pause,.xq-ambient[data-state=playing] .xq-ambient-play,.xq-ambient[data-state=starting] .xq-ambient-play{display:none}.xq-ambient[data-state=playing] .xq-ambient-pause,.xq-ambient[data-state=starting] .xq-ambient-pause{display:block}.xq-ambient-indicator{display:flex;gap:3px;align-items:center;height:18px;flex-shrink:0}.xq-ambient-indicator i{display:block;width:2px;height:3px;background:var(--xq-muted);border-radius:2px}.xq-ambient[data-state=playing] .xq-ambient-indicator i{animation:xq-ambient-wave 1.8s ease-in-out infinite;background:var(--xq-accent)}.xq-ambient[data-state=playing] .xq-ambient-indicator i:nth-child(2){animation-delay:-.6s}.xq-ambient[data-state=playing] .xq-ambient-indicator i:nth-child(3){animation-delay:-1s}.xq-site .xq-footer{padding-bottom:140px}@keyframes xq-ambient-wave{0%,to{height:4px}50%{height:15px}}@keyframes xq-ambient-enter{0%{opacity:0;transform:translate(-50%,36px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:700px){.xq-ambient{bottom:calc(12px + env(safe-area-inset-bottom));width:340px;padding:10px 14px 10px 10px;gap:10px;border-radius:26px}.xq-ambient-caption{font-size:11px}.xq-site .xq-footer{padding-bottom:140px}}@media(prefers-reduced-motion:reduce){.xq-ambient,.xq-ambient-indicator i{animation:none!important}.xq-ambient[data-state=playing] .xq-ambient-indicator i{height:9px}.xq-ambient-toggle{transition:none}}@supports not (backdrop-filter:blur(1px)){.xq-ambient{background:#171816f0}}.xq-ambient-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.xq-ambient-top .xq-ambient-caption{min-width:0}.xq-ambient-volume{appearance:none;-webkit-appearance:none;flex:0 0 54px;width:54px;min-width:0;height:26px;margin:0;padding:0!important;border:0!important;background:transparent!important;cursor:pointer;touch-action:pan-y}.xq-ambient-volume::-webkit-slider-runnable-track{height:3px;border-radius:8px;background:linear-gradient(to right,var(--xq-accent) var(--xq-volume,100%),rgba(255,255,255,.18) var(--xq-volume,100%))}.xq-ambient-volume::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:8px;margin-top:-2.5px;border-radius:50%;background:var(--xq-text)}.xq-ambient-volume::-moz-range-track{height:3px;border-radius:8px;background:#ffffff2e}.xq-ambient-volume::-moz-range-progress{height:3px;background:var(--xq-accent);border-radius:8px}.xq-ambient-volume::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:var(--xq-text)}@media(max-width:360px){.xq-ambient-volume{flex-basis:40px;width:40px}.xq-ambient-top{gap:8px}.xq-ambient-caption{font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/xeqan-audio.css.map */