:root{--bp-bg:var(--hbp-color-bg);--bp-bg2:var(--hbp-surface-1);--bp-text:var(--hbp-color-text);--bp-muted:rgba(var(--hbp-text-rgb),.56);--bp-soft:rgba(var(--hbp-text-rgb),.34);--bp-line:rgba(var(--hbp-contrast-rgb),.09);--bp-purple:var(--hbp-color-primary);--bp-purple2:var(--hbp-color-primary-2);--bp-green:#8cffd1;--bp-red:#ff6f9c;--bp-gold:#ffdf8c;--bp-header:92px;--bp-radius:24px;--bp-font:var(--bp-font-sans,Inter,ui-sans-serif,system-ui,sans-serif)}
*{box-sizing:border-box}html{color-scheme:var(--hbp-color-scheme)}body{margin:0;min-height:100vh;background:var(--bp-bg);color:var(--bp-text);font-family:var(--bp-font)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{display:block;max-width:100%}svg{overflow:visible}.bp-page{min-height:100vh;padding-top:var(--bp-header)}.bp-main{width:min(100% - 48px,1480px);margin:0 auto;padding:30px 0 74px}.bp-header{position:fixed;inset:0 0 auto;z-index:70;height:var(--bp-header);display:flex;align-items:center;justify-content:center;padding:14px clamp(14px,3vw,34px)}.bp-header__inner{width:min(100%,1520px);height:64px;display:grid;grid-template-columns:auto minmax(340px,1fr) minmax(280px,390px) auto;gap:18px;align-items:center;padding:0 14px 0 12px;border:1px solid rgba(var(--hbp-contrast-rgb),.10);border-radius:24px;background:linear-gradient(135deg,rgba(var(--hbp-contrast-rgb),.105),rgba(var(--hbp-contrast-rgb),.038)),rgba(var(--hbp-surface-rgb),.70);backdrop-filter:blur(20px) saturate(1.3);box-shadow:inset 0 1px 0 rgba(var(--hbp-contrast-rgb),.16),0 20px 70px rgba(0,0,0,.22)}.bp-logo{display:inline-flex;align-items:center;gap:11px}.bp-logo__mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(var(--hbp-contrast-rgb),.12);border-radius:15px;background:radial-gradient(circle at 70% 25%,rgba(205,180,255,.52),transparent 28%),radial-gradient(circle at 25% 75%,rgba(155,92,255,.46),transparent 34%),rgba(var(--hbp-contrast-rgb),.04);font-size:14px;font-weight:950;letter-spacing:-.06em}.bp-logo__mark .hbp-brand-logo{width:66%;height:78%}.bp-logo__text{display:inline-flex;gap:5px;font-size:24px;font-weight:950;letter-spacing:-.06em}.bp-logo__text strong{color:var(--bp-purple2)}.bp-header__nav{--bp-header-nav-accent:var(--hbp-color-primary-2);--bp-header-nav-rgb:205,180,255;justify-self:center;display:inline-flex;gap:3px;min-height:44px;padding:5px;border:0;border-radius:999px;background:linear-gradient(180deg,rgba(var(--hbp-contrast-rgb),.075),rgba(var(--hbp-contrast-rgb),.028))}.bp-header__nav a{min-height:34px;display:inline-flex;align-items:center;border-radius:999px;padding:0 12px;color:rgba(var(--hbp-text-rgb),.58);font-size:12.5px;font-weight:500;line-height:1;white-space:nowrap;transition:color .18s ease,background .18s ease}.bp-header__nav a:nth-child(1){--bp-header-nav-accent:#b58cff;--bp-header-nav-rgb:181,140,255}.bp-header__nav a:nth-child(2){--bp-header-nav-accent:#ff78ad;--bp-header-nav-rgb:255,120,173}.bp-header__nav a:nth-child(3){--bp-header-nav-accent:#64d7ff;--bp-header-nav-rgb:100,215,255}.bp-header__nav a:nth-child(4){--bp-header-nav-accent:#ff9a63;--bp-header-nav-rgb:255,154,99}.bp-header__nav a:nth-child(5){--bp-header-nav-accent:#62d8a5;--bp-header-nav-rgb:98,216,165}.bp-header__nav a:nth-child(6){--bp-header-nav-accent:#e4d06f;--bp-header-nav-rgb:228,208,111}.bp-header__nav a:hover,.bp-header__nav a:focus-visible{color:var(--bp-header-nav-accent);background:rgba(var(--bp-header-nav-rgb),.105);outline:0}.bp-header__nav a.is-active,.bp-header__nav a.current-menu-item,.bp-header__nav a.current_page_item,.bp-header__nav .current-menu-item>a,.bp-header__nav .current_page_item>a{color:var(--bp-header-nav-accent);background:transparent;outline:0}.bp-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}.bp-seller-link,.bp-gradient-btn,.bp-plain-btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--hbp-control-border);border-radius:12px;padding:0 15px;font-size:12.5px;font-weight:620;line-height:1;letter-spacing:-.005em;box-shadow:inset 0 1px 0 rgba(var(--hbp-contrast-rgb),.055),0 10px 24px rgba(0,0,0,.12);transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.bp-seller-link,.bp-gradient-btn{border-color:var(--hbp-control-accent-border);background:var(--hbp-control-accent-bg);color:var(--hbp-control-accent-text)}.bp-plain-btn{background:var(--hbp-control-bg);color:var(--hbp-control-text)}.bp-seller-link:hover,.bp-seller-link:focus-visible,.bp-gradient-btn:hover,.bp-gradient-btn:focus-visible{border-color:rgba(215,190,255,.38);background:var(--hbp-control-accent-hover);color:#f2eaff;transform:translateY(-1px);outline:0}.bp-plain-btn:hover,.bp-plain-btn:focus-visible{border-color:rgba(var(--hbp-contrast-rgb),.15);background:var(--hbp-control-bg-hover);color:var(--hbp-color-strong);transform:translateY(-1px);outline:0}.bp-header__icon{position:relative;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:999px;padding:0;appearance:none;background:rgba(var(--hbp-contrast-rgb),.035);color:rgba(var(--hbp-text-rgb),.76)}.bp-header__icon svg,.bp-icon-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bp-header__icon .hbp-icon{width:15px;height:15px}.bp-header__icon span{position:absolute;right:-3px;top:-3px;min-width:16px;height:16px;display:grid;place-items:center;border:1px solid rgba(8,8,12,.72);border-radius:999px;padding:0 4px;background:#fff;color:#101016;font-family:var(--bp-font);font-size:9.5px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 4px 11px rgba(0,0,0,.28)}.bp-user{position:relative}.bp-user__button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--bp-muted);padding:0}.bp-user__avatar{width:36px;height:36px;overflow:hidden;border-radius:999px;background:rgba(var(--hbp-contrast-rgb),.08)}.bp-user__avatar img{width:100%;height:100%;object-fit:cover}.bp-user__button>svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2}.bp-user__button>.hbp-icon{width:11px;height:11px}.bp-user.is-open 
.bp-section{margin-top:54px}.bp-section__head,.bp-page-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.bp-section__head{margin-bottom:24px}.bp-section__head h2,.bp-page-hero h1{margin:0;letter-spacing:-.07em}.bp-section__head h2{font-size:clamp(28px,3.6vw,48px)}.bp-section__head p,.bp-page-hero p:not(.bp-page-kicker){margin:8px 0 0;color:rgba(var(--hbp-text-rgb),.54);line-height:1.65;font-weight:400}.bp-page-hero{margin-bottom:32px;padding:32px;border:0;border-radius:26px;background:linear-gradient(180deg,rgba(var(--hbp-contrast-rgb),.05),rgba(var(--hbp-contrast-rgb),.018))}.bp-page-kicker{margin:0 0 12px;color:var(--bp-purple2);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.bp-page-hero h1{font-size:clamp(44px,7vw,86px);line-height:.9}.bp-actions,.bp-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.bp-glass-card,.bp-liquid-card,.bp-panel{border:0;border-radius:24px;background:linear-gradient(135deg,rgba(var(--hbp-contrast-rgb),.09),rgba(var(--hbp-contrast-rgb),.028)),rgba(var(--hbp-surface-rgb),.54);backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 18px 54px rgba(0,0,0,.16)}.bp-panel{padding:26px}.bp-panel h2{margin:0 0 18px;font-size:clamp(24px,3vw,34px);letter-spacing:-.06em}.bp-panel p{color:rgba(var(--hbp-text-rgb),.54);line-height:1.65}.bp-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.bp-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.42fr);gap:24px}.bp-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.bp-field{display:grid;gap:7px;min-width:0}.bp-field span{color:rgba(var(--hbp-text-rgb),.42);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bp-field input,.bp-field select,.bp-field textarea{width:100%;min-height:44px;border:1px solid rgba(var(--hbp-contrast-rgb),.08);border-radius:15px;background:rgba(var(--hbp-contrast-rgb),.045);color:var(--bp-text);padding:0 13px;outline:0}.bp-field textarea{min-height:120px;padding:14px;resize:vertical}.bp-field--wide{grid-column:1/-1}.bp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bp-choice{display:flex;gap:10px;align-items:center;padding:12px 0;color:var(--bp-muted);border-bottom:1px solid rgba(var(--hbp-contrast-rgb),.06)}
.bp-filter-bar{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(7,minmax(120px,1fr)) auto;gap:10px;align-items:end;margin-bottom:24px;padding:14px;border:0;border-radius:22px;background:rgba(var(--hbp-contrast-rgb),.025)}.bp-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 12px;border-bottom:1px solid rgba(var(--hbp-contrast-rgb),.075);color:var(--bp-muted);font-size:13px}.bp-list-toolbar strong{color:var(--bp-text)}.bp-product-list{display:grid}.bp-icon-btn{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--bp-muted);padding:0}.bp-icon-btn--cart{color:var(--bp-purple2)}.bp-icon-btn--favorite.is-active{color:var(--bp-red)}.bp-icon-btn--favorite.is-active svg{fill:currentColor}.bp-icon-btn.is-added{color:var(--bp-green)}.bp-empty{display:none;padding:32px 0;color:var(--bp-muted)}.bp-empty.is-visible{display:block}
.bp-grid-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,28px)}.bp-product-card__cover{position:relative;aspect-ratio:1/1;display:grid;overflow:hidden;border-radius:24px;margin-bottom:14px;background:var(--hbp-surface-2);isolation:isolate}.bp-product-card__image-link{position:absolute;inset:0;z-index:0;display:block;border-radius:inherit;overflow:hidden}.bp-product-card__cover img,.bp-product-card__cover .bp-product-card__image--fallback{width:100%;height:100%;object-fit:cover}.bp-card-play{position:absolute;left:14px;bottom:14px;z-index:3;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(var(--hbp-contrast-rgb),.26);border-radius:999px;padding:0;background:linear-gradient(145deg,rgba(var(--hbp-contrast-rgb),.24),rgba(var(--hbp-contrast-rgb),.07)),rgba(var(--hbp-bg-rgb),.66);color:var(--hbp-color-strong);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);box-shadow:inset 0 1px 0 rgba(var(--hbp-contrast-rgb),.28),0 8px 24px rgba(0,0,0,.38);transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.bp-card-play svg,.bp-card-play .hbp-icon{width:17px;height:17px;display:block;fill:currentColor;stroke:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.bp-card-play:hover,.bp-card-play:focus-visible{transform:translateY(-1px) scale(1.04);border-color:rgba(var(--hbp-contrast-rgb),.44);background:linear-gradient(145deg,rgba(var(--hbp-contrast-rgb),.34),rgba(177,128,255,.18)),rgba(var(--hbp-bg-rgb),.70);box-shadow:inset 0 1px 0 rgba(var(--hbp-contrast-rgb),.34),0 10px 28px rgba(0,0,0,.42),0 0 0 4px rgba(155,92,255,.14)}.bp-card-play.is-playing{background:linear-gradient(135deg,#efe2ff,var(--hbp-color-primary));border-color:rgba(var(--hbp-contrast-rgb),.54);color:#170c24}.bp-card-badge{position:absolute;right:13px;top:13px;z-index:2;min-height:25px;display:grid;place-items:center;border-radius:999px;padding:0 10px;background:var(--bp-green);color:#08120e;font-size:11px;font-weight:950;text-transform:uppercase}.bp-product-card h3{margin:0 0 8px;font-size:18px;letter-spacing:-.035em}.bp-product-card__meta{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:10px;color:rgba(var(--hbp-text-rgb),.30);font-size:12px}.bp-product-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 10px}.bp-product-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.bp-price strong{font-size:18px}.bp-card-actions{display:flex;gap:8px}
.bp-store-cover{position:relative;min-height:430px;overflow:hidden;margin-bottom:18px}.bp-store-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.06) contrast(1.06)}.bp-store-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,9,13,.92),rgba(9,9,13,.18))}.bp-store-cover__content{position:absolute;z-index:2;left:28px;right:28px;bottom:28px;display:flex;align-items:flex-end;gap:18px}.bp-store-avatar{width:92px;height:92px;flex:0 0 auto;overflow:hidden;border:2px solid rgba(var(--hbp-contrast-rgb),.18);border-radius:28px}.bp-store-avatar img{width:100%;height:100%;object-fit:cover}.bp-store-cover h1{margin:0;font-size:clamp(42px,7vw,84px);line-height:.9;letter-spacing:-.08em}.bp-store-cover p:not(.bp-page-kicker){max-width:620px;color:rgba(var(--hbp-text-rgb),.62)}.bp-store-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:34px}.bp-store-stats div{padding:18px;border:0;border-radius:18px;background:rgba(var(--hbp-contrast-rgb),.035)}.bp-store-stats strong{display:block;font-size:28px;letter-spacing:-.05em}.bp-store-stats span{color:rgba(var(--hbp-text-rgb),.42);font-size:12px}.bp-store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.bp-store-card{overflow:hidden}.bp-store-card__banner{height:150px;overflow:hidden;background:#111}.bp-store-card__banner img{width:100%;height:100%;object-fit:cover}.bp-store-card__body{display:flex;gap:14px;padding:18px}.bp-store-card__body>span{width:58px;height:58px;flex:0 0 auto;overflow:hidden;border-radius:18px}.bp-store-card__body img{width:100%;height:100%;object-fit:cover}.bp-store-card h3{margin:0;font-size:20px}.bp-store-card p{margin:5px 0;color:rgba(var(--hbp-text-rgb),.52);font-size:13px}.bp-store-card__meta{display:flex;flex-wrap:wrap;gap:8px;color:rgba(var(--hbp-text-rgb),.42);font-size:12px}.bp-store-card__actions{display:flex;align-items:center;justify-content:space-between;padding:0 18px 18px}.bp-stat-list,.bp-transaction-list{display:grid;gap:0}.bp-stat-list div,.bp-transaction-list div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(var(--hbp-contrast-rgb),.06)}.bp-stat-list div{grid-template-columns:minmax(0,1fr) auto}.bp-stat-list span,.bp-transaction-list span{color:var(--bp-muted);font-size:13px}.bp-transaction-list em{color:rgba(var(--hbp-text-rgb),.36);font-size:12px;font-style:normal}.bp-user-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.bp-user-tabs a{min-height:38px;display:inline-flex;align-items:center;border:0;border-radius:999px;padding:0 14px;color:rgba(var(--hbp-text-rgb),.62);background:rgba(var(--hbp-contrast-rgb),.03);font-size:13px}.bp-user-tabs a:hover{color:var(--hbp-color-strong)}
.bp-account-tabs{position:sticky;top:100px;z-index:10;width:max-content;max-width:100%;display:flex;gap:5px;margin:0 auto 24px;padding:7px;border:0;border-radius:999px;background:linear-gradient(135deg,rgba(var(--hbp-contrast-rgb),.12),rgba(var(--hbp-contrast-rgb),.04)),rgba(var(--hbp-surface-rgb),.68);backdrop-filter:blur(20px) saturate(1.25);box-shadow:0 16px 48px rgba(0,0,0,.18)}.bp-account-tabs a{min-height:38px;display:inline-flex;align-items:center;border-radius:999px;padding:0 15px;color:rgba(var(--hbp-text-rgb),.58);font-size:13px;font-weight:700}.bp-account-tabs a.is-active{color:var(--hbp-color-strong);background:rgba(var(--hbp-contrast-rgb),.095)}
.bp-image-slider{position:relative;min-height:clamp(410px,42vw,570px);overflow:hidden;border-radius:18px;margin-bottom:46px;background:#111}.bp-image-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .45s ease}.bp-image-slide.is-active{opacity:1;pointer-events:auto}.bp-image-slide__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bp-image-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,9,13,.94),rgba(9,9,13,.34) 56%,rgba(9,9,13,.78)),linear-gradient(0deg,rgba(9,9,13,.88),transparent 58%)}.bp-image-slide__content{position:relative;z-index:2;min-height:inherit;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(28px,5vw,58px);max-width:760px}.bp-image-slide__label{margin:0 0 12px;color:var(--bp-purple2);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.bp-image-slide h1{margin:0;font-size:clamp(48px,8vw,108px);line-height:.86;letter-spacing:-.08em}.bp-image-slide p{max-width:620px;margin:18px 0 0;color:rgba(var(--hbp-text-rgb),.54);line-height:1.72}.bp-image-slide__actions{display:flex;gap:12px;margin-top:28px}.bp-image-slider__controls{position:absolute;right:clamp(18px,3vw,36px);bottom:clamp(18px,3vw,36px);z-index:4;display:flex;align-items:center;gap:14px}.bp-round-btn{width:42px;height:42px;border:0;border-radius:999px;background:rgba(var(--hbp-contrast-rgb),.07);color:var(--hbp-color-strong);font-size:20px}.bp-slider-dots{display:flex;gap:8px}.bp-slider-dots button{width:8px;height:8px;border:0;border-radius:999px;background:rgba(var(--hbp-contrast-rgb),.28)}.bp-slider-dots button.is-active{width:24px;background:var(--bp-purple2)}.bp-mini-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px}.bp-genre-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.bp-genre-pill,.bp-mini-panel{border:0;border-radius:18px;background:linear-gradient(180deg,rgba(var(--hbp-contrast-rgb),.052),rgba(var(--hbp-contrast-rgb),.022));padding:20px}.bp-producer-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.bp-producer-card{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(var(--hbp-contrast-rgb),.06)}.bp-producer-card__avatar{width:54px;height:54px;overflow:hidden;border-radius:16px}.bp-producer-card__avatar img{width:100%;height:100%;object-fit:cover}.bp-list-products{display:grid}.bp-list-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(var(--hbp-contrast-rgb),.052)}.bp-list-row__cover{position:relative;width:48px;height:48px;overflow:hidden;border-radius:11px}.bp-list-row__cover img{width:100%;height:100%;object-fit:cover}.bp-list-row__play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:22px;height:22px;border:0;border-radius:999px;background:rgba(var(--hbp-bg-rgb),.72);color:var(--hbp-color-strong);font-size:10px}

@media(max-width:1420px) and (min-width:1181px){.bp-header{padding-inline:14px}.bp-header__inner{grid-template-columns:auto minmax(420px,1fr) minmax(230px,320px) auto;gap:10px}.bp-logo__text{font-size:21px}.bp-header__nav{padding:4px}.bp-header__nav a{padding:0 9px;font-size:11.5px}.bp-header__actions{gap:8px}.bp-header__icon{width:36px;height:36px}.bp-user__avatar{width:34px;height:34px}}
@media(max-width:1180px){.bp-header__inner{grid-template-columns:auto minmax(260px,1fr) auto}.bp-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.bp-grid-products,.bp-store-grid,.bp-dashboard-grid,.bp-producer-row{grid-template-columns:repeat(2,minmax(0,1fr))}.bp-two-col,.bp-mini-panels{grid-template-columns:1fr}}
@media(max-width:760px){:root{--bp-header:78px}.bp-main{width:min(100% - 28px,1480px);padding-top:20px}.bp-header{height:var(--bp-header);padding:10px 12px}.bp-header__inner{height:56px;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;border-radius:20px}.bp-logo__mark{width:38px;height:38px}.bp-logo__text{font-size:19px}.bp-page-hero,.bp-section__head,.bp-store-cover__content{align-items:flex-start;flex-direction:column}.bp-filter-bar,.bp-grid-products,.bp-store-grid,.bp-dashboard-grid,.bp-producer-row,.bp-genre-strip,.bp-form-grid,.bp-store-stats{grid-template-columns:1fr}.bp-store-cover{min-height:520px}}


.bp-user-tabs{
  width:max-content;
  max-width:100%;
  margin:0 auto 26px;
  padding:7px;
  display:flex;
  gap:6px;
  border:1px solid rgba(var(--hbp-contrast-rgb),.11);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(var(--hbp-contrast-rgb),.12),rgba(var(--hbp-contrast-rgb),.035)),rgba(var(--hbp-surface-rgb),.62);
  backdrop-filter:blur(20px) saturate(1.3);
  box-shadow:inset 0 1px 0 rgba(var(--hbp-contrast-rgb),.15),0 18px 58px rgba(0,0,0,.20);
}
.bp-user-tabs a{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:0 16px;
  color:rgba(var(--hbp-text-rgb),.58);
  font-size:13px;
  font-weight:760;
}
.bp-user-tabs a.is-active{color:var(--hbp-color-strong);background:rgba(var(--hbp-contrast-rgb),.09)}
.bp-account-hero{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  gap:20px;
  align-items:center;
  padding:24px;
  margin-bottom:20px;
  border-radius:28px;
}
.bp-account-hero h1,
.bp-profile h1,
.bp-seller-onboard-hero h1,
.bp-auth-brand h1{
  margin:0;
  font-size:clamp(42px,6vw,78px);
  line-height:.92;
  letter-spacing:-.075em;
}
.bp-account-hero p:not(.bp-page-kicker),
.bp-profile p,
.bp-seller-onboard-hero p,
.bp-auth-card p,
.bp-auth-brand p:not(.bp-page-kicker){
  color:rgba(var(--hbp-text-rgb),.54);
  line-height:1.6;
}
.bp-account-avatar{
  width:72px;
  height:72px;
  overflow:hidden;
  border-radius:22px;
  background:rgba(var(--hbp-contrast-rgb),.06);
  box-shadow:0 18px 48px rgba(0,0,0,.20);
}
.bp-account-avatar img{width:100%;height:100%;object-fit:cover}
.bp-account-avatar--large{width:112px;height:112px;border-radius:32px}
.bp-downloads{display:grid;gap:0}
.bp-download-row{
  min-height:76px;
  display:grid;
  grid-template-columns:54px minmax(0,1fr) 150px auto;
  gap:14px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid rgba(var(--hbp-contrast-rgb),.065);
}
.bp-download-row:last-child{border-bottom:0}
.bp-download-cover{
  width:54px;height:54px;overflow:hidden;border-radius:15px;background:var(--hbp-surface-2);
}
.bp-download-cover img{width:100%;height:100%;object-fit:cover}
.bp-download-main{min-width:0;display:grid;gap:4px}
.bp-download-main strong{font-size:16px;letter-spacing:-.025em}
.bp-download-main span,.bp-download-meta small{color:rgba(var(--hbp-text-rgb),.44);font-size:12px}
.bp-download-meta{display:grid;gap:2px;text-align:right}
.bp-download-meta span{color:var(--bp-purple2);font-weight:900}
.bp-download-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.bp-download-actions .bp-gradient-btn{min-height:38px;padding:0 16px}
.bp-info-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:22px;
}
.bp-info-grid article{
  padding:20px;
  border-radius:22px;
  display:grid;
  gap:7px;
}
.bp-info-grid strong{font-size:16px}
.bp-info-grid span{color:rgba(var(--hbp-text-rgb),.48);font-size:13px;line-height:1.55}
.bp-order-list{display:grid;gap:14px}
.bp-order-card{
  min-height:118px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:22px;
  border-radius:26px;
}
.bp-order-card strong{display:block;font-size:20px;letter-spacing:-.04em}
.bp-order-card p{margin:8px 0 0;color:rgba(var(--hbp-text-rgb),.48);line-height:1.55}
.bp-order-id{display:inline-flex;margin-bottom:8px;color:var(--bp-purple2);font-size:12px;font-weight:900;letter-spacing:.09em}
.bp-order-side{display:grid;justify-items:end;gap:6px}
.bp-order-side strong{font-size:22px;color:var(--hbp-color-strong)}
.bp-order-side span{color:var(--bp-green);font-size:12px;font-weight:900}
.bp-order-side a{color:var(--bp-purple2);font-size:13px;font-weight:900}
.bp-profile{position:relative;overflow:hidden;margin-bottom:20px;border-radius:30px}
.bp-profile-cover{
  min-height:180px;
  background:
    linear-gradient(90deg,rgba(var(--hbp-bg-rgb),.94),rgba(var(--hbp-bg-rgb),.36)),
    url("https://images.unsplash.com/photo-1511379938547-c1f69419868d?q=80&w=1600&auto=format&fit=crop") center/cover;
}
.bp-profile-content{
  display:grid;
  grid-template-columns:112px minmax(0,1fr) auto;
  gap:22px;
  align-items:end;
  padding:0 28px 28px;
  margin-top:-56px;
}

