.ambient-player-bar{position:relative;z-index:20;width:100%;height:48px;background-color:var(--colorBody, #ffffff);border-top:1px solid var(--ambient-bar-border, #e8e8e8);border-bottom:1px solid var(--ambient-bar-border, #e8e8e8);color:var(--ambient-bar-text, #000000);display:flex;align-items:center;font-family:var(--font-body-family);font-size:14px}.ambient-player-bar__container{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 20px;max-width:var(--page-width, 1400px);margin:0 auto}.ambient-player-bar__left{display:flex;align-items:center;gap:12px;flex:0 0 auto}.ambient-player-bar__play-pause{background:none;border:none;padding:0;cursor:pointer;color:inherit;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.ambient-player-bar__play-pause:hover{opacity:.7}.ambient-player-bar__play-pause svg{width:16px;height:16px;fill:currentColor}.ambient-player-bar__track-info{display:flex;align-items:center;overflow:hidden;white-space:nowrap}.ambient-player-bar__track-title{text-overflow:ellipsis;overflow:hidden;max-width:200px}.ambient-player-bar__center{flex:1 1 auto}.ambient-player-bar__right{display:flex;align-items:center;gap:20px;flex:0 0 auto}.ambient-player-bar__location{display:flex;align-items:center;gap:6px;font-size:var(--ambient-location-font-size, 12px)}.ambient-player-bar__location-label{font-weight:600;text-transform:uppercase;letter-spacing:.05em}.ambient-player-bar__location-value{text-transform:uppercase;letter-spacing:.05em}.ambient-player-bar__divider{width:1px;height:20px;background-color:var(--ambient-icon-divider, #e8e8e8);flex-shrink:0}.ambient-player-bar__volume{display:flex;align-items:center;gap:8px}.ambient-player-bar__volume-btn{display:flex;align-items:center;justify-content:center}.ambient-player-bar__volume-icon{stroke:currentColor}.ambient-player-bar__volume-slider{width:60px;height:20px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;margin:0;padding:0}.ambient-player-bar__volume-slider::-webkit-slider-runnable-track{width:100%;height:4px;background:var(--ambient-icon-divider, #e8e8e8);border-radius:2px}.ambient-player-bar__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--ambient-bar-text, #000000);border-radius:50%;cursor:pointer;margin-top:-4px}.ambient-player-bar__volume-slider::-moz-range-track{width:100%;height:4px;background:var(--ambient-icon-divider, #e8e8e8);border-radius:2px}.ambient-player-bar__volume-slider::-moz-range-thumb{width:12px;height:12px;background:var(--ambient-bar-text, #000000);border-radius:50%;cursor:pointer;border:none}.ambient-player-bar__button{background:none;border:none;padding:0;cursor:pointer;color:inherit;display:flex;align-items:center;gap:6px;transition:opacity .2s}.ambient-player-bar__button:hover{opacity:.7}.ambient-player-bar__custom-icon{width:20px;height:20px;object-fit:contain}.ambient-player-bar__plus{font-size:24px;font-weight:300;line-height:1;color:var(--ambient-icon-color, #000);transition:transform .3s ease}.ambient-player-bar__audio-trigger[aria-expanded=true] .ambient-player-bar__plus{transform:rotate(45deg)}.ambient-player-bar__caret{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.ambient-player-bar__caret svg{width:12px;height:12px}.ambient-player-bar__info-trigger[aria-expanded=true] .ambient-player-bar__caret{transform:rotate(180deg)}.ambient-player-bar__dropdown{position:absolute;top:100%;left:0;right:0;width:100%;background-color:var(--ambient-dropdown-bg, var(--colorBody, #ffffff));border-top:none;border-bottom:1px solid var(--ambient-bar-border, #e8e8e8);z-index:19;padding:0;overflow:hidden;max-height:0;opacity:1;visibility:hidden;transition:max-height .4s cubic-bezier(.25,.46,.45,.94),visibility 0s linear .4s}.ambient-player-bar__dropdown.is-open{max-height:400px;visibility:visible;transition:max-height .4s cubic-bezier(.25,.46,.45,.94),visibility 0s linear 0s}.ambient-player-bar__dropdown[hidden]{display:block;max-height:0;visibility:hidden;pointer-events:none}.ambient-player-bar__track-list{list-style:none;max-width:var(--page-width, 1400px);margin:0 auto;padding:0 20px}.ambient-player-bar__track-option{display:block;width:100%;text-align:left;padding:var(--ambient-dropdown-padding, 18px) 0;background:none;border:none;border-bottom:1px solid var(--ambient-dropdown-border, #e8e8e8);cursor:pointer;color:var(--ambient-dropdown-text, #000000);font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);font-size:var(--ambient-dropdown-font-size, 16px);font-weight:var(--typeHeaderWeight, 400);text-transform:uppercase;letter-spacing:.15em;transition:opacity .2s ease}.ambient-player-bar__track-list li:first-child .ambient-player-bar__track-option{border-top:none}.ambient-player-bar__track-list li:last-child .ambient-player-bar__track-option{border-bottom:none}.ambient-player-bar__track-option:hover{opacity:.7}.ambient-player-bar__track-option[aria-selected=true]{opacity:.5}.ambient-player-bar__info-panel{position:absolute;top:100%;left:0;width:100%;max-height:0;background-color:var(--ambient-info-bg, #ffffff);border-bottom:1px solid var(--ambient-info-border, #e8e8e8);z-index:19;overflow:hidden;transition:max-height .4s cubic-bezier(.25,.46,.45,.94),opacity .3s ease;box-shadow:0 4px 12px #0000000d}.ambient-player-bar__info-panel[aria-hidden=false]{max-height:var(--ambient-info-height, 400px)}.ambient-player-bar__info-panel[aria-hidden=true]{max-height:0;opacity:0;pointer-events:none;border-bottom:none}.ambient-player-bar__info-content{height:var(--ambient-info-height, 400px);max-width:var(--page-width, 1400px);margin:0 auto}.ambient-player-bar__info-content-inner{display:flex;flex-direction:row;height:100%;width:100%}.ambient-player-bar__info-content-inner.ambient-player-bar__info-content--image-right{flex-direction:row-reverse}.ambient-player-bar__info-image{flex:0 0 50%;max-width:50%;height:100%;position:relative;overflow:hidden}.ambient-player-bar__info-image img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0}.ambient-player-bar__info-text{flex:0 0 50%;max-width:50%;padding:40px;overflow-y:auto;color:var(--ambient-info-text, #000000);display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.ambient-player-bar__info-content-inner:not(:has(.ambient-player-bar__info-image)) .ambient-player-bar__info-text{flex:0 0 100%;max-width:100%}.ambient-player-bar__info-heading{margin:0 0 20px;font-size:24px;font-weight:500}.ambient-player-bar__info-body{margin-bottom:30px;font-size:16px;line-height:1.6}.ambient-player-bar__info-action{margin-top:20px}.ambient-player-bar__info-action--center{text-align:center}.ambient-player-bar__info-action--right{text-align:right}.ambient-player-bar__btn{display:inline-block;padding:10px 24px;text-decoration:none;background-color:var(--btn-bg, #000000);color:var(--btn-text, #ffffff);border:1px solid var(--btn-outline, transparent);transition:opacity .2s}.ambient-player-bar__btn:hover{opacity:.8}.ambient-player-bar__btn--pill{border-radius:50px}.ambient-player-bar__btn--square{border-radius:0}.ambient-player-bar__btn--small{font-size:12px;padding:8px 16px}.ambient-player-bar__btn--medium{font-size:14px;padding:10px 24px}.ambient-player-bar__btn--large{font-size:16px;padding:14px 32px}.ambient-player-bar__container--toggle{justify-content:stretch;gap:0;padding:0;padding-left:var(--ambient-toggle-padding-left, 0px);max-width:100%}.ambient-player-bar__toggle-track{position:relative;display:flex;align-items:center;flex:1;height:100%;transition:opacity .2s ease;overflow:hidden}.ambient-player-bar__toggle-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--track-bg-image);background-size:cover;background-position:var(--track-bg-position, center) center;background-repeat:no-repeat;z-index:0}.ambient-player-bar__toggle-content{position:relative;z-index:1;display:flex;align-items:center;gap:12px;width:100%;height:100%;padding:0 20px}.ambient-player-bar__toggle-track.has-background,.ambient-player-bar__toggle-track.has-background .ambient-player-bar__button{color:var(--track-text-color, #ffffff)}.ambient-player-bar__toggle-track:first-child .ambient-player-bar__toggle-content{justify-content:flex-start;padding-left:20px}.ambient-player-bar__toggle-track:last-of-type .ambient-player-bar__toggle-content{justify-content:flex-end}.ambient-player-bar__toggle-track:not(.is-active) .ambient-player-bar__toggle-bg{opacity:.5}.ambient-player-bar__toggle-track:not(.is-active):hover .ambient-player-bar__toggle-bg{opacity:.7}.ambient-player-bar__divider--toggle{height:100%;align-self:stretch}.ambient-player-bar__toggle-play{display:flex;align-items:center;gap:8px;background:none;border:none;padding:0;cursor:pointer;color:inherit}.ambient-player-bar__toggle-play:hover{opacity:.7}.ambient-player-bar__toggle-play svg{width:10px;height:12px;fill:currentColor}.ambient-player-bar__toggle-info{display:flex;align-items:center}.ambient-player-bar__toggle-track .ambient-player-bar__location{margin-left:auto;margin-right:12px}.ambient-player-bar__toggle-info-trigger{margin-left:auto}.ambient-player-bar__toggle-track .ambient-player-bar__location+.ambient-player-bar__toggle-info-trigger{margin-left:0}.ambient-player-bar__volume-block{flex-shrink:0;width:48px;height:100%;display:flex;align-items:center;justify-content:center;color:var(--ambient-dropdown-text, var(--ambient-bar-text, #000000))}.ambient-player-bar__volume-panel{position:absolute;top:100%;right:0;width:48px;background-color:var(--ambient-dropdown-bg, var(--colorBody, #ffffff));border-left:1px solid var(--ambient-dropdown-border, #e8e8e8);border-right:1px solid var(--ambient-dropdown-border, #e8e8e8);border-bottom:1px solid var(--ambient-dropdown-border, #e8e8e8);z-index:19;display:flex;align-items:center;justify-content:center;padding:16px 0;max-height:0;overflow:hidden;visibility:hidden;transition:max-height .4s cubic-bezier(.25,.46,.45,.94),visibility 0s linear .4s}.ambient-player-bar__volume-panel.is-open{max-height:200px;visibility:visible;transition:max-height .4s cubic-bezier(.25,.46,.45,.94),visibility 0s linear 0s}.ambient-player-bar__volume-slider--vertical{writing-mode:vertical-lr;direction:rtl;-webkit-appearance:none;appearance:none;width:20px;height:100px;background:transparent;cursor:pointer}.ambient-player-bar__volume-slider--vertical::-webkit-slider-runnable-track{width:4px;height:100%;background:var(--ambient-dropdown-border, #e8e8e8);border-radius:2px}.ambient-player-bar__volume-slider--vertical::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--ambient-dropdown-text, #000000);border-radius:50%;cursor:pointer;margin-left:-6px}.ambient-player-bar__volume-slider--vertical::-moz-range-track{width:4px;height:100%;background:var(--ambient-dropdown-border, #e8e8e8);border-radius:2px}.ambient-player-bar__volume-slider--vertical::-moz-range-thumb{width:16px;height:16px;background:var(--ambient-dropdown-text, #000000);border-radius:50%;cursor:pointer;border:none}.hidden{display:none!important}@media screen and (max-width:749px){.ambient-player-bar--hide-mobile{display:none!important}}@media screen and (max-width:749px){.ambient-player-bar{height:auto;min-height:48px;padding:10px 0}.ambient-player-bar__container{flex-wrap:wrap;gap:10px}.ambient-player-bar__left{width:100%;justify-content:flex-start;order:1}.ambient-player-bar__track-title{max-width:100%}.ambient-player-bar__right{width:100%;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(0,0,0,.05);order:2}.ambient-player-bar__dropdown{position:absolute;top:100%;left:0;right:0;width:100%;max-height:0;border-radius:0;margin:0;box-shadow:none;transform:none}.ambient-player-bar__dropdown.is-open{max-height:60vh;transform:none}.ambient-player-bar__track-list{padding:0 20px}.ambient-player-bar__info-content-inner,.ambient-player-bar__info-content-inner.ambient-player-bar__info-content--image-right{flex-direction:column!important}.ambient-player-bar__info-image{flex:0 0 200px;max-width:100%;width:100%}.ambient-player-bar__info-text{flex:1 1 auto;max-width:100%;padding:20px}.ambient-player-bar__volume-slider{width:40px}.ambient-player-bar__divider{height:16px}.ambient-player-bar__button{min-width:36px;min-height:36px;justify-content:center}.ambient-player-bar__container--toggle{flex-direction:column;gap:0}.ambient-player-bar__toggle-track{width:100%}.ambient-player-bar__toggle-content{padding:8px 20px;justify-content:flex-start!important}.ambient-player-bar__divider--toggle{width:100%;height:1px}.ambient-player-bar__volume-block{width:100%;height:48px;border-top:none}.ambient-player-bar__volume-panel{right:0;width:48px}}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/11/assets/ambient-player-bar.css.map */