:root{--site-color:#273340;}
/*================================== ~> Name Template : Yalla Shoot Pro Premium ~> Version	: V 5.0 BETA ~> Last Updated : 20 - 05 - 2025   : ->  02:00 AM  +2 GMT ~> Developer By : STING WEB - Facebook Page : ->  https://www.facebook.com/stingweb.eg ~> Desgin URL : sting-web.com =========== [ STING WEB ] ==========*/ /* ~> VIRTUAL */  * { margin: 0; text-decoration: none; list-style: none; list-style-type: none; font-family: "NeoSansArabic", Changa, Segoe UI, sans-serif;padding: 0; font-weight: 500; } a { color:#000000; } body { background: #e1e1e1; color: #000; font-size: 16px; line-height: 25px; }.STING-web-Max-Size { max-width: 1000px; width:93%; margin: 0 auto; padding: 0 12px; } /* ~> SVG ICON */ .STING-web-Icon-x { background: no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' fill='%23000' viewBox='0 0 50 50'%3E%3Cpath d='M 5.9199219 6 L 20.582031 27.375 L 6.2304688 44 L 9.4101562 44 L 21.986328 29.421875 L 31.986328 44 L 44 44 L 28.681641 21.669922 L 42.199219 6 L 39.029297 6 L 27.275391 19.617188 L 17.933594 6 L 5.9199219 6 z M 9.7167969 8 L 16.880859 8 L 40.203125 42 L 33.039062 42 L 9.7167969 8 z'%3E%3C/path%3E%3C/svg%3E"); } .STING-web-Icon-facebook { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231877f2' viewBox='0 0 64 64'%3E%3Cpath d='M20.1,36h3.4c0.3,0,0.6,0.3,0.6,0.6V58c0,1.1,0.9,2,2,2h7.8c1.1,0,2-0.9,2-2V36.6c0-0.3,0.3-0.6,0.6-0.6h5.6 c1,0,1.9-0.7,2-1.7l1.3-7.8c0.2-1.2-0.8-2.4-2-2.4h-6.6c-0.5,0-0.9-0.4-0.9-0.9v-5c0-1.3,0.7-2,2-2h5.9c1.1,0,2-0.9,2-2V6.2 c0-1.1-0.9-2-2-2h-7.1c-13,0-12.7,10.5-12.7,12v7.3c0,0.3-0.3,0.6-0.6,0.6h-3.4c-1.1,0-2,0.9-2,2v7.8C18.1,35.1,19,36,20.1,36z'%3E%3C/path%3E%3C/svg%3E") center no-repeat; } .STING-web-Icon-youtube { background: url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' %3E%3Cpath fill='%23cd201f' d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z' cclass=''%3E%3C/path%3E%3C/svg%3E") center no-repeat; } .STING-web-Icon-telegram { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23389ce9' viewBox='0 0 64 64'%3E%3Cpath d='M56.4,8.2l-51.2,20c-1.7,0.6-1.6,3,0.1,3.5l9.7,2.9c2.1,0.6,3.8,2.2,4.4,4.3l3.8,12.1c0.5,1.6,2.5,2.1,3.7,0.9 l5.2-5.3c0.9-0.9,2.2-1,3.2-0.3l11.5,8.4c1.6,1.2,3.9,0.3,4.3-1.7l8.7-41.8C60.4,9.1,58.4,7.4,56.4,8.2z M50,17.4L29.4,35.6 c-1.1,1-1.9,2.4-2,3.9c-0.2,1.5-2.3,1.7-2.8,0.3l-0.9-3c-0.7-2.2,0.2-4.5,2.1-5.7l23.5-14.6C49.9,16.1,50.5,16.9,50,17.4z'%3E%3C/path%3E%3C/svg%3E") center no-repeat; } .STING-web-Open-Menu-SVG { background: no-repeat center url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6H20M4 12H20M4 18H20' stroke='%23273340' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); width: 25px !important; height: 25px !important; } .STING-web-Open-Dark-SVG { background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 241.072 241.072' %3E%3Cpath fill='%23273340' d='M202.167,156.857c-44.236,0-80.085-35.842-80.085-80.078c0-29.923,16.43-55.951,40.733-69.707 C150.088,2.498,136.373,0,122.082,0C55.506,0,1.535,53.971,1.535,120.528c0,66.584,53.971,120.544,120.547,120.544 c57.269,0,105.18-39.937,117.454-93.485C228.374,153.484,215.665,156.857,202.167,156.857L202.167,156.857z' class=''%3E%3C/path%3E%3C/svg%3E"); } /* ~> HEADER */ header { position: relative; overflow: hidden; width: 96%; margin: 0 auto; } .STING-web-Header { display: flex; align-items: center; justify-content: space-between; margin: 20px auto; background: #fff; border-radius: 8px; padding: 8px 12px; } .STING-web-Header-Right { display: flex; align-items: center; gap: 20px; } .STING-web-Header-Logo { width: initial; padding: 5px 15px; background: var(--site-color); border-radius: 8px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 33px; height: 70px; } .STING-web-Header-Logo > a { display: flex; flex-direction: column; justify-content: center; color: #fff; } .STING-web-Header-Logo > a > .STING-WEB-SiteName { font-size: 27px; font-weight: 500; } .STING-web-Header-Logo > a > .STING-WEB-SiteUrl { font-size: 16px; } .STING-web-Menu { display: flex; } .STING-web-Menu > li { float: right; position: relative; } .STING-web-Menu > li > a { color: #222; padding: 0 8px; height: 80px; display: flex; justify-content: center; align-items: center; border-bottom: 2px solid transparent; font-size: 16px; } .STING-web-Menu > li > a:hover { color: var(--site-color); border-bottom: 2px solid var(--site-color); } .STING-web-Social-Media { display: flex; align-items: center; gap: 8px; } .STING-WEB-Screen-Reader { clip: rect(1px,1px,1px,1px); position: absolute!important; height: 1px; width: 1px; overflow: hidden; } .STING-web-Social-Media.i { display: flex; gap: 5px; margin-top: 10px; } .STING-web-Social-Media.i > li { display: inline-block; } .STING-web-Social-Media.i > li > a > span[class*=Icon] { width: 35px; height: 35px; border-radius: 50px; color: #fff; display: inline-block; background-size: 100% 60%; border: 1px solid rgba(0, 0, 0, 0.1); } .STING-web-Header-Left { display: flex; gap: 8px; margin-top: 3px; } .STING-web-ICO { width: 20px; height: 20px; border-radius: 50px; display: block; } .STING-web-Open-Menu, .STING-web-Open-Dark { height: 35px; width: 35px; border-radius: 50px; cursor: pointer; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(0, 0, 0, 0.1); } .STING-web-Close-Menu, .STING-web-Open-Menu { display: none; } .STING-web-Ads:before { content: "مادة إعلانية"; display: block; font-size: 12px; padding-bottom: 2px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: max-content; font-weight: 600; margin: 8px 12px; } .STING-WEB-Message-Box > p { color: #2c7635; background-color: #dff0d4; border: #d6e9c4 solid 1px; padding: 4px 15px; border-radius: 8px; margin: 0 auto 10px; font-size: 14px; width: 100%; } @media screen and (max-width: 1000px) { .STING-web-Header { padding: 0px 12px; } .STING-web-Header-Logo { margin: 8px auto; display: table; float: none; width: initial; padding: 2px 10px; } .STING-web-Header-Menu { right: -300px; } .STING-web-Header-Menu { float: none; z-index: 99; height: 100%; width: 245px; position: fixed; top: 0; margin: auto; background: #fff; transition: all .3s ease 0s; padding: 15px; overflow-x: hidden; box-shadow: 0 1px 6px rgba(32,33,36,.4); padding-top: 70px; } .STING-web-Menu { display: grid; margin-top: 8%; } .STING-web-Menu > li { margin-bottom: 15px; } .STING-web-Menu > li > a, .STING-web-Close-Menu { background: #273340; color: #fff; display: flex; justify-content: space-between; padding: 5px 10px; border-radius: 8px; height: max-content; } .STING-web-Header-Center { display: none; position: absolute; top: 0; right: 0; z-index: 99; transition: all .7s ease 0s; width: 250px; justify-content: center; } .STING-web-Open-Menu, .STING-web-Open-Dark { padding: 2px; display: flex !important; }} /* ~> MATCHES */ .STING-web-Container-Matches { margin: 20px auto; box-shadow: 0 0 4px rgba(0,0,0,.0); background: transparent; border-radius: 8px; padding: 0; position: relative; } .STING-web-Container-Matches-Top { padding: 12px; overflow: hidden; border-radius: 8px; background: #ffffff; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .STING-web-Time { position: absolute; left: 8px; top: -26px; z-index: 9; font-size: 11px; padding: 0 12px 6px 12px; border-radius: 8px 8px 0 0; background: #fff; } .STING-web-Title-Box, .STING-web-Matches-Toggle > li > a { font-size: 15px; background: var(--site-color); color: #fff; padding: 4px 10px; display: block; border-radius: 8px; } .STING-web-Title-Box { float: right; display: flex; align-items: center; } .STING-web-Matches-Toggle > .Today-Matches > a, .STING-web-Title-Box { background: var(--site-color) !important; } .STING-web-Matches-Toggle { float: left; display: flex; align-items: center; gap: 5px; } .STING-web-Matches-Toggle > .Yesterday-Matches > a { background: #104783; } .STING-web-Matches-Toggle > .Tomorrow-Matches > a { background: #af5100; } .STING-web-Matches { display: flex !important; flex-direction: column !important; padding: 12px 0; box-sizing: border-box; } .STING-web-Match { overflow: hidden; text-align: center; background: #ffffff; margin-bottom: 8px; position: relative; border-radius: 8px; } .STING-web-Match a { color: #222; } .STING-web-Match-Info { font-size: 12px; text-align: center; line-height: 1.4; margin-top: 10px; max-width: 130px; align-items: center; justify-self: center; } .STING-web-Left-Team, .STING-web-Match-Center, .STING-web-Right-Team { width: 33.33333333%; float: right; } .STING-web-Team-Logo { float: right; width: 50%; }@keyframes blinker { 50% { opacity: 0; } } .STING-web-Team-Logo img { margin: 15px auto !important; display: flex !important; border-radius: 4px; object-fit: contain; width: 50px; height: 50px; } .STING-web-Team-NAME { margin: 0 auto; display: table; font-size: 15px; } .STING-web-Match-Timing { margin: 12px auto; }#STING-web-Match-Time { margin-bottom: 5px; }#STING-web-Result { font-size: 21px; letter-spacing: 5px; margin-right: -5px; } .STING-web-Match-Timing .STING-web-Data, .STING-web-Match-Timing .live:before { color: #fff; background: #273340; border-radius: 8px; font-size: 14px; padding: 0 10px; line-height: 1.9; display: table; margin: auto; margin-top: 6px; position: relative; } /* .STING-web-Match-Info:before { content: "🏆"; margin-left: 7px; } */ .STING-web-Overlay { position: absolute; height: 100%; width: 100%; opacity: 0; cursor: pointer; background: rgb(0 0 0 / 60%); z-index: 9; } .STING-web-Overlay, .STING-web-SVG-Play { bottom: 0; right: 0; left: 0; top: 0; } .STING-web-SVG-Play { position: absolute; height: 45px; margin: auto; width: 45px; background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='%23fff' d='M256,0C114.617,0,0,114.615,0,256s114.617,256,256,256s256-114.615,256-256S397.383,0,256,0z M344.48,269.57l-128,80 c-2.59,1.617-5.535,2.43-8.48,2.43c-2.668,0-5.34-.664-7.758-2.008C195.156,347.172,192,341.82,192,336V176 c0-5.82,3.156-11.172,8.242-13.992c5.086-2.836,11.305-2.664,16.238,.422l128,80c4.676,2.93,7.52,8.055,7.52,13.57 S349.156,266.641,344.48,269.57z' class=''%3E%3C/path%3E%3C/svg%3E"); } .STING-web-Left-Team { direction: ltr; display: flex; } .STING-web-Match.LIVE #STING-web-Match-Time, .STING-web-Match.NOT #STING-web-Result { display: none !important; } .STING-web-Match:hover .STING-web-Overlay { opacity: 1; } .STING-web-Right-Team,.STING-web-Left-Team { display: grid; align-items: center; justify-items: center; } .STING-web-Match.SOON { order: 1; } .STING-web-Match.LIVE { order: 2; } .STING-web-Match.NOT { order: 3; } .STING-web-Match.END { order: 4; } .STING-web-Match-Timing .LIVE::before { content: "جارية الآن"; } .STING-web-Match-Timing .LIVE::before { position: absolute; animation: .5s ease-in-out infinite blinker; background: #d00000; left: 0; right: 0; border-radius: 8px; } .STING-web-Match-Timing .SOON { background: #0f6f37; } .STING-web-Match-Timing .END { background: #222; } .STING-web-Match img { opacity: 0; transition: opacity 400ms ease; } .STING-web-Match img.show { opacity: 1; } .STING-web-Matching-None { min-height: 200px; display: flex; align-items: center; justify-content: center; color: #666; border-radius: 8px; margin: 12px 0; background: #ffffff; } @media screen and (max-width: 500px){ .STING-web-Team-Logo { width: 100%; } .STING-web-Team-Logo img { margin: 7px auto; margin-bottom: 0; width: 45px; height: 45px; } .STING-web-Team-NAME { margin: 7px auto; margin-top: 0; } .STING-web-Match-Timing { margin: 13px auto; } .STING-web-Left-Team { display: table; } .STING-web-Match-Info { margin-top: 5px; }} @media screen and (max-width: 500px) { .STING-web-Title-Box { display: block; width: 100%; text-align: center; margin-bottom: 6px; } .STING-web-Title-Box, .STING-web-Matches-Toggle > li > a { padding: 4px 0; } .STING-web-Matches-Toggle { float: right; width: 100%; } .STING-web-Matches-Toggle > li { margin: 0; flex: 1; } .STING-web-Matches-Toggle > li > a { text-align: center; }} /* ~> MAIN */ .STING-web-Main { border-radius: 8px; box-shadow: 0 0 4px rgba(0,0,0,.0); padding: 0; display: grid; margin-bottom: 20px; } .STING-web-Main-Top { background: #fff; border-radius: 8px; } .STING-web-Main .STING-web-WebSite-Title { font-size: 15px; background: #273340; color: #fff; padding: 4px 10px; display: inline-block; border-radius: 6px; margin: 12px; } .STING-web-Main-Bottom-Posts { padding: 12px 12px 0; padding-bottom: 0; overflow: hidden; } .STING-web-Main-All-Post { margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; } .STING-web-Main-Post { float: right; width: 24%; background: #eceef2; margin: 5px 2px 15px 2px; overflow: hidden; position: relative; border-radius: 8px; } .STING-web-Main-Posted { float: right; width: 24%; background: #fff; margin: 5px 2px 15px 2px; overflow: hidden; position: relative; border-radius: 8px; } .STING-web-Main-Posted a { color: #222; } .STING-web-Main-Posted-IMG img { object-fit: cover; height: 160px; width: 100%; display: grid; opacity: 0; transition: opacity 400ms ease; } .STING-web-Main-Posted-IMG img.show { opacity: 1; } .STING-web-Main-Posted-TiTle { padding: 10px; } .STING-web-Main-Posted-TiTle h2  { margin: 0; line-height: 2; font-size: 15px; height: 60px; overflow: hidden; font-weight: 500; } .STING-web-Not-Posts { text-align: center; display: flex; width: 100%; align-items: center; justify-content: center; padding: 50px 0; color: #222222c2; margin: 20px auto; border-radius: 8px; } .STING-web-Main-Bottom-Posts #loadMore { position: relative; text-align: center; display: flex; cursor: pointer; clear: both; min-width: 170px; border: 1px solid #fff; background: #fff; margin: 5px auto 5px; padding: 8px 15px; font-size: 100%; font-weight: 400; height: 40px; box-sizing: border-box; line-height: 1.4; border-radius: 8px; color: #222; justify-content: center; align-items: center; } .STING-web-Main-Bottom-Posts #loadMore:hover,.STING-web-Main-Posted:hover .STING-web-Main-Posted-TiTle h2 { color: var(--site-color); } .STING-web-Not-More-Post { width: 100%; display: block; text-align: center; color: #ff0000; margin: 15px 0; font-size: 15px; } @media screen and (max-width: 500px) { .STING-web-Main-Posted { width: 100%; margin: 5px 2px 5px 2px; } .STING-web-Main-Posted-IMG { float: right; margin-left: 12px; } .STING-web-Main-Posted-IMG img { height: 80px; width: 125px; } .STING-web-Main-Bottom-Posts { padding: 5px 5px 0; }} /* ~> SITE DESCRIPTION */ .STING-web-Site-Description { text-align: justify; background: #fff; border-radius: 8px; box-shadow: 0 0 4px rgba(0,0,0,.0); padding: 0; display: grid; } .STING-web-Site-Description-Top > h3 { font-size: 15px; background: #273340; color: #fff; padding: 4px 10px; display: inline-block; border-radius: 6px; margin: 12px; } .STING-web-Site-Description-Bottom { padding: 5px 12px 12px 12px; text-align: justify; font-weight: 400; font-size: 16px; line-height: 35px; background: #ffffff; border-top: 1px solid #e1e1e1; max-height: 240px; overflow: hidden; } /* ~> SITE LINKS */ .STING-web-Pages-Site { display: flex; clear: both; padding: 0; flex-wrap: wrap; } .STING-web-Links-List { width: 25%; padding: 20px 12px; box-sizing: border-box; } .STING-web-Links-List-Title { border-bottom: transparent solid 1px; padding: 5px 0; margin-bottom: 7px; font-weight: 700; font-size: 16px; position: relative; } .STING-web-Links-List-Title::before { background: var(--site-color); content: ""; height: 3px; position: absolute; width: 23px; bottom: -1.5px; } .STING-web-Links { line-height: 33px; } .STING-web-Links li { padding: 0; list-style: outside; color: var(--site-color); width: 100%; margin-right: 16px; } .STING-web-Links li a { color: #484848; display: block; font-size: 14px; } .STING-web-Links li a:hover { color: var(--site-color); } .STING-web-Pages > ul { display: flex; gap: 12px; font-size: 13px; padding: 0 7px; } .STING-web-Pages > ul > li a { border-radius: 6px; color: #222; font-size: 13.6px; } @media screen and (max-width: 720px) { .STING-web-Links-List { width: 100%; } .STING-web-Pages-Site  { display: none; } .STING-web-Pages > ul { flex-wrap: wrap; text-align: center; justify-content: center; gap: 18px; }} /* ~> FOOTER */ footer { position: relative; padding: 0; overflow: hidden; box-shadow: 0 0 4px rgba(0,0,0,.0); width: 96%; margin: 20px auto; } .STING-web-Footer { padding: 12px; display: flex; justify-content: space-between; align-items: center; background: #fff; border-radius: 8px; } .STING-web-Site-Copyright { padding: 5px 10px; border-radius: 6px; font-size: 13px; } .STING-web-Site-Copyright > a { color: #222; font-weight: 600; } .STING-web-Copyright a, .STING-web-Site-Copyright { border-radius: 6px; color: #222; font-size: 13.6px; text-align: center; } .STING-web-Footer a:hover { color: var(--site-color); } @media screen and (max-width: 720px) { .STING-web-Footer { display: grid; justify-items: center; justify-content: center; gap: 12px; width: max-content; }} /* ~> NIGHT MODE */ .Night .STING-web-Match,.Night .STING-web-Footer,.Night .STING-web-Header,.Night .STING-web-Header-Menu,.Night .STING-web-Main-Posted,.Night .STING-web-Main-Top,.Night .STING-web-Site-Description,.Night .STING-web-Site-Description-Bottom{background:#191d2d} .Night .STING-web-Match-Timing .STING-web-Data,.Night .STING-web-Main .STING-web-WebSite-Title,.Night .STING-web-Site-Description-Top>h3{background:#0e1019} .Night .STING-web-Main-Bottom-Posts #loadMore{border:1px solid #191d2d;background:#191d2d;color:#fff} .Night .STING-web-Match *,.Night .STING-web-Copyright a,.Night .STING-web-Links li a,.Night .STING-web-Main-Posted-TiTle h2,.Night .STING-web-Menu>li>a,.Night .STING-web-Pages>ul>li a,.Night .STING-web-Site-Copyright,body.Night{color:#ddd} .Night .STING-web-Footer a:hover,.Night .STING-web-Header-Logo>a:hover,.Night .STING-web-Links li,.Night .STING-web-Links li a:hover,.Night .STING-web-Main-Bottom-Posts #loadMore:hover,.Night .STING-web-Main-Posted:hover .STING-web-Main-Posted-TiTle h2,.Night .STING-web-Menu>li>a:hover,.Night .STING-web-Not-More-Post{color:orange} .Night .STING-web-Matching-None{color:#ddd;background:#191d2d}.Night .STING-web-Site-Copyright>a{color:#fff}.Night .STING-web-Links-List-Title::before{background:#ddd} .Night .STING-web-Site-Description-Bottom{border-top:1px solid #0e1019} .Night .STING-web-Container-Matches-Top,.Night .STING-web-Time{background:#191d2d;border-bottom:1px solid #191d2d} .Night .STING-web-Matches-Toggle>li>a,.Night .STING-web-Title-Box{background:#0e1019!important} .Night .STING-web-Header-Logo,.Night .STING-web-Open-Dark,.Night .STING-web-Open-Menu,body.Night{background-color:#0e1019} @media screen and (max-width:1000px){ .Night .STING-web-Close-Menu,.Night .STING-web-Menu>li>a{background:#0e1019}} .Night .STING-web-Menu>li>a:hover{border-bottom:2px solid orange} .Night .STING-web-Ads:before{color:#ddd;border-bottom:1px solid #dddddd21} .Night .STING-web-Icon-youtube{background-color:#cd201f!important;background:url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' %3E%3Cpath fill='%23fff' d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z' cclass=''%3E%3C/path%3E%3C/svg%3E") center no-repeat} .Night .STING-web-Icon-telegram{background-color:#389ce9!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 64 64'%3E%3Cpath d='M56.4,8.2l-51.2,20c-1.7,0.6-1.6,3,0.1,3.5l9.7,2.9c2.1,0.6,3.8,2.2,4.4,4.3l3.8,12.1c0.5,1.6,2.5,2.1,3.7,0.9 l5.2-5.3c0.9-0.9,2.2-1,3.2-0.3l11.5,8.4c1.6,1.2,3.9,0.3,4.3-1.7l8.7-41.8C60.4,9.1,58.4,7.4,56.4,8.2z M50,17.4L29.4,35.6 c-1.1,1-1.9,2.4-2,3.9c-0.2,1.5-2.3,1.7-2.8,0.3l-0.9-3c-0.7-2.2,0.2-4.5,2.1-5.7l23.5-14.6C49.9,16.1,50.5,16.9,50,17.4z'%3E%3C/path%3E%3C/svg%3E") center no-repeat} .Night .STING-web-Icon-x{background-color:#000!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' fill='%23fff' viewBox='0 0 50 50'%3E%3Cpath d='M 5.9199219 6 L 20.582031 27.375 L 6.2304688 44 L 9.4101562 44 L 21.986328 29.421875 L 31.986328 44 L 44 44 L 28.681641 21.669922 L 42.199219 6 L 39.029297 6 L 27.275391 19.617188 L 17.933594 6 L 5.9199219 6 z M 9.7167969 8 L 16.880859 8 L 40.203125 42 L 33.039062 42 L 9.7167969 8 z'%3E%3C/path%3E%3C/svg%3E") center no-repeat} .Night .STING-web-Icon-facebook{background-color:#1877f2!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 64 64'%3E%3Cpath d='M20.1,36h3.4c0.3,0,0.6,0.3,0.6,0.6V58c0,1.1,0.9,2,2,2h7.8c1.1,0,2-0.9,2-2V36.6c0-0.3,0.3-0.6,0.6-0.6h5.6 c1,0,1.9-0.7,2-1.7l1.3-7.8c0.2-1.2-0.8-2.4-2-2.4h-6.6c-0.5,0-0.9-0.4-0.9-0.9v-5c0-1.3,0.7-2,2-2h5.9c1.1,0,2-0.9,2-2V6.2 c0-1.1-0.9-2-2-2h-7.1c-13,0-12.7,10.5-12.7,12v7.3c0,0.3-0.3,0.6-0.6,0.6h-3.4c-1.1,0-2,0.9-2,2v7.8C18.1,35.1,19,36,20.1,36z'%3E%3C/path%3E%3C/svg%3E") center no-repeat} .Night .STING-web-Open-Dark-SVG{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M256 160c-52.9 0-96 43.1-96 96s43.1 96 96 96 96-43.1 96-96-43.1-96-96-96zm246.4 80.5l-94.7-47.3 33.5-100.4c4.5-13.6-8.4-26.5-21.9-21.9l-100.4 33.5-47.4-94.8c-6.4-12.8-24.6-12.8-31 0l-47.3 94.7L92.7 70.8c-13.6-4.5-26.5 8.4-21.9 21.9l33.5 100.4-94.7 47.4c-12.8 6.4-12.8 24.6 0 31l94.7 47.3-33.5 100.5c-4.5 13.6 8.4 26.5 21.9 21.9l100.4-33.5 47.3 94.7c6.4 12.8 24.6 12.8 31 0l47.3-94.7 100.4 33.5c13.6 4.5 26.5-8.4 21.9-21.9l-33.5-100.4 94.7-47.3c13-6.5 13-24.7.2-31.1zm-155.9 106c-49.9 49.9-131.1 49.9-181 0-49.9-49.9-49.9-131.1 0-181 49.9-49.9 131.1-49.9 181 0 49.9 49.9 49.9 131.1 0 181z'%3E%3C/path%3E%3C/svg%3E") center no-repeat} .Night .STING-web-Open-Menu-SVG { background: no-repeat center url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6H20M4 12H20M4 18H20' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }