.mbts-container{position:relative}.mbts-wrapper{-webkit-tap-highlight-color:transparent;background:var(--mbts-background,#fff);border:var(--mbts-border-width,1px) solid var(--mbts-border-color,#c7c7c7);border-radius:var(--mbts-border-radius,5px);display:flex;inset:0;position:absolute;user-select:none;-webkit-user-select:none}.mbts-hover-time-indicator:before,.mbts-time-indicator:before{border:4px solid transparent;border-top:4px solid var(--mbts-border-color,#c7c7c7);bottom:-9px;content:"";left:50%;pointer-events:none;position:absolute;right:50%;transform:translateX(-50%);width:0;z-index:-1}.mbts-hover-time-indicator:after,.mbts-time-indicator:after{border:4px solid transparent;border-top:4px solid var(--mbts-background-time-indicator,var(--mbts-background,#fff));bottom:-8px;content:"";left:50%;pointer-events:none;position:absolute;right:50%;transform:translateX(-50%);width:0;z-index:-1}.mbts-desktop{cursor:pointer}.mbts-desktop *{touch-action:none}.mbts-desktop .mbts-buttons{display:flex}.mbts-desktop .mbts-button{align-items:center;display:flex;justify-content:center;width:35px}.mbts-desktop .mbts-next:before,.mbts-desktop .mbts-play:before,.mbts-desktop .mbts-previous:before{line-height:0}.mbts-desktop .mbts-play:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 20 21' width='21'%3E%3Cpath d='m0 0 20 11L0 21z'/%3E%3C/svg%3E")}.mbts-desktop .mbts-previous:before{transform:scaleX(-1)}.mbts-desktop .mbts-next:before,.mbts-desktop .mbts-previous:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='15' viewBox='0 0 20 21' width='16'%3E%3Cpath d='m0 16 13-6L0 4V0l21 10L0 20Z'/%3E%3C/svg%3E")}.mbts-desktop .mbts-slider{display:flex;flex-grow:1}.mbts-desktop .mbts-days{display:flex;flex-grow:1;justify-content:space-around;position:relative}.mbts-desktop .mbts-days:before{background:var(--mbts-color-now-indicator,rgba(0,100,255,.6));content:"";height:10px;inset:0;position:absolute;transform:var(--mbts-nowPos) translateX(-50%);width:3px;z-index:1}.mbts-desktop .mbts-day{align-items:center;display:flex;flex:1;white-space:nowrap;width:0}.mbts-desktop .mbts-day:nth-child(2n){background-color:var(--mbts-background-days-even,transparent)}.mbts-desktop .mbts-day:nth-child(odd){background-color:var(--mbts-background-days-odd,transparent)}.mbts-desktop .mbts-day:before{border-left:var(--mbts-ticks-border,1px solid #c5cde1);content:"";height:100%;margin-right:5px}.mbts-desktop .mbts-progress{background:var(--mbts-color-progress-bar,#abd5e8);height:10px;pointer-events:none;position:absolute}.mbts-desktop .mbts-progress.with-transition{transition:width .1s linear}.mbts-desktop .mbts-time-indicator{background:var(--mbts-background-time-indicator,var(--mbts-background,#fff));border:var(--mbts-border-width,1px) solid var(--mbts-border-color,#c7c7c7);border-radius:var(--mbts-border-radius,5px);color:var(--mbts-color-time-indicator,inhert);cursor:grab;padding:4px .5em;position:absolute;top:-34px;transform:translateX(-50%);transition:opacity 50ms linear}.mbts-desktop .mbts-time-indicator.with-transition{transition:transform .1s linear,opacity 50ms linear}.mbts-desktop .mbts-time-indicator.ghost{opacity:.2}.mbts-desktop .mbts-hover-time-indicator{background:var(--mbts-background-time-indicator,var(--mbts-background,#fff));border:var(--mbts-border-width,1px) solid var(--mbts-border-color,#c7c7c7);border-radius:var(--mbts-border-radius,5px);color:var(--mbts-color-time-indicator,inhert);display:none;padding:4px .5em;position:absolute;top:-34px;transform:translateX(-50%)}.mbts-mobile *{touch-action:pan-x pan-y}.mbts-mobile .mbts-play{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;width:50px}.mbts-mobile .mbts-play:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 20 21' width='21'%3E%3Cpath d='m0 0 20 11L0 21z'/%3E%3C/svg%3E");display:block}.mbts-mobile .mbts-play.playing:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 20 21' width='21'%3E%3Cpath d='M0 0h8v21H0M12 0h8v21h-8z'/%3E%3C/svg%3E")}.mbts-mobile .mbts-slider{position:relative;width:calc(100% - 50px)}.mbts-mobile .mbts-days{height:100%;max-width:100%;overflow-x:scroll;position:relative;scrollbar-width:none;white-space:nowrap}.mbts-mobile .mbts-days::-webkit-scrollbar{display:none}.mbts-mobile .mbts-days:before{background:var(--mbts-color-now-indicator,rgba(0,100,255,.6));content:"";inset:0;position:absolute;transform:var(--mbts-nowPos) translateX(-50%);width:3px}.mbts-mobile .mbts-day{display:inline-block;height:100%;vertical-align:top}.mbts-mobile .mbts-day:nth-child(2n){background-color:var(--mbts-background-days-even,transparent)}.mbts-mobile .mbts-day:nth-child(odd){background-color:var(--mbts-background-days-odd,transparent)}.mbts-mobile .mbts-day:before{border-left:var(--mbts-ticks-border,1px solid #c5cde1);content:"";display:inline-block;height:100%;margin-right:5px;vertical-align:middle}.mbts-mobile .mbts-time-indicator{background:var(--mbts-background-time-indicator,var(--mbts-background,#fff));border:var(--mbts-border-width,1px) solid var(--mbts-border-color,#c7c7c7);border-radius:var(--mbts-border-radius,5px);color:var(--mbts-color-time-indicator,inhert);inset:-35px 50% auto auto;padding:4px .5em;position:absolute;transform:translateX(50%)}.playing .mbts-desktop .mbts-play:before,.playing .mbts-mobile .mbts-play:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 20 21' width='21'%3E%3Cpath d='M0 0h8v21H0M12 0h8v21h-8z'/%3E%3C/svg%3E")}