.loading-spinner{-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(.1,.7,1,.1);animation-timing-function:cubic-bezier(.1,.7,1,.1);border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--spinner-color);border-style:solid;border-width:var(--spinner-thickness);border-radius:calc(var(--spinner-size)/2);height:var(--spinner-size);width:var(--spinner-size)}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes fadein{from{opacity:0}}@keyframes fadein{from{opacity:0}}.basic-video{position:relative;display:block;overflow:hidden;height:100%}.basic-video video{display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;width:100%;height:100%}.basic-video__gradient--default:before{content:"";position:absolute;left:0;width:100%}.basic-video__gradient--default:before{content:"";position:absolute;left:0;width:100%;top:0;height:50%;max-height:155px;background:-webkit-gradient(linear,left bottom,left top,color-stop(70%,transparent),to(rgba(0,0,0,.45)));background:linear-gradient(0deg,transparent 70%,rgba(0,0,0,.45) 100%)}.basic-video__control{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;position:absolute;display:grid;place-items:center center;-webkit-filter:drop-shadow(0 0 4px rgba(0,0,0,.4));filter:drop-shadow(0 0 4px rgba(0,0,0,.4));height:32px;width:32px;inset:auto auto 32px 32px;border:2px solid #fff;border-radius:50%;padding:0;background-color:rgba(0,0,0,0)}.basic-video__icon{position:relative;-webkit-transition:border-color .3s ease-in-out;transition:border-color .3s ease-in-out;height:14px;width:10px}.basic-video__icon:before,.basic-video__icon:after{-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.basic-video__control--play .basic-video__icon{margin-right:-4px;border-bottom:7px solid rgba(0,0,0,0);border-left:10px solid #fff;border-right:none;border-top:7px solid rgba(0,0,0,0)}.basic-video__control--pause .basic-video__icon{border-color:rgba(0,0,0,0)}.basic-video__control--pause .basic-video__icon:before,.basic-video__control--pause .basic-video__icon:after{content:"";position:absolute;opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:14px;width:2px;background-color:#fff}.basic-video__control--pause .basic-video__icon:before{inset:50% auto auto 0}.basic-video__control--pause .basic-video__icon:after{inset:50% 0 auto auto}.basic-video__poster{position:absolute;top:0;height:100%;width:100%;background-color:#000}.basic-video__poster--hidden{display:none}.basic-video__poster-button{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;opacity:1;top:0;width:100%;height:100%;border:0;padding:0;background-color:rgba(0,0,0,0)}.basic-video__poster-button--hidden{display:none}.basic-video__poster-play{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:calc(50% - 40px);left:calc(50% - 40px);width:80px;height:80px;border:4px solid #fff;border-radius:50%;padding-left:5px;background:rgba(255,255,255,.5);color:#fff;font-size:30px}