.sm-match{--nv:#0E1B33;--nv2:#16264A;--gd:#DDA628;--gd2:#F2CE6B;--ln:rgba(221,166,40,.24);direction:rtl;text-align:center;color:#fff;background:radial-gradient(120% 50% at 50% 0%,#1C3059 0%,#fff0 60%),var(--nv);border:1px solid var(--ln);border-radius:14px;padding:10px 0 14px;overflow:hidden}@media (min-width:700px){.sm-match{padding:24px 0 30px;border-radius:22px}}mein le lein. ---------------------------------------------------------- */ @media (max-width:699px){.sm-match{width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw)!important;border-inline:0;border-radius:0}}.sm-match .sm-bar{margin:0 5px 4px!important;padding:0!important;gap:5px!important;flex-wrap:nowrap!important;align-items:stretch!important}.sm-match .sm-bar>.wp-block-group{flex:1 1 0!important;min-width:0!important;margin:0!important;background:rgb(255 255 255 / .055);border:1px solid var(--ln);border-radius:10px;padding:8px 3px 10px!important}.sm-match .sm-bar-l{margin:0!important;font-size:clamp(.55rem, 1.7vw, .8rem);line-height:1.6;color:var(--gd2);opacity:.78;overflow-wrap:anywhere}.sm-match .sm-bar-v{margin:.1rem 0 0!important;font-size:clamp(.68rem, 2.5vw, 1.2rem);line-height:1.7;font-weight:700;overflow-wrap:anywhere;word-break:break-word}@media (min-width:700px){.sm-match .sm-bar{margin-inline:22px!important;gap:10px!important}}.sm-match .sm-sec{margin:9px 5px 0!important;padding:0 0 10px!important;background:linear-gradient(180deg,rgb(255 255 255 / .06) 0%,rgb(255 255 255 / .02) 100%);border:1px solid var(--ln);border-radius:16px;overflow:hidden}@media (min-width:700px){.sm-match .sm-sec{margin-inline:22px!important;border-radius:18px}}.sm-match .sm-sec-title{position:relative;margin:0 0 10px!important;padding:.55rem .9rem .42rem!important;background:linear-gradient(180deg,rgb(221 166 40 / .2) 0%,rgb(221 166 40 / .08) 100%);border-bottom:1px solid var(--ln);color:var(--gd2);font-weight:700;font-size:clamp(.95rem, .88rem + .5vw, 1.28rem);line-height:1.85;text-shadow:0 1px 3px rgb(0 0 0 / .35)}.sm-match .sm-sec-title::after{content:"";position:absolute;inset-inline:22%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--gd),transparent)}.sm-match .sm-people{flex-wrap:wrap!important;justify-content:flex-start!important;align-items:flex-start!important;margin:0!important;padding:4px 6px 2px!important}.sm-match .sm-people>.sm-person{flex:0 0 auto!important;margin:0!important}.sm-match .sm-big{gap:8px!important}.sm-match .sm-small{gap:7px!important}.sm-match .sm-big>.sm-person{width:calc((100% - 24px) / 4)}.sm-match .sm-small>.sm-person{width:calc((100% - 28px) / 5)}@media (min-width:480px){.sm-match .sm-big{gap:11px!important}.sm-match .sm-small{gap:9px!important}.sm-match .sm-big>.sm-person{width:calc((100% - 44px) / 5)}.sm-match .sm-small>.sm-person{width:calc((100% - 45px) / 6)}}@media (min-width:700px){.sm-match .sm-big{gap:15px!important}.sm-match .sm-small{gap:12px!important}.sm-match .sm-big>.sm-person{width:calc((100% - 60px) / 5)}.sm-match .sm-small>.sm-person{width:calc((100% - 72px) / 7)}}.sm-match .sm-person figure{margin:0!important}.sm-match .sm-person img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:50%;border:2px solid var(--gd);box-shadow:0 0 0 3px rgb(14 27 51 / .9),0 0 0 4px rgb(221 166 40 / .22),0 8px 18px rgb(0 0 0 / .45);transition:transform .25s ease,box-shadow .25s ease}.sm-match .sm-person img:hover{transform:translateY(-3px);box-shadow:0 0 0 3px rgb(14 27 51 / .9),0 0 0 5px rgb(221 166 40 / .55),0 10px 22px rgb(0 0 0 / .5)}.sm-match .sm-name{margin:.45rem 0 0!important;color:#FFF;font-weight:700;font-size:.96rem;line-height:2.05;letter-spacing:.35px;text-shadow:0 1px 2px rgb(0 0 0 / .95),0 1px 6px rgb(0 0 0 / .8),0 0 12px rgb(0 0 0 / .7);overflow-wrap:anywhere}.sm-match .sm-role{margin:.12rem 0 0!important;color:var(--gd2);font-size:.74rem;line-height:1.8;opacity:.95;text-shadow:0 1px 2px rgb(0 0 0 / .8)}@media (min-width:480px){.sm-match .sm-name{font-size:.92rem;line-height:1.95;letter-spacing:.25px}.sm-match .sm-role{font-size:.72rem}}@media (min-width:700px){.sm-match .sm-name{font-size:1.05rem;line-height:2}.sm-match .sm-role{font-size:.8rem}.sm-match .sm-person img{border-width:3px}}.sm-match .sm-person.is-captain img{border-color:var(--gd2);box-shadow:0 0 0 3px var(--nv),0 0 0 5px var(--gd),0 5px 14px rgb(0 0 0 / .45)}.sm-match .sm-person.is-captain .sm-name{color:var(--gd2)}.sm-match .sm-person.is-captain .sm-role{display:inline-block;margin-top:.25rem!important;padding:.05rem .45rem .16rem;background:rgb(221 166 40 / .16);border:1px solid rgb(221 166 40 / .5);border-radius:999px;color:var(--gd2);font-size:.6rem;line-height:1.6;opacity:1}hata dein. Tasveer par koi asar nahi hoga. ---------------------------------------------------------- .sm-match .sm-name{display:inline-block;padding:.12rem .5rem .22rem;background:rgb(6 13 28 / .72);border-radius:8px;text-shadow:none}---------------------------------------------------------- */ hata dein to mobile par mehman 4 ke bajaye 3 fee qatar honge. Tasveer 87px se 117px ho jayegi aur naam kahin ziada saaf lagega. Desktop par koi farq nahi parega. ---------------------------------------------------------- @media (max-width:479px){.sm-match .sm-big>.sm-person{width:calc((100% - 16px) / 3)}.sm-match .sm-small>.sm-person{width:calc((100% - 21px) / 4)}.sm-match .sm-name{font-size:1.02rem}}---------------------------------------------------------- */ .sm-match h3.sm-team-name,.sm-match .sm-team-name{position:relative;margin:0 6px 10px!important;padding:.6rem .7rem .45rem!important;background:none!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;font-weight:800!important;font-size:clamp(1rem, .9rem + .55vw, 1.3rem);line-height:1.9;letter-spacing:.3px;text-shadow:0 1px 2px rgb(0 0 0 / .9),0 0 10px rgb(0 0 0 / .6)!important;border:1px solid rgb(221 166 40 / .55)!important;border-radius:30% 30% 12px 12px / 46% 46% 12px 12px!important}.sm-match .sm-sec h3,.sm-match .sm-sec h4,.sm-match .sm-sec h2:not(.sm-sec-title){color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;background:none!important;font-weight:800!important;font-size:clamp(1rem, .9rem + .55vw, 1.3rem)!important;line-height:1.9!important;letter-spacing:.3px;text-shadow:0 1px 2px rgb(0 0 0 / .9),0 0 10px rgb(0 0 0 / .6)!important;text-align:center!important;margin:0 6px 10px!important;padding:.6rem .7rem .45rem!important;border:1px solid rgb(221 166 40 / .55)!important;border-radius:30% 30% 12px 12px / 46% 46% 12px 12px!important}.sm-match .sm-sec h3 *,.sm-match .sm-sec h4 *,.sm-match .sm-sec h2:not(.sm-sec-title) *{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;background:none!important}.sm-match h3.sm-team-name::after,.sm-match .sm-team-name::after{content:"";position:absolute;inset-inline:26%;bottom:6px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#DDA628,transparent)}.sm-match .sm-team-name *{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;background:none!important}.sm-match .sm-vs{position:relative;margin:13px 8px!important;padding:0!important}.sm-match .sm-vs::before{content:"";position:absolute;inset-inline:6%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--gd),transparent)}.sm-match .sm-vs p{position:relative;display:inline-block;margin:0!important;padding:.3rem 1rem .42rem;background:var(--nv);border:1px solid var(--gd);border-radius:999px;color:var(--gd2);font-weight:700;font-size:.78rem;line-height:1.75}.sm-match .sm-hint{display:none}.editor-styles-wrapper .sm-match .sm-hint{display:block;margin:0 6px 8px!important;padding:.28rem .55rem .38rem;background:rgb(255 255 255 / .07);border-radius:8px;color:var(--gd2);font-size:.66rem;line-height:1.75;opacity:.8}.editor-styles-wrapper .sm-match .sm-sec{outline:1px dashed rgb(221 166 40 / .35);outline-offset:2px}.editor-styles-wrapper .sm-match .sm-person{outline:1px dashed rgb(255 255 255 / .14);outline-offset:2px;border-radius:8px}.editor-styles-wrapper .sm-match .sm-person:hover{outline-color:var(--gd)}.block-editor-block-patterns-list .sm-match .sm-hint,.block-editor-inserter__preview-container .sm-match .sm-hint{display:none}.sm-match img:focus-visible,.sm-match a:focus-visible{outline:2px solid var(--gd2);outline-offset:3px}@media (prefers-reduced-motion:reduce){.sm-match .sm-person img{transition:none}.sm-match .sm-person img:hover{transform:none}}