.playbar{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;bottom:0;left:0;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:10px 20px;background-color:white;background-image:-webkit-gradient(linear, left top, left bottom, from(white), to(#f6f6f6));background-image:linear-gradient(white, #f6f6f6);-webkit-box-shadow:0 -1px 0 0 rgba(0,0,0,0.125),0 -2px 8px -2px rgba(0,0,0,0.25);box-shadow:0 -1px 0 0 rgba(0,0,0,0.125),0 -2px 8px -2px rgba(0,0,0,0.25);-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(100%) translateY(8px);transform:translateY(100%) translateY(8px)}.playbar.is-visible{-webkit-transform:none;transform:none}.playbar__cover{display:block;width:80px !important;height:80px !important;margin-right:10px;border-radius:4px}.playbar__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:10px}.playbar__button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#00a4ef;border-radius:50%;position:relative;color:white;line-height:1;-webkit-transition:all 0.0625s;transition:all 0.0625s}.playbar__button:hover{background-color:#23baff}.playbar__button::before{content:'\0020';display:block;background-position:center center;background-repeat:no-repeat;background-size:14px;position:absolute;top:0;left:0;display:block;width:100%;height:100%}.playbar__button--back,.playbar__button--forward{width:30px;height:30px}.playbar__button--back::before{content:'\0020';background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22white%22%20viewBox=%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d=%22M.5%203.5A.5.5%200%200%200%200%204v8a.5.5%200%200%200%201%200V8.753l6.267%203.636c.54.313%201.233-.066%201.233-.697v-2.94l6.267%203.636c.54.314%201.233-.065%201.233-.696V4.308c0-.63-.693-1.01-1.233-.696L8.5%207.248v-2.94c0-.63-.692-1.01-1.233-.696L1%207.248V4a.5.5%200%200%200-.5-.5z%22/%3E%0A%3C/svg%3E")}.playbar__button--forward::before{content:'\0020';background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22white%22%20viewBox=%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d=%22M15.5%203.5a.5.5%200%200%201%20.5.5v8a.5.5%200%200%201-1%200V8.753l-6.267%203.636c-.54.313-1.233-.066-1.233-.697v-2.94l-6.267%203.636C.693%2012.703%200%2012.324%200%2011.693V4.308c0-.63.693-1.01%201.233-.696L7.5%207.248v-2.94c0-.63.693-1.01%201.233-.696L15%207.248V4a.5.5%200%200%201%20.5-.5z%22/%3E%0A%3C/svg%3E")}.playbar__button--play{margin:0 2px;width:44px;height:44px;font-size:24px}.playbar__button--play::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22white%22%20viewBox=%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d=%22M11.596%208.697l-6.363%203.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01%201.233-.696l6.363%203.692a.802.802%200%200%201%200%201.393z%22/%3E%0A%3C/svg%3E");background-size:22px}.is-playing .playbar__button--play::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22white%22%20viewBox=%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d=%22M5.5%203.5A1.5%201.5%200%200%201%207%205v6a1.5%201.5%200%200%201-3%200V5a1.5%201.5%200%200%201%201.5-1.5zm5%200A1.5%201.5%200%200%201%2012%205v6a1.5%201.5%200%200%201-3%200V5a1.5%201.5%200%200%201%201.5-1.5z%22/%3E%0A%3C/svg%3E")}.playbar__middle{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-flow:column-reverse;flex-flow:column-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:10px}@media (min-width: 600px){.playbar__middle{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row}}.playbar__progress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:44px;width:100%;min-width:80px}@media (min-width: 600px){.playbar__progress{margin-right:10px}}.playbar__progress-track{background-color:rgba(62,79,96,0.25);height:10px;width:100%;border-radius:5px;position:relative;overflow:hidden}.playbar__progress-bar{background-color:#00a4ef;height:100%;position:absolute;left:0;top:0;-webkit-transition:all 0.125s;transition:all 0.125s}.playbar__info{display:block;margin-right:10px;max-width:660px;margin-bottom:-10px;font-size:16px;line-height:1.25}.playbar__info strong{color:#00a4ef;font-size:18px;letter-spacing:-0.05em}@media (min-width: 600px){.playbar__info{margin-bottom:0;max-height:100px;overflow:auto;overscroll-behavior:contain;position:relative;scrollbar-width:thin;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.playbar__info strong{display:inline-block;margin-bottom:4px}.playbar__info::-webkit-scrollbar{width:10px}.playbar__info::-webkit-scrollbar-thumb{background-color:rgba(62,79,96,0.25)}.playbar__info::after{content:'\0020';display:block;width:100%;height:16px;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(246,246,246,0)), to(#f6f6f6));background-image:linear-gradient(rgba(246,246,246,0), #f6f6f6);position:-webkit-sticky;position:sticky;bottom:0;left:0}}.playbar__copy{display:none}@media (min-width: 600px){.playbar__copy{display:block}}.playbar__close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:44px;height:44px;position:relative;background-color:rgba(62,79,96,0.2)}.playbar__close:hover{background-color:rgba(62,79,96,0.1)}.playbar__close::before{content:'\0020';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22rgb(62,79,96)%22%20viewBox=%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d=%22M4.646%204.646a.5.5%200%200%201%20.708%200L8%207.293l2.646-2.647a.5.5%200%200%201%20.708.708L8.707%208l2.647%202.646a.5.5%200%200%201-.708.708L8%208.707l-2.646%202.647a.5.5%200%200%201-.708-.708L7.293%208%204.646%205.354a.5.5%200%200%201%200-.708z%22/%3E%0A%3C/svg%3E");background-position:center center;background-repeat:no-repeat;background-size:36px}