ab-player{--abp-color: #0085dd;--abp-size: 175px;--abp-bg: #ffffff;--abp-text: #161819;display:block;font-family:inherit;margin:auto}ab-player .abp{display:flex;flex-direction:column;align-items:center;gap:0;color:var(--abp-text)}ab-player .abp.is-disabled{opacity:.6}ab-player .abp__ring-container{position:relative;width:var(--abp-size);height:var(--abp-size);display:flex;align-items:center;justify-content:center;margin:16px 0 32px}ab-player .abp__soundcloud-host{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}ab-player .abp__soundcloud-frame{width:1px;height:1px;border:0}ab-player .abp__ring{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;overflow:visible}ab-player .abp__track{fill:none}ab-player .abp__track--base{stroke:#bbc1c7;stroke-width:5px}ab-player .abp__track--100{stroke:#bbc1c7;stroke-width:4.5px;opacity:.8}ab-player .abp__track--113{stroke:#bbc1c7;stroke-width:4px;opacity:.6}ab-player .abp__track--125{stroke:#bbc1c7;stroke-width:3px;opacity:.4}ab-player .abp__track--135{stroke:#bbc1c7;stroke-width:2px;opacity:.2}ab-player .abp__progress{fill:none;stroke:var(--abp-color);stroke-width:5px;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .1s linear}ab-player .abp__progress-dot-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;transition:transform .15s linear}ab-player .abp__progress-dot{position:absolute;top:-4px;left:50%;width:15px;height:15px;background:var(--abp-color);border-radius:50%;transform:translate(-50%);margin-top:-.5px;margin-left:.5px}ab-player .abp__play-btn{background:transparent;border:none;border-radius:0;width:auto;height:auto;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:var(--abp-color);padding:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}ab-player .abp__play-btn:hover{filter:brightness(1.05)}ab-player .abp__play-btn:disabled{cursor:not-allowed;filter:none}ab-player .abp__play-btn svg{width:80px;height:88px;transition:filter .15s ease-in-out}ab-player .abp__toggle-container{position:relative;border-radius:9999px;min-width:200px;width:200px;height:50px;isolation:isolate;overflow:hidden}ab-player .abp__toggle{display:flex;position:relative;width:100%;height:100%;border-radius:9999px;justify-content:center;align-items:center;background:var(--abp-color);padding:5px 6px}ab-player .abp__toggle-indicator{position:absolute;left:5px;top:5px;width:50%;height:calc(100% - 10px);background:var(--abp-bg);border-radius:9999px;transition:transform .12s cubic-bezier(.33,1,.68,1);z-index:1}ab-player .abp__source{flex:1;border:none;background:transparent;z-index:2;cursor:pointer;font-size:18px;font-weight:500;letter-spacing:normal;text-transform:none;font-family:inherit;transition:color .15s ease-in-out}ab-player .abp__source[data-source=before]{color:#fff}ab-player .abp__source[data-source=before].is-active{color:var(--abp-text)}ab-player .abp__source[data-source=after]{color:#fff}ab-player .abp__source[data-source=after].is-active{color:var(--abp-text)}ab-player .abp__source:disabled{cursor:not-allowed}ab-player .abp__source:focus-visible,ab-player .abp__play-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}ab-player-modules{--abpm-color: #0085dd;--abpm-text-color: inherit;display:block;color:var(--abpm-text-color)}ab-player-modules.abpm{width:100%;max-width:none;margin:0}ab-player-modules .abpm__header{max-width:21rem;margin:0 0 28px;text-align:center}ab-player-modules .abpm__heading{margin:0 0 12px}ab-player-modules .abpm__body{color:inherit;opacity:.86}ab-player-modules .abpm__body>*:first-child{margin-top:0}ab-player-modules .abpm__body>*:last-child{margin-bottom:0}ab-player-modules .abpm__content{display:grid;width:100%;grid-template-columns:minmax(280px,336px) minmax(0,1fr);grid-template-areas:"main modules";gap:48px;align-items:center}ab-player-modules .abpm__main{grid-area:main;display:flex;flex-direction:column;align-items:center}ab-player-modules .abpm__player{justify-self:center}ab-player-modules .abpm__modules{grid-area:modules;display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start}ab-player-modules .abpm__module:nth-child(n+7){display:none}ab-player-modules .abpm__module{width:100%;display:flex;min-height:clamp(112px,10vw,168px);flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;border:2px solid var(--abpm-color);border-radius:8px;background:transparent;color:inherit;text-align:center;cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}ab-player-modules .abpm__module:hover:not(:disabled),ab-player-modules .abpm__module:focus-visible:not(:disabled){background:var(--abpm-color);box-shadow:0 0 0 1px var(--abpm-color);transform:translateY(-1px)}ab-player-modules .abpm__module.is-active{background:var(--abpm-color);box-shadow:0 0 0 1px var(--abpm-color)}ab-player-modules .abpm__module:disabled,ab-player-modules .abpm__module.is-disabled{cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}ab-player-modules .abpm__module-media{flex:0 0 auto;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}ab-player-modules .abpm__module-media svg,ab-player-modules .abpm__module-media .abpm__module-icon,ab-player-modules .abpm__module-media img{display:block;width:100%;height:100%}ab-player-modules .abpm__module-fallback{font-size:1.25rem;font-weight:700;line-height:1}ab-player-modules .abpm__module-icon,ab-player-modules .abpm__module-fallback{color:var(--abpm-color)}ab-player-modules .abpm__module-icon [fill]:not([fill=none]){fill:currentColor!important}ab-player-modules .abpm__module-icon [stroke]:not([stroke=none]){stroke:currentColor!important}ab-player-modules .abpm__module.is-active .abpm__module-icon,ab-player-modules .abpm__module:hover:not(:disabled) .abpm__module-icon,ab-player-modules .abpm__module:focus-visible:not(:disabled) .abpm__module-icon,ab-player-modules .abpm__module.is-active .abpm__module-fallback{color:#fff}ab-player-modules .abpm__module:hover:not(:disabled) .abpm__module-fallback,ab-player-modules .abpm__module:focus-visible:not(:disabled) .abpm__module-fallback{color:#fff}ab-player-modules .abpm__module-media img{object-fit:contain}ab-player-modules .abpm__module-content{min-width:0;display:flex;justify-content:center;align-items:center}ab-player-modules .abpm__module-title{display:block;margin:0;font-size:.95rem;font-weight:700;line-height:1.3}@media screen and (max-width:749px){ab-player-modules .abpm__header{margin-bottom:20px}ab-player-modules .abpm__content{grid-template-columns:1fr;grid-template-areas:"main" "modules";gap:32px}ab-player-modules .abpm__modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}ab-player-modules .abpm__player{justify-self:stretch}ab-player-modules .abpm__module{min-height:112px}}@media screen and (min-width:750px){ab-player-modules.abpm--player-right .abpm__content{grid-template-columns:minmax(0,1fr) minmax(280px,336px);grid-template-areas:"modules main"}ab-player-modules .abpm__module-media{width:64px;height:64px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/ab-player.css.map */