react-design-editor
Version:
Design Editor Tools with React.js + ant.design + fabric.js
2 lines (1 loc) • 29.1 kB
CSS
.mejs__offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs__container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs__container,.mejs__container *{box-sizing:border-box}.mejs__container video::-webkit-media-controls,.mejs__container video::-webkit-media-controls-panel,.mejs__container video::-webkit-media-controls-panel-container,.mejs__container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none}.mejs__fill-container,.mejs__fill-container .mejs__container{height:100%;width:100%}.mejs__fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs__container:focus{outline:none}.mejs__iframe-overlay{height:100%;position:absolute;width:100%}.mejs__embed,.mejs__embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs__fullscreen{overflow:hidden}.mejs__container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs__container-fullscreen .mejs__mediaelement,.mejs__container-fullscreen video{height:100%;width:100%}.mejs__background,.mejs__mediaelement{left:0;position:absolute;top:0}.mejs__mediaelement{height:100%;width:100%;z-index:0}.mejs__poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs__poster-img{display:none}.mejs__poster-img{border:0;padding:0}.mejs__overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs__layer{z-index:1}.mejs__overlay-play{cursor:pointer}.mejs__overlay-button{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='120'%20viewBox='0%200%20400%20120'%3e%3cstyle%3e.st0{fill:%23FFFFFF;width:16px;height:16px}%20.st1{fill:none;stroke:%23FFFFFF;stroke-width:1.5;stroke-linecap:round;}%20.st2{fill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;}%20.st3{fill:none;stroke:%23FFFFFF;}%20.st4{fill:%23231F20;}%20.st5{opacity:0.75;fill:none;stroke:%23FFFFFF;stroke-width:5;enable-background:new;}%20.st6{fill:none;stroke:%23FFFFFF;stroke-width:5;}%20.st7{opacity:0.4;fill:%23FFFFFF;enable-background:new;}%20.st8{opacity:0.6;fill:%23FFFFFF;enable-background:new;}%20.st9{opacity:0.8;fill:%23FFFFFF;enable-background:new;}%20.st10{opacity:0.9;fill:%23FFFFFF;enable-background:new;}%20.st11{opacity:0.3;fill:%23FFFFFF;enable-background:new;}%20.st12{opacity:0.5;fill:%23FFFFFF;enable-background:new;}%20.st13{opacity:0.7;fill:%23FFFFFF;enable-background:new;}%3c/style%3e%3cpath%20class='st0'%20d='M16.5%208.5c.3.1.4.5.2.8-.1.1-.1.2-.2.2l-11.4%207c-.5.3-.8.1-.8-.5V2c0-.5.4-.8.8-.5l11.4%207z'/%3e%3cpath%20class='st0'%20d='M24%201h2.2c.6%200%201%20.4%201%201v14c0%20.6-.4%201-1%201H24c-.6%200-1-.4-1-1V2c0-.5.4-1%201-1zm9.8%200H36c.6%200%201%20.4%201%201v14c0%20.6-.4%201-1%201h-2.2c-.6%200-1-.4-1-1V2c0-.5.4-1%201-1z'/%3e%3cpath%20class='st0'%20d='M81%201.4c0-.6.4-1%201-1h5.4c.6%200%20.7.3.3.7l-6%206c-.4.4-.7.3-.7-.3V1.4zm0%2015.8c0%20.6.4%201%201%201h5.4c.6%200%20.7-.3.3-.7l-6-6c-.4-.4-.7-.3-.7.3v5.4zM98.8%201.4c0-.6-.4-1-1-1h-5.4c-.6%200-.7.3-.3.7l6%206c.4.4.7.3.7-.3V1.4zm0%2015.8c0%20.6-.4%201-1%201h-5.4c-.6%200-.7-.3-.3-.7l6-6c.4-.4.7-.3.7.3v5.4z'/%3e%3cpath%20class='st0'%20d='M112.7%205c0%20.6.4%201%201%201h4.1c.6%200%20.7-.3.3-.7L113.4.6c-.4-.4-.7-.3-.7.3V5zm-7.1%201c.6%200%201-.4%201-1V.9c0-.6-.3-.7-.7-.3l-4.7%204.7c-.4.4-.3.7.3.7h4.1zm1%207.1c0-.6-.4-1-1-1h-4.1c-.6%200-.7.3-.3.7l4.7%204.7c.4.4.7.3.7-.3v-4.1zm7.1-1c-.6%200-1%20.4-1%201v4.1c0%20.5.3.7.7.3l4.7-4.7c.4-.4.3-.7-.3-.7h-4.1z'/%3e%3cpath%20class='st0'%20d='M67%205.8c-.5.4-1.2.6-1.8.6H62c-.6%200-1%20.4-1%201v5.7c0%20.6.4%201%201%201h4.2c.3.2.5.4.8.6l3.5%202.6c.4.3.8.1.8-.4V3.5c0-.5-.4-.7-.8-.4L67%205.8z'/%3e%3cpath%20class='st1'%20d='M73.9%202.5s3.9-.8%203.9%207.7-3.9%207.8-3.9%207.8'/%3e%3cpath%20class='st1'%20d='M72.6%206.4s2.6-.4%202.6%203.8-2.6%203.9-2.6%203.9'/%3e%3cpath%20class='st0'%20d='M47%205.8c-.5.4-1.2.6-1.8.6H42c-.6%200-1%20.4-1%201v5.7c0%20.6.4%201%201%201h4.2c.3.2.5.4.8.6l3.5%202.6c.4.3.8.1.8-.4V3.5c0-.5-.4-.7-.8-.4L47%205.8z'/%3e%3cpath%20class='st2'%20d='M52.8%207l5.4%205.4m-5.4%200L58.2%207'/%3e%3cpath%20class='st3'%20d='M128.7%208.6c-6.2-4.2-6.5%207.8%200%203.9m6.5-3.9c-6.2-4.2-6.5%207.8%200%203.9'/%3e%3cpath%20class='st0'%20d='M122.2%203.4h15.7v13.1h-15.7V3.4zM120.8%202v15.7h18.3V2h-18.3z'/%3e%3cpath%20class='st0'%20d='M143.2%203h14c1.1%200%202%20.9%202%202v10c0%201.1-.9%202-2%202h-14c-1.1%200-2-.9-2-2V5c0-1.1.9-2%202-2z'/%3e%3cpath%20class='st4'%20d='M146.4%2013.8c-.8%200-1.6-.4-2.1-1-1.1-1.4-1-3.4.1-4.8.5-.6%202-1.7%204.6.2l-.6.8c-1.4-1-2.6-1.1-3.3-.3-.8%201-.8%202.4-.1%203.5.7.9%201.9.8%203.4-.1l.5.9c-.7.5-1.6.7-2.5.8zm7.5%200c-.8%200-1.6-.4-2.1-1-1.1-1.4-1-3.4.1-4.8.5-.6%202-1.7%204.6.2l-.5.8c-1.4-1-2.6-1.1-3.3-.3-.8%201-.8%202.4-.1%203.5.7.9%201.9.8%203.4-.1l.5.9c-.8.5-1.7.7-2.6.8z'/%3e%3cpath%20class='st0'%20d='M60.3%2077c.6.2.8.8.6%201.4-.1.3-.3.5-.6.6L30%2096.5c-1%20.6-1.7.1-1.7-1v-35c0-1.1.8-1.5%201.7-1L60.3%2077z'/%3e%3cpath%20class='st5'%20d='M2.5%2079c0-20.7%2016.8-37.5%2037.5-37.5S77.5%2058.3%2077.5%2079%2060.7%20116.5%2040%20116.5%202.5%2099.7%202.5%2079z'/%3e%3cpath%20class='st0'%20d='M140.3%2077c.6.2.8.8.6%201.4-.1.3-.3.5-.6.6L110%2096.5c-1%20.6-1.7.1-1.7-1v-35c0-1.1.8-1.5%201.7-1L140.3%2077z'/%3e%3cpath%20class='st6'%20d='M82.5%2079c0-20.7%2016.8-37.5%2037.5-37.5s37.5%2016.8%2037.5%2037.5-16.8%2037.5-37.5%2037.5S82.5%2099.7%2082.5%2079z'/%3e%3ccircle%20class='st0'%20cx='201.9'%20cy='47.1'%20r='8.1'/%3e%3ccircle%20class='st7'%20cx='233.9'%20cy='79'%20r='5'/%3e%3ccircle%20class='st8'%20cx='201.9'%20cy='110.9'%20r='6'/%3e%3ccircle%20class='st9'%20cx='170.1'%20cy='79'%20r='7'/%3e%3ccircle%20class='st10'%20cx='178.2'%20cy='56.3'%20r='7.5'/%3e%3ccircle%20class='st11'%20cx='226.3'%20cy='56.1'%20r='4.5'/%3e%3ccircle%20class='st12'%20cx='225.8'%20cy='102.8'%20r='5.5'/%3e%3ccircle%20class='st13'%20cx='178.2'%20cy='102.8'%20r='6.5'/%3e%3cpath%20class='st0'%20d='M178%209.4c0%20.4-.4.7-.9.7-.1%200-.2%200-.2-.1L172%208.2c-.5-.2-.6-.6-.1-.8l6.2-3.6c.5-.3.8-.1.7.5l-.8%205.1z'/%3e%3cpath%20class='st0'%20d='M169.4%2015.9c-1%200-2-.2-2.9-.7-2-1-3.2-3-3.2-5.2.1-3.4%202.9-6%206.3-6%202.5.1%204.8%201.7%205.6%204.1l.1-.1%202.1%201.1c-.6-4.4-4.7-7.5-9.1-6.9-3.9.6-6.9%203.9-7%207.9%200%202.9%201.7%205.6%204.3%207%201.2.6%202.5.9%203.8%201%202.6%200%205-1.2%206.6-3.3l-1.8-.9c-1.2%201.2-3%202-4.8%202z'/%3e%3cpath%20class='st0'%20d='M183.4%203.2c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5zm-5.1%205c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5zm-5.1%205c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5z'/%3e%3c/svg%3e") no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs__overlay:hover>.mejs__overlay-button{background-position:-80px -39px}.mejs__overlay-loading{height:80px;width:80px}.mejs__overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='120'%20viewBox='0%200%20400%20120'%3e%3cstyle%3e.st0{fill:%23FFFFFF;width:16px;height:16px}%20.st1{fill:none;stroke:%23FFFFFF;stroke-width:1.5;stroke-linecap:round;}%20.st2{fill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;}%20.st3{fill:none;stroke:%23FFFFFF;}%20.st4{fill:%23231F20;}%20.st5{opacity:0.75;fill:none;stroke:%23FFFFFF;stroke-width:5;enable-background:new;}%20.st6{fill:none;stroke:%23FFFFFF;stroke-width:5;}%20.st7{opacity:0.4;fill:%23FFFFFF;enable-background:new;}%20.st8{opacity:0.6;fill:%23FFFFFF;enable-background:new;}%20.st9{opacity:0.8;fill:%23FFFFFF;enable-background:new;}%20.st10{opacity:0.9;fill:%23FFFFFF;enable-background:new;}%20.st11{opacity:0.3;fill:%23FFFFFF;enable-background:new;}%20.st12{opacity:0.5;fill:%23FFFFFF;enable-background:new;}%20.st13{opacity:0.7;fill:%23FFFFFF;enable-background:new;}%3c/style%3e%3cpath%20class='st0'%20d='M16.5%208.5c.3.1.4.5.2.8-.1.1-.1.2-.2.2l-11.4%207c-.5.3-.8.1-.8-.5V2c0-.5.4-.8.8-.5l11.4%207z'/%3e%3cpath%20class='st0'%20d='M24%201h2.2c.6%200%201%20.4%201%201v14c0%20.6-.4%201-1%201H24c-.6%200-1-.4-1-1V2c0-.5.4-1%201-1zm9.8%200H36c.6%200%201%20.4%201%201v14c0%20.6-.4%201-1%201h-2.2c-.6%200-1-.4-1-1V2c0-.5.4-1%201-1z'/%3e%3cpath%20class='st0'%20d='M81%201.4c0-.6.4-1%201-1h5.4c.6%200%20.7.3.3.7l-6%206c-.4.4-.7.3-.7-.3V1.4zm0%2015.8c0%20.6.4%201%201%201h5.4c.6%200%20.7-.3.3-.7l-6-6c-.4-.4-.7-.3-.7.3v5.4zM98.8%201.4c0-.6-.4-1-1-1h-5.4c-.6%200-.7.3-.3.7l6%206c.4.4.7.3.7-.3V1.4zm0%2015.8c0%20.6-.4%201-1%201h-5.4c-.6%200-.7-.3-.3-.7l6-6c.4-.4.7-.3.7.3v5.4z'/%3e%3cpath%20class='st0'%20d='M112.7%205c0%20.6.4%201%201%201h4.1c.6%200%20.7-.3.3-.7L113.4.6c-.4-.4-.7-.3-.7.3V5zm-7.1%201c.6%200%201-.4%201-1V.9c0-.6-.3-.7-.7-.3l-4.7%204.7c-.4.4-.3.7.3.7h4.1zm1%207.1c0-.6-.4-1-1-1h-4.1c-.6%200-.7.3-.3.7l4.7%204.7c.4.4.7.3.7-.3v-4.1zm7.1-1c-.6%200-1%20.4-1%201v4.1c0%20.5.3.7.7.3l4.7-4.7c.4-.4.3-.7-.3-.7h-4.1z'/%3e%3cpath%20class='st0'%20d='M67%205.8c-.5.4-1.2.6-1.8.6H62c-.6%200-1%20.4-1%201v5.7c0%20.6.4%201%201%201h4.2c.3.2.5.4.8.6l3.5%202.6c.4.3.8.1.8-.4V3.5c0-.5-.4-.7-.8-.4L67%205.8z'/%3e%3cpath%20class='st1'%20d='M73.9%202.5s3.9-.8%203.9%207.7-3.9%207.8-3.9%207.8'/%3e%3cpath%20class='st1'%20d='M72.6%206.4s2.6-.4%202.6%203.8-2.6%203.9-2.6%203.9'/%3e%3cpath%20class='st0'%20d='M47%205.8c-.5.4-1.2.6-1.8.6H42c-.6%200-1%20.4-1%201v5.7c0%20.6.4%201%201%201h4.2c.3.2.5.4.8.6l3.5%202.6c.4.3.8.1.8-.4V3.5c0-.5-.4-.7-.8-.4L47%205.8z'/%3e%3cpath%20class='st2'%20d='M52.8%207l5.4%205.4m-5.4%200L58.2%207'/%3e%3cpath%20class='st3'%20d='M128.7%208.6c-6.2-4.2-6.5%207.8%200%203.9m6.5-3.9c-6.2-4.2-6.5%207.8%200%203.9'/%3e%3cpath%20class='st0'%20d='M122.2%203.4h15.7v13.1h-15.7V3.4zM120.8%202v15.7h18.3V2h-18.3z'/%3e%3cpath%20class='st0'%20d='M143.2%203h14c1.1%200%202%20.9%202%202v10c0%201.1-.9%202-2%202h-14c-1.1%200-2-.9-2-2V5c0-1.1.9-2%202-2z'/%3e%3cpath%20class='st4'%20d='M146.4%2013.8c-.8%200-1.6-.4-2.1-1-1.1-1.4-1-3.4.1-4.8.5-.6%202-1.7%204.6.2l-.6.8c-1.4-1-2.6-1.1-3.3-.3-.8%201-.8%202.4-.1%203.5.7.9%201.9.8%203.4-.1l.5.9c-.7.5-1.6.7-2.5.8zm7.5%200c-.8%200-1.6-.4-2.1-1-1.1-1.4-1-3.4.1-4.8.5-.6%202-1.7%204.6.2l-.5.8c-1.4-1-2.6-1.1-3.3-.3-.8%201-.8%202.4-.1%203.5.7.9%201.9.8%203.4-.1l.5.9c-.8.5-1.7.7-2.6.8z'/%3e%3cpath%20class='st0'%20d='M60.3%2077c.6.2.8.8.6%201.4-.1.3-.3.5-.6.6L30%2096.5c-1%20.6-1.7.1-1.7-1v-35c0-1.1.8-1.5%201.7-1L60.3%2077z'/%3e%3cpath%20class='st5'%20d='M2.5%2079c0-20.7%2016.8-37.5%2037.5-37.5S77.5%2058.3%2077.5%2079%2060.7%20116.5%2040%20116.5%202.5%2099.7%202.5%2079z'/%3e%3cpath%20class='st0'%20d='M140.3%2077c.6.2.8.8.6%201.4-.1.3-.3.5-.6.6L110%2096.5c-1%20.6-1.7.1-1.7-1v-35c0-1.1.8-1.5%201.7-1L140.3%2077z'/%3e%3cpath%20class='st6'%20d='M82.5%2079c0-20.7%2016.8-37.5%2037.5-37.5s37.5%2016.8%2037.5%2037.5-16.8%2037.5-37.5%2037.5S82.5%2099.7%2082.5%2079z'/%3e%3ccircle%20class='st0'%20cx='201.9'%20cy='47.1'%20r='8.1'/%3e%3ccircle%20class='st7'%20cx='233.9'%20cy='79'%20r='5'/%3e%3ccircle%20class='st8'%20cx='201.9'%20cy='110.9'%20r='6'/%3e%3ccircle%20class='st9'%20cx='170.1'%20cy='79'%20r='7'/%3e%3ccircle%20class='st10'%20cx='178.2'%20cy='56.3'%20r='7.5'/%3e%3ccircle%20class='st11'%20cx='226.3'%20cy='56.1'%20r='4.5'/%3e%3ccircle%20class='st12'%20cx='225.8'%20cy='102.8'%20r='5.5'/%3e%3ccircle%20class='st13'%20cx='178.2'%20cy='102.8'%20r='6.5'/%3e%3cpath%20class='st0'%20d='M178%209.4c0%20.4-.4.7-.9.7-.1%200-.2%200-.2-.1L172%208.2c-.5-.2-.6-.6-.1-.8l6.2-3.6c.5-.3.8-.1.7.5l-.8%205.1z'/%3e%3cpath%20class='st0'%20d='M169.4%2015.9c-1%200-2-.2-2.9-.7-2-1-3.2-3-3.2-5.2.1-3.4%202.9-6%206.3-6%202.5.1%204.8%201.7%205.6%204.1l.1-.1%202.1%201.1c-.6-4.4-4.7-7.5-9.1-6.9-3.9.6-6.9%203.9-7%207.9%200%202.9%201.7%205.6%204.3%207%201.2.6%202.5.9%203.8%201%202.6%200%205-1.2%206.6-3.3l-1.8-.9c-1.2%201.2-3%202-4.8%202z'/%3e%3cpath%20class='st0'%20d='M183.4%203.2c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5zm-5.1%205c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5zm-5.1%205c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5z'/%3e%3c/svg%3e") -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs__controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs__controls:not([style*="display: none"]){background:#ff0000b3;background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,#00000059)}.mejs__button,.mejs__time,.mejs__time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs__button>button{background:transparent url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='120'%20viewBox='0%200%20400%20120'%3e%3cstyle%3e.st0{fill:%23FFFFFF;width:16px;height:16px}%20.st1{fill:none;stroke:%23FFFFFF;stroke-width:1.5;stroke-linecap:round;}%20.st2{fill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;}%20.st3{fill:none;stroke:%23FFFFFF;}%20.st4{fill:%23231F20;}%20.st5{opacity:0.75;fill:none;stroke:%23FFFFFF;stroke-width:5;enable-background:new;}%20.st6{fill:none;stroke:%23FFFFFF;stroke-width:5;}%20.st7{opacity:0.4;fill:%23FFFFFF;enable-background:new;}%20.st8{opacity:0.6;fill:%23FFFFFF;enable-background:new;}%20.st9{opacity:0.8;fill:%23FFFFFF;enable-background:new;}%20.st10{opacity:0.9;fill:%23FFFFFF;enable-background:new;}%20.st11{opacity:0.3;fill:%23FFFFFF;enable-background:new;}%20.st12{opacity:0.5;fill:%23FFFFFF;enable-background:new;}%20.st13{opacity:0.7;fill:%23FFFFFF;enable-background:new;}%3c/style%3e%3cpath%20class='st0'%20d='M16.5%208.5c.3.1.4.5.2.8-.1.1-.1.2-.2.2l-11.4%207c-.5.3-.8.1-.8-.5V2c0-.5.4-.8.8-.5l11.4%207z'/%3e%3cpath%20class='st0'%20d='M24%201h2.2c.6%200%201%20.4%201%201v14c0%20.6-.4%201-1%201H24c-.6%200-1-.4-1-1V2c0-.5.4-1%201-1zm9.8%200H36c.6%200%201%20.4%201%201v14c0%20.6-.4%201-1%201h-2.2c-.6%200-1-.4-1-1V2c0-.5.4-1%201-1z'/%3e%3cpath%20class='st0'%20d='M81%201.4c0-.6.4-1%201-1h5.4c.6%200%20.7.3.3.7l-6%206c-.4.4-.7.3-.7-.3V1.4zm0%2015.8c0%20.6.4%201%201%201h5.4c.6%200%20.7-.3.3-.7l-6-6c-.4-.4-.7-.3-.7.3v5.4zM98.8%201.4c0-.6-.4-1-1-1h-5.4c-.6%200-.7.3-.3.7l6%206c.4.4.7.3.7-.3V1.4zm0%2015.8c0%20.6-.4%201-1%201h-5.4c-.6%200-.7-.3-.3-.7l6-6c.4-.4.7-.3.7.3v5.4z'/%3e%3cpath%20class='st0'%20d='M112.7%205c0%20.6.4%201%201%201h4.1c.6%200%20.7-.3.3-.7L113.4.6c-.4-.4-.7-.3-.7.3V5zm-7.1%201c.6%200%201-.4%201-1V.9c0-.6-.3-.7-.7-.3l-4.7%204.7c-.4.4-.3.7.3.7h4.1zm1%207.1c0-.6-.4-1-1-1h-4.1c-.6%200-.7.3-.3.7l4.7%204.7c.4.4.7.3.7-.3v-4.1zm7.1-1c-.6%200-1%20.4-1%201v4.1c0%20.5.3.7.7.3l4.7-4.7c.4-.4.3-.7-.3-.7h-4.1z'/%3e%3cpath%20class='st0'%20d='M67%205.8c-.5.4-1.2.6-1.8.6H62c-.6%200-1%20.4-1%201v5.7c0%20.6.4%201%201%201h4.2c.3.2.5.4.8.6l3.5%202.6c.4.3.8.1.8-.4V3.5c0-.5-.4-.7-.8-.4L67%205.8z'/%3e%3cpath%20class='st1'%20d='M73.9%202.5s3.9-.8%203.9%207.7-3.9%207.8-3.9%207.8'/%3e%3cpath%20class='st1'%20d='M72.6%206.4s2.6-.4%202.6%203.8-2.6%203.9-2.6%203.9'/%3e%3cpath%20class='st0'%20d='M47%205.8c-.5.4-1.2.6-1.8.6H42c-.6%200-1%20.4-1%201v5.7c0%20.6.4%201%201%201h4.2c.3.2.5.4.8.6l3.5%202.6c.4.3.8.1.8-.4V3.5c0-.5-.4-.7-.8-.4L47%205.8z'/%3e%3cpath%20class='st2'%20d='M52.8%207l5.4%205.4m-5.4%200L58.2%207'/%3e%3cpath%20class='st3'%20d='M128.7%208.6c-6.2-4.2-6.5%207.8%200%203.9m6.5-3.9c-6.2-4.2-6.5%207.8%200%203.9'/%3e%3cpath%20class='st0'%20d='M122.2%203.4h15.7v13.1h-15.7V3.4zM120.8%202v15.7h18.3V2h-18.3z'/%3e%3cpath%20class='st0'%20d='M143.2%203h14c1.1%200%202%20.9%202%202v10c0%201.1-.9%202-2%202h-14c-1.1%200-2-.9-2-2V5c0-1.1.9-2%202-2z'/%3e%3cpath%20class='st4'%20d='M146.4%2013.8c-.8%200-1.6-.4-2.1-1-1.1-1.4-1-3.4.1-4.8.5-.6%202-1.7%204.6.2l-.6.8c-1.4-1-2.6-1.1-3.3-.3-.8%201-.8%202.4-.1%203.5.7.9%201.9.8%203.4-.1l.5.9c-.7.5-1.6.7-2.5.8zm7.5%200c-.8%200-1.6-.4-2.1-1-1.1-1.4-1-3.4.1-4.8.5-.6%202-1.7%204.6.2l-.5.8c-1.4-1-2.6-1.1-3.3-.3-.8%201-.8%202.4-.1%203.5.7.9%201.9.8%203.4-.1l.5.9c-.8.5-1.7.7-2.6.8z'/%3e%3cpath%20class='st0'%20d='M60.3%2077c.6.2.8.8.6%201.4-.1.3-.3.5-.6.6L30%2096.5c-1%20.6-1.7.1-1.7-1v-35c0-1.1.8-1.5%201.7-1L60.3%2077z'/%3e%3cpath%20class='st5'%20d='M2.5%2079c0-20.7%2016.8-37.5%2037.5-37.5S77.5%2058.3%2077.5%2079%2060.7%20116.5%2040%20116.5%202.5%2099.7%202.5%2079z'/%3e%3cpath%20class='st0'%20d='M140.3%2077c.6.2.8.8.6%201.4-.1.3-.3.5-.6.6L110%2096.5c-1%20.6-1.7.1-1.7-1v-35c0-1.1.8-1.5%201.7-1L140.3%2077z'/%3e%3cpath%20class='st6'%20d='M82.5%2079c0-20.7%2016.8-37.5%2037.5-37.5s37.5%2016.8%2037.5%2037.5-16.8%2037.5-37.5%2037.5S82.5%2099.7%2082.5%2079z'/%3e%3ccircle%20class='st0'%20cx='201.9'%20cy='47.1'%20r='8.1'/%3e%3ccircle%20class='st7'%20cx='233.9'%20cy='79'%20r='5'/%3e%3ccircle%20class='st8'%20cx='201.9'%20cy='110.9'%20r='6'/%3e%3ccircle%20class='st9'%20cx='170.1'%20cy='79'%20r='7'/%3e%3ccircle%20class='st10'%20cx='178.2'%20cy='56.3'%20r='7.5'/%3e%3ccircle%20class='st11'%20cx='226.3'%20cy='56.1'%20r='4.5'/%3e%3ccircle%20class='st12'%20cx='225.8'%20cy='102.8'%20r='5.5'/%3e%3ccircle%20class='st13'%20cx='178.2'%20cy='102.8'%20r='6.5'/%3e%3cpath%20class='st0'%20d='M178%209.4c0%20.4-.4.7-.9.7-.1%200-.2%200-.2-.1L172%208.2c-.5-.2-.6-.6-.1-.8l6.2-3.6c.5-.3.8-.1.7.5l-.8%205.1z'/%3e%3cpath%20class='st0'%20d='M169.4%2015.9c-1%200-2-.2-2.9-.7-2-1-3.2-3-3.2-5.2.1-3.4%202.9-6%206.3-6%202.5.1%204.8%201.7%205.6%204.1l.1-.1%202.1%201.1c-.6-4.4-4.7-7.5-9.1-6.9-3.9.6-6.9%203.9-7%207.9%200%202.9%201.7%205.6%204.3%207%201.2.6%202.5.9%203.8%201%202.6%200%205-1.2%206.6-3.3l-1.8-.9c-1.2%201.2-3%202-4.8%202z'/%3e%3cpath%20class='st0'%20d='M183.4%203.2c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5zm-5.1%205c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5zm-5.1%205c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5z'/%3e%3c/svg%3e");border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs__button>button:focus{outline:1px dotted #999}.mejs__container-keyboard-inactive [role=slider],.mejs__container-keyboard-inactive [role=slider]:focus,.mejs__container-keyboard-inactive a,.mejs__container-keyboard-inactive a:focus,.mejs__container-keyboard-inactive button,.mejs__container-keyboard-inactive button:focus{outline:0}.mejs__time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs__play>button{background-position:0 0}.mejs__pause>button{background-position:-20px 0}.mejs__replay>button{background-position:-160px 0}.mejs__time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs__time-buffering,.mejs__time-current,.mejs__time-float,.mejs__time-float-corner,.mejs__time-float-current,.mejs__time-hovered,.mejs__time-loaded,.mejs__time-marker,.mejs__time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs__time-total{background:#ffffff4d;margin:5px 0 0;width:100%}.mejs__time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs__time-loaded{background:#ffffff4d}.mejs__time-current,.mejs__time-handle-content{background:#ffffffe6}.mejs__time-hovered{background:#ffffff80;z-index:10}.mejs__time-hovered.negative{background:#0003}.mejs__time-buffering,.mejs__time-current,.mejs__time-hovered,.mejs__time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs__time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs__time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs__time-hovered.no-hover{-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0)}.mejs__time-handle,.mejs__time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0);z-index:11}.mejs__time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs__time-rail .mejs__time-handle-content:active,.mejs__time-rail .mejs__time-handle-content:focus,.mejs__time-rail:hover .mejs__time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs__time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);width:36px}.mejs__time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs__time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);width:0}.mejs__long-video .mejs__time-float{margin-left:-23px;width:64px}.mejs__long-video .mejs__time-float-current{width:60px}.mejs__broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs__fullscreen-button>button{background-position:-80px 0}.mejs__unfullscreen>button{background-position:-100px 0}.mejs__mute>button{background-position:-60px 0}.mejs__unmute>button{background-position:-40px 0}.mejs__volume-button{position:relative}.mejs__volume-button>.mejs__volume-slider{-webkit-backface-visibility:hidden;background:#323232b3;border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);width:25px;z-index:1}.mejs__volume-button:hover{border-radius:0 0 4px 4px}.mejs__volume-total{background:#ffffff80;height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);width:2px}.mejs__volume-current{left:0;margin:0;width:100%}.mejs__volume-current,.mejs__volume-handle{background:#ffffffe6;position:absolute}.mejs__volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);width:16px}.mejs__horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs__horizontal-volume-total{background:#323232cc;height:8px;top:16px;width:50px}.mejs__horizontal-volume-current,.mejs__horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs__horizontal-volume-current{background:#fffc;height:100%;top:0;width:100%}.mejs__horizontal-volume-handle{display:none}.mejs__captions-button,.mejs__chapters-button{position:relative}.mejs__captions-button>button{background-position:-140px 0}.mejs__chapters-button>button{background-position:-180px 0}.mejs__captions-button>.mejs__captions-selector,.mejs__chapters-button>.mejs__chapters-selector{background:#323232b3;border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs__chapters-button>.mejs__chapters-selector{margin-right:-55px;width:110px}.mejs__captions-selector-list,.mejs__chapters-selector-list{list-style-type:none;margin:0;overflow:hidden;padding:0}.mejs__captions-selector-list-item,.mejs__chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none;margin:0 0 6px;overflow:hidden;padding:0}.mejs__captions-selector-list-item:hover,.mejs__chapters-selector-list-item:hover{background-color:#c8c8c8;background-color:#fff6}.mejs__captions-selector-input,.mejs__chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs__captions-selector-label,.mejs__chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs__captions-selected,.mejs__chapters-selected{color:#21f8f8}.mejs__captions-translations{font-size:10px;margin:0 0 5px}.mejs__captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs__captions-layer a{color:#fff;text-decoration:underline}.mejs__captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs__captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs__captions-position-hover{bottom:35px}.mejs__captions-text,.mejs__captions-text *{background:#14141480;box-shadow:5px 0 #14141480,-5px 0 #14141480;padding:0;white-space:pre-wrap}.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container{display:none}.mejs__overlay-error{position:relative}.mejs__overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs__cannotplay,.mejs__cannotplay a{color:#fff;font-size:.8em}.mejs__cannotplay{position:relative}.mejs__cannotplay a,.mejs__cannotplay p{display:inline-block;padding:0 15px;width:100%}.rde-canvas{position:absolute;width:100%;height:100%;top:0;left:0}.rde-canvas iframe{pointer-events:none}.rde-contextmenu{position:fixed;-moz-animation:visibility .3s linear;-webkit-animation:visibility .3s linear;animation:visibility .3s linear;z-index:600000}.rde-contextmenu-right{position:relative;border-radius:4px;background:#00000059;color:#fff;font-size:14px;padding:8px;margin-left:12px}.rde-contextmenu-left{position:relative;border-radius:4px;background:#00000059;color:#fff;font-size:14px;padding:8px}.rde-contextmenu.contextmenu-hidden{display:none;top:0;left:0}.canvas-container{outline:none}.rde-tooltip{position:fixed;-moz-animation:visibility .3s linear;-webkit-animation:visibility .3s linear;animation:visibility .3s linear;z-index:600000}.rde-tooltip-right{position:relative;border-radius:4px;background:#00000059;color:#fff;font-size:14px;padding:8px;margin-left:12px}.rde-tooltip-right:after{content:"";position:absolute;top:50%;left:0;margin-left:-10px;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent rgba(0,0,0,.35) transparent transparent}.rde-tooltip-left{position:relative;border-radius:4px;background:#00000059;color:#fff;font-size:14px;padding:8px}.rde-tooltip-left:after{content:"";position:absolute;top:50%;left:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent transparent transparent rgba(0,0,0,.35)}.rde-tooltip.tooltip-hidden{display:none;top:0;left:0}