.bp-profile-grid a,.bp-panel-head a{color:var(--bp-purple2);font-weight:900}
.bp-stack-actions{display:grid;gap:10px}
.bp-settings{align-items:start}


.bp-stat-list{display:grid;gap:0}
.bp-auth{
  min-height:calc(100vh - var(--bp-header) - 170px);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,460px);
  gap:24px;
  align-items:stretch;
}
.bp-auth-brand,.bp-auth-card{padding:34px;border-radius:30px}
.bp-auth-brand{
  display:flex;flex-direction:column;justify-content:space-between;
  background:
    radial-gradient(circle at 78% 20%,rgba(155,92,255,.30),transparent 34%),
    linear-gradient(135deg,rgba(var(--hbp-contrast-rgb),.12),rgba(var(--hbp-contrast-rgb),.035)),rgba(var(--hbp-surface-rgb),.56);
}
.bp-auth-brand .bp-logo__mark{width:58px;height:58px;border-radius:20px}
.bp-auth-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.bp-auth-stats span{min-height:34px;display:inline-flex;align-items:center;border-radius:999px;padding:0 12px;background:rgba(var(--hbp-contrast-rgb),.06);color:rgba(var(--hbp-text-rgb),.62);font-size:13px}
.bp-auth-card{display:grid;align-content:center;gap:14px}
.bp-auth-card h2{margin:0;font-size:clamp(32px,4vw,46px);letter-spacing:-.07em}
.bp-auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:rgba(var(--hbp-text-rgb),.54);font-size:13px}
.bp-auth-row a,.bp-auth-card small a{color:var(--bp-purple2);font-weight:900}
.bp-seller-onboard{display:grid;gap:24px}
.bp-seller-onboard-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,370px);
  gap:28px;
  align-items:center;
  padding:34px;
  border-radius:30px;
}
.bp-seller-card-stack{
  min-height:260px;display:grid;align-content:end;gap:8px;padding:28px;border-radius:28px;
  background:radial-gradient(circle at 75% 20%,rgba(255,223,140,.30),transparent 34%),linear-gradient(135deg,rgba(155,92,255,.24),rgba(var(--hbp-contrast-rgb),.055));
  border:1px solid rgba(var(--hbp-contrast-rgb),.12);
}
.bp-seller-card-stack span{color:var(--bp-gold);font-weight:900}
.bp-seller-card-stack strong{font-size:54px;letter-spacing:-.07em}
.bp-seller-card-stack em{color:rgba(var(--hbp-text-rgb),.5)}
.bp-upload{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.56fr);gap:24px;align-items:stretch}
.bp-upload-drop,.bp-upload-status{padding:30px;border-radius:30px}
.bp-upload-drop{display:grid;align-content:center;justify-items:start;min-height:420px}
.bp-upload-icon{
  width:104px;height:104px;display:grid;place-items:center;border-radius:30px;
  background:linear-gradient(135deg,#efe2ff,#7c46ff);color:#13091f;font-size:27px;font-weight:950;letter-spacing:-.08em;
  box-shadow:0 22px 60px rgba(155,92,255,.26);
}
.bp-upload-drop h2{margin:18px 0 10px;font-size:clamp(34px,5vw,58px);line-height:.94;letter-spacing:-.075em}
.bp-upload-drop p{max-width:660px;color:rgba(var(--hbp-text-rgb),.54);line-height:1.65}
.bp-upload-pick{position:relative;display:inline-flex;margin-top:16px}
.bp-upload-pick input{position:absolute;inset:0;opacity:0;cursor:pointer}
.bp-upload-pick span{min-height:40px;display:inline-flex;align-items:center;border:1px solid var(--hbp-control-accent-border);border-radius:12px;padding:0 15px;background:var(--hbp-control-accent-bg);color:var(--hbp-control-accent-text);font-size:12.5px;font-weight:620;box-shadow:inset 0 1px 0 rgba(var(--hbp-contrast-rgb),.08)}
.bp-upload-drop small{margin-top:12px;color:rgba(var(--hbp-text-rgb),.42)}
.bp-upload-progress{height:10px;overflow:hidden;border-radius:999px;background:rgba(var(--hbp-contrast-rgb),.10);margin:12px 0 16px}
.bp-upload-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--bp-purple2),var(--bp-purple))}
.bp-upload-file{display:grid;gap:4px;margin-bottom:20px}
.bp-upload-file span{color:rgba(var(--hbp-text-rgb),.48);font-size:13px}
.bp-upload-steps{display:grid;gap:12px}
.bp-upload-steps div{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:10px;align-items:center;color:rgba(var(--hbp-text-rgb),.46)}
.bp-upload-steps div span{width:12px;height:12px;border-radius:999px;background:rgba(var(--hbp-contrast-rgb),.14)}
.bp-upload-steps div.is-done span{background:var(--bp-green)}
.bp-upload-steps div.is-active span{background:var(--bp-purple2);box-shadow:0 0 0 6px rgba(155,92,255,.14)}
.bp-upload-steps strong{color:var(--hbp-color-strong);font-size:13px}
.bp-upload-steps em{font-style:normal;font-size:12px}
.bp-vendor-tabs{overflow:auto;scrollbar-width:none}
.bp-vendor-tabs::-webkit-scrollbar{display:none}

