@scope (#mos-c250be90-d7d7-4cd3-81cf-d4cda4008b72) { @font-face {
font-family: “Independent Serif”;
src: url(“https://assets.the-independent.com/fonts/Independent-Serif-Medium.woff2”) format(“woff2”);
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: “Independent Serif”;
src: url(“https://assets.the-independent.com/fonts/Independent-Serif-Regular.woff2”) format(“woff2”);
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: “Independent Sans”;
src: url(“https://assets.the-independent.com/fonts/Independent-Sans-Regular.woff2”) format(“woff2”);
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: “Independent Sans”;
src: url(“https://assets.the-independent.com/fonts/Independent-Sans-Medium.woff2”) format(“woff2”);
font-weight: 500;
font-style: normal;
font-display: swap;
}
.bookmark-experience {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
inset: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.55);
z-index: 10000;
padding: 12px;
margin: 0;
}
.bookmark-experience,
.bookmark-experience * {
box-sizing: border-box;
}
.bookmark-experience .modal {
position: relative;
width: 100%;
max-width: 400px;
margin: 0;
padding: 32px 24px 28px;
text-align: center;
color: #ffffff;
background: linear-gradient(90deg, #3b030f 0%, #3b030f 27%, #76071f 52%, #3b030f 100%);
box-shadow: 2px -2px 8px rgba(0, 0, 0, 0.5);
}
.bookmark-experience .close-btn {
position: absolute;
top: 12px;
right: 12px;
width: 16px;
height: 16px;
cursor: pointer;
background: none;
border: none;
padding: 0;
}
.bookmark-experience .close-btn__icon,
.bookmark-experience .close-btn__icon::before,
.bookmark-experience .close-btn__icon::after {
display: block;
}
.bookmark-experience .close-btn__icon {
position: relative;
width: 16px;
height: 16px;
}
.bookmark-experience .close-btn__icon::before,
.bookmark-experience .close-btn__icon::after {
content: “”;
position: absolute;
top: 50%;
left: 0;
width: 16px;
height: 1.5px;
background: #ffffff;
}
.bookmark-experience .close-btn__icon::before { transform: translateY(-50%) rotate(45deg); }
.bookmark-experience .close-btn__icon::after { transform: translateY(-50%) rotate(-45deg); }
.bookmark-experience .logo-row {
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 24px;
}
.bookmark-experience .logo-premium-image {
display: block;
height: 24px;
width: 272px;
max-width: 86%;
object-fit: contain;
}
.bookmark-experience .headline {
font-family: “Independent Serif”, Georgia, serif;
font-weight: 500;
font-size: 28px;
line-height: 32px;
letter-spacing: -0.5px;
color: #ffffff;
margin: 0 0 16px;
}
.bookmark-experience .body-text {
font-family: “Independent Serif”, Georgia, serif;
font-weight: 400;
font-size: 16px;
line-height: 22px;
letter-spacing: -0.3px;
color: #ffffff;
margin: 0 0 24px;
}
.bookmark-experience .subscribe-link {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 42px;
padding: 12px 16px;
background: #ffffff;
color: #76071f;
border-radius: 4px;
font-family: “Independent Sans”, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 16px;
letter-spacing: -0.5px;
text-transform: uppercase;
text-decoration: none;
}
.bookmark-experience .subscribe-link:hover,
.bookmark-experience .subscribe-link:focus {
background: #f0e6e8;
color: #76071f;
}
.bookmark-experience .login-copy {
margin: 12px 0 0;
font-family: “Independent Sans”, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, sans-serif;
font-size: 14px;
line-height: 18px;
letter-spacing: -0.5px;
color: #ffffff;
}
.bookmark-experience .login-link {
color: #ffffff;
text-decoration: underline;
cursor: pointer;
}
@media screen and (min-width: 600px) {
.bookmark-experience {
padding: 16px;
}
.bookmark-experience .modal {
max-width: 520px;
padding: 40px 48px 32px;
}
.bookmark-experience .close-btn,
.bookmark-experience .close-btn__icon,
.bookmark-experience .close-btn__icon::before,
.bookmark-experience .close-btn__icon::after {
width: 16px;
}
.bookmark-experience .close-btn {
top: 16px;
right: 16px;
}
.bookmark-experience .logo-premium-image {
height: 28px;
width: 320px;
}
.bookmark-experience .headline {
font-size: 32px;
line-height: 36px;
letter-spacing: -0.75px;
margin-bottom: 16px;
}
.bookmark-experience .body-text {
font-size: 16px;
line-height: 22px;
margin-bottom: 28px;
}
}
}
Want to bookmark your favourite articles and stories to read or reference later? Start your Independent Membership today.
Already a member?
Log in
html:not(.mos-bookmark-open) .bookmark-experience { display: none !important; }
William Saliba has been pictured back training with Arsenal’s first-team in a huge boost to Mikel Arteta’s side.
The Premier League title-winning centre-back has not played this season due to a back injury picked up during this summer’s World Cup.
But the 25-year-old is now closing in on a return for the Gunners and trained with Arteta’s squad before Wednesday’s Champions League trip to Slavia Prague.
Summer signing Ezri Konsa has impressed as Saliba’s replacement alongside Gabriel Magalhaes, with the Gunners keeping four clean sheets in a row in the Premier League.
That includes Sunday’s 1-0 victory at Liverpool as Arteta’s side produced a defensive masterclass to win at Anfield for the first time in 14 years.
Saliba, 25, is unlikely to be rushed back into action after an extended lay-off, but his return is a boost to Arteta’s side as they look to defend their Premier League crown this season.


