.tb-hero{--tb-hero-max: 1152px;--tb-panel-w: 288px;--tb-brand: #6554ff;position:relative;background:radial-gradient(1100px 560px at 82% -12%,rgba(101,84,255,.22),transparent 62%),#15151c;color:#fff;padding-block-start:var(--tb-pad-start, 64px);padding-block-end:var(--tb-pad-end, 64px)}.tb-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.13) 1px,transparent 1.6px);background-size:22px 22px;-webkit-mask-image:radial-gradient(720px 520px at 74% 45%,rgba(0,0,0,.9),transparent 72%);mask-image:radial-gradient(720px 520px at 74% 45%,rgba(0,0,0,.9),transparent 72%)}.tb-hero [hidden]{display:none!important}.tb-hero__inner{position:relative;max-width:var(--tb-hero-max);margin-inline:auto;padding-inline:24px;display:grid;gap:48px;align-items:center}@media(min-width:990px){.tb-hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,480px)}}.tb-hero__heading{margin:0 0 16px;font-size:clamp(32px,4vw,52px);font-weight:700;letter-spacing:-.02em;line-height:1.05;color:#fff}.tb-hero__subheading{max-width:544px;font-size:17px;line-height:1.55;color:#ffffffb8}.tb-hero__subheading p{margin:0 0 .75em}.tb-hero__subheading p:last-child{margin-bottom:0}.tb-customizer{position:relative;width:100%;max-width:460px;margin-inline:auto}.tb-unit{position:relative;transition:transform .3s ease-out}@media(min-width:1280px){.tb-unit.is-open{transform:translate(min(0px,calc((100vw - var(--tb-hero-max)) / 2 - var(--tb-panel-w))))}}.tb-card{border-radius:16px;box-shadow:0 30px 60px -30px #000000b3}.tb-card-eyebrow{margin:0 0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:#fff6}.tb-card tuneboom-player{display:block;width:100%;min-height:242px}.tb-embed-note{margin:32px 0 0;text-align:center;font-size:12px;color:#ffffff73}.tb-pill-wrap{margin-top:32px;display:flex;justify-content:center}.tb-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#0b0b1280;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffd9;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}.tb-pill:hover{border-color:#fff6;color:#fff}.tb-pill.is-open{border-color:#6554ff99;background:#6554ff26;color:#fff}.tb-pill-dots{display:flex}.tb-pill-dots span{height:12px;width:12px;border-radius:999px;border:1px solid #0b0b12}.tb-pill-dots span+span{margin-left:-4px}.tb-pill-dots span:nth-child(1){background:#6554ff}.tb-pill-dots span:nth-child(2){background:#4ade9e}.tb-pill-dots span:nth-child(3){background:#e8590c}.tb-pill-chevron{height:14px;width:14px;transition:transform .2s}.tb-pill.is-open .tb-pill-chevron{transform:rotate(180deg)}@keyframes pc-enter{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pc-enter-side{0%{opacity:0;transform:translate(-10px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.pc-panel{animation:pc-enter .35s cubic-bezier(.22,1,.36,1) both}@media(min-width:1280px){.pc-panel{animation-name:pc-enter-side;transform-origin:left center}}.tb-panel{font-size:14px;--tb-panel-bg: #0b0b12;--tb-panel-border: rgba(255, 255, 255, .12);--tb-divider: rgba(255, 255, 255, .06);--tb-text: #ffffff;--tb-label: rgba(255, 255, 255, .7);--tb-faint: rgba(255, 255, 255, .35);--tb-subtle: rgba(255, 255, 255, .45);--tb-tab-on-bg: rgba(255, 255, 255, .08);--tb-tab-on-text: #ffffff;--tb-tab-off: rgba(255, 255, 255, .5);--tb-seg-border: rgba(255, 255, 255, .15);--tb-seg-on-bg: rgba(255, 255, 255, .1);--tb-scheme-off-border: rgba(255, 255, 255, .1);--tb-key-off-border: rgba(255, 255, 255, .1);--tb-key-off-text: rgba(255, 255, 255, .35);--tb-key-icon-on: #a89bff;--tb-footer-bg: rgba(255, 255, 255, .02);--tb-reset-border: rgba(255, 255, 255, .15);--tb-reset-text: rgba(255, 255, 255, .7);--tb-ring: #ffffff;position:relative;z-index:30;width:100%;margin-top:12px;overflow:hidden;border:1px solid var(--tb-panel-border);border-radius:16px;background:var(--tb-panel-bg);color:var(--tb-text);box-shadow:0 25px 50px -12px #00000080;text-align:left}.tb-panel[data-scheme=light]{--tb-panel-bg: #ffffff;--tb-panel-border: rgba(0, 0, 0, .08);--tb-divider: rgba(0, 0, 0, .06);--tb-text: #161619;--tb-label: rgba(0, 0, 0, .7);--tb-faint: rgba(0, 0, 0, .4);--tb-subtle: rgba(0, 0, 0, .5);--tb-tab-on-bg: rgba(0, 0, 0, .06);--tb-tab-on-text: #161619;--tb-tab-off: rgba(0, 0, 0, .5);--tb-seg-border: rgba(0, 0, 0, .15);--tb-seg-on-bg: rgba(0, 0, 0, .07);--tb-scheme-off-border: rgba(0, 0, 0, .1);--tb-key-off-border: rgba(0, 0, 0, .1);--tb-key-off-text: rgba(0, 0, 0, .35);--tb-key-icon-on: #6554ff;--tb-footer-bg: rgba(0, 0, 0, .02);--tb-reset-border: rgba(0, 0, 0, .15);--tb-reset-text: rgba(0, 0, 0, .7);--tb-ring: #0f0f14}@media(min-width:1280px){.tb-panel{position:absolute;top:0;left:100%;margin-top:0;margin-left:12px;width:var(--tb-panel-w)}}.tb-panel,.tb-panel *{transition-property:background-color,border-color,color,transform;transition-duration:.3s}.tb-panel button{font:inherit;background:none;border:none;color:inherit;cursor:pointer;padding:0}.tb-panel button:focus-visible,.tb-pill:focus-visible{outline:2px solid var(--tb-brand, #6554ff);outline-offset:2px}.tb-tabs{display:flex;gap:4px;border-bottom:1px solid var(--tb-divider);padding:6px 10px}.tb-panel .tb-tab{flex:1;border-radius:8px;padding:6px 8px;font-size:13px;font-weight:600;color:var(--tb-tab-off)}.tb-tab[aria-selected=true]{background:var(--tb-tab-on-bg);color:var(--tb-tab-on-text)}.tb-panel-body{padding:16px 14px}.tb-tab-pane{display:flex;flex-direction:column;gap:20px}.tb-label{margin:0;font-size:12px;font-weight:600;color:var(--tb-label)}.tb-faint{font-weight:400;color:var(--tb-faint)}.tb-hint{margin:6px 0 0;font-size:11.5px;color:var(--tb-faint)}.tb-seg{display:flex;overflow:hidden;margin-top:8px;border:1px solid var(--tb-seg-border);border-radius:8px;font-size:12px;font-weight:600}.tb-panel .tb-seg-btn{flex:1;padding:6px 8px;color:var(--tb-tab-off)}.tb-seg-btn.is-on{background:var(--tb-seg-on-bg);color:var(--tb-text)}.tb-scheme-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.tb-panel .tb-scheme-btn{overflow:hidden;border:1px solid var(--tb-scheme-off-border);border-radius:12px;padding-bottom:6px;text-align:center;font-size:12px;font-weight:600;text-transform:capitalize;color:var(--tb-tab-off)}.tb-scheme-btn.is-on{border-color:var(--tb-brand, #6554ff);color:var(--tb-text)}.tb-scheme-preview{display:flex;justify-content:center;padding:10px 6px;margin-bottom:6px}.tb-scheme-preview--dark{background:linear-gradient(135deg,#191921,#23232e)}.tb-scheme-preview--light{background:linear-gradient(135deg,#f4f2ee,#e8e4dc)}.tb-mini{display:flex;align-items:center;gap:6px;width:86%;border-radius:8px;padding:6px 8px;box-shadow:0 10px 15px -3px #00000040}.tb-scheme-preview--dark .tb-mini{background:#17171c}.tb-scheme-preview--light .tb-mini{background:#fff}.tb-mini-art{flex:none;height:16px;width:16px;border-radius:4px;background:linear-gradient(135deg,#6554ff,#c2255c)}.tb-mini-eq{display:flex;align-items:center;gap:2px;height:12px;flex:1}.tb-mini-eq span{flex:1;border-radius:999px}.tb-scheme-preview--dark .tb-mini-eq span{background:#f2f2f440}.tb-scheme-preview--light .tb-mini-eq span{background:#1616192e}.tb-mini-eq span:nth-child(1){height:9px;background:#6554ff}.tb-mini-eq span:nth-child(2){height:12px;background:#6554ff}.tb-mini-eq span:nth-child(3){height:6px}.tb-mini-eq span:nth-child(4){height:10px}.tb-mini-eq span:nth-child(5){height:7px}.tb-mini-dot{flex:none;height:14px;width:14px;border-radius:999px;background:#6554ff}.tb-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.tb-spectrum{animation:rise .25s ease-out both}.tb-panel .tb-swatch{height:24px;width:24px;flex:none;border:1px solid var(--tb-seg-border);transition:transform .15s}.tb-swatch:hover{transform:scale(1.1)}.tb-swatch--square{border-radius:8px}.tb-swatch--circle{border-radius:999px}.tb-swatch.is-active{box-shadow:0 0 0 2px var(--tb-panel-bg),0 0 0 4px var(--tb-ring)}.tb-key-group{margin-top:16px}.tb-key-group:first-child{margin-top:0}.tb-key-group-label{margin:0;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tb-faint)}.tb-key-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}.tb-panel .tb-key{display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--tb-key-off-border);border-radius:12px;padding:8px 2px;font-size:11px;font-weight:600;color:var(--tb-key-off-text)}.tb-key.is-on{border-color:#6554ff99;background:#6554ff1a;color:var(--tb-text)}.tb-key-icon{display:inline-flex}.tb-key-icon svg{height:16px;width:16px}.tb-key.is-on .tb-key-icon{color:var(--tb-key-icon-on)}.tb-footer{display:flex;align-items:center;gap:10px;border-top:1px solid var(--tb-divider);background:var(--tb-footer-bg);padding:10px 14px}.tb-status-dot{flex:none;height:6px;width:6px;border-radius:999px;background:#4ade9e}.tb-status-dot.is-dirty{background:#fbbf24}.tb-status-text{flex:1;font-size:12px;color:var(--tb-subtle)}.tb-panel .tb-reset{border:1px solid var(--tb-reset-border);border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600;color:var(--tb-reset-text)}.tb-reset:hover{color:var(--tb-text)}@media(prefers-reduced-motion:reduce){.tb-unit,.tb-panel,.tb-panel *,.tb-pill,.tb-pill-chevron,.tb-swatch{transition:none}.pc-panel,.tb-spectrum{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tuneboom-customizer.css.map */