@scope (#mos-adf489fd-e57e-4f31-a22f-dd19c5c03322) { @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; }
Alexander Zverev lived up to his ‘best player in the world’ tag to secure Laver Cup success for Team Europe in London and give rival Carlos Alcaraz the day off.
Zverev had been talked up by Alcaraz after recent French Open and US Open wins before this Ryder Cup-style event at The O2, but the German lost in the doubles on Friday and let slip multiple match points against Alex De Minaur on Saturday.
Alcaraz wrestled back the initiative at the end of day two before Zverev teamed up with Casper Ruud to triumph in the doubles and leave Team Europe only two victories from glory ahead of Sunday’s session.
Flavio Cobolli and Jakub Mensik moved Team Europe a step closer by beating key Team World duo Taylor Fritz and De Minaur in the doubles, which opened the door for Zverev to bring a run of three defeats in four editions for Team Europe to an end.
Zverev struggled against Laver Cup rookie Learner Tien, although did have the insurance policy of team-mate Alcaraz up next if required, but the two-time major winner secured a 7-6 (3) 6-3 victory to help Team Europe prevail by a 13-5 score in front of tournament co-founder Roger Federer.