@media(max-width:1180px){
  .bp-account-hero,.bp-seller-onboard-hero,.bp-upload,.bp-auth{grid-template-columns:1fr}

  .bp-info-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .bp-user-tabs{width:100%;justify-content:flex-start;overflow:auto;scrollbar-width:none}
  .bp-account-hero{grid-template-columns:58px minmax(0,1fr);padding:18px;border-radius:24px}
  .bp-account-hero .bp-gradient-btn,.bp-account-hero .bp-plain-btn{grid-column:1/-1}
  .bp-account-avatar{width:58px;height:58px;border-radius:18px}
  .bp-download-row{grid-template-columns:48px minmax(0,1fr) auto;gap:10px}
  .bp-download-cover{width:48px;height:48px;border-radius:13px}
  .bp-download-meta{display:none}
  .bp-download-actions{grid-column:2/-1;justify-content:flex-start}
  .bp-order-card{grid-template-columns:1fr}
  .bp-order-side{justify-items:start}
  .bp-profile-content{grid-template-columns:1fr;align-items:start;margin-top:-44px;padding:0 20px 22px}


  .bp-auth-brand,.bp-auth-card,.bp-seller-onboard-hero,.bp-upload-drop,.bp-upload-status{padding:22px;border-radius:24px}
}


.bp-product-upload-integrated {
  margin-top: 24px;
  padding: 24px;
  border-radius: 28px;
}
.bp-product-upload-integrated .bp-panel-head {
  align-items: end;
  margin-bottom: 18px;
}
.bp-product-upload-integrated .bp-panel-head h2 {
  margin: 4px 0 0;
  font-size: clamp(26px, 3vw, 38px);
  line-height: .96;
  letter-spacing: -.065em;
}
.bp-product-upload-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.bp-upload-mini-card {
  min-height: 160px;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  padding: 18px;
  border: 1px solid rgba(var(--hbp-contrast-rgb),.09);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(var(--hbp-contrast-rgb),.105), rgba(var(--hbp-contrast-rgb),.035)), rgba(var(--hbp-contrast-rgb),.022);
  box-shadow: inset 0 1px 0 rgba(var(--hbp-contrast-rgb),.12);
}
.bp-upload-mini-card--zip {
  background: radial-gradient(circle at 88% 16%, rgba(155,92,255,.24), transparent 32%), linear-gradient(135deg, rgba(var(--hbp-contrast-rgb),.105), rgba(var(--hbp-contrast-rgb),.035)), rgba(var(--hbp-contrast-rgb),.022);
}
.bp-upload-mini-icon {
  width: 74px;
  height: 74px;
  display: grid;
  place-items: center;
  border-radius: 23px;
  background: linear-gradient(135deg, #efe2ff, #7c46ff);
  color: #13091f;
  font-size: 20px;
  font-weight: 950;
  letter-spacing: -.08em;
  box-shadow: 0 18px 42px rgba(155,92,255,.24);
}
.bp-upload-mini-card strong {
  display: block;
  margin-bottom: 6px;
  font-size: 18px;
  letter-spacing: -.035em;
}
.bp-upload-mini-card p {
  margin: 0 0 14px;
  color: rgba(var(--hbp-text-rgb),.50);
  font-size: 13px;
  line-height: 1.55;
}
.bp-upload-inline {
  position: relative;
  display: inline-flex;
}
.bp-upload-inline input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.bp-upload-inline span {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0 15px;
  background: rgba(var(--hbp-contrast-rgb),.08);
  color:var(--hbp-color-strong);
  font-size: 13px;
  font-weight: 900;
}
.bp-upload-waiting {
  margin-top: 16px;
  padding: 18px;
  border: 1px solid rgba(var(--hbp-contrast-rgb),.09);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(var(--hbp-contrast-rgb),.085), rgba(var(--hbp-contrast-rgb),.030)), rgba(var(--hbp-bg-rgb),.34);
}
.bp-upload-waiting-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 12px;
}
.bp-upload-waiting-head strong,
.bp-upload-waiting-head b {
  color:var(--hbp-color-strong);
  font-size: 15px;
  font-weight: 950;
}
.bp-upload-waiting-head span {
  display: block;
  margin-top: 4px;
  color: rgba(var(--hbp-text-rgb),.48);
  font-size: 13px;
}
.bp-upload-progress {
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(var(--hbp-contrast-rgb),.10);
}
.bp-upload-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--bp-purple2), var(--bp-purple));
}
.bp-upload-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}
.bp-upload-steps div {
  min-width: 0;
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  color: rgba(var(--hbp-text-rgb),.46);
  font-size: 12px;
}
.bp-upload-steps div span {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(var(--hbp-contrast-rgb),.14);
}
.bp-upload-steps div.is-done span {
  background: var(--bp-green);
}
.bp-upload-steps div.is-active span {
  background: var(--bp-purple2);
  box-shadow: 0 0 0 6px rgba(155,92,255,.14);
}
.bp-upload-steps strong {
  overflow: hidden;
  color:var(--hbp-color-strong);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bp-upload-steps em {
  grid-column: 2;
  color: rgba(var(--hbp-text-rgb),.42);
  font-style: normal;
}
.bp-upload-note {
  margin: 14px 0 0;
  color: rgba(var(--hbp-text-rgb),.45);
  font-size: 13px;
  line-height: 1.55;
}
@media (max-width: 980px) {
  .bp-product-upload-grid,
  .bp-upload-steps {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .bp-product-upload-integrated {
    padding: 18px;
    border-radius: 24px;
  }
  .bp-upload-mini-card {
    grid-template-columns: 58px minmax(0, 1fr);
    padding: 14px;
  }
  .bp-upload-mini-icon {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    font-size: 16px;
  }
  .bp-upload-waiting-head {
    display: grid;
  }
}


.hbp-site{min-height:100vh}.hbp-main{width:min(100% - 48px,1480px);margin:0 auto;padding:30px 0 74px}.bp-header__nav .hbp-menu,.bp-header__nav ul{display:inline-flex;align-items:center;gap:3px;min-width:0;margin:0;padding:0;list-style:none;white-space:nowrap}.custom-logo{max-height:42px;width:auto}.bp-user__avatar .avatar{width:100%;height:100%;object-fit:cover;border-radius:999px}.bp-product-card h3{margin:0 0 8px;font-size:19px;line-height:1.05;letter-spacing:-.04em}.bp-product-card__image{width:100%;height:100%;object-fit:cover}.bp-icon-btn svg{pointer-events:none}.bp-page .woocommerce-notices-wrapper{width:min(100% - 48px,1480px);margin:0 auto}.admin-bar .bp-header{top:32px}.admin-bar .bp-page{padding-top:calc(var(--bp-header) + 32px)}
@media(max-width:782px){.admin-bar .bp-header{top:46px}.admin-bar .bp-page{padding-top:calc(var(--bp-header) + 46px)}}


.bp-product-card__seller {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin: -2px 0 9px;
  color: rgba(var(--hbp-text-rgb),.52);
  font-size: 11px;
  line-height: 1.2;
}

.bp-product-card__seller > span {
  color: rgba(205,180,255,.68);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.bp-product-card__seller > strong {
  min-width: 0;
  overflow: hidden;
  color: rgba(var(--hbp-text-rgb),.68);
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bp-product-card__seller:hover > strong {
  color:var(--hbp-color-strong);
}


.bp-mobile-search-toggle { display:none; }
.bp-mobile-search-popover[hidden] { display:none; }
.bp-mobile-search-popover { position:fixed; inset:0; z-index:500; display:grid; place-items:center; padding:max(20px,env(safe-area-inset-top)) 14px max(20px,env(safe-area-inset-bottom)); pointer-events:none; opacity:0; transition:opacity .16s ease; }
.bp-mobile-search-popover.is-open { pointer-events:auto; opacity:1; }
.bp-mobile-search-popover__backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:0; padding:0; background:rgba(3,3,7,.76); backdrop-filter:blur(6px); touch-action:none; }
.bp-mobile-search-popover__panel { position:relative; z-index:1; width:min(100%,560px); padding:14px; border-radius:20px; background:var(--hbp-popover-bg); box-shadow:0 24px 72px rgba(0,0,0,.52),0 1px 0 rgba(var(--hbp-contrast-rgb),.035) inset; backdrop-filter:blur(18px) saturate(1.05); transform:translateY(10px) scale(.985); opacity:0; transition:transform .18s ease,opacity .18s ease; }
.bp-mobile-search-popover.is-open .bp-mobile-search-popover__panel { transform:translateY(0) scale(1); opacity:1; }
.bp-mobile-search-popover__head { min-height:38px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 2px 10px; }
.bp-mobile-search-popover__head strong { color:rgba(var(--hbp-text-rgb),.72); font-size:11px; font-weight:680; letter-spacing:.06em; text-transform:uppercase; }
.bp-mobile-search-popover__head button { width:36px; height:36px; display:grid; place-items:center; border:0; border-radius:10px; background:rgba(var(--hbp-contrast-rgb),.045); color:rgba(var(--hbp-text-rgb),.74); }
.bp-mobile-search-popover__form { height:50px; grid-template-columns:auto 1px 16px minmax(0,1fr) 42px; border-radius:13px; }
.bp-mobile-search-popover__form select,.bp-mobile-search-popover__form input { font-size:16px; line-height:1.2; }
.bp-mobile-search-popover__form input { touch-action:manipulation; }
.bp-mobile-search-popover__form .bp-global-search__type { min-width:88px; }
.bp-mobile-search-popover__form > button { width:42px; height:38px; }
.bp-mobile-search-popover__form .bp-global-search__results { max-height:min(38vh,300px); overscroll-behavior:contain; }
html.hbp-mobile-search-open,body.hbp-mobile-search-open { overflow:hidden; overscroll-behavior:none; }

@keyframes bp-waveform-loading {
  from { transform: scaleY(.72); }
  to { transform: scaleY(1); }
}

@media (max-width: 760px) {
  .bp-mobile-search-toggle { width:44px; height:44px; min-width:44px; min-height:44px; display:grid; place-items:center; }
  .bp-header__actions { gap:8px; }
}


body,body *{font-style:normal;font-synthesis:none}


.bp-header__icon {
  transition: color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease;
}


.bp-header__icon:hover,
.bp-header__icon:focus-visible {
  color:var(--hbp-color-strong);
  background: rgba(var(--hbp-contrast-rgb),.075);
  box-shadow: inset 0 0 0 1px rgba(var(--hbp-contrast-rgb),.08), 0 10px 24px rgba(0,0,0,.18);
  transform: translateY(-1px);
  outline: 0;
}

.bp-header__icon--favorites:hover svg,
.bp-header__icon--favorites:focus-visible svg,.bp-header__icon--favorites:focus-visible .hbp-icon {
  fill: rgba(225,185,255,.24);
}


.bp-icon-btn {
  transition: color .18s ease, background .18s ease, transform .18s ease;
}

.bp-icon-btn:hover,
.bp-icon-btn:focus-visible {
  color:var(--hbp-color-strong);
  background: rgba(var(--hbp-contrast-rgb),.055);
  transform: translateY(-1px);
}

.bp-icon-btn--queue.is-active {
  color: #d9c1ff;
  background: rgba(173,116,255,.11);
}


.bp-icon-btn--queue svg,.bp-icon-btn--queue .hbp-icon {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bp-icon-btn--queue.is-active {
  color: #d9c1ff;
  background: rgba(173,116,255,.11);
}


.bp-card-queue {
  position:absolute;
  right:14px;
  bottom:14px;
  z-index:3;
  width:36px;
  height:36px;
  border:1px solid rgba(var(--hbp-contrast-rgb),.18);
  background:rgba(var(--hbp-bg-rgb),.62);
  color:rgba(var(--hbp-text-rgb),.72);
  -webkit-backdrop-filter:blur(14px) saturate(1.35);
  backdrop-filter:blur(14px) saturate(1.35);
  box-shadow:inset 0 1px 0 rgba(var(--hbp-contrast-rgb),.16),0 8px 22px rgba(0,0,0,.30);
}

.bp-card-queue:hover,
.bp-card-queue:focus-visible,
.bp-card-queue.is-active {
  border-color:rgba(218,195,255,.30);
  background:rgba(154,91,232,.24);
  color:#f3ebff;
  transform:translateY(-1px);
}

.bp-card-queue svg,.bp-card-queue .hbp-icon {
  width:17px;
  height:17px;
}

@media (max-width:760px) {
  .bp-card-queue {
    right:10px;
    bottom:10px;
    width:32px;
    height:32px;
  }
}


.bp-header__nav .hbp-menu-link,
.bp-header__nav a {
  font-weight: 540;
  letter-spacing: -.01em;
}


@media (max-width: 760px) {
  body.hbp-has-player .hbp-main,
  body.hbp-has-player .bp-main { padding-bottom: calc(112px + env(safe-area-inset-bottom)); }


}


.hbp-product-image-fallback {
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 76% 18%,rgba(205,180,255,.2),transparent 34%),
        linear-gradient(135deg,rgba(155,92,255,.24),rgba(var(--hbp-contrast-rgb),.025)),
        var(--hbp-surface-2);
    color: #eadfff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -.04em;
}

.hbp-product-image--kits {
    background:
        radial-gradient(circle at 24% 22%,rgba(34,211,238,.16),transparent 32%),
        linear-gradient(135deg,rgba(155,92,255,.2),rgba(var(--hbp-contrast-rgb),.025)),
        #14151d;
}

.hbp-product-image--samples {
    background:
        repeating-linear-gradient(90deg,transparent 0 12px,rgba(205,180,255,.055) 12px 14px),
        linear-gradient(135deg,rgba(205,180,255,.18),rgba(155,92,255,.05)),
        #14141c;
}


.bp-bottom-player {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 16px;
    z-index: 92;
    min-height: 82px;
    display: grid;
    grid-template-columns: minmax(210px, 270px) minmax(360px, 1fr) auto auto;
    gap: 18px;
    align-items: center;
    padding: 10px 16px;
    overflow: visible;
    border: 1px solid rgba(var(--hbp-contrast-rgb),.11);
    border-radius: 20px;
    background: linear-gradient(120deg, rgba(12, 12, 17, .98), rgba(17, 15, 22, .96));
    -webkit-backdrop-filter: blur(24px) saturate(1.25);
    backdrop-filter: blur(24px) saturate(1.25);
    box-shadow: 0 22px 72px rgba(0, 0, 0, .46), inset 0 1px 0 rgba(var(--hbp-contrast-rgb),.055);
    opacity: 0;
    pointer-events: none;
    transform: translateY(14px);
    transition: opacity .2s ease, transform .28s cubic-bezier(.16, 1, .3, 1);
}

.bp-bottom-player.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.bp-bottom-player[hidden] {
    display: none;
}

.bp-bottom-player__track {
    min-width: 0;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
}

.bp-bottom-player__cover {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(var(--hbp-contrast-rgb),.1);
    border-radius: 12px;
    background: var(--hbp-surface-2);
    color: rgba(var(--hbp-contrast-rgb),.48);
    font-size: 11px;
    font-weight: 650;
}

.bp-bottom-player__cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bp-bottom-player__cover.has-cover .bp-player-cover-placeholder {
    display: none;
}

.bp-bottom-player__cover.is-cover-loading img {
    visibility: hidden;
}

.bp-bottom-player__meta {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.bp-bottom-player__meta small,
.bp-bottom-player__meta strong,
.bp-bottom-player__meta .bp-bottom-player__title,
.bp-bottom-player__meta span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bp-bottom-player__meta small {
    color: rgba(205, 180, 255, .66);
    font-size: 8px;
    font-weight: 620;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.bp-bottom-player__meta strong,
.bp-bottom-player__meta .bp-bottom-player__title {
    color: #f8f6fc;
    font-size: 14px;
    font-weight: 610;
    letter-spacing: -.015em;
}

.bp-bottom-player__meta span {
    color: rgba(var(--hbp-text-rgb),.45);
    font-size: 10px;
    font-weight: 430;
}

.bp-bottom-player__core {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.bp-bottom-player__transport,
.bp-bottom-player__actions,
.bp-bottom-player__sound {
    display: flex;
    align-items: center;
}

.bp-bottom-player__transport {
    justify-content: center;
    gap: 4px;
}

.bp-player-control {
    position: relative;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 9px;
    padding: 0;
    background: transparent;
    color: rgba(var(--hbp-text-rgb),.58);
    transition: color .16s ease, background .16s ease, transform .16s ease;
}

.bp-player-control:hover,
.bp-player-control:focus-visible {
    color:var(--hbp-color-strong);
    background: rgba(var(--hbp-contrast-rgb),.065);
    transform: translateY(-1px);
}

.bp-player-control:disabled {
    color: rgba(var(--hbp-text-rgb),.2);
    background: transparent;
    cursor: default;
    transform: none;
}

.bp-player-control svg,.bp-player-control .hbp-icon {
    width: 15px;
    height: 15px;
}

.bp-bottom-player__transport .bp-player-control svg,.bp-bottom-player__transport .bp-player-control .hbp-icon {
    fill: currentColor;
    stroke: none;
}

.bp-player-main,
.bp-player-notes__play {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 999px;
    padding: 0;
    background: #fff;
    color: var(--hbp-surface-1);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .34), 0 0 0 1px rgba(var(--hbp-contrast-rgb),.72);
    transition: background .16s ease, transform .16s ease, box-shadow .16s ease;
}

.bp-player-main:hover,
.bp-player-main:focus-visible,
.bp-player-notes__play:hover,
.bp-player-notes__play:focus-visible {
    background: #f2eff7;
    transform: translateY(-1px);
    box-shadow: 0 14px 32px rgba(0, 0, 0, .38), 0 0 0 1px rgba(var(--hbp-contrast-rgb),.78);
}

.bp-player-main.is-playing,
.bp-player-notes__play.is-playing {
    transform: scale(.96);
}

.bp-player-main:disabled {
    background: rgba(var(--hbp-contrast-rgb),.15);
    color: rgba(var(--hbp-contrast-rgb),.34);
    box-shadow: none;
}

.bp-player-main svg,
.bp-player-main .hbp-icon,
.bp-player-notes__play svg,.bp-player-notes__play .hbp-icon {
    width: 15px;
    min-width: 15px;
    height: 15px;
    fill: currentColor;
    stroke: none;
}

.bp-player-main .hbp-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    vertical-align: 0;
}

.bp-player-main .hbp-icon::before {
    display: block;
    line-height: 1;
}

.bp-player-queue-current,
.bp-player-purchase,
.bp-player-notes-open {
    min-height: 34px;
    display: inline-flex;
    gap: 7px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(var(--hbp-contrast-rgb),.09);
    border-radius: 11px;
    padding: 0 11px;
    background: rgba(var(--hbp-contrast-rgb),.035);
    color: rgba(var(--hbp-text-rgb),.67);
    font: inherit;
    font-size: 10px;
    font-weight: 560;
    text-decoration: none;
    white-space: nowrap;
    transition: color .16s ease, background .16s ease, border-color .16s ease, transform .16s ease;
}

.bp-player-queue-current:hover,
.bp-player-queue-current:focus-visible,
.bp-player-purchase:hover,
.bp-player-purchase:focus-visible,
.bp-player-notes-open:hover,
.bp-player-notes-open:focus-visible,
.bp-player-queue-current.is-active {
    border-color: rgba(205, 180, 255, .26);
    background: rgba(205, 180, 255, .09);
    color:var(--hbp-color-strong);
    transform: translateY(-1px);
}

.bp-player-queue-current:disabled,
.bp-player-notes-open:disabled,
.bp-player-purchase[aria-disabled="true"] {
    opacity: .32;
    pointer-events: none;
}

.bp-player-purchase,
.bp-player-notes-open { width: 36px; min-width: 36px; padding: 0; }

.bp-player-queue-current svg,
.bp-player-purchase svg,
.bp-player-notes-open svg,.bp-player-notes-open .hbp-icon {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.bp-bottom-player__seek {
    min-width: 0;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 40px;
    gap: 10px;
    align-items: center;
}

.bp-player-waveform {
    position: relative;
    min-width: 0;
    width: 100%;
    height: 31px;
    display: grid;
    align-items: center;
    overflow: visible;
    border: 0;
    background: transparent;
    cursor: pointer;
    touch-action: none;
}

.bp-player-waveform b {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(var(--bp-waveform-bars, 112), minmax(1px, 1fr));
    gap: 1.5px;
    align-items: center;
}

.bp-player-waveform b span {
    width: 100%;
    min-width: 1px;
    height: 30%;
    border-radius: 1px;
    background: rgba(var(--hbp-text-rgb),.2);
    opacity: .68;
    transform-origin: center;
    transition: height .18s ease, background .12s ease, opacity .12s ease;
}

.bp-player-waveform b span.is-played,
.bp-player-waveform.is-waveform-ready b span.is-played {
    background: #fff;
    opacity: 1;
}

.bp-player-waveform:not(.is-waveform-ready) b span:nth-child(4n + 1) { height: 70%; }
.bp-player-waveform:not(.is-waveform-ready) b span:nth-child(4n + 2) { height: 42%; }
.bp-player-waveform:not(.is-waveform-ready) b span:nth-child(4n + 3) { height: 84%; }
.bp-player-waveform:not(.is-waveform-ready) b span:nth-child(6n) { height: 56%; }
.bp-player-waveform:not(.is-waveform-ready) b span:nth-child(9n) { height: 92%; }

.bp-player-waveform.is-waveform-loading b span {
    opacity: .34;
    animation: bp-waveform-loading 1.05s ease-in-out infinite alternate;
}

.bp-player-waveform i {
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 0;
    z-index: 3;
    width: 1px;
    border-radius: 999px;
    background: #c69cff;
    box-shadow: 0 0 8px rgba(198, 156, 255, .24);
    pointer-events: none;
    transition: left .1s linear;
}

.bp-player-waveform__hover {
    position: absolute;
    z-index: 6;
    bottom: calc(100% + 7px);
    min-width: 42px;
    padding: 5px 7px;
    border: 1px solid rgba(var(--hbp-contrast-rgb),.10);
    border-radius: 8px;
    background: rgba(16, 16, 21, .97);
    color:var(--hbp-color-strong);
    font-size: 10px;
    font-variant-numeric: tabular-nums;
    text-align: center;
    box-shadow: 0 9px 24px rgba(0, 0, 0, .27);
    pointer-events: none;
    transform: translateX(-50%);
}

.bp-player-waveform:focus-visible,
.bp-player-waveform.is-scrubbing {
    outline: 0;
    filter: drop-shadow(0 0 6px rgba(var(--hbp-contrast-rgb),.1));
}

.bp-bottom-player__time {
    color: rgba(var(--hbp-text-rgb),.45);
    font-size: 9px;
    font-weight: 470;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.bp-bottom-player__time--current { text-align: right; }
.bp-bottom-player__time--duration { text-align: left; }

.bp-bottom-player__technical {
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: center;
}

.bp-player-chip {
    min-height: 30px;
    display: inline-flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(var(--hbp-contrast-rgb),.09);
    border-radius: 999px;
    padding: 0 10px;
    background: rgba(var(--hbp-contrast-rgb),.025);
    color: rgba(var(--hbp-text-rgb),.68);
    font-size: 9px;
    font-weight: 550;
    letter-spacing: .04em;
    white-space: nowrap;
}

.bp-player-chip b { color:var(--hbp-color-strong); font-weight: 610; }
.bp-player-chip small { font-size: 8px; }

.bp-bottom-player__actions {
    justify-content: flex-end;
    gap: 6px;
}

.bp-bottom-player__sound {
    gap: 3px;
}

.bp-bottom-player__volume {
    width: 62px;
    display: flex;
    align-items: center;
}

.bp-bottom-player__volume input {
    --bp-volume: 82%;
    width: 100%;
    height: 3px;
    margin: 0;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(205, 180, 255, .88) 0 var(--bp-volume), rgba(var(--hbp-contrast-rgb),.12) var(--bp-volume) 100%);
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}

.bp-bottom-player__volume input::-webkit-slider-thumb {
    width: 10px;
    height: 10px;
    border: 0;
    border-radius: 999px;
    background: #fff;
    -webkit-appearance: none;
    appearance: none;
}

.bp-bottom-player__volume input::-moz-range-thumb {
    width: 10px;
    height: 10px;
    border: 0;
    border-radius: 999px;
    background: #fff;
}

.bp-bottom-player__sound [data-player-volume-icon],
.bp-bottom-player__sound [data-player-volume-icon] svg,.bp-bottom-player__sound [data-player-volume-icon] .hbp-icon {
    display: grid;
    place-items: center;
}

.bp-bottom-player__sound [data-player-volume-icon] svg,.bp-bottom-player__sound [data-player-volume-icon] .hbp-icon {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.bp-player-radio[aria-pressed="true"] {
    color: var(--bp-player-accent, var(--hbp-color-primary-2));
    background: rgba(155, 92, 255, .14);
}
.bp-player-radio.is-loading { opacity: .62; }

.bp-player-queue-toggle.is-active {
    color:var(--hbp-color-strong);
    background: rgba(205, 180, 255, .1);
}

.bp-player-queue-toggle svg,
.bp-player-queue__remove svg,.bp-player-queue__remove .hbp-icon {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.bp-player-queue-toggle [data-player-queue-count] {
    position: absolute;
    top: -3px;
    right: -3px;
    min-width: 17px;
    height: 17px;
    display: grid;
    place-items: center;
    border: 2px solid rgba(10, 10, 15, .96);
    border-radius: 999px;
    padding: 0 3px;
    background: #fff;
    color: #121018;
    font-size: 9px;
    font-weight: 720;
    line-height: 1;
}

.bp-player-queue {
    position: absolute;
    right: 0;
    bottom: calc(100% + 10px);
    width: min(410px, calc(100vw - 28px));
    max-height: min(500px, 65vh);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 10px;
    overflow: hidden;
    border: 1px solid rgba(var(--hbp-contrast-rgb),.11);
    border-radius: 18px;
    padding: 14px;
    background: rgba(11, 11, 17, .985);
    -webkit-backdrop-filter: blur(22px) saturate(1.3);
    backdrop-filter: blur(22px) saturate(1.3);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(var(--hbp-contrast-rgb),.06);
}

.bp-player-queue[hidden] { display: none; }

.bp-player-queue__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.bp-player-queue__head > div,
.bp-player-queue__meta {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.bp-player-queue__head span {
    color: rgba(205, 180, 255, .6);
    font-size: 8px;
    font-weight: 610;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.bp-player-queue__head strong {
    color:var(--hbp-color-strong);
    font-size: 15px;
    font-weight: 610;
}

.bp-player-queue__head button {
    min-height: 34px;
    border: 1px solid rgba(var(--hbp-contrast-rgb),.09);
    border-radius: 999px;
    padding: 0 12px;
    background: rgba(var(--hbp-contrast-rgb),.035);
    color: rgba(var(--hbp-contrast-rgb),.62);
    font: inherit;
    font-size: 10px;
}

.bp-player-queue__head button:disabled { opacity: .35; }

.bp-player-queue__empty {
    padding: 22px 10px;
    color: rgba(var(--hbp-contrast-rgb),.42);
    font-size: 12px;
    text-align: center;
}

.bp-player-queue__list {
    display: grid;
    gap: 4px;
    margin: 0;
    padding: 0;
    overflow: auto;
    list-style: none;
}

.bp-player-queue__item {
    display: grid;
    grid-template-columns: 36px 38px minmax(0, 1fr) 36px;
    gap: 8px;
    align-items: center;
    min-height: 48px;
    border-radius: 12px;
    padding: 5px;
}

.bp-player-queue__item.is-active { background: rgba(205, 180, 255, .08); }

.bp-player-queue__play,
.bp-player-queue__remove {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 10px;
    padding: 0;
    background: rgba(var(--hbp-contrast-rgb),.035);
    color: rgba(var(--hbp-contrast-rgb),.58);
}

.bp-player-queue__play:hover,
.bp-player-queue__play:focus-visible,
.bp-player-queue__remove:hover,
.bp-player-queue__remove:focus-visible {
    background: rgba(var(--hbp-contrast-rgb),.08);
    color:var(--hbp-color-strong);
}

.bp-player-queue__play svg,.bp-player-queue__play .hbp-icon { width: 14px; height: 14px; fill: currentColor; stroke: none; }

.bp-player-queue__cover {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 9px;
    background: var(--hbp-surface-2);
    color: rgba(var(--hbp-contrast-rgb),.4);
    font-size: 9px;
}

.bp-player-queue__cover img { width: 100%; height: 100%; object-fit: cover; }

.bp-player-queue__meta strong,
.bp-player-queue__meta span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bp-player-queue__meta strong { color:var(--hbp-color-strong); font-size: 12px; font-weight: 590; }
.bp-player-queue__meta span { color: rgba(var(--hbp-text-rgb),.4); font-size: 9px; }


.bp-player-notes {
    --bp-notes-left: auto;
    --bp-notes-top: auto;
    position: fixed;
    right: 18px;
    bottom: 116px;
    z-index: 118;
    width: min(430px, calc(100vw - 24px));
    height: min(520px, calc(100dvh - 150px));
    pointer-events: none;
}

.bp-player-notes.has-saved-position {
    left: var(--bp-notes-left);
    top: var(--bp-notes-top);
    right: auto;
    bottom: auto;
}

.bp-player-notes[hidden] { display: none; }

.bp-player-notes__dialog {
    width: 100%;
    height: 100%;
    min-height: 320px;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid rgba(var(--hbp-contrast-rgb),.11);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(20,20,27,.985), rgba(13,13,18,.985));
    color: #f8f6fc;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .56), inset 0 1px 0 rgba(var(--hbp-contrast-rgb),.055);
    pointer-events: auto;
}

.bp-player-notes.is-dragging .bp-player-notes__dialog {
    box-shadow: 0 34px 92px rgba(0,0,0,.62), 0 0 0 1px rgba(205,180,255,.12);
}

.bp-player-notes__head,
.bp-player-notes__transport,
.bp-player-notes__foot { border-bottom: 1px solid rgba(var(--hbp-contrast-rgb),.065); }

.bp-player-notes__head {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 11px 14px;
    cursor: grab;
    touch-action: none;
    user-select: none;
}

.bp-player-notes.is-dragging .bp-player-notes__head { cursor: grabbing; }
.bp-player-notes__head > div { min-width: 0; display: grid; gap: 1px; }
.bp-player-notes__head span { color: rgba(205,180,255,.6); font-size: 8px; font-weight: 610; letter-spacing: .12em; text-transform: uppercase; }
.bp-player-notes__head h2 { margin: 0; overflow: hidden; font-size: 17px; font-weight: 590; letter-spacing: -.025em; text-overflow: ellipsis; white-space: nowrap; }

.bp-player-notes__head > button {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 10px;
    padding: 0;
    background: rgba(var(--hbp-contrast-rgb),.04);
    color: rgba(var(--hbp-contrast-rgb),.58);
}

.bp-player-notes__head > button:hover,
.bp-player-notes__head > button:focus-visible { background: rgba(var(--hbp-contrast-rgb),.08); color:var(--hbp-color-strong); }
.bp-player-notes__head > button svg,.bp-player-notes__head > button .hbp-icon { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }

.bp-player-notes__transport {
    min-height: 60px;
    display: grid;
    grid-template-columns: 40px 34px minmax(0, 1fr) 34px;
    gap: 8px;
    align-items: center;
    padding: 10px 14px;
}

.bp-player-notes__play { width: 40px; height: 40px; }
.bp-player-notes__transport > span { color: rgba(var(--hbp-contrast-rgb),.44); font-size: 9px; font-variant-numeric: tabular-nums; }

.bp-player-notes__transport input {
    --bp-notes-progress: 0%;
    width: 100%;
    height: 3px;
    margin: 0;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, #fff 0 var(--bp-notes-progress), rgba(var(--hbp-contrast-rgb),.14) var(--bp-notes-progress) 100%);
    -webkit-appearance: none;
    appearance: none;
}

.bp-player-notes__transport input::-webkit-slider-thumb {
    width: 13px;
    height: 13px;
    border: 0;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(0,0,0,.36);
    -webkit-appearance: none;
    appearance: none;
}

.bp-player-notes__transport input::-moz-range-thumb { width: 13px; height: 13px; border: 0; border-radius: 999px; background: #fff; }

.bp-player-notes__body {
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 10px;
    padding: 14px;
}

.bp-player-notes__title-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.bp-player-notes__title-row > div { min-width: 0; display: grid; gap: 2px; }
.bp-player-notes__title-row small { color: rgba(var(--hbp-contrast-rgb),.36); font-size: 8px; letter-spacing: .09em; text-transform: uppercase; }
.bp-player-notes__title-row strong { overflow: hidden; color:var(--hbp-color-strong); font-size: 13px; font-weight: 570; text-overflow: ellipsis; white-space: nowrap; }

.bp-player-notes__title-row button,
.bp-player-notes__foot button {
    min-height: 32px;
    display: inline-flex;
    gap: 6px;
    align-items: center;
    border: 1px solid rgba(var(--hbp-contrast-rgb),.075);
    border-radius: 10px;
    padding: 0 10px;
    background: rgba(var(--hbp-contrast-rgb),.03);
    color: rgba(var(--hbp-contrast-rgb),.58);
    font: inherit;
    font-size: 9px;
}

.bp-player-notes__title-row button:hover,
.bp-player-notes__title-row button:focus-visible,
.bp-player-notes__foot button:hover,
.bp-player-notes__foot button:focus-visible { background: rgba(var(--hbp-contrast-rgb),.07); color:var(--hbp-color-strong); }
.bp-player-notes__title-row button svg,.bp-player-notes__title-row button .hbp-icon { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.bp-player-notes__body label { min-height: 0; display: block; }

.bp-player-notes__body textarea {
    width: 100%;
    height: 100%;
    min-height: 190px;
    resize: none;
    border: 1px solid rgba(var(--hbp-contrast-rgb),.055);
    border-radius: 13px;
    padding: 13px;
    background: rgba(var(--hbp-contrast-rgb),.022);
    color: #f8f6fc;
    font: inherit;
    font-size: 13px;
    font-weight: 430;
    line-height: 1.65;
    outline: none;
}

.bp-player-notes__body textarea::placeholder { color: rgba(var(--hbp-contrast-rgb),.24); }
.bp-player-notes__body textarea:focus { border-color: rgba(205,180,255,.16); background: rgba(205,180,255,.025); }

.bp-player-notes__foot {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid rgba(var(--hbp-contrast-rgb),.065);
    border-bottom: 0;
    padding: 8px 14px;
}

.bp-player-notes__foot span { color: rgba(var(--hbp-contrast-rgb),.31); font-size: 8.5px; line-height: 1.4; }


body.hbp-has-player .hbp-main,
body.hbp-has-player .bp-main { padding-bottom:132px; }

@media (min-width: 761px) and (max-width: 1180px) {
    .bp-bottom-player {
        grid-template-columns: minmax(170px, 220px) minmax(300px, 1fr) auto;
        gap: 10px;
        padding-inline: 12px;
    }

    .bp-bottom-player__technical { display: none; }
    .bp-bottom-player__volume { display: none; }
    .bp-player-purchase span,
    .bp-player-notes-open span { display: none; }
    .bp-player-purchase,
    .bp-player-notes-open { width: 34px; padding: 0; }
}


.bp-player-cover-placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
}

.bp-player-cover-placeholder .hbp-brand-logo {
    width: 54%;
    height: 68%;
    object-fit: contain;
}

.bp-player-mobile-expand {
    display: none;
}

.bp-player-expand__close {
    display: none;
}

.bp-bottom-player__title {
    min-width: 0;
    overflow: hidden;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bp-bottom-player__title:hover,
.bp-bottom-player__title:focus-visible {
    color:var(--hbp-color-strong);
    outline: 0;
}

.bp-bottom-player__title[aria-disabled="true"] {
    pointer-events: none;
}

.bp-player-mobile-expand span,
.bp-player-mobile-expand span svg,.bp-player-mobile-expand span .hbp-icon {
    place-items: center;
}


.bp-player-mobile-expand .bp-player-expand__open {
    display: grid;
}

.bp-player-mobile-expand .bp-player-expand__close {
    display: none;
}

.bp-player-mobile-expand[aria-expanded="false"] .bp-player-expand__open { display: grid; }
.bp-player-mobile-expand[aria-expanded="false"] .bp-player-expand__close { display: none; }
.bp-player-mobile-expand[aria-expanded="true"] .bp-player-expand__open { display: none; }
.bp-player-mobile-expand[aria-expanded="true"] .bp-player-expand__close { display: grid; }
.bp-player-queue-toggle [data-player-queue-count][hidden] { display: none; }

.bp-player-main:not(.is-playing) svg,.bp-player-main:not(.is-playing) .hbp-icon {
    transform: translateX(.6px);
}

.bp-player-main.is-playing svg,.bp-player-main.is-playing .hbp-icon {
    transform: none;
}

@media (max-width: 760px) {
    .bp-player-queue {
        left: 0;
        right: 0;
        bottom: calc(100% + 8px);
        width: auto;
        max-height: min(52dvh,410px);
        padding: 12px;
    }

    .bp-player-queue__head button,
    .bp-player-queue__play,
    .bp-player-queue__remove {
        min-width: 44px;
        min-height: 44px;
    }

    .bp-player-queue__item {
        grid-template-columns: 44px 40px minmax(0,1fr) 44px;
        min-height: 56px;
        gap: 7px;
        padding: 5px 3px;
    }

    .bp-player-queue__cover {
        width: 40px;
        height: 40px;
    }

    .bp-player-notes {
        right: 8px;
        bottom: calc(84px + env(safe-area-inset-bottom));
        width: calc(100vw - 16px);
        height: 300px;
        max-height: calc(100svh - 112px);
    }

    .bp-player-notes.has-saved-position {
        left: var(--bp-notes-left);
        top: var(--bp-notes-top);
        right: auto;
        bottom: auto;
    }

    .bp-player-notes__dialog { min-height: 0; border-radius: 17px; }
    .bp-player-notes__head { min-height: 52px; padding: 9px 11px; }
    .bp-player-notes__head > button,
    .bp-player-notes__title-row button,
    .bp-player-notes__foot button { min-width: 44px; min-height: 44px; }
    .bp-player-notes__head h2 { font-size: 15px; }
    .bp-player-notes__transport { min-height: 58px; grid-template-columns: 44px 30px minmax(0,1fr) 30px; gap: 6px; padding: 8px 11px; }
    .bp-player-notes__play { width: 44px; height: 44px; }
    .bp-player-notes__body { padding: 11px; }
    .bp-player-notes__body textarea { min-height: 82px; padding: 11px; font-size: 12px; }
    .bp-player-notes__foot { padding: 7px 11px; }

    body.hbp-has-player .hbp-main,
    body.hbp-has-player .bp-main {
        padding-bottom: calc(88px + env(safe-area-inset-bottom));
    }
}

@media (max-width: 390px) {
    .bp-player-notes__title-row button span {
        display: none;
    }
}



.hbp-withdraw-quote__fee,
.hbp-withdraw-history-row__fee,
.hbp-topup-quote__fee,
.hbp-wallet-history__fee {
    font-size: .84em;
    opacity: .58;
}


.bp-player-demo-open {
    width: 36px;
    min-width: 36px;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(var(--hbp-contrast-rgb),.09);
    border-radius: 11px;
    padding: 0;
    background: rgba(var(--hbp-contrast-rgb),.035);
    color: rgba(var(--hbp-text-rgb),.67);
    transition: color .16s ease, background .16s ease, border-color .16s ease, transform .16s ease;
}

.bp-player-demo-open:hover,
.bp-player-demo-open:focus-visible {
    border-color: rgba(205, 180, 255, .26);
    background: rgba(205, 180, 255, .09);
    color:var(--hbp-color-strong);
    transform: translateY(-1px);
}

.bp-player-demo-open:disabled {
    opacity: .32;
    pointer-events: none;
}

.bp-player-demo-open svg,.bp-player-demo-open .hbp-icon {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}

html.hbp-demo-recorder-open body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 997;
    background: rgba(4, 4, 8, .66);
    backdrop-filter: blur(7px);
}

.hbp-demo-recorder {
    position: fixed;
    right: 22px;
    bottom: 116px;
    z-index: 998;
    width: min(430px, calc(100vw - 28px));
    max-height: calc(100svh - 142px);
    overflow: auto;
    padding: 18px;
    border: 1px solid rgba(205, 180, 255, .19);
    border-radius: 22px;
    background: linear-gradient(160deg, rgba(28, 21, 40, .99), rgba(13, 13, 20, .99) 62%);
    box-shadow: 0 30px 90px rgba(0, 0, 0, .58), inset 0 1px 0 rgba(var(--hbp-contrast-rgb),.055);
    color: #f8f5ff;
}

.hbp-demo-recorder[hidden] { display: none; }

.hbp-demo-recorder > header,
.hbp-demo-recorder__transport,
.hbp-demo-recorder__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.hbp-demo-recorder > header {
    margin: -3px -2px 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(var(--hbp-contrast-rgb),.07);
}

.hbp-demo-recorder > header div { display: grid; gap: 2px; }
.hbp-demo-recorder > header span,
.hbp-demo-recorder__track small,
.hbp-demo-recorder__title span {
    color: rgba(213, 192, 255, .62);
    font-size: 9px;
    font-weight: 650;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.hbp-demo-recorder > header strong { font-size: 17px; font-weight: 650; letter-spacing: -.025em; }
.hbp-demo-recorder > header > button {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 11px;
    background: rgba(var(--hbp-contrast-rgb),.045);
    color: rgba(var(--hbp-contrast-rgb),.66);
}
.hbp-demo-recorder > header > button:hover { background: rgba(var(--hbp-contrast-rgb),.09); color:var(--hbp-color-strong); }
.hbp-demo-recorder > header svg,.hbp-demo-recorder > header .hbp-icon { width: 15px; height: 15px; fill: none; stroke: currentColor; }

.hbp-demo-recorder__track {
    display: grid;
    gap: 4px;
    padding: 14px;
    border: 1px solid rgba(var(--hbp-contrast-rgb),.07);
    border-radius: 15px;
    background: rgba(var(--hbp-contrast-rgb),.027);
}
.hbp-demo-recorder__track strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.hbp-demo-recorder__tip { margin: 12px 2px; color: rgba(var(--hbp-text-rgb),.5); font-size: 11px; line-height: 1.55; }

.hbp-demo-recorder__meter {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 8px 12px;
    border-radius: 14px;
    background: rgba(0, 0, 0, .22);
}
.hbp-demo-recorder__meter i {
    width: 5px;
    height: 30px;
    border-radius: 99px;
    background: linear-gradient(180deg, #d8bbff, #8d4cef);
    transform: scaleY(.18);
    transition: transform .08s linear;
}

.hbp-demo-recorder__transport { padding: 15px 0 12px; }
.hbp-demo-recorder__transport > button {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    border: 1px solid rgba(var(--hbp-contrast-rgb),.09);
    border-radius: 13px;
    padding: 0 15px;
    background: rgba(var(--hbp-contrast-rgb),.045);
    color:var(--hbp-color-strong);
}
.hbp-demo-recorder__transport > button > span {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ff5c72;
    box-shadow: 0 0 0 5px rgba(255, 92, 114, .11);
}
.hbp-demo-recorder__transport > button.is-recording > span {
    border-radius: 3px;
    animation: hbp-demo-record-pulse 1s ease-in-out infinite;
}
.hbp-demo-recorder__transport b { font-size: 12px; font-weight: 620; }
.hbp-demo-recorder__transport time { font-size: 19px; font-variant-numeric: tabular-nums; letter-spacing: .02em; }
@keyframes hbp-demo-record-pulse { 50% { opacity: .42; } }

.hbp-demo-recorder audio { width: 100%; margin: 2px 0 12px; }
.hbp-demo-recorder__title { display: grid; gap: 7px; margin-bottom: 12px; }
.hbp-demo-recorder__title[hidden],
.hbp-demo-recorder__actions[hidden] { display: none; }
.hbp-demo-recorder__title input {
    width: 100%;
    min-height: 43px;
    border: 1px solid rgba(var(--hbp-contrast-rgb),.09);
    border-radius: 12px;
    padding: 0 13px;
    background: rgba(var(--hbp-contrast-rgb),.035);
    color:var(--hbp-color-strong);
}
.hbp-demo-recorder__actions { justify-content: flex-end; }
.hbp-demo-recorder__actions button {
    min-height: 40px;
    border: 1px solid rgba(var(--hbp-contrast-rgb),.09);
    border-radius: 12px;
    padding: 0 14px;
    background: rgba(var(--hbp-contrast-rgb),.04);
    color: rgba(var(--hbp-contrast-rgb),.78);
    font-size: 11px;
    font-weight: 620;
}
.hbp-demo-recorder__actions button.is-primary {
    border-color: rgba(205, 180, 255, .3);
    background: rgba(155, 91, 245, .26);
    color:var(--hbp-color-strong);
}
.hbp-demo-recorder__status { min-height: 18px; margin: 12px 1px 3px; color: rgba(var(--hbp-text-rgb),.54); font-size: 10px; }
.hbp-demo-recorder__status.is-error { color: #ff91a0; }
.hbp-demo-recorder__status.is-success { color: #a9efc6; }
.hbp-demo-recorder__library { display: inline-flex; margin-top: 5px; color: #ceb0ff; font-size: 10px; font-weight: 620; }

@media (max-width: 760px) {
    .bp-player-demo-open { width: 34px; min-width: 34px; }
    .hbp-demo-recorder {
        left: 8px;
        right: 8px;
        bottom: calc(108px + env(safe-area-inset-bottom));
        width: auto;
        max-height: calc(100svh - 126px);
        padding: 15px;
        border-radius: 18px;
    }
}


.bp-header__icon .hbp-icon,.bp-icon-btn .hbp-icon{font-size:17px;line-height:1}
.bp-header--catalog .bp-header__icon .hbp-icon{font-size:16px}
.bp-user__button>.hbp-icon{font-size:11px}
.bp-mobile-search-popover__head button .hbp-icon{font-size:16px}
.bp-player-control .hbp-icon,.bp-player-queue-toggle .hbp-icon,.bp-player-notes-open .hbp-icon,.bp-player-demo-open .hbp-icon{font-size:16px}


.bp-bottom-player__mobile-handle,
.bp-bottom-player__mobile-head,
.bp-player-mobile-favorite,
.bp-player-mobile-action-label{display:none}

@media(max-width:760px){
    body.hbp-player-expanded{overflow:hidden}
    body.hbp-player-expanded::before{content:"";position:fixed;z-index:79;inset:0;background:rgba(8,7,12,.34);backdrop-filter:blur(2px);pointer-events:auto}

    .bp-bottom-player{
        position:fixed;
        z-index:80;
        left:8px;
        right:8px;
        bottom:calc(8px + env(safe-area-inset-bottom));
        width:auto;
        max-width:none;
        height:66px;
        min-height:66px;
        display:grid;
        grid-template-columns:minmax(0,1fr) 82px;
        gap:8px;
        align-items:center;
        padding:7px;
        border:1px solid rgba(var(--hbp-contrast-rgb),.09);
        border-radius:17px;
        background:rgba(24,21,29,.97);
        color:var(--hbp-color-strong);
        box-shadow:0 18px 38px rgba(0,0,0,.34);
        backdrop-filter:blur(22px) saturate(1.2);
        overflow:hidden;
        transform:none;
    }
    .bp-bottom-player[hidden]{display:none}
    .bp-bottom-player__mobile-handle,.bp-bottom-player__mobile-head{display:none}

    .bp-bottom-player__track{
        min-width:0;
        height:52px;
        display:grid;
        grid-template-columns:50px minmax(0,1fr);
        gap:10px;
        align-items:center;
        padding:0;
        border:0;
        background:transparent;
    }
    .bp-bottom-player__cover{
        width:50px;
        height:50px;
        min-width:50px;
        overflow:hidden;
        border-radius:12px;
        background:linear-gradient(145deg,#17131e,#352246);
        box-shadow:none;
    }
    .bp-bottom-player__cover .bp-player-cover-placeholder{display:grid;place-items:center;width:100%;height:100%;color:rgba(205,180,255,.58)}
    .bp-bottom-player__cover .bp-player-cover-placeholder .hbp-icon{font-size:18px}
    .bp-bottom-player__cover img{width:100%;height:100%;object-fit:cover}
    .bp-bottom-player__meta{min-width:0;display:block;text-align:left}
    .bp-bottom-player__meta small{display:none}
    .bp-bottom-player__meta .bp-bottom-player__title{display:block;min-width:0;overflow:hidden;color:var(--hbp-color-strong);font-size:10px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
    .bp-bottom-player__meta>span{display:block;min-width:0;margin-top:4px;overflow:hidden;color:#9b94a0;font-size:8px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
    .bp-player-mobile-favorite{display:none}

    .bp-bottom-player__core{min-width:0;display:block;margin:0;padding:0}
    .bp-bottom-player__seek{display:none}
    .bp-bottom-player__transport{height:52px;display:flex;align-items:center;justify-content:flex-end;gap:4px;margin:0;padding:0}
    .bp-bottom-player__transport>*{display:none}
    .bp-bottom-player__transport>[data-player-next],
    .bp-bottom-player__transport>.bp-player-main{display:grid}
    .bp-bottom-player__transport>[data-player-next]{width:36px;height:36px;min-width:36px;place-items:center;border:0;border-radius:50%;padding:0;background:transparent;color:#a69eaa;align-self:center}
    .bp-bottom-player__transport>.bp-player-main{width:36px;height:36px;min-width:36px;place-items:center;border:0;border-radius:50%;padding:0;background:#fff;color:#18151c;box-shadow:none;align-self:center}
    .bp-bottom-player__transport .hbp-icon{font-size:14px}
    .bp-bottom-player__technical,.bp-player-queue{display:none}
    .bp-bottom-player__actions{position:absolute;inset:0;display:block;margin:0;padding:0;border:0;pointer-events:none}
    .bp-bottom-player__actions>*{display:none}
    .bp-bottom-player__actions>.bp-player-mobile-expand{position:absolute;z-index:2;left:0;right:90px;top:0;bottom:0;width:auto;height:auto;display:block;border:0;padding:0;background:transparent;opacity:0;pointer-events:auto}
    .bp-bottom-player__core{position:relative;z-index:3}


    .bp-bottom-player.is-expanded{
        left:0;
        right:0;
        bottom:0;
        width:100%;
        max-width:none;
        height:min(54dvh,470px);
        min-height:330px;
        max-height:470px;
        display:block;
        padding:9px 18px calc(20px + env(safe-area-inset-bottom));
        border:0;
        border-top:1px solid rgba(var(--hbp-contrast-rgb),.09);
        border-radius:27px 27px 0 0;
        background:var(--hbp-surface-1);
        box-shadow:0 -24px 65px rgba(0,0,0,.36);
        overflow:hidden;
        overscroll-behavior:none;
        touch-action:manipulation;
    }
    .bp-bottom-player.is-expanded .bp-bottom-player__mobile-handle{height:15px;display:grid;place-items:start center}
    .bp-bottom-player.is-expanded .bp-bottom-player__mobile-handle i{width:38px;height:4px;border-radius:4px;background:rgba(var(--hbp-text-rgb),.24)}
    .bp-bottom-player.is-expanded .bp-bottom-player__mobile-head{height:32px;display:flex;align-items:flex-start;justify-content:space-between;flex:0 0 32px}
    .bp-bottom-player.is-expanded .bp-bottom-player__mobile-head>span{display:block}
    .bp-bottom-player.is-expanded .bp-bottom-player__mobile-head small{display:block;color:rgba(var(--hbp-text-rgb),.48);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
    .bp-bottom-player.is-expanded .bp-player-mobile-close{margin-left:auto;width:34px;height:30px;display:grid;place-items:center;border:0;background:transparent;color:rgba(var(--hbp-text-rgb),.56)}
    .bp-bottom-player.is-expanded .bp-player-mobile-close .hbp-icon{font-size:14px}

    .bp-bottom-player.is-expanded .bp-bottom-player__track{
        height:auto;
        display:grid;
        grid-template-columns:78px minmax(0,1fr) 32px;
        gap:13px;
        align-items:center;
        margin-top:8px;
    }
    .bp-bottom-player.is-expanded .bp-bottom-player__cover{width:78px;height:78px;min-width:78px;border-radius:16px;box-shadow:0 14px 27px rgba(0,0,0,.25)}
    .bp-bottom-player.is-expanded .bp-bottom-player__cover .bp-player-cover-placeholder .hbp-icon{font-size:24px}
    .bp-bottom-player.is-expanded .bp-bottom-player__meta{min-width:0}
    .bp-bottom-player.is-expanded .bp-bottom-player__meta small{display:none}
    .bp-bottom-player.is-expanded .bp-bottom-player__meta .bp-bottom-player__title{font-size:19px;font-weight:760;letter-spacing:-.04em}
    .bp-bottom-player.is-expanded .bp-bottom-player__meta>span{margin-top:4px;color:rgba(var(--hbp-text-rgb),.58);font-size:9px}
    .bp-bottom-player.is-expanded .bp-player-mobile-favorite{grid-column:3;display:grid;width:32px;height:32px;place-items:center;border:0;background:transparent;color:rgba(var(--hbp-text-rgb),.56)}
    .bp-bottom-player.is-expanded .bp-player-mobile-favorite.is-active{color:#b196ff}

    .bp-bottom-player.is-expanded .bp-bottom-player__meta .bp-bottom-player__technical{position:static;display:flex;justify-content:flex-start;gap:4px;align-items:center;margin:8px 0 0}
    .bp-bottom-player.is-expanded .bp-player-chip{min-height:22px;display:inline-flex;align-items:center;gap:4px;border:0;border-radius:5px;padding:0 6px;background:var(--hbp-surface-3);color:rgba(var(--hbp-text-rgb),.62);font-size:10px}
    .bp-bottom-player.is-expanded .bp-player-chip small{font-size:10px}

    .bp-bottom-player.is-expanded .bp-bottom-player__core{display:flex;flex-direction:column;margin-top:7px}
    .bp-bottom-player.is-expanded .bp-bottom-player__seek{order:1;display:grid;grid-template-columns:1fr auto;grid-template-areas:"wave wave" "current duration";gap:1px 8px;align-items:center}
    .bp-bottom-player.is-expanded .bp-player-waveform{grid-area:wave;width:100%;height:42px;min-height:42px;margin:0;overflow:hidden}
    .bp-bottom-player.is-expanded .bp-player-waveform>b{height:42px}
    .bp-bottom-player.is-expanded .bp-bottom-player__time{display:block;color:rgba(var(--hbp-text-rgb),.46);font-size:10px;font-variant-numeric:tabular-nums}
    .bp-bottom-player.is-expanded .bp-bottom-player__time--current{grid-area:current;justify-self:start;text-align:left}
    .bp-bottom-player.is-expanded .bp-bottom-player__time--duration{grid-area:duration;justify-self:end;text-align:right}

    .bp-bottom-player.is-expanded .bp-bottom-player__transport{order:2;height:51px;display:flex;align-items:center;justify-content:center;gap:14px;margin-top:6px}
    .bp-bottom-player.is-expanded .bp-bottom-player__transport>*{display:grid;width:34px;height:34px;min-width:34px;place-items:center;border:0;border-radius:50%;padding:0;background:transparent;color:rgba(var(--hbp-text-rgb),.58)}
    .bp-bottom-player.is-expanded .bp-bottom-player__transport>.bp-player-main{width:51px;height:51px;min-width:51px;background:#fff;color:#18151c;box-shadow:0 10px 24px rgba(0,0,0,.24)}
    .bp-bottom-player.is-expanded .bp-player-queue-current{display:none}
    .bp-bottom-player.is-expanded .bp-bottom-player__transport .hbp-icon{font-size:15px}

    .bp-bottom-player.is-expanded .bp-bottom-player__actions{
        position:static;
        inset:auto;
        pointer-events:auto;
        display:grid;
        grid-template-columns:repeat(5,minmax(0,1fr));
        gap:4px;
        align-items:start;
        justify-items:center;
        min-height:58px;
        margin-top:7px;
        padding-top:7px;
        border-top:1px solid rgba(var(--hbp-contrast-rgb),.065)
    }
    .bp-bottom-player.is-expanded .bp-bottom-player__actions>*{display:none}
    .bp-bottom-player.is-expanded .bp-player-purchase,
    .bp-bottom-player.is-expanded .bp-player-notes-open,
    .bp-bottom-player.is-expanded .bp-player-demo-open,
    .bp-bottom-player.is-expanded .bp-player-radio,
    .bp-bottom-player.is-expanded .bp-player-queue-toggle{
        width:100%;
        margin:0 auto;
        min-width:0;
        min-height:52px;
        max-height:56px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:3px;
        border:0;
        border-radius:10px;
        padding:3px 2px;
        background:transparent;
        color:rgba(var(--hbp-text-rgb),.56);
        font-size:8px;
        text-align:center
    }
    .bp-bottom-player.is-expanded .bp-player-mobile-action-label{display:block;width:100%;max-width:100%;overflow:visible;text-overflow:clip;white-space:normal;font-size:10px;line-height:1.15;text-align:center}
    .bp-bottom-player.is-expanded .bp-bottom-player__actions .hbp-icon{font-size:15px;line-height:1}
    .bp-bottom-player.is-expanded .bp-bottom-player__transport .hbp-icon,
    .bp-bottom-player.is-expanded .bp-bottom-player__actions .hbp-icon,
    .bp-bottom-player.is-expanded .bp-player-mobile-favorite .hbp-icon,
    .bp-bottom-player.is-expanded .bp-player-mobile-close .hbp-icon{
        width:1em;
        min-width:1em;
        height:1em;
        display:grid;
        place-items:center;
        margin:0;
        line-height:1;
        vertical-align:0;
    }
    .bp-bottom-player.is-expanded .bp-bottom-player__transport .hbp-icon::before,
    .bp-bottom-player.is-expanded .bp-bottom-player__actions .hbp-icon::before,
    .bp-bottom-player.is-expanded .bp-player-mobile-favorite .hbp-icon::before,
    .bp-bottom-player.is-expanded .bp-player-mobile-close .hbp-icon::before{
        display:block;
        width:1em;
        line-height:1;
        text-align:center;
    }
    .bp-bottom-player.is-expanded .bp-player-purchase[aria-disabled="true"],
    .bp-bottom-player.is-expanded .bp-player-notes-open:disabled,
    .bp-bottom-player.is-expanded .bp-player-demo-open:disabled{opacity:.38}

    .bp-bottom-player.is-expanded .bp-player-queue{
        position:absolute;
        left:12px;
        right:12px;
        bottom:calc(15px + env(safe-area-inset-bottom));
        z-index:4;
        width:auto;
        max-height:min(62%,310px);
        display:block;
        padding:11px;
        border-radius:17px;
        background:var(--hbp-surface-2);
        box-shadow:0 16px 44px rgba(0,0,0,.4)
    }
    .bp-bottom-player.is-expanded .bp-player-queue[hidden]{display:none}

    body.hbp-has-player .hbp-main,body.hbp-has-player .bp-main{padding-bottom:calc(86px + env(safe-area-inset-bottom))}
}

@media(max-width:390px){
    .bp-bottom-player{left:6px;right:6px;bottom:calc(6px + env(safe-area-inset-bottom))}
    .bp-bottom-player.is-expanded{left:0;right:0;bottom:0;padding-inline:14px}
    .bp-bottom-player.is-expanded .bp-bottom-player__track{grid-template-columns:68px minmax(0,1fr) 30px;gap:10px}
    .bp-bottom-player.is-expanded .bp-bottom-player__cover{width:68px;height:68px;min-width:68px}
    .bp-bottom-player.is-expanded .bp-bottom-player__technical{margin-left:0}
    .bp-bottom-player.is-expanded .bp-bottom-player__transport{gap:12px}
}

@media(max-width:760px) and (max-height:620px){
    .bp-bottom-player.is-expanded{height:min(62dvh,410px);min-height:315px;max-height:410px}
    .bp-bottom-player.is-expanded .bp-bottom-player__track{grid-template-columns:62px minmax(0,1fr) 30px;gap:10px;margin-top:4px}
    .bp-bottom-player.is-expanded .bp-bottom-player__cover{width:62px;height:62px;min-width:62px}
    .bp-bottom-player.is-expanded .bp-player-waveform{height:34px;min-height:34px}
    .bp-bottom-player.is-expanded .bp-player-waveform>b{height:34px}
    .bp-bottom-player.is-expanded .bp-bottom-player__transport{height:45px;margin-top:1px}
    .bp-bottom-player.is-expanded .bp-bottom-player__actions{margin-top:3px;padding-top:4px;min-height:48px}
    .bp-bottom-player.is-expanded .bp-player-mobile-action-label{display:block;font-size:10px}
}