.c-strapi-media{border-radius:.9em;overflow:hidden;position:relative;margin:15px auto;width:calc(100% - 3px);max-width:776px;box-shadow:0 1px 3px 0 rgba(0,0,0,.02),0 0 0 1px rgba(27,31,35,.15)}.c-strapi-media .--pocket{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:100%;filter:blur(14px)}.c-strapi-media>*{position:relative}.c-strapi-media .--head{padding:16px;display:flex;align-items:center;grid-gap:15px;gap:15px;font-weight:700;position:relative;overflow:hidden}.c-strapi-media .--head>*{position:relative}.c-strapi-media .--head-video{font-size:12px;padding:5px 20px}.c-strapi-media .--cover{width:48px;height:48px;border-radius:100%;overflow:hidden}.c-strapi-media .--cover>*{width:100%;height:100%}.c-strapi-media .--cover>* img{height:100%}.c-strapi-media .--video{background-color:#000;position:relative}.c-strapi-media .--video video{margin:auto;display:block;max-height:662px}.c-strapi-media .--video i{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);font-size:64px;color:var(--primary);cursor:pointer}.c-strapi-media .--audio{width:100%;height:50px;display:flex;align-items:center;padding-left:10px;padding-right:10px;grid-gap:10px;gap:10px}.c-strapi-media .--audio .--time{font-size:10px;white-space:nowrap;display:flex;align-items:center;justify-content:flex-end;grid-gap:2px;gap:2px;width:80px;text-align:right}.c-strapi-media .--audio button{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--primary);grid-gap:5px;gap:5px;border:0;outline:none;cursor:pointer;border-radius:16em}.c-strapi-media .--audio button:hover{background-color:rgba(0,0,0,.07059)}.c-strapi-media .--audio button.--volume .--indexer{width:0}.c-strapi-media .--audio button.--volume .--indexer>div{width:50%}.c-strapi-media .--audio button.--volume:hover .--indexer{width:60px}.c-strapi-media .--audio .--indexer{width:100%;transition:all .5s ease;background-color:rgba(0,0,0,.2);height:5px;border-radius:16em;position:relative;overflow:hidden}.c-strapi-media .--audio .--indexer>div{background-color:var(--primary);position:absolute;top:0;left:0;height:100%;border-radius:inherit;transition:all .01s ease}.c-strapi-media audio{display:none}