@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Archivo:wght@400;500;600;700;800;900&display=swap";.hm-ap-section{--hm-violet: #7B5CF6;--hm-violet-700: #5E3FE0;--hm-violet-300: #B7A5FA;--hm-navy: #1E1B4B;--hm-navy-900: #14123A;--hm-navy-700: #2A2766;--hm-lavender: #EBEBF5;--hm-lavender-200: #F5F5FB;--hm-white: #FFFFFF;--hm-ink: #111827;--hm-ink-2: #4B5563;--hm-ink-3: #9CA3AF;--hm-gold: #F5A623;--hm-gold-700: #C7841A;--hm-success: #16A34A;--hm-error: #DC2626;--hm-border: #E5E7EB;--hm-border-dark: #2A2766;--bg-app: var(--hm-white);--bg-soft: var(--hm-lavender);--bg-softer: var(--hm-lavender-200);--bg-dark: var(--hm-navy);--bg-darker: var(--hm-navy-900);--fg-1: var(--hm-ink);--fg-2: var(--hm-ink-2);--fg-3: var(--hm-ink-3);--fg-on-dark-1: var(--hm-white);--fg-on-dark-2: #C9C7E0;--fg-accent: var(--hm-violet);--font-display: "Archivo", "Space Grotesk", system-ui, -apple-system, sans-serif;--font-body: "Space Grotesk", "Archivo", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--fs-display-xl: 96px;--fs-display-l: 72px;--fs-display-m: 56px;--fs-h1: 44px;--fs-h2: 32px;--fs-h3: 24px;--fs-h4: 20px;--fs-body-l: 18px;--fs-body: 16px;--fs-body-s: 14px;--fs-caption: 12px;--fs-overline: 11px;--lh-tight: 1.05;--lh-snug: 1.2;--lh-normal: 1.5;--lh-loose: 1.7;--ls-display: -.02em;--ls-overline: .14em;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--fw-black: 900;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--sp-10: 128px;--r-xs: 6px;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-xl: 32px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(17,24,39,.06), 0 1px 1px rgba(17,24,39,.04);--sh-2: 0 4px 12px rgba(17,24,39,.08), 0 2px 4px rgba(17,24,39,.04);--sh-3: 0 12px 32px rgba(17,24,39,.12), 0 4px 8px rgba(17,24,39,.06);--sh-violet: 0 12px 32px rgba(123,92,246,.32);--sh-navy: 0 12px 32px rgba(30,27,75,.3);--ease-standard: cubic-bezier(.2, .7, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--t-fast: .12s;--t-base: .2s;--t-slow: .32s}.t-display-xl,.t-display-l,.t-display-m,.t-h1,.t-h2,.t-h3,.t-h4{font-family:var(--font-display);letter-spacing:var(--ls-display);line-height:var(--lh-tight);text-wrap:balance}.t-display-xl{font-size:var(--fs-display-xl);font-weight:var(--fw-black)}.t-display-l{font-size:var(--fs-display-l);font-weight:var(--fw-black)}.t-display-m{font-size:var(--fs-display-m);font-weight:var(--fw-extrabold)}.t-h1{font-size:var(--fs-h1);font-weight:var(--fw-extrabold)}.t-h2{font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:var(--lh-snug)}.t-h3{font-size:var(--fs-h3);font-weight:var(--fw-bold);line-height:var(--lh-snug)}.t-h4{font-size:var(--fs-h4);font-weight:var(--fw-bold);line-height:var(--lh-snug)}.t-body-l{font-size:var(--fs-body-l);line-height:var(--lh-normal)}.t-body{font-size:var(--fs-body);line-height:var(--lh-normal)}.t-body-s{font-size:var(--fs-body-s);line-height:var(--lh-normal);color:var(--fg-2)}.t-overline{font-size:var(--fs-overline);font-weight:var(--fw-bold);letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--fg-2)}.t-accent{color:var(--fg-accent)}.surface-soft{background:var(--bg-soft);color:var(--fg-1)}.surface-dark{background:var(--bg-dark);color:var(--fg-on-dark-1)}.surface-darker{background:var(--bg-darker);color:var(--fg-on-dark-1)}.hm-player{position:relative;width:100%;height:100%;box-sizing:border-box;font-family:var(--font-body);color:var(--fg-on-dark-1);background:radial-gradient(120% 90% at 50% -10%,#2A2766 0%,var(--hm-navy) 42%,var(--hm-navy-900) 100%);overflow:hidden;isolation:isolate;-webkit-font-smoothing:antialiased;transition:background var(--t-slow) var(--ease-standard)}.hm-player.cold{background:radial-gradient(120% 90% at 50% -10%,#20223f,#14152b 46%,#0c0d1c)}.hm-player *{box-sizing:border-box}.hm-grain,.hm-halo-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hm-canvas{display:block;width:100%;height:100%}.hm-overline{display:inline-flex;align-items:center;gap:9px;font-size:var(--fs-overline);font-weight:var(--fw-bold);letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--hm-violet-300)}.hm-player.cold .hm-overline{color:#8a93c4}.hm-overline.light{color:#ffffffb3}.hm-mark{color:#fff}.hm-title{font-family:var(--font-display);font-weight:var(--fw-black);letter-spacing:var(--ls-display);line-height:var(--lh-tight);font-size:var(--fs-h1);margin:12px 0 0;text-wrap:balance}.hm-title.big{font-size:var(--fs-display-m);white-space:pre-line}.hm-ap-section .hm-player .hm-title{color:#ebebf5;transition:color var(--t-slow) var(--ease-standard)}.hm-ap-section .hm-player.cold .hm-title{color:#fff}.hm-ap-section .hm-player.halo{background:radial-gradient(70% 62% at 50% 40%,#1c1a44,#1c1a4400 66%)}.hm-ap-section .hm-player.halo.cold{background:radial-gradient(70% 62% at 50% 40%,#20223f,#20223f00 66%)}.hm-play{flex:0 0 auto;border:none;cursor:pointer;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform var(--t-base) var(--ease-standard),box-shadow var(--t-base),background var(--t-slow)}.hm-play.is-warm{background:linear-gradient(150deg,var(--hm-violet) 0%,#9a6df8 55%,var(--hm-gold) 140%);box-shadow:0 10px 30px #7b5cf673,inset 0 1px #ffffff59}.hm-play.is-cold{background:linear-gradient(150deg,#3b3f63,#2a2c47);box-shadow:0 8px 22px #0006,inset 0 1px #ffffff1f;color:#c7cbe6}.hm-play:hover{transform:translateY(-2px) scale(1.02)}.hm-play:active{transform:scale(.97)}.hm-play-ic{display:flex;align-items:center;justify-content:center}.hm-spin{width:60%;height:60%;border-radius:50%;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;display:inline-block;animation:hm-rot .7s linear infinite}@keyframes hm-rot{to{transform:rotate(360deg)}}.hm-prog-wrap{flex:1 1 auto;min-width:0}.hm-prog{position:relative;height:22px;display:flex;align-items:center;cursor:pointer;touch-action:none}.hm-prog:before{content:"";position:absolute;left:0;right:0;height:6px;border-radius:999px;background:#fff3}.hm-prog-fill{position:absolute;left:0;height:6px;border-radius:999px}.hm-prog.is-warm .hm-prog-fill{background:linear-gradient(90deg,var(--hm-violet),var(--hm-gold));box-shadow:0 0 12px #f5a62366}.hm-prog.is-cold .hm-prog-fill{background:linear-gradient(90deg,#8b93e6,#c3caf7);box-shadow:0 0 10px #96a0eb8c}.hm-prog-knob{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0006;transition:transform var(--t-fast)}.hm-prog.is-warm .hm-prog-knob{box-shadow:0 0 0 4px #f5a62340,0 2px 8px #0006}.hm-prog:hover .hm-prog-knob{transform:translate(-50%,-50%) scale(1.15)}.hm-time{display:flex;justify-content:space-between;margin-top:7px;font-family:var(--font-mono);font-size:var(--fs-caption);color:#ffffff8c;font-variant-numeric:tabular-nums}.hm-transport{display:flex;align-items:center;gap:18px}.hm-transport.center{gap:20px}.hm-ab{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hm-ab-glow{position:absolute;top:5px;bottom:5px;width:calc(50% - 6px);border-radius:999px;transition:left 60ms cubic-bezier(.3,.9,.3,1),background .2s var(--ease-standard);z-index:0}.hm-ab-glow.left{left:5px;background:linear-gradient(180deg,#3a3e62,#2c2f4d);box-shadow:inset 0 1px #ffffff1f}.hm-ab-glow.right{left:calc(50% + 1px);background:linear-gradient(150deg,var(--hm-violet),#9a6df8 60%,var(--hm-gold) 150%);box-shadow:0 8px 22px #7b5cf666}.hm-ab-btn{position:relative;z-index:1;border:none;background:transparent;cursor:pointer;border-radius:999px;padding:11px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;color:#ffffff8c;transition:color var(--t-base);font-family:inherit}.hm-ab-btn strong{font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:var(--fs-body-l);letter-spacing:-.01em}.hm-ab-btn em{font-style:normal;font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.hm-ab-btn.active,.hm-ab-btn.warm.active{color:#fff}.hm-ab-sm .hm-ab-btn{padding:8px 6px}.hm-ab-sm .hm-ab-btn strong{font-size:var(--fs-body)}.hm-ab-sm .hm-ab-btn em{font-size:8.5px}.hm-genres{display:flex;flex-wrap:wrap;gap:8px}.hm-genre{border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#ffffffb8;border-radius:999px;padding:8px 16px;font-family:inherit;font-size:var(--fs-body-s);font-weight:var(--fw-medium);cursor:pointer;transition:all var(--t-base) var(--ease-standard)}.hm-genre:hover{border-color:#ffffff4d;transform:translateY(-1px);color:#fff}.hm-genre.active{background:#fff;color:var(--hm-navy);border-color:#fff;font-weight:var(--fw-bold)}.hm-examples{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.hm-ex{border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:#fff9;border-radius:999px;padding:5px 13px;font-family:inherit;font-size:var(--fs-caption);font-weight:var(--fw-medium);cursor:pointer;transition:all var(--t-base) var(--ease-standard)}.hm-ex:hover{color:#fff;border-color:#ffffff47;transform:translateY(-1px)}.hm-ex.active{background:#7b5cf6eb;border-color:transparent;color:#fff;font-weight:var(--fw-bold)}.hm-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:16px 28px;font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:var(--fs-body);letter-spacing:-.01em;text-decoration:none;cursor:pointer;color:var(--hm-navy);background:linear-gradient(120deg,#fff,#f2efff);box-shadow:0 10px 30px #7b5cf64d,inset 0 0 0 1px #fff9;transition:transform var(--t-base) var(--ease-standard),box-shadow var(--t-base)}.hm-cta.block{width:100%}.hm-cta:hover{transform:translateY(-2px);box-shadow:0 16px 40px #7b5cf66b}.hm-cta:active{transform:scale(.985)}.hm-proof{display:flex;align-items:center;gap:14px;font-size:var(--fs-body-s);color:#ffffff80}.hm-proof strong{color:#ffffffd9;font-weight:var(--fw-bold)}.hm-proof.light{color:#fff9}.hm-proof-dots{position:relative;width:44px;height:18px;flex:0 0 auto}.hm-proof-dots span{position:absolute;top:0;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--hm-navy-900);background:linear-gradient(140deg,var(--hm-violet),var(--hm-gold))}.hm-player.chamber{padding:36px;display:flex;flex-direction:column;gap:22px}.hm-player.chamber .hm-head{position:relative;z-index:1}.hm-well{position:relative;z-index:1;flex:1 1 auto;min-height:150px;border-radius:var(--r-lg);background:linear-gradient(180deg,#ffffff0d,#ffffff03);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 2px 30px #00000073,inset 0 1px #ffffff14;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hm-tag{position:absolute;top:14px;left:14px;font-size:var(--fs-overline);font-weight:var(--fw-bold);letter-spacing:var(--ls-overline);text-transform:uppercase;padding:6px 12px;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--t-slow)}.hm-tag.warm{color:var(--hm-gold);background:#f5a6231f;border:1px solid rgba(245,166,35,.25)}.hm-tag.cold{color:#9aa2cf;background:#96a2c41a;border:1px solid rgba(150,162,196,.2)}.hm-player.chamber .hm-transport,.hm-player.chamber .hm-genres,.hm-player.chamber .hm-ab,.hm-player.chamber .hm-cta,.hm-player.chamber .hm-proof{position:relative;z-index:1}.hm-player.chamber.compact{padding:24px;gap:16px}.hm-player.chamber.compact .hm-title{font-size:var(--fs-h2)}.hm-player.compact .hm-well{min-height:120px}.hm-player.diptyque{padding:0;display:flex;flex-direction:column}.hm-dip-labels{display:grid;grid-template-columns:1fr 1fr;position:relative;z-index:2}.hm-dip-side{border:none;background:transparent;cursor:pointer;padding:30px 32px;display:flex;flex-direction:column;gap:4px;font-family:inherit;text-align:left;transition:opacity var(--t-base)}.hm-dip-side.right{align-items:flex-end;text-align:right}.hm-dip-side em{font-style:normal;font-size:var(--fs-overline);font-weight:var(--fw-bold);letter-spacing:var(--ls-overline);text-transform:uppercase}.hm-dip-side strong{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-h2);letter-spacing:var(--ls-display)}.hm-dip-side.left{color:#8a93c4}.hm-dip-side.left.on{color:#c2c8ec}.hm-dip-side.right{color:#7c6fd6}.hm-dip-side.right.on em{color:var(--hm-gold)}.hm-dip-side.right.on strong{color:#fff}.hm-dip-side:not(.on){opacity:.5}.hm-dip-stage{position:relative;flex:1 1 auto;min-height:200px;overflow:hidden}.hm-dip-seam{position:absolute;top:0;bottom:0;width:2px;transform:translate(-50%);cursor:ew-resize;touch-action:none;z-index:3;transition:left var(--t-slow) var(--ease-out)}.hm-dip-seam:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:2px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.4),transparent)}.hm-dip-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:26px;height:46px;border-radius:999px;background:#14122acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;gap:3px;box-shadow:0 4px 16px #0006}.hm-dip-grip i{width:2px;height:14px;border-radius:2px;background:#fff9}.hm-player.diptyque .hm-transport{padding:22px 32px 8px}.hm-dip-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 32px 16px;flex-wrap:wrap}.hm-player.diptyque .hm-proof{padding:0 32px 26px}.hm-player.diptyque.compact .hm-dip-side{padding:20px}.hm-player.diptyque.compact .hm-dip-side strong{font-size:var(--fs-h3)}.hm-player.diptyque.compact .hm-transport{padding:16px 20px 6px}.hm-player.diptyque.compact .hm-dip-foot{padding:4px 20px 14px;flex-direction:column;align-items:stretch}.hm-player.diptyque.compact .hm-dip-foot .hm-cta{width:100%}.hm-player.diptyque.compact .hm-proof{padding:0 20px 20px}.hm-player.halo{padding:34px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;background:radial-gradient(80% 60% at 50% 40%,#1c1a44,#0b0b1d 80%)}.hm-halo-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.9;pointer-events:none;background:radial-gradient(50% 40% at 50% 46%,rgba(123,92,246,.18),transparent 70%);transition:background var(--t-slow)}.hm-player.halo.warm .hm-halo-bg{background:radial-gradient(54% 44% at 50% 46%,rgba(245,166,35,.16),rgba(123,92,246,.16) 45%,transparent 72%)}.hm-halo-top{position:relative;z-index:1}.hm-halo-top .hm-title{white-space:pre-line;margin-top:10px;transition:opacity var(--t-base)}.hm-player.halo .hm-title.big{min-height:3.25em;display:flex;align-items:center;justify-content:center}.hm-player.halo.compact .hm-title.big{min-height:3.15em}.hm-orb{position:relative;z-index:1;flex:1 1 auto;width:100%;min-height:220px;display:flex;align-items:center;justify-content:center;cursor:pointer}.hm-orb .hm-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.hm-orb-play{position:relative;z-index:2;width:76px;height:76px;border-radius:999px;border:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--t-base) var(--ease-standard),background var(--t-slow),box-shadow var(--t-base)}.hm-orb-play span{width:30px;height:30px;display:flex;align-items:center;justify-content:center}.hm-orb-play.is-warm{background:radial-gradient(circle at 35% 30%,#ffffff40,#7b5cf68c);box-shadow:0 0 0 1px #ffffff40,0 0 50px #f5a62366}.hm-orb-play.is-cold{background:#282a4699;box-shadow:0 0 0 1px #ffffff24;color:#c7cbe6}.hm-orb-play:hover{transform:scale(1.06)}.hm-orb-play:active{transform:scale(.96)}.hm-halo-ctrl{position:relative;z-index:1;width:100%;max-width:420px;display:flex;flex-direction:column;gap:16px}.hm-halo-foot{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.hm-player.halo .hm-genres{justify-content:center}.hm-player.halo .hm-cta{margin-top:16px}.hm-player.halo .hm-proof{justify-content:center}.hm-player.halo.compact{padding:24px}.hm-player.halo.compact .hm-title.big{font-size:var(--fs-h1)}.hm-player.halo.compact .hm-orb{min-height:180px}
/*# sourceMappingURL=/cdn/shop/t/29/assets/hm-avant-apres-3.css.map */