/* SF Pro Font Faces - Using WSS paths */
@font-face {
    font-family: 'SF Pro Text';
    font-style: normal;
    font-weight: 400;
    src: url('../wss/fonts/SF-Pro-Text/v3/sf-pro-text_regular.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    font-style: normal;
    font-weight: 600;
    src: url('../wss/fonts/SF-Pro-Text/v3/sf-pro-text_semibold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    src: url('../wss/fonts/SF-Pro-Display/v3/sf-pro-display_regular.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 600;
    src: url('../wss/fonts/SF-Pro-Display/v3/sf-pro-display_semibold.woff2') format('woff2');
    font-display: swap;
}

/* Set default font for the entire document */
:root {
    --font-family-sf-text: 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-family-sf-display: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

* {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: var(--font-family-sf-text) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}

/* Force SF Pro Display for headings and specific elements */
h1, h2, h3, h4, h5, h6,
.hero-title,
.hero-subtitle,
.button-text {
    font-family: var(--font-family-sf-display) !important;
    font-weight: 600;
}

/* Apply SF Pro Text to body text */
p, a, span, div, input, textarea, button, select, label {
    font-family: var(--font-family-sf-text) !important;
}

.cw-hidden {
    display: none !important
}

button.unstyled-button {
    background: none;
    color: inherit;
    border: 0;
    padding: 0;
    text-align: start;
    inline-size: -webkit-fit-content;
    inline-size: -moz-fit-content;
    inline-size: fit-content
}

[dir=ltr] button.unstyled-button,
button.unstyled-button[dir=ltr] {
    text-align: left;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

[dir=rtl] button.unstyled-button,
button.unstyled-button[dir=rtl] {
    text-align: right;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

button.unstyled-button:not([disabled]) {
    cursor: pointer
}

ol.unstyled-list,
ul.unstyled-list {
    list-style: none;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

[dir=ltr] ol.unstyled-list,
[dir=ltr] ul.unstyled-list,
ol.unstyled-list[dir=ltr],
ul.unstyled-list[dir=ltr] {
    margin-left: 0;
    padding-left: 0
}

[dir=rtl] ol.unstyled-list,
[dir=rtl] ul.unstyled-list,
ol.unstyled-list[dir=rtl],
ul.unstyled-list[dir=rtl] {
    margin-right: 0;
    padding-right: 0
}

a.unstyled-link,
a.unstyled-link:active,
a.unstyled-link:active:hover,
a.unstyled-link:focus,
a.unstyled-link:hover,
a.unstyled-link:visited {
    color: inherit;
    text-decoration: none
}

ui-button.pill {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-inline: 16px;
    padding-block: 8px;
    border-radius: 20px;
    cursor: pointer;
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px
}

[dir=ltr] ui-button.pill,
[dir=rtl] ui-button.pill,
ui-button.pill[dir=ltr],
ui-button.pill[dir=rtl] {
    padding: 8px 16px
}

[apple-system-font-capable] ui-button.pill {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-button.primary.pill {
    background-color: var(--theme-color-systemBlue);
    color: var(--theme-color-systemWhite)
}

@media (pointer:fine) {
    ui-button.primary.pill:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l) - var(--theme-darken-background-hover)), 1);
        background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l) - var(--theme-darken-background-hover)), 1)
    }
}

ui-button.primary.pill.active:not([aria-disabled=true]):not(.disabled),
ui-button.primary.pill:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l) - var(--theme-darken-background-active)), 1);
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l) - var(--theme-darken-background-active)), 1)
}

ui-button.primary.pill:focus,
ui-button.primary.pill:focus-visible {
    outline: none
}

ui-button.primary.pill.focus-visible {
    -webkit-box-shadow: 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: 0 0 0 3px var(--theme-color-tintBlue);
    background: ""
}

ui-button.secondary.pill {
    background-color: var(--theme-color-gray5);
    color: var(--theme-color-labelPrimary)
}

@media (pointer:fine) {
    ui-button.secondary.pill:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color: hsla(var(--theme-color-gray5-h), var(--theme-color-gray5-s), -webkit-calc(var(--theme-color-gray5-l) - var(--theme-darken-background-hover)), 1);
        background-color: hsla(var(--theme-color-gray5-h), var(--theme-color-gray5-s), calc(var(--theme-color-gray5-l) - var(--theme-darken-background-hover)), 1)
    }
}

ui-button.secondary.pill.active:not([aria-disabled=true]):not(.disabled),
ui-button.secondary.pill:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: hsla(var(--theme-color-gray5-h), var(--theme-color-gray5-s), -webkit-calc(var(--theme-color-gray5-l) - var(--theme-darken-background-active)), 1);
    background-color: hsla(var(--theme-color-gray5-h), var(--theme-color-gray5-s), calc(var(--theme-color-gray5-l) - var(--theme-darken-background-active)), 1)
}

ui-button.secondary.pill:focus,
ui-button.secondary.pill:focus-visible {
    outline: none
}

ui-button.secondary.pill.focus-visible {
    -webkit-box-shadow: 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: 0 0 0 3px var(--theme-color-tintBlue);
    background: ""
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

.root {
    position: relative
}

body {
    color: var(--theme-color-labelPrimary);
    background-color: var(--theme-color-backgroundPrimary)
}

@media (max-width:759px) {
    html.sandwich-menu-open {
        overflow: hidden
    }
}

.application-content {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    inline-size: 345px
}

.application-content[dir=ltr],
.application-content[dir=rtl],
[dir=ltr] .application-content,
[dir=rtl] .application-content {
    margin-left: auto;
    margin-right: auto;
    width: 345px
}

@media (min-width:760px) and (max-width:1164px) {
    .application-content {
        inline-size: 690px
    }
    .application-content[dir=ltr],
    .application-content[dir=rtl],
    [dir=ltr] .application-content,
    [dir=rtl] .application-content {
        width: 690px
    }
}

@media (min-width:1165px) {
    .application-content {
        inline-size: 1035px
    }
    .application-content[dir=ltr],
    .application-content[dir=rtl],
    [dir=ltr] .application-content,
    [dir=rtl] .application-content {
        width: 1035px
    }
}

@media (min-width:1690px) {
    .application-content {
        inline-size: 1380px
    }
    .application-content[dir=ltr],
    .application-content[dir=rtl],
    [dir=ltr] .application-content,
    [dir=rtl] .application-content {
        width: 1380px
    }
}

ui-pane+ui-pane-backdrop.for-ui-alert.is-visible {
    z-index: 1
}

.fade-in,
.homepage-viewport.fade-in,
.root-component iframe.child-application.fade-in {
    -webkit-animation: fade-in 0ms ease-in-out;
    animation: fade-in 0ms ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: opacity;
    visibility: visible !important;
    z-index: 2
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fade-out,
.homepage-viewport.fade-out,
.root-component iframe.child-application.fade-out {
    -webkit-animation: fade-out 0ms ease-in-out;
    animation: fade-out 0ms ease-in-out;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none
}

@-webkit-keyframes fade-out {
    0% {
        visibility: visible;
        z-index: 1;
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        visibility: visible;
        z-index: 1;
        opacity: 1
    }
}

.clicking button,
.clicking button:focus:not([aria-disabled=true]):not(.disabled),
.clicking ui-button.primary,
.clicking ui-button.primary:focus:not([aria-disabled=true]):not(.disabled),
.clicking ui-toggle-button.primary,
.clicking ui-toggle-button.primary:focus:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

svg.glyph-box {
    overflow: visible
}

html body {
    --theme-color-labelPrimary: rgba(0, 0, 0, 0.88);
    --theme-color-labelSecondary: rgba(0, 0, 0, 0.56);
    --theme-color-labelTertiary: rgba(0, 0, 0, 0.48);
    --theme-color-labelQuaternary: rgba(0, 0, 0, 0.32);
    --theme-color-fillPrimary: rgba(120, 120, 128, 0.2);
    --theme-color-fillSecondary: rgba(120, 120, 128, 0.16);
    --theme-color-fillTertiary: rgba(118, 118, 128, 0.12);
    --theme-color-fillQuaternary: rgba(120, 120, 128, 0.08);
    --theme-color-gray1-h: 240;
    --theme-color-gray1-s: 2.3%;
    --theme-color-gray1-l: 56.7%;
    --theme-color-gray1: hsl(var(--theme-color-gray1-h), var(--theme-color-gray1-s), var(--theme-color-gray1-l));
    --theme-color-gray2: #aeaeb2;
    --theme-color-gray3-h: 240;
    --theme-color-gray3-s: 4.7%;
    --theme-color-gray3-l: 79.0%;
    --theme-color-gray3: hsl(var(--theme-color-gray3-h), var(--theme-color-gray3-s), var(--theme-color-gray3-l));
    --theme-color-gray4-h: 240;
    --theme-color-gray4-s: 5.7%;
    --theme-color-gray4-l: 82.9%;
    --theme-color-gray4: hsl(var(--theme-color-gray4-h), var(--theme-color-gray4-s), var(--theme-color-gray4-l));
    --theme-color-gray5-h: 240;
    --theme-color-gray5-s: 10.6%;
    --theme-color-gray5-l: 90.8%;
    --theme-color-gray5: hsl(var(--theme-color-gray5-h), var(--theme-color-gray5-s), var(--theme-color-gray5-l));
    --theme-color-gray6: #f2f2f7;
    --theme-color-systemPink: #ff2d55;
    --theme-color-systemRed-h: 0;
    --theme-color-systemRed-s: 100.0%;
    --theme-color-systemRed-l: 44.5%;
    --theme-color-systemRed: hsl(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), var(--theme-color-systemRed-l));
    --theme-color-systemOrange: #ff9500;
    --theme-color-systemYellow: #fc0;
    --theme-color-systemGreen: #03a10e;
    --theme-color-systemMint: #00c7be;
    --theme-color-systemTeal: #30b0c7;
    --theme-color-systemCyan: #32ade6;
    --theme-color-systemBlue: #0071e3;
    --theme-color-systemIndigo: #5856d6;
    --theme-color-systemPurple: #af52de;
    --theme-color-systemBrown: #a2845e;
    --theme-color-systemBlack: #000;
    --theme-color-systemWhite-h: 0;
    --theme-color-systemWhite-s: 0.0%;
    --theme-color-systemWhite-l: 100.0%;
    --theme-color-systemWhite: hsl(var(--theme-color-systemWhite-h), var(--theme-color-systemWhite-s), var(--theme-color-systemWhite-l));
    --theme-color-tintNotes: #ebb800;
    --theme-color-tintFindMy: #03a10e;
    --theme-color-tintCyan: rgba(50, 173, 230, 0.1);
    --theme-color-tintCyanOpaque: #eaf7fc;
    --theme-color-tintBlue: rgba(0, 113, 227, 0.7);
    --theme-color-tintBlueOpaque: #4b9beb;
    --theme-color-tintRed: rgba(227, 0, 0, 0.32);
    --theme-color-tintRedOpaque: #f6adad;
    --theme-color-tintBlueSecondary: rgba(0, 113, 227, 0.28);
    --theme-color-tintBlueSecondaryOpaque: #b8d7f7;
    --theme-color-tintBlueTertiary: rgba(0, 113, 227, 0.12);
    --theme-color-tintBlueTertiaryOpaque: #e1eefc;
    --theme-color-backgroundPrimary-h: 0;
    --theme-color-backgroundPrimary-s: 0.0%;
    --theme-color-backgroundPrimary-l: 100.0%;
    --theme-color-backgroundPrimary: hsl(var(--theme-color-backgroundPrimary-h), var(--theme-color-backgroundPrimary-s), var(--theme-color-backgroundPrimary-l));
    --theme-color-backgroundLayer1: #f2f2f7;
    --theme-color-backgroundLayer2: #fff;
    --theme-opacity-text-active: 0.3;
    --theme-opacity-background-active: 0.16;
    --theme-darken-background-hover: 8%;
    --theme-darken-background-active: 16%;
    --theme-color-boxShadow: rgba(0, 0, 0, 0.16);
    --theme-boxShadow-blurRadius: 34px;
    --theme-boxShadow-standard: 0 11px var(--theme-boxShadow-blurRadius) var(--theme-color-boxShadow);
    --theme-color-focusRing: var(--theme-color-tintBlue);
    --theme-color-backdrop: rgba(245, 245, 247, 0.85);
    --theme-color-sidebar: #fbfbfd;
    --theme-color-divider: #d1d1d6;
    --theme-color-separator: #d1d1d6;
    color-scheme: light dark
}

@media (prefers-color-scheme:dark) {
    html body {
        --theme-color-labelPrimary: hsla(0, 0%, 100%, 0.98);
        --theme-color-labelSecondary: hsla(0, 0%, 100%, 0.66);
        --theme-color-labelTertiary: hsla(0, 0%, 100%, 0.5);
        --theme-color-labelQuaternary: hsla(0, 0%, 100%, 0.42);
        --theme-color-fillPrimary: hsla(0, 0%, 71.4%, 0.3);
        --theme-color-fillSecondary: rgba(120, 120, 128, 0.36);
        --theme-color-fillTertiary: rgba(118, 118, 128, 0.3);
        --theme-color-fillQuaternary: rgba(116, 116, 128, 0.25);
        --theme-color-gray1-h: 240;
        --theme-color-gray1-s: 2.3%;
        --theme-color-gray1-l: 56.7%;
        --theme-color-gray1: hsl(var(--theme-color-gray1-h), var(--theme-color-gray1-s), var(--theme-color-gray1-l));
        --theme-color-gray2: #636366;
        --theme-color-gray3-h: 240;
        --theme-color-gray3-s: 1.4%;
        --theme-color-gray3-l: 29.0%;
        --theme-color-gray3: hsl(var(--theme-color-gray3-h), var(--theme-color-gray3-s), var(--theme-color-gray3-l));
        --theme-color-gray4-h: 240;
        --theme-color-gray4-s: 1.6%;
        --theme-color-gray4-l: 23.9%;
        --theme-color-gray4: hsl(var(--theme-color-gray4-h), var(--theme-color-gray4-s), var(--theme-color-gray4-l));
        --theme-color-gray5-h: 240;
        --theme-color-gray5-s: 1.9%;
        --theme-color-gray5-l: 20.8%;
        --theme-color-gray5: hsl(var(--theme-color-gray5-h), var(--theme-color-gray5-s), var(--theme-color-gray5-l));
        --theme-color-gray6: #2c2c2e;
        --theme-color-systemPink: #ff375f;
        --theme-color-systemRed-h: 358;
        --theme-color-systemRed-s: 100.0%;
        --theme-color-systemRed-l: 59.4%;
        --theme-color-systemRed: hsl(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), var(--theme-color-systemRed-l));
        --theme-color-systemOrange: #ff9f0a;
        --theme-color-systemYellow: #ffd60a;
        --theme-color-systemGreen: #32d158;
        --theme-color-systemMint: #63e6e2;
        --theme-color-systemTeal: #40c8e0;
        --theme-color-systemCyan: #64d2ff;
        --theme-color-systemBlue: #009aff;
        --theme-color-systemIndigo: #5e5ce6;
        --theme-color-systemPurple: #bf5af2;
        --theme-color-systemBrown: #ac8e68;
        --theme-color-systemBlack: #fff;
        --theme-color-tintCyan: rgba(100, 210, 255, 0.14);
        --theme-color-tintCyanOpaque: #26353e;
        --theme-color-tintBlue: rgba(10, 132, 255, 0.7);
        --theme-color-tintBlueOpaque: #0f64bb;
        --theme-color-tintRed: rgba(244, 10, 10, 0.48);
        --theme-color-tintRedOpaque: #4e0303;
        --theme-color-tintBlueSecondary: rgba(10, 132, 255, 0.28);
        --theme-color-tintBlueSecondaryOpaque: #16395d;
        --theme-color-tintBlueTertiary: rgba(10, 132, 255, 0.12);
        --theme-color-tintBlueTertiaryOpaque: #1b2939;
        --theme-color-backgroundPrimary-h: 240;
        --theme-color-backgroundPrimary-s: 3.4%;
        --theme-color-backgroundPrimary-l: 11.4%;
        --theme-color-backgroundPrimary: hsl(var(--theme-color-backgroundPrimary-h), var(--theme-color-backgroundPrimary-s), var(--theme-color-backgroundPrimary-l));
        --theme-color-backgroundLayer1: #323236;
        --theme-color-backgroundLayer2: #434349;
        --theme-darken-background-hover: -8%;
        --theme-darken-background-active: -16%;
        --theme-color-boxShadow: rgba(0, 0, 0, 0.65);
        --theme-color-backdrop: rgba(10, 10, 10, 0.8);
        --theme-color-sidebar: #202023;
        --theme-color-divider: #000;
        --theme-color-separator: #343436
    }
}

[data-appearance=dark] {
    --theme-color-labelPrimary: hsla(0, 0%, 100%, 0.98);
    --theme-color-labelSecondary: hsla(0, 0%, 100%, 0.66);
    --theme-color-labelTertiary: hsla(0, 0%, 100%, 0.5);
    --theme-color-labelQuaternary: hsla(0, 0%, 100%, 0.42);
    --theme-color-fillPrimary: hsla(0, 0%, 71.4%, 0.3);
    --theme-color-fillSecondary: rgba(120, 120, 128, 0.36);
    --theme-color-fillTertiary: rgba(118, 118, 128, 0.3);
    --theme-color-fillQuaternary: rgba(116, 116, 128, 0.25);
    --theme-color-gray1-h: 240;
    --theme-color-gray1-s: 2.3%;
    --theme-color-gray1-l: 56.7%;
    --theme-color-gray1: hsl(var(--theme-color-gray1-h), var(--theme-color-gray1-s), var(--theme-color-gray1-l));
    --theme-color-gray2: #636366;
    --theme-color-gray3-h: 240;
    --theme-color-gray3-s: 1.4%;
    --theme-color-gray3-l: 29.0%;
    --theme-color-gray3: hsl(var(--theme-color-gray3-h), var(--theme-color-gray3-s), var(--theme-color-gray3-l));
    --theme-color-gray4-h: 240;
    --theme-color-gray4-s: 1.6%;
    --theme-color-gray4-l: 23.9%;
    --theme-color-gray4: hsl(var(--theme-color-gray4-h), var(--theme-color-gray4-s), var(--theme-color-gray4-l));
    --theme-color-gray5-h: 240;
    --theme-color-gray5-s: 1.9%;
    --theme-color-gray5-l: 20.8%;
    --theme-color-gray5: hsl(var(--theme-color-gray5-h), var(--theme-color-gray5-s), var(--theme-color-gray5-l));
    --theme-color-gray6: #2c2c2e;
    --theme-color-systemPink: #ff375f;
    --theme-color-systemRed-h: 358;
    --theme-color-systemRed-s: 100.0%;
    --theme-color-systemRed-l: 59.4%;
    --theme-color-systemRed: hsl(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), var(--theme-color-systemRed-l));
    --theme-color-systemOrange: #ff9f0a;
    --theme-color-systemYellow: #ffd60a;
    --theme-color-systemGreen: #32d158;
    --theme-color-systemMint: #63e6e2;
    --theme-color-systemTeal: #40c8e0;
    --theme-color-systemCyan: #64d2ff;
    --theme-color-systemBlue: #009aff;
    --theme-color-systemIndigo: #5e5ce6;
    --theme-color-systemPurple: #bf5af2;
    --theme-color-systemBrown: #ac8e68;
    --theme-color-systemBlack: #fff;
    --theme-color-tintCyan: rgba(100, 210, 255, 0.14);
    --theme-color-tintCyanOpaque: #26353e;
    --theme-color-tintBlue: rgba(10, 132, 255, 0.7);
    --theme-color-tintBlueOpaque: #0f64bb;
    --theme-color-tintRed: rgba(244, 10, 10, 0.48);
    --theme-color-tintRedOpaque: #4e0303;
    --theme-color-tintBlueSecondary: rgba(10, 132, 255, 0.28);
    --theme-color-tintBlueSecondaryOpaque: #16395d;
    --theme-color-tintBlueTertiary: rgba(10, 132, 255, 0.12);
    --theme-color-tintBlueTertiaryOpaque: #1b2939;
    --theme-color-backgroundPrimary-h: 240;
    --theme-color-backgroundPrimary-s: 3.4%;
    --theme-color-backgroundPrimary-l: 11.4%;
    --theme-color-backgroundPrimary: hsl(var(--theme-color-backgroundPrimary-h), var(--theme-color-backgroundPrimary-s), var(--theme-color-backgroundPrimary-l));
    --theme-color-backgroundLayer1: #323236;
    --theme-color-backgroundLayer2: #434349;
    --theme-darken-background-hover: -8%;
    --theme-darken-background-active: -16%;
    --theme-color-boxShadow: rgba(0, 0, 0, 0.65);
    --theme-color-backdrop: rgba(10, 10, 10, 0.8);
    --theme-color-sidebar: #202023;
    --theme-color-divider: #000;
    --theme-color-separator: #343436;
    color-scheme: dark
}

[data-appearance=light] {
    --theme-color-labelPrimary: rgba(0, 0, 0, 0.88);
    --theme-color-labelSecondary: rgba(0, 0, 0, 0.56);
    --theme-color-labelTertiary: rgba(0, 0, 0, 0.48);
    --theme-color-labelQuaternary: rgba(0, 0, 0, 0.32);
    --theme-color-fillPrimary: rgba(120, 120, 128, 0.2);
    --theme-color-fillSecondary: rgba(120, 120, 128, 0.16);
    --theme-color-fillTertiary: rgba(118, 118, 128, 0.12);
    --theme-color-fillQuaternary: rgba(120, 120, 128, 0.08);
    --theme-color-gray1-h: 240;
    --theme-color-gray1-s: 2.3%;
    --theme-color-gray1-l: 56.7%;
    --theme-color-gray1: hsl(var(--theme-color-gray1-h), var(--theme-color-gray1-s), var(--theme-color-gray1-l));
    --theme-color-gray2: #aeaeb2;
    --theme-color-gray3-h: 240;
    --theme-color-gray3-s: 4.7%;
    --theme-color-gray3-l: 79.0%;
    --theme-color-gray3: hsl(var(--theme-color-gray3-h), var(--theme-color-gray3-s), var(--theme-color-gray3-l));
    --theme-color-gray4-h: 240;
    --theme-color-gray4-s: 5.7%;
    --theme-color-gray4-l: 82.9%;
    --theme-color-gray4: hsl(var(--theme-color-gray4-h), var(--theme-color-gray4-s), var(--theme-color-gray4-l));
    --theme-color-gray5-h: 240;
    --theme-color-gray5-s: 10.6%;
    --theme-color-gray5-l: 90.8%;
    --theme-color-gray5: hsl(var(--theme-color-gray5-h), var(--theme-color-gray5-s), var(--theme-color-gray5-l));
    --theme-color-gray6: #f2f2f7;
    --theme-color-systemPink: #ff2d55;
    --theme-color-systemRed-h: 0;
    --theme-color-systemRed-s: 100.0%;
    --theme-color-systemRed-l: 44.5%;
    --theme-color-systemRed: hsl(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), var(--theme-color-systemRed-l));
    --theme-color-systemOrange: #ff9500;
    --theme-color-systemYellow: #fc0;
    --theme-color-systemGreen: #03a10e;
    --theme-color-systemMint: #00c7be;
    --theme-color-systemTeal: #30b0c7;
    --theme-color-systemCyan: #32ade6;
    --theme-color-systemBlue: #0071e3;
    --theme-color-systemIndigo: #5856d6;
    --theme-color-systemPurple: #af52de;
    --theme-color-systemBrown: #a2845e;
    --theme-color-systemBlack: #000;
    --theme-color-systemWhite-h: 0;
    --theme-color-systemWhite-s: 0.0%;
    --theme-color-systemWhite-l: 100.0%;
    --theme-color-systemWhite: hsl(var(--theme-color-systemWhite-h), var(--theme-color-systemWhite-s), var(--theme-color-systemWhite-l));
    --theme-color-tintNotes: #ebb800;
    --theme-color-tintFindMy: #03a10e;
    --theme-color-tintCyan: rgba(50, 173, 230, 0.1);
    --theme-color-tintCyanOpaque: #eaf7fc;
    --theme-color-tintBlue: rgba(0, 113, 227, 0.7);
    --theme-color-tintBlueOpaque: #4b9beb;
    --theme-color-tintRed: rgba(227, 0, 0, 0.32);
    --theme-color-tintRedOpaque: #f6adad;
    --theme-color-tintBlueSecondary: rgba(0, 113, 227, 0.28);
    --theme-color-tintBlueSecondaryOpaque: #b8d7f7;
    --theme-color-tintBlueTertiary: rgba(0, 113, 227, 0.12);
    --theme-color-tintBlueTertiaryOpaque: #e1eefc;
    --theme-color-backgroundPrimary-h: 0;
    --theme-color-backgroundPrimary-s: 0.0%;
    --theme-color-backgroundPrimary-l: 100.0%;
    --theme-color-backgroundPrimary: hsl(var(--theme-color-backgroundPrimary-h), var(--theme-color-backgroundPrimary-s), var(--theme-color-backgroundPrimary-l));
    --theme-color-backgroundLayer1: #f2f2f7;
    --theme-color-backgroundLayer2: #fff;
    --theme-opacity-text-active: 0.3;
    --theme-opacity-background-active: 0.16;
    --theme-darken-background-hover: 8%;
    --theme-darken-background-active: 16%;
    --theme-color-boxShadow: rgba(0, 0, 0, 0.16);
    --theme-boxShadow-blurRadius: 34px;
    --theme-boxShadow-standard: 0 11px var(--theme-boxShadow-blurRadius) var(--theme-color-boxShadow);
    --theme-color-focusRing: var(--theme-color-tintBlue);
    --theme-color-backdrop: rgba(245, 245, 247, 0.85);
    --theme-color-sidebar: #fbfbfd;
    --theme-color-divider: #d1d1d6;
    --theme-color-separator: #d1d1d6;
    color-scheme: light
}

body {
    --theme-color-appTint-h: 210;
    --theme-color-appTint-s: 100%;
    --theme-color-appTint-l: 44.5%;
    --theme-color-appTint: hsl(var(--theme-color-appTint-h), var(--theme-color-appTint-s), var(--theme-color-appTint-l));
    font-size: 15px
}

@media (prefers-color-scheme:dark) {
    body {
        --theme-color-appTint-h: 204;
        --theme-color-appTint-s: 100%;
        --theme-color-appTint-l: 50%
    }
}

body[apple-system-font-capable] {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, sans-serif
}

::-webkit-input-placeholder {
    opacity: 1
}

::-moz-placeholder {
    opacity: 1
}

::-ms-input-placeholder {
    opacity: 1
}

:-ms-input-placeholder {
    opacity: 1
}

::placeholder {
    opacity: 1
}

.crash-modal-background {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 100%;
    block-size: 100%;
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: var(--theme-color-backdrop);
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1000;
    opacity: 1;
    -webkit-animation-duration: .25s;
    animation-duration: .25s
}

.crash-modal-background[dir=ltr],
[dir=ltr] .crash-modal-background {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.crash-modal-background[dir=rtl],
[dir=rtl] .crash-modal-background {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.crash-modal-view {
    inline-size: -webkit-calc(100% - 40px);
    inline-size: calc(100% - 40px);
    max-inline-size: 640px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    border-radius: 8px;
    margin: 20px;
    overflow: hidden;
    outline: none;
    background: var(--theme-color-backgroundPrimary);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15), 0 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .15), 0 0 1px 1px rgba(0, 0, 0, .1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.crash-modal-view[dir=ltr],
.crash-modal-view[dir=rtl],
[dir=ltr] .crash-modal-view,
[dir=rtl] .crash-modal-view {
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    max-width: 640px
}

.crash-modal-view .main-container {
    -webkit-margin-start: 7px;
    margin-inline-start: 7px;
    max-block-size: 440px;
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
    -webkit-padding-end: 20px;
    padding-inline-end: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    min-block-size: 40px;
    overflow: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.crash-modal-view[dir=ltr] .main-container,
[dir=ltr] .crash-modal-view .main-container {
    margin-left: 7px;
    max-height: 440px;
    padding-left: 20px;
    padding-right: 20px;
    min-height: 40px
}

.crash-modal-view[dir=rtl] .main-container,
[dir=rtl] .crash-modal-view .main-container {
    margin-right: 7px;
    max-height: 440px;
    padding-right: 20px;
    padding-left: 20px;
    min-height: 40px
}

@media only screen and (orientation:landscape) {
    .crash-modal-view .main-container {
        max-block-size: -webkit-calc(100vh - 160px);
        max-block-size: calc(100vh - 160px)
    }
    .crash-modal-view[dir=ltr] .main-container,
    .crash-modal-view[dir=rtl] .main-container,
    [dir=ltr] .crash-modal-view .main-container,
    [dir=rtl] .crash-modal-view .main-container {
        max-height: -webkit-calc(100vh - 160px);
        max-height: calc(100vh - 160px)
    }
}

.crash-modal-view .button-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.crash-modal-view .button-container div.divider {
    background: var(--theme-color-gray3);
    inline-size: 1px;
    block-size: 24px
}

.crash-modal-view[dir=ltr] .button-container div.divider,
.crash-modal-view[dir=rtl] .button-container div.divider,
[dir=ltr] .crash-modal-view .button-container div.divider,
[dir=rtl] .crash-modal-view .button-container div.divider {
    width: 1px;
    height: 24px
}

.crash-modal-view .button-container div.spacer {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.crash-modal-view .button-container button {
    font-size: 17px;
    color: var(--theme-color-systemBlue);
    background: none;
    border: 0;
    cursor: pointer;
    -webkit-margin-start: 16px;
    margin-inline-start: 16px;
    -webkit-margin-end: 16px;
    margin-inline-end: 16px;
    -webkit-margin-before: 12px;
    margin-block-start: 12px;
    -webkit-margin-after: 12px;
    margin-block-end: 12px;
    -webkit-padding-start: 4px;
    padding-inline-start: 4px;
    -webkit-padding-end: 4px;
    padding-inline-end: 4px;
    -webkit-padding-before: 4px;
    padding-block-start: 4px;
    -webkit-padding-after: 4px;
    padding-block-end: 4px;
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.crash-modal-view[dir=ltr] .button-container button,
.crash-modal-view[dir=rtl] .button-container button,
[dir=ltr] .crash-modal-view .button-container button,
[dir=rtl] .crash-modal-view .button-container button {
    margin: 12px 16px;
    padding: 4px
}

.crash-modal-view .button-container button.primary {
    font-weight: 700
}

.crash-modal-view.primary-interaction-mode-mouse .button-container.has-primary-btn.has-other-btn {
    -webkit-border-before: 0;
    border-block-start: 0
}

.crash-modal-view.primary-interaction-mode-mouse[dir=ltr] .button-container.has-primary-btn.has-other-btn,
.crash-modal-view.primary-interaction-mode-mouse[dir=rtl] .button-container.has-primary-btn.has-other-btn,
[dir=ltr] .crash-modal-view.primary-interaction-mode-mouse .button-container.has-primary-btn.has-other-btn,
[dir=rtl] .crash-modal-view.primary-interaction-mode-mouse .button-container.has-primary-btn.has-other-btn {
    border-top: 0
}

.crash-modal-view.primary-interaction-mode-touch .button-container {
    font-size: 14px
}

@media only screen and (max-device-width:320px) {
    .crash-modal-view.primary-interaction-mode-touch .button-container .button .title {
        font-size: 12px
    }
    .crash-modal-view.primary-interaction-mode-touch .main-container {
        max-block-size: 80%
    }
    .crash-modal-view.primary-interaction-mode-touch[dir=ltr] .main-container,
    .crash-modal-view.primary-interaction-mode-touch[dir=rtl] .main-container,
    [dir=ltr] .crash-modal-view.primary-interaction-mode-touch .main-container,
    [dir=rtl] .crash-modal-view.primary-interaction-mode-touch .main-container {
        max-height: 80%
    }
}

.main-content {
    -webkit-padding-before: 27px;
    padding-block-start: 27px;
    -webkit-padding-after: 10px;
    padding-block-end: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.main-content[dir=ltr],
.main-content[dir=rtl],
[dir=ltr] .main-content,
[dir=rtl] .main-content {
    padding-top: 27px;
    padding-bottom: 10px
}

.main-content .icon {
    border: 1px solid transparent;
    border-radius: 12px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    inline-size: 58px;
    block-size: 62px;
    -webkit-margin-end: 22px;
    margin-inline-end: 22px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    position: relative;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NiIgaGVpZ2h0PSI2MSI+PHBhdGggZD0iTTcuOCA2MWg1MC40YzQuNyAwIDcuOC0zLjUxNyA3LjgtNy44MzkgMC0xLjMwNi0uNC0yLjYxMi0xLjEtMy44MThMMzkuNyAzLjkxOUMzOC4zIDEuMzA2IDM1LjYgMCAzMyAwYy0yLjYgMC01LjMgMS4zMDYtNi43IDMuOTJMMSA0OS4zNDJjLS43IDEuMjA2LTEgMi41MTItMSAzLjgxOEMwIDU3LjQ4MyAzIDYxIDcuOCA2MXoiIGZpbGw9IiNGQ0QzMzAiLz48cGF0aCBkPSJNMzMgMzguN2MtMS43IDAtMi42LTEtMi43LTIuN2wtLjQtMTUuOGMtLjEtMS43IDEuMy0zIDMuMS0zczMuMiAxLjMgMy4xIDNMMzUuNiAzNmMwIDEuOC0xIDIuNy0yLjYgMi43ek0zMyA1MC42Yy0xLjkgMC0zLjYtMS41LTMuNi0zLjVzMS43LTMuNSAzLjYtMy41YzEuOSAwIDMuNiAxLjUgMy42IDMuNXMtMS43IDMuNS0zLjYgMy41eiIvPjwvc3ZnPg==");
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.main-content[dir=ltr] .icon,
[dir=ltr] .main-content .icon {
    width: 58px;
    height: 62px;
    margin-right: 22px
}

.main-content[dir=rtl] .icon,
[dir=rtl] .main-content .icon {
    width: 58px;
    height: 62px;
    margin-left: 22px
}

.main-content .icon:after {
    content: "";
    position: absolute;
    inline-size: 32px;
    block-size: 29px;
    inset-block-end: -3px;
    inset-inline-end: -7px
}

.main-content[dir=ltr] .icon:after,
[dir=ltr] .main-content .icon:after {
    width: 32px;
    height: 29px;
    bottom: -3px;
    right: -7px
}

.main-content[dir=rtl] .icon:after,
[dir=rtl] .main-content .icon:after {
    width: 32px;
    height: 29px;
    bottom: -3px;
    left: -7px
}

.main-content .text-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    min-inline-size: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.main-content[dir=ltr] .text-container,
.main-content[dir=rtl] .text-container,
[dir=ltr] .main-content .text-container,
[dir=rtl] .main-content .text-container {
    min-width: 1px
}

.main-content .message {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 19px;
    font-weight: 600;
    color: var(--theme-color-labelPrimary)
}

[apple-system-font-capable] .main-content .message {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.main-content .description {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    color: var(--theme-color-labelPrimary)
}

[apple-system-font-capable] .main-content .description {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.crash-details {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 15px;
    font-weight: 400
}

[apple-system-font-capable] .crash-details {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.crash-details-toggle {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 15px;
    font-weight: 600;
    background: none;
    border: 0;
    cursor: pointer;
    color: var(--theme-color-labelPrimary);
    padding: 4px;
    position: relative;
    inset-inline-start: -4px
}

.crash-details-toggle[dir=ltr],
[dir=ltr] .crash-details-toggle {
    left: -4px
}

.crash-details-toggle[dir=rtl],
[dir=rtl] .crash-details-toggle {
    right: -4px
}

[apple-system-font-capable] .crash-details-toggle {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.crash-details-message-scroll-view {
    position: relative;
    offset-block-start: 0;
    offset-inline-start: 0;
    inline-size: 100%;
    block-size: 90px;
    border: 1px solid var(--theme-color-gray4)
}

.crash-details-message-scroll-view[dir=ltr],
[dir=ltr] .crash-details-message-scroll-view {
    top: 0;
    left: 0;
    width: 100%;
    height: 90px
}

.crash-details-message-scroll-view[dir=rtl],
[dir=rtl] .crash-details-message-scroll-view {
    top: 0;
    right: 0;
    width: 100%;
    height: 90px
}

.crash-details-message-scroll-view .scrolling-container {
    block-size: 100%;
    inline-size: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: auto
}

.crash-details-message-scroll-view[dir=ltr] .scrolling-container,
.crash-details-message-scroll-view[dir=rtl] .scrolling-container,
[dir=ltr] .crash-details-message-scroll-view .scrolling-container,
[dir=rtl] .crash-details-message-scroll-view .scrolling-container {
    height: 100%;
    width: 100%
}

.crash-details-message-scroll-view .crash-details-message {
    -webkit-margin-before: 5px;
    margin-block-start: 5px;
    -webkit-margin-after: 5px;
    margin-block-end: 5px;
    -webkit-margin-start: 5px;
    margin-inline-start: 5px;
    -webkit-margin-end: 5px;
    margin-inline-end: 5px;
    -webkit-padding-after: 10px;
    padding-block-end: 10px;
    white-space: pre;
    font-family: Menlo, Consolas, monaco, monospace;
    font-size: 13px;
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all
}

.crash-details-message-scroll-view[dir=ltr] .crash-details-message,
.crash-details-message-scroll-view[dir=rtl] .crash-details-message,
[dir=ltr] .crash-details-message-scroll-view .crash-details-message,
[dir=rtl] .crash-details-message-scroll-view .crash-details-message {
    margin: 5px;
    padding-bottom: 10px
}

.crash-details-message-scroll-view .cw-scroll-indicator.vertical {
    inline-size: 7px
}

.crash-details-message-scroll-view[dir=ltr] .cw-scroll-indicator.vertical,
.crash-details-message-scroll-view[dir=rtl] .cw-scroll-indicator.vertical,
[dir=ltr] .crash-details-message-scroll-view .cw-scroll-indicator.vertical,
[dir=rtl] .crash-details-message-scroll-view .cw-scroll-indicator.vertical {
    width: 7px
}

.crash-details-message-scroll-view .cw-scroll-indicator.horizontal {
    block-size: 7px
}

.crash-details-message-scroll-view[dir=ltr] .cw-scroll-indicator.horizontal,
.crash-details-message-scroll-view[dir=rtl] .cw-scroll-indicator.horizontal,
[dir=ltr] .crash-details-message-scroll-view .cw-scroll-indicator.horizontal,
[dir=rtl] .crash-details-message-scroll-view .cw-scroll-indicator.horizontal {
    height: 7px
}

.apple-privacy {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    color: var(--theme-color-labelPrimary)
}

[apple-system-font-capable] .apple-privacy {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.apple-privacy .privacy-info {
    opacity: .5
}

.apple-privacy .privacy-policy {
    text-decoration: none;
    color: var(--theme-color-systemBlue)
}

.crash-modal-view.primary-interaction-mode-mouse {
    inline-size: -webkit-calc(100% - 40px);
    inline-size: calc(100% - 40px)
}

.crash-modal-view.primary-interaction-mode-mouse[dir=ltr],
.crash-modal-view.primary-interaction-mode-mouse[dir=rtl],
[dir=ltr] .crash-modal-view.primary-interaction-mode-mouse,
[dir=rtl] .crash-modal-view.primary-interaction-mode-mouse {
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px)
}

.crash-modal-view.primary-interaction-mode-mouse .main-container {
    -webkit-margin-start: 7px;
    margin-inline-start: 7px;
    max-block-size: 440px
}

.crash-modal-view.primary-interaction-mode-mouse[dir=ltr] .main-container,
[dir=ltr] .crash-modal-view.primary-interaction-mode-mouse .main-container {
    margin-left: 7px;
    max-height: 440px
}

.crash-modal-view.primary-interaction-mode-mouse[dir=rtl] .main-container,
[dir=rtl] .crash-modal-view.primary-interaction-mode-mouse .main-container {
    margin-right: 7px;
    max-height: 440px
}

.crash-modal-view.primary-interaction-mode-mouse .content-wrapper {
    inline-size: 440px
}

.crash-modal-view.primary-interaction-mode-mouse[dir=ltr] .content-wrapper,
.crash-modal-view.primary-interaction-mode-mouse[dir=rtl] .content-wrapper,
[dir=ltr] .crash-modal-view.primary-interaction-mode-mouse .content-wrapper,
[dir=rtl] .crash-modal-view.primary-interaction-mode-mouse .content-wrapper {
    width: 440px
}

.crash-modal-view.primary-interaction-mode-mouse .main-content .message {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

.crash-modal-view.primary-interaction-mode-mouse[dir=ltr] .main-content .message,
.crash-modal-view.primary-interaction-mode-mouse[dir=rtl] .main-content .message,
[dir=ltr] .crash-modal-view.primary-interaction-mode-mouse .main-content .message,
[dir=rtl] .crash-modal-view.primary-interaction-mode-mouse .main-content .message {
    margin-top: 0
}

.crash-modal-view.primary-interaction-mode-mouse .main-content .description {
    -webkit-margin-before: 8px;
    margin-block-start: 8px
}

.crash-modal-view.primary-interaction-mode-mouse[dir=ltr] .main-content .description,
.crash-modal-view.primary-interaction-mode-mouse[dir=rtl] .main-content .description,
[dir=ltr] .crash-modal-view.primary-interaction-mode-mouse .main-content .description,
[dir=rtl] .crash-modal-view.primary-interaction-mode-mouse .main-content .description {
    margin-top: 8px
}

.crash-modal-view.primary-interaction-mode-mouse .crash-details {
    -webkit-margin-start: 82px;
    margin-inline-start: 82px;
    -webkit-margin-end: 28px;
    margin-inline-end: 28px
}

.crash-modal-view.primary-interaction-mode-mouse[dir=ltr] .crash-details,
[dir=ltr] .crash-modal-view.primary-interaction-mode-mouse .crash-details {
    margin-left: 82px;
    margin-right: 28px
}

.crash-modal-view.primary-interaction-mode-mouse[dir=rtl] .crash-details,
[dir=rtl] .crash-modal-view.primary-interaction-mode-mouse .crash-details {
    margin-right: 82px;
    margin-left: 28px
}

.crash-modal-view.primary-interaction-mode-mouse .apple-privacy {
    -webkit-margin-before: 5px;
    margin-block-start: 5px;
    -webkit-margin-after: 10px;
    margin-block-end: 10px
}

.crash-modal-view.primary-interaction-mode-mouse[dir=ltr] .apple-privacy,
.crash-modal-view.primary-interaction-mode-mouse[dir=rtl] .apple-privacy,
[dir=ltr] .crash-modal-view.primary-interaction-mode-mouse .apple-privacy,
[dir=rtl] .crash-modal-view.primary-interaction-mode-mouse .apple-privacy {
    margin-top: 5px;
    margin-bottom: 10px
}

.crash-modal-view.primary-interaction-mode-touch .alert-icon {
    display: block
}

.crash-modal-view.primary-interaction-mode-touch .main-content {
    text-align: start
}

.crash-modal-view.primary-interaction-mode-touch[dir=ltr] .main-content,
[dir=ltr] .crash-modal-view.primary-interaction-mode-touch .main-content {
    text-align: left
}

.crash-modal-view.primary-interaction-mode-touch[dir=rtl] .main-content,
[dir=rtl] .crash-modal-view.primary-interaction-mode-touch .main-content {
    text-align: right
}

.crash-modal-view.primary-interaction-mode-touch .main-content .message {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

.crash-modal-view.primary-interaction-mode-touch[dir=ltr] .main-content .message,
.crash-modal-view.primary-interaction-mode-touch[dir=rtl] .main-content .message,
[dir=ltr] .crash-modal-view.primary-interaction-mode-touch .main-content .message,
[dir=rtl] .crash-modal-view.primary-interaction-mode-touch .main-content .message {
    margin-top: 0
}

.crash-modal-view.primary-interaction-mode-touch .crash-details-toggle {
    -webkit-margin-before: 10px;
    margin-block-start: 10px
}

.crash-modal-view.primary-interaction-mode-touch[dir=ltr] .crash-details-toggle,
.crash-modal-view.primary-interaction-mode-touch[dir=rtl] .crash-details-toggle,
[dir=ltr] .crash-modal-view.primary-interaction-mode-touch .crash-details-toggle,
[dir=rtl] .crash-modal-view.primary-interaction-mode-touch .crash-details-toggle {
    margin-top: 10px
}

.crash-modal-view.primary-interaction-mode-touch .crash-details {
    text-align: start
}

.crash-modal-view.primary-interaction-mode-touch[dir=ltr] .crash-details,
[dir=ltr] .crash-modal-view.primary-interaction-mode-touch .crash-details {
    text-align: left
}

.crash-modal-view.primary-interaction-mode-touch[dir=rtl] .crash-details,
[dir=rtl] .crash-modal-view.primary-interaction-mode-touch .crash-details {
    text-align: right
}

.crash-modal-view.primary-interaction-mode-touch .crash-details-message-scroll-view {
    inline-size: 100%
}

.crash-modal-view.primary-interaction-mode-touch[dir=ltr] .crash-details-message-scroll-view,
.crash-modal-view.primary-interaction-mode-touch[dir=rtl] .crash-details-message-scroll-view,
[dir=ltr] .crash-modal-view.primary-interaction-mode-touch .crash-details-message-scroll-view,
[dir=rtl] .crash-modal-view.primary-interaction-mode-touch .crash-details-message-scroll-view {
    width: 100%
}

@media only screen and (orientation:landscape) {
    .crash-modal-view.primary-interaction-mode-touch .crash-details-message-scroll-view {
        block-size: 68px
    }
    .crash-modal-view.primary-interaction-mode-touch[dir=ltr] .crash-details-message-scroll-view,
    .crash-modal-view.primary-interaction-mode-touch[dir=rtl] .crash-details-message-scroll-view,
    [dir=ltr] .crash-modal-view.primary-interaction-mode-touch .crash-details-message-scroll-view,
    [dir=rtl] .crash-modal-view.primary-interaction-mode-touch .crash-details-message-scroll-view {
        height: 68px
    }
}

.crash-modal-view.primary-interaction-mode-touch .apple-privacy.hide {
    display: none
}

@media only screen and (max-width:612px) {
    [data-horizontal-size-class=regular] .crash-modal-view.primary-interaction-mode-touch {
        max-inline-size: 572px;
        max-block-size: 420px
    }
    [data-horizontal-size-class=regular][dir=ltr] .crash-modal-view.primary-interaction-mode-touch,
    [data-horizontal-size-class=regular][dir=rtl] .crash-modal-view.primary-interaction-mode-touch,
    [dir=ltr] [data-horizontal-size-class=regular] .crash-modal-view.primary-interaction-mode-touch,
    [dir=rtl] [data-horizontal-size-class=regular] .crash-modal-view.primary-interaction-mode-touch {
        max-width: 572px;
        max-height: 420px
    }
}

@media only screen and (min-width:468px) {
    [data-horizontal-size-class=compact] .crash-modal-view.primary-interaction-mode-touch {
        max-inline-size: 428px;
        max-block-size: 480px
    }
    [data-horizontal-size-class=compact][dir=ltr] .crash-modal-view.primary-interaction-mode-touch,
    [data-horizontal-size-class=compact][dir=rtl] .crash-modal-view.primary-interaction-mode-touch,
    [dir=ltr] [data-horizontal-size-class=compact] .crash-modal-view.primary-interaction-mode-touch,
    [dir=rtl] [data-horizontal-size-class=compact] .crash-modal-view.primary-interaction-mode-touch {
        max-width: 428px;
        max-height: 480px
    }
    [data-horizontal-size-class=compact] .crash-modal-view.primary-interaction-mode-touch .crash-details {
        -webkit-margin-start: 88px;
        margin-inline-start: 88px
    }
    [data-horizontal-size-class=compact][dir=ltr] .crash-modal-view.primary-interaction-mode-touch .crash-details,
    [dir=ltr] [data-horizontal-size-class=compact] .crash-modal-view.primary-interaction-mode-touch .crash-details {
        margin-left: 88px
    }
    [data-horizontal-size-class=compact][dir=rtl] .crash-modal-view.primary-interaction-mode-touch .crash-details,
    [dir=rtl] [data-horizontal-size-class=compact] .crash-modal-view.primary-interaction-mode-touch .crash-details {
        margin-right: 88px
    }
}

@media only screen and (max-width:468px) {
    [data-horizontal-size-class=compact] .crash-modal-view.primary-interaction-mode-touch {
        max-inline-size: 345px;
        max-block-size: 500px;
        inline-size: 88vw
    }
    [data-horizontal-size-class=compact][dir=ltr] .crash-modal-view.primary-interaction-mode-touch,
    [data-horizontal-size-class=compact][dir=rtl] .crash-modal-view.primary-interaction-mode-touch,
    [dir=ltr] [data-horizontal-size-class=compact] .crash-modal-view.primary-interaction-mode-touch,
    [dir=rtl] [data-horizontal-size-class=compact] .crash-modal-view.primary-interaction-mode-touch {
        max-width: 345px;
        max-height: 500px;
        width: 88vw
    }
    [data-horizontal-size-class=compact] .crash-modal-view.primary-interaction-mode-touch .main-content {
        -webkit-padding-before: 27px;
        padding-block-start: 27px
    }
    [data-horizontal-size-class=compact][dir=ltr] .crash-modal-view.primary-interaction-mode-touch .main-content,
    [data-horizontal-size-class=compact][dir=rtl] .crash-modal-view.primary-interaction-mode-touch .main-content,
    [dir=ltr] [data-horizontal-size-class=compact] .crash-modal-view.primary-interaction-mode-touch .main-content,
    [dir=rtl] [data-horizontal-size-class=compact] .crash-modal-view.primary-interaction-mode-touch .main-content {
        padding-top: 27px
    }
    [data-horizontal-size-class=compact] .crash-modal-view.primary-interaction-mode-touch .main-content .description {
        -webkit-margin-start: -67px;
        margin-inline-start: -67px;
        -webkit-margin-before: 14px;
        margin-block-start: 14px
    }
    [data-horizontal-size-class=compact][dir=ltr] .crash-modal-view.primary-interaction-mode-touch .main-content .description,
    [dir=ltr] [data-horizontal-size-class=compact] .crash-modal-view.primary-interaction-mode-touch .main-content .description {
        margin-left: -67px;
        margin-top: 14px
    }
    [data-horizontal-size-class=compact][dir=rtl] .crash-modal-view.primary-interaction-mode-touch .main-content .description,
    [dir=rtl] [data-horizontal-size-class=compact] .crash-modal-view.primary-interaction-mode-touch .main-content .description {
        margin-right: -67px;
        margin-top: 14px
    }
    [data-horizontal-size-class=compact] .crash-modal-view.primary-interaction-mode-touch .crash-details {
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }
    [data-horizontal-size-class=compact][dir=ltr] .crash-modal-view.primary-interaction-mode-touch .crash-details,
    [dir=ltr] [data-horizontal-size-class=compact] .crash-modal-view.primary-interaction-mode-touch .crash-details {
        margin-left: 0
    }
    [data-horizontal-size-class=compact][dir=rtl] .crash-modal-view.primary-interaction-mode-touch .crash-details,
    [dir=rtl] [data-horizontal-size-class=compact] .crash-modal-view.primary-interaction-mode-touch .crash-details {
        margin-right: 0
    }
}

.tile-border {
    position: absolute;
    block-size: 100%;
    inline-size: 100%;
    pointer-events: none;
    border-radius: 11px;
    -webkit-transition: border-width .2s cubic-bezier(.32, .08, .24, 1);
    transition: border-width .2s cubic-bezier(.32, .08, .24, 1);
    border: 0 solid var(--theme-color-fillPrimary);
    inset-block-start: 0;
    inset-inline-start: 0
}

.tile-border[dir=ltr],
[dir=ltr] .tile-border {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.tile-border[dir=rtl],
[dir=rtl] .tile-border {
    height: 100%;
    width: 100%;
    top: 0;
    right: 0
}

.tile-grid-tile-content.dragging .tile-container {
    pointer-events: none
}

.tile-grid-tile-content.dragging .tile-container ui-button.push.primary.remove-button {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.tile-grid-tile-content.dragging .tile-container .tile {
    -webkit-box-shadow: 20px 23px 40px rgba(0, 0, 0, .41);
    box-shadow: 20px 23px 40px rgba(0, 0, 0, .41);
    -webkit-transform: scale(1.019);
    transform: scale(1.019)
}

@media (prefers-color-scheme:dark) {
    .tile-grid-tile-content.dragging .tile-container .tile {
        -webkit-box-shadow: 17px 20px 40px var(--theme-color-fillPrimary);
        box-shadow: 17px 20px 40px var(--theme-color-fillPrimary)
    }
}

[data-appearance=dark] .tile-grid-tile-content.dragging .tile-container .tile {
    -webkit-box-shadow: 17px 20px 40px var(--theme-color-fillPrimary);
    box-shadow: 17px 20px 40px var(--theme-color-fillPrimary)
}

[data-appearance=light] .tile-grid-tile-content.dragging .tile-container .tile {
    -webkit-box-shadow: 20px 23px 40px rgba(0, 0, 0, .41);
    box-shadow: 20px 23px 40px rgba(0, 0, 0, .41)
}

.tile-grid-tile-content.dragging .tile-container .tile-border {
    border-width: 6px
}

.tile-container {
    position: relative;
    block-size: 100%
}

.tile-container[dir=ltr],
.tile-container[dir=rtl],
[dir=ltr] .tile-container,
[dir=rtl] .tile-container {
    height: 100%
}

.tile-container ui-button.push.primary.remove-button.show {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.tile-container ui-button.push.primary.remove-button {
    position: absolute;
    inline-size: 30px;
    block-size: 30px;
    inset-inline-start: -12px;
    inset-block-start: -12px;
    border-radius: 15px;
    padding: 0;
    background-color: var(--theme-color-backgroundPrimary);
    color: var(--theme-color-labelPrimary);
    -webkit-box-shadow: 0 8px 15px var(--theme-color-fillTertiary);
    box-shadow: 0 8px 15px var(--theme-color-fillTertiary);
    -webkit-transition: -webkit-box-shadow .2s cubic-bezier(.32, .08, .24, 1), -webkit-transform .2s cubic-bezier(.32, .08, .24, 1);
    transition: -webkit-box-shadow .2s cubic-bezier(.32, .08, .24, 1), -webkit-transform .2s cubic-bezier(.32, .08, .24, 1);
    transition: box-shadow .2s cubic-bezier(.32, .08, .24, 1), transform .2s cubic-bezier(.32, .08, .24, 1);
    transition: box-shadow .2s cubic-bezier(.32, .08, .24, 1), transform .2s cubic-bezier(.32, .08, .24, 1), -webkit-box-shadow .2s cubic-bezier(.32, .08, .24, 1), -webkit-transform .2s cubic-bezier(.32, .08, .24, 1);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.tile-container[dir=ltr] ui-button.push.primary.remove-button,
[dir=ltr] .tile-container ui-button.push.primary.remove-button {
    width: 30px;
    height: 30px;
    left: -12px;
    top: -12px
}

.tile-container[dir=rtl] ui-button.push.primary.remove-button,
[dir=rtl] .tile-container ui-button.push.primary.remove-button {
    width: 30px;
    height: 30px;
    right: -12px;
    top: -12px
}

.tile-container ui-button.push.primary.remove-button svg {
    block-size: 3px;
    inline-size: 15px
}

.tile-container[dir=ltr] ui-button.push.primary.remove-button svg,
.tile-container[dir=rtl] ui-button.push.primary.remove-button svg,
[dir=ltr] .tile-container ui-button.push.primary.remove-button svg,
[dir=rtl] .tile-container ui-button.push.primary.remove-button svg {
    height: 3px;
    width: 15px
}

@media (pointer:fine) {
    .tile-container ui-button.push.primary.remove-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        -webkit-transform: scale(1.1333);
        transform: scale(1.1333);
        -webkit-transform-origin: center;
        transform-origin: center;
        background-color: var(--theme-color-backgroundPrimary)
    }
    .tile-container ui-button.push.primary.remove-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) svg {
        fill: var(--theme-color-systemRed)
    }
}

.tile-container ui-button.push.primary.remove-button.active:not([aria-disabled=true]):not(.disabled),
.tile-container ui-button.push.primary.remove-button:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-backgroundPrimary)
}

.tile-container ui-button.push.primary.remove-button.active:not([aria-disabled=true]):not(.disabled) svg,
.tile-container ui-button.push.primary.remove-button:active:hover:not([aria-disabled=true]):not(.disabled) svg {
    fill: var(--theme-color-gray1)
}

.tile-container ui-button.push.primary.remove-button:focus:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-backgroundPrimary)
}

.tile-container ui-button.push.primary.remove-button:focus:not([aria-disabled=true]):not(.disabled):before {
    content: none
}

.tile-picker-popover .container {
    min-inline-size: 275px
}

.tile-picker-popover[dir=ltr] .container,
.tile-picker-popover[dir=rtl] .container,
[dir=ltr] .tile-picker-popover .container,
[dir=rtl] .tile-picker-popover .container {
    min-width: 275px
}

.tile-picker-popover .container.is-loading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-block: 14px;
    padding-inline: 16px;
    block-size: 46px
}

.tile-picker-popover[dir=ltr] .container.is-loading,
.tile-picker-popover[dir=rtl] .container.is-loading,
[dir=ltr] .tile-picker-popover .container.is-loading,
[dir=rtl] .tile-picker-popover .container.is-loading {
    height: 46px;
    padding: 14px 16px
}

.tile-picker-popover .container.is-loading .tile-picker-title {
    margin-block: 0;
    margin-inline: 0
}

.tile-picker-popover[dir=ltr] .container.is-loading .tile-picker-title,
.tile-picker-popover[dir=rtl] .container.is-loading .tile-picker-title,
[dir=ltr] .tile-picker-popover .container.is-loading .tile-picker-title,
[dir=rtl] .tile-picker-popover .container.is-loading .tile-picker-title {
    margin: 0
}

.tile-picker-popover .container.is-loading ui-activity-indicator {
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.tile-picker-popover .container .tile-picker-title {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin-inline: 16px;
    -webkit-margin-before: 14px;
    margin-block-start: 14px
}

.tile-picker-popover[dir=ltr] .container .tile-picker-title,
.tile-picker-popover[dir=rtl] .container .tile-picker-title,
[dir=ltr] .tile-picker-popover .container .tile-picker-title,
[dir=rtl] .tile-picker-popover .container .tile-picker-title {
    margin-top: 14px;
    margin-left: 16px;
    margin-right: 16px
}

[apple-system-font-capable] .tile-picker-popover .container .tile-picker-title {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-pane.for-ui-card.standard.tile-card-compact ui-card {
    block-size: auto
}

[dir=ltr] ui-pane.for-ui-card.standard.tile-card-compact ui-card,
[dir=rtl] ui-pane.for-ui-card.standard.tile-card-compact ui-card,
ui-pane.for-ui-card.standard.tile-card-compact[dir=ltr] ui-card,
ui-pane.for-ui-card.standard.tile-card-compact[dir=rtl] ui-card {
    height: auto
}

ui-pane.for-ui-card.standard.tile-card-compact ui-card .card-compact-header {
    color: var(--theme-color-labelPrimary);
    -webkit-padding-start: 14px;
    padding-inline-start: 14px;
    -webkit-padding-end: 20px;
    padding-inline-end: 20px;
    -webkit-padding-before: 15px;
    padding-block-start: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

[dir=ltr] ui-pane.for-ui-card.standard.tile-card-compact ui-card .card-compact-header,
ui-pane.for-ui-card.standard.tile-card-compact[dir=ltr] ui-card .card-compact-header {
    padding-left: 14px;
    padding-right: 20px;
    padding-top: 15px
}

[dir=rtl] ui-pane.for-ui-card.standard.tile-card-compact ui-card .card-compact-header,
ui-pane.for-ui-card.standard.tile-card-compact[dir=rtl] ui-card .card-compact-header {
    padding-right: 14px;
    padding-left: 20px;
    padding-top: 15px
}

ui-pane.for-ui-card.standard.tile-card-compact ui-card .card-compact-header .title {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    inline-size: 100%;
    text-align: end;
    margin: auto
}

[dir=ltr] ui-pane.for-ui-card.standard.tile-card-compact ui-card .card-compact-header .title,
ui-pane.for-ui-card.standard.tile-card-compact[dir=ltr] ui-card .card-compact-header .title {
    width: 100%;
    text-align: right
}

[dir=rtl] ui-pane.for-ui-card.standard.tile-card-compact ui-card .card-compact-header .title,
ui-pane.for-ui-card.standard.tile-card-compact[dir=rtl] ui-card .card-compact-header .title {
    width: 100%;
    text-align: left
}

[apple-system-font-capable] ui-pane.for-ui-card.standard.tile-card-compact ui-card .card-compact-header .title {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-pane.for-ui-card.standard.tile-card-compact ui-card .card-content-container {
    min-block-size: 200px
}

[dir=ltr] ui-pane.for-ui-card.standard.tile-card-compact ui-card .card-content-container,
[dir=rtl] ui-pane.for-ui-card.standard.tile-card-compact ui-card .card-content-container,
ui-pane.for-ui-card.standard.tile-card-compact[dir=ltr] ui-card .card-content-container,
ui-pane.for-ui-card.standard.tile-card-compact[dir=rtl] ui-card .card-content-container {
    min-height: 200px
}

.tile {
    inline-size: 100%;
    block-size: 315px;
    border-radius: 11px;
    -webkit-box-shadow: 17px 20px 40px var(--theme-color-boxShadow);
    box-shadow: 17px 20px 40px var(--theme-color-boxShadow);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-transition: -webkit-box-shadow .2s cubic-bezier(.32, .08, .24, 1), -webkit-transform .2s cubic-bezier(.32, .08, .24, 1);
    transition: -webkit-box-shadow .2s cubic-bezier(.32, .08, .24, 1), -webkit-transform .2s cubic-bezier(.32, .08, .24, 1);
    transition: box-shadow .2s cubic-bezier(.32, .08, .24, 1), transform .2s cubic-bezier(.32, .08, .24, 1);
    transition: box-shadow .2s cubic-bezier(.32, .08, .24, 1), transform .2s cubic-bezier(.32, .08, .24, 1), -webkit-box-shadow .2s cubic-bezier(.32, .08, .24, 1), -webkit-transform .2s cubic-bezier(.32, .08, .24, 1);
    overflow: hidden
}

.tile[dir=ltr],
.tile[dir=rtl],
[dir=ltr] .tile,
[dir=rtl] .tile {
    width: 100%;
    height: 315px
}

.tile[draggable=true] {
    cursor: -webkit-grab;
    cursor: grab
}

[data-primary-interaction-mode=mouse] .tile:not(.customize):not(.error).should-animate-tile,
[data-primary-interaction-mode=mouse] .tile:not(.customize):not(.error):hover {
    -webkit-transform: scale(1.019);
    transform: scale(1.019);
    -webkit-box-shadow: 20px 20px 41px var(--theme-color-boxShadow);
    box-shadow: 20px 20px 41px var(--theme-color-boxShadow)
}

@media (prefers-reduced-motion:reduce) {
    .tile:not(.customize):not(.error).should-animate-tile,
    .tile:not(.customize):not(.error):hover {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tile:not(.customize):not(.error) .banner {
    inline-size: 100%
}

.tile[dir=ltr]:not(.customize):not(.error) .banner,
.tile[dir=rtl]:not(.customize):not(.error) .banner,
[dir=ltr] .tile:not(.customize):not(.error) .banner,
[dir=rtl] .tile:not(.customize):not(.error) .banner {
    width: 100%
}

.tile .icon-wrapper {
    block-size: 44px;
    padding-block: 2px
}

.tile[dir=ltr] .icon-wrapper,
.tile[dir=rtl] .icon-wrapper,
[dir=ltr] .tile .icon-wrapper,
[dir=rtl] .tile .icon-wrapper {
    height: 44px;
    padding-top: 2px;
    padding-bottom: 2px
}

.tile .icon-wrapper img {
    block-size: 40px;
    inline-size: 40px
}

.tile[dir=ltr] .icon-wrapper img,
.tile[dir=rtl] .icon-wrapper img,
[dir=ltr] .tile .icon-wrapper img,
[dir=rtl] .tile .icon-wrapper img {
    height: 40px;
    width: 40px
}

.tile.large {
    inline-size: 660px
}

.tile.large[dir=ltr],
.tile.large[dir=rtl],
[dir=ltr] .tile.large,
[dir=rtl] .tile.large {
    width: 660px
}

.tile.small {
    inline-size: 315px
}

.tile.small[dir=ltr],
.tile.small[dir=rtl],
[dir=ltr] .tile.small,
[dir=rtl] .tile.small {
    width: 315px
}

div.tile-grid .tile.large {
    inline-size: auto
}

[dir=ltr] div.tile-grid .tile.large,
[dir=rtl] div.tile-grid .tile.large,
div.tile-grid[dir=ltr] .tile.large,
div.tile-grid[dir=rtl] .tile.large {
    width: auto
}

div.tile-grid .tile.small {
    inline-size: auto
}

[dir=ltr] div.tile-grid .tile.small,
[dir=rtl] div.tile-grid .tile.small,
div.tile-grid[dir=ltr] .tile.small,
div.tile-grid[dir=rtl] .tile.small {
    width: auto
}

.tile .banner {
    background-color: rgba(248, 248, 252, .85);
    -webkit-backdrop-filter: blur(15px) saturate(86%);
    backdrop-filter: blur(15px) saturate(86%);
    -webkit-transition: background-color .2s cubic-bezier(.32, .08, .24, 1);
    transition: background-color .2s cubic-bezier(.32, .08, .24, 1);
    border-radius: 11px 11px 0 0;
    block-size: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tile[dir=ltr] .banner,
.tile[dir=rtl] .banner,
[dir=ltr] .tile .banner,
[dir=rtl] .tile .banner {
    height: 80px
}

@media (prefers-color-scheme:dark) {
    .tile .banner {
        background-color: rgba(56, 56, 61, .6)
    }
}

[data-appearance=dark] .tile .banner {
    background-color: rgba(56, 56, 61, .6)
}

[data-appearance=light] .tile .banner {
    background-color: rgba(248, 248, 252, .85)
}

.tile .banner.banner-with-primary-action .link {
    border-radius: 11px 0 0 0;
    -webkit-margin-end: 50px;
    margin-inline-end: 50px
}

.tile[dir=ltr] .banner.banner-with-primary-action .link,
[dir=ltr] .tile .banner.banner-with-primary-action .link {
    margin-right: 50px
}

.tile[dir=rtl] .banner.banner-with-primary-action .link,
[dir=rtl] .tile .banner.banner-with-primary-action .link {
    margin-left: 50px
}

.tile .banner.banner-with-primary-action>a.header-content.unstyled-link.link {
    margin-block: 0;
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
    -webkit-margin-end: 53px;
    margin-inline-end: 53px
}

.tile[dir=ltr] .banner.banner-with-primary-action>a.header-content.unstyled-link.link,
[dir=ltr] .tile .banner.banner-with-primary-action>a.header-content.unstyled-link.link {
    margin: 0 53px 0 10px
}

.tile[dir=rtl] .banner.banner-with-primary-action>a.header-content.unstyled-link.link,
[dir=rtl] .tile .banner.banner-with-primary-action>a.header-content.unstyled-link.link {
    margin: 0 10px 0 53px
}

.tile .banner .header-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-inline-size: 0;
    padding-block: 18px;
    padding-inline: 20px;
    text-decoration: none
}

.tile[dir=ltr] .banner .header-content,
.tile[dir=rtl] .banner .header-content,
[dir=ltr] .tile .banner .header-content,
[dir=rtl] .tile .banner .header-content {
    min-width: 0;
    padding: 18px 20px
}

.tile .banner .header-content.customization {
    -webkit-margin-start: 15px;
    margin-inline-start: 15px;
    -webkit-margin-end: 88px;
    margin-inline-end: 88px;
    padding-block: 7px;
    padding-inline: 10px
}

.tile[dir=ltr] .banner .header-content.customization,
[dir=ltr] .tile .banner .header-content.customization {
    margin-left: 15px;
    margin-right: 88px;
    padding: 7px 10px
}

.tile[dir=rtl] .banner .header-content.customization,
[dir=rtl] .tile .banner .header-content.customization {
    margin-right: 15px;
    margin-left: 88px;
    padding: 7px 10px
}

@media (pointer:fine) {
    .tile .banner .header-content.unstyled-link.link:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color: var(--theme-color-fillQuaternary);
        -webkit-transition: background .2s cubic-bezier(.32, .08, .24, 1), opacity .2s cubic-bezier(.32, .08, .24, 1);
        transition: background .2s cubic-bezier(.32, .08, .24, 1), opacity .2s cubic-bezier(.32, .08, .24, 1)
    }
}

.tile .banner .header-content.unstyled-link.link.active:not([aria-disabled=true]):not(.disabled),
.tile .banner .header-content.unstyled-link.link:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active));
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active))
}

.tile .banner .header-content.unstyled-link.link.active:not([aria-disabled=true]):not(.disabled) .heading,
.tile .banner .header-content.unstyled-link.link:active:hover:not([aria-disabled=true]):not(.disabled) .heading {
    color: var(--theme-color-labelQuaternary)
}

.tile .banner .header-content.unstyled-link.link.active:not([aria-disabled=true]):not(.disabled) .description,
.tile .banner .header-content.unstyled-link.link:active:hover:not([aria-disabled=true]):not(.disabled) .description {
    opacity: .3
}

.tile .banner .header-content.unstyled-link.link.active:not([aria-disabled=true]):not(.disabled) .icon-wrapper,
.tile .banner .header-content.unstyled-link.link:active:hover:not([aria-disabled=true]):not(.disabled) .icon-wrapper {
    opacity: var(--theme-opacity-text-active)
}

.tile .banner .header-content.unstyled-link.link:focus,
.tile .banner .header-content.unstyled-link.link:focus-visible {
    outline: none
}

.tile .banner .header-content.unstyled-link.link.focus-visible {
    -webkit-box-shadow: 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: 0 0 0 3px var(--theme-color-tintBlue);
    background: var(--theme-color-fillQuaternary)
}

.tile .banner .header-content .text {
    min-inline-size: 0;
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.tile[dir=ltr] .banner .header-content .text,
[dir=ltr] .tile .banner .header-content .text {
    min-width: 0;
    padding-left: 16px
}

.tile[dir=rtl] .banner .header-content .text,
[dir=rtl] .tile .banner .header-content .text {
    min-width: 0;
    padding-right: 16px
}

.tile .banner .header-content .text .heading {
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 25px;
    color: var(--theme-color-labelPrimary)
}

[apple-system-font-capable] .tile .banner .header-content .text .heading {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.tile .banner .header-content .text .heading.shrink {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 23px
}

[apple-system-font-capable] .tile .banner .header-content .text .heading.shrink {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.tile .banner .header-content .text .heading.extra-shrink {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 21px
}

[apple-system-font-capable] .tile .banner .header-content .text .heading.extra-shrink {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.tile .banner .header-content .text .heading.offscreen-measure {
    position: fixed;
    z-index: -1;
    visibility: hidden;
    inset-block-start: -100000px;
    inset-inline-start: -100000px
}

.tile[dir=ltr] .banner .header-content .text .heading.offscreen-measure,
[dir=ltr] .tile .banner .header-content .text .heading.offscreen-measure {
    top: -100000px;
    left: -100000px
}

.tile[dir=rtl] .banner .header-content .text .heading.offscreen-measure,
[dir=rtl] .tile .banner .header-content .text .heading.offscreen-measure {
    top: -100000px;
    right: -100000px
}

.tile .banner .header-content .text .description {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: var(--theme-color-labelSecondary);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

[apple-system-font-capable] .tile .banner .header-content .text .description {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.tile .banner .header-content .text .description.hidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    block-size: 1px;
    inline-size: 1px;
    -webkit-margin-after: -1px;
    margin-block-end: -1px;
    -webkit-margin-end: -1px;
    margin-inline-end: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap
}

.tile[dir=ltr] .banner .header-content .text .description.hidden,
[dir=ltr] .tile .banner .header-content .text .description.hidden {
    height: 1px;
    width: 1px;
    margin-bottom: -1px;
    margin-right: -1px
}

.tile[dir=rtl] .banner .header-content .text .description.hidden,
[dir=rtl] .tile .banner .header-content .text .description.hidden {
    height: 1px;
    width: 1px;
    margin-bottom: -1px;
    margin-left: -1px
}

.tile .banner .header-content .text .description.tall {
    line-height: 1.8
}

.tile .banner .header-content .text .description .description-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tile .banner .header-content .text .description .description-content.rendered-react-node-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.tile .banner .header-content .text .description .ellipsis {
    -webkit-padding-after: 5px;
    padding-block-end: 5px;
    -webkit-padding-start: 4px;
    padding-inline-start: 4px;
    inline-size: 10px;
    -webkit-align-self: end;
    -ms-flex-item-align: end;
    align-self: end
}

.tile[dir=ltr] .banner .header-content .text .description .ellipsis,
[dir=ltr] .tile .banner .header-content .text .description .ellipsis {
    padding-bottom: 5px;
    padding-left: 4px;
    width: 10px;
    -webkit-align-self: right;
    -ms-flex-item-align: right;
    align-self: right
}

.tile[dir=rtl] .banner .header-content .text .description .ellipsis,
[dir=rtl] .tile .banner .header-content .text .description .ellipsis {
    padding-bottom: 5px;
    padding-right: 4px;
    width: 10px;
    -webkit-align-self: left;
    -ms-flex-item-align: left;
    align-self: left
}

.tile .banner .header-content .text .description .ellipsis .dots,
.tile .banner .header-content .text .description .ellipsis .dots:after,
.tile .banner .header-content .text .description .ellipsis .dots:before {
    background-color: var(--theme-color-gray4);
    block-size: 2px;
    border-radius: 1px;
    color: var(--theme-color-gray4);
    inline-size: 2px
}

.tile[dir=ltr] .banner .header-content .text .description .ellipsis .dots,
.tile[dir=ltr] .banner .header-content .text .description .ellipsis .dots:after,
.tile[dir=ltr] .banner .header-content .text .description .ellipsis .dots:before,
.tile[dir=rtl] .banner .header-content .text .description .ellipsis .dots,
.tile[dir=rtl] .banner .header-content .text .description .ellipsis .dots:after,
.tile[dir=rtl] .banner .header-content .text .description .ellipsis .dots:before,
[dir=ltr] .tile .banner .header-content .text .description .ellipsis .dots,
[dir=ltr] .tile .banner .header-content .text .description .ellipsis .dots:after,
[dir=ltr] .tile .banner .header-content .text .description .ellipsis .dots:before,
[dir=rtl] .tile .banner .header-content .text .description .ellipsis .dots,
[dir=rtl] .tile .banner .header-content .text .description .ellipsis .dots:after,
[dir=rtl] .tile .banner .header-content .text .description .ellipsis .dots:before {
    height: 2px;
    width: 2px
}

.tile .banner .header-content .text .description .ellipsis .dots {
    -webkit-animation: dotFlashing 1s linear infinite alternate;
    animation: dotFlashing 1s linear infinite alternate;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    position: relative
}

.tile .banner .header-content .text .description .ellipsis .dots:after,
.tile .banner .header-content .text .description .ellipsis .dots:before {
    -webkit-animation: dotFlashing 1s infinite alternate;
    animation: dotFlashing 1s infinite alternate;
    content: "";
    display: inline-block;
    position: absolute
}

.tile .banner .header-content .text .description .ellipsis .dots:before {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    inset-inline-start: -3px
}

.tile[dir=ltr] .banner .header-content .text .description .ellipsis .dots:before,
[dir=ltr] .tile .banner .header-content .text .description .ellipsis .dots:before {
    left: -3px
}

.tile[dir=rtl] .banner .header-content .text .description .ellipsis .dots:before,
[dir=rtl] .tile .banner .header-content .text .description .ellipsis .dots:before {
    right: -3px
}

.tile .banner .header-content .text .description .ellipsis .dots:after {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    inset-inline-start: 3px
}

.tile[dir=ltr] .banner .header-content .text .description .ellipsis .dots:after,
[dir=ltr] .tile .banner .header-content .text .description .ellipsis .dots:after {
    left: 3px
}

.tile[dir=rtl] .banner .header-content .text .description .ellipsis .dots:after,
[dir=rtl] .tile .banner .header-content .text .description .ellipsis .dots:after {
    right: 3px
}

.tile .banner>a.header-content.unstyled-link.link {
    padding-block: 8px;
    padding-inline: 10px;
    margin-block: 0;
    margin-inline: 10px;
    border-radius: 7px
}

.tile[dir=ltr] .banner>a.header-content.unstyled-link.link,
.tile[dir=rtl] .banner>a.header-content.unstyled-link.link,
[dir=ltr] .tile .banner>a.header-content.unstyled-link.link,
[dir=rtl] .tile .banner>a.header-content.unstyled-link.link {
    padding: 8px 10px;
    margin: 0 10px
}

.tile .primary-action {
    color: var(--theme-color-labelPrimary);
    block-size: 38px;
    border-radius: 8px;
    inline-size: 38px;
    inset-block-start: 8px;
    inset-inline-end: 8px;
    padding-block: 2px;
    position: absolute;
    -webkit-transition: background .2s cubic-bezier(.32, .08, .24, 1), opacity .2s cubic-bezier(.32, .08, .24, 1);
    transition: background .2s cubic-bezier(.32, .08, .24, 1), opacity .2s cubic-bezier(.32, .08, .24, 1)
}

.tile[dir=ltr] .primary-action,
[dir=ltr] .tile .primary-action {
    height: 38px;
    width: 38px;
    top: 8px;
    right: 8px;
    padding-top: 2px;
    padding-bottom: 2px
}

.tile[dir=rtl] .primary-action,
[dir=rtl] .tile .primary-action {
    height: 38px;
    width: 38px;
    top: 8px;
    left: 8px;
    padding-top: 2px;
    padding-bottom: 2px
}

.tile .primary-action:focus,
.tile .primary-action:focus-visible {
    outline: none
}

.tile .primary-action.focus-visible {
    -webkit-box-shadow: 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: 0 0 0 3px var(--theme-color-tintBlue);
    background: var(--theme-color-fillQuaternary)
}

@media (pointer:fine) {
    [data-primary-interaction-mode=mouse] .tile .primary-action:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background: var(--theme-color-fillQuaternary)
    }
}

[data-primary-interaction-mode=mouse] .tile .primary-action.active:not([aria-disabled=true]):not(.disabled),
[data-primary-interaction-mode=mouse] .tile .primary-action:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active));
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active));
    color: var(--theme-color-labelQuaternary)
}

[data-primary-interaction-mode=mouse] .tile .primary-action.active:not([aria-disabled=true]):not(.disabled) img,
[data-primary-interaction-mode=mouse] .tile .primary-action:active:hover:not([aria-disabled=true]):not(.disabled) img {
    opacity: .6
}

[data-primary-interaction-mode=mouse] .tile .primary-action.active:not([aria-disabled=true]):not(.disabled) svg,
[data-primary-interaction-mode=mouse] .tile .primary-action:active:hover:not([aria-disabled=true]):not(.disabled) svg {
    opacity: var(--theme-opacity-text-active)
}

.tile .content {
    background-color: var(--theme-color-backgroundPrimary);
    border-radius: 0 0 11px 11px;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-block-size: 1px
}

.tile[dir=ltr] .content,
.tile[dir=rtl] .content,
[dir=ltr] .tile .content,
[dir=rtl] .tile .content {
    min-height: 1px
}

@media (prefers-color-scheme:dark) {
    .tile .content {
        background-color: rgba(0, 0, 0, .75)
    }
}

[data-appearance=dark] .tile .content {
    background-color: rgba(0, 0, 0, .75)
}

[data-appearance=light] .tile .content {
    background-color: var(--theme-color-backgroundPrimary)
}

@media (prefers-color-scheme:dark) {
    .tile .content {
        -webkit-backdrop-filter: blur(15px);
        backdrop-filter: blur(15px)
    }
}

[data-appearance=dark] .tile .content {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px)
}

[data-appearance=light] .tile .content {
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

.tile .footer {
    position: absolute;
    z-index: 1;
    inset-block-end: 0;
    inset-inline-start: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    inline-size: 100%
}

.tile[dir=ltr] .footer,
[dir=ltr] .tile .footer {
    bottom: 0;
    left: 0;
    width: 100%
}

.tile[dir=rtl] .footer,
[dir=rtl] .tile .footer {
    bottom: 0;
    right: 0;
    width: 100%
}

.tile .footer .bottom-right-container {
    -webkit-margin-after: 10px;
    margin-block-end: 10px;
    -webkit-margin-end: 10px;
    margin-inline-end: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tile[dir=ltr] .footer .bottom-right-container,
[dir=ltr] .tile .footer .bottom-right-container {
    margin-bottom: 10px;
    margin-right: 10px
}

.tile[dir=rtl] .footer .bottom-right-container,
[dir=rtl] .tile .footer .bottom-right-container {
    margin-bottom: 10px;
    margin-left: 10px
}

.tile .footer ui-button.tile-picker-popover-button {
    -webkit-margin-after: 10px;
    margin-block-end: 10px;
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
    inline-size: 38px;
    block-size: 36px;
    border-radius: 8px;
    padding-inline: 0;
    color: var(--theme-color-labelPrimary);
    background-color: transparent
}

.tile[dir=ltr] .footer ui-button.tile-picker-popover-button,
[dir=ltr] .tile .footer ui-button.tile-picker-popover-button {
    margin-bottom: 10px;
    margin-left: 10px;
    width: 38px;
    height: 36px;
    padding-left: 0;
    padding-right: 0
}

.tile[dir=rtl] .footer ui-button.tile-picker-popover-button,
[dir=rtl] .tile .footer ui-button.tile-picker-popover-button {
    margin-bottom: 10px;
    margin-right: 10px;
    width: 38px;
    height: 36px;
    padding-right: 0;
    padding-left: 0
}

.tile .footer ui-button.tile-picker-popover-button.photos-tile-customization:not(.customization) {
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px)
}

.tile .footer ui-button.tile-picker-popover-button.photos-tile-customization:not(:hover):not(:active):not(.showing-tile-picker):not(.customization) {
    background: hsla(0, 0%, 50.6%, .24);
    border-radius: 8px;
    min-inline-size: 28px;
    inline-size: 28px;
    block-size: 28px;
    color: var(--theme-color-systemWhite);
    -webkit-margin-after: 14px;
    margin-block-end: 14px;
    -webkit-margin-start: 15px;
    margin-inline-start: 15px;
    padding-inline: 2px
}

.tile[dir=ltr] .footer ui-button.tile-picker-popover-button.photos-tile-customization:not(:hover):not(:active):not(.showing-tile-picker):not(.customization),
[dir=ltr] .tile .footer ui-button.tile-picker-popover-button.photos-tile-customization:not(:hover):not(:active):not(.showing-tile-picker):not(.customization) {
    min-width: 28px;
    width: 28px;
    height: 28px;
    margin-bottom: 14px;
    margin-left: 15px;
    padding-left: 2px;
    padding-right: 2px
}

.tile[dir=rtl] .footer ui-button.tile-picker-popover-button.photos-tile-customization:not(:hover):not(:active):not(.showing-tile-picker):not(.customization),
[dir=rtl] .tile .footer ui-button.tile-picker-popover-button.photos-tile-customization:not(:hover):not(:active):not(.showing-tile-picker):not(.customization) {
    min-width: 28px;
    width: 28px;
    height: 28px;
    margin-bottom: 14px;
    margin-right: 15px;
    padding-right: 2px;
    padding-left: 2px
}

.tile .footer ui-button.tile-picker-popover-button.customization {
    block-size: 31px;
    inline-size: 31px;
    -webkit-margin-after: 12px;
    margin-block-end: 12px;
    -webkit-margin-start: 14px;
    margin-inline-start: 14px;
    color: var(--theme-color-systemWhite);
    background-color: var(--theme-color-systemBlue);
    border-radius: 18px
}

.tile[dir=ltr] .footer ui-button.tile-picker-popover-button.customization,
[dir=ltr] .tile .footer ui-button.tile-picker-popover-button.customization {
    height: 31px;
    width: 31px;
    margin-bottom: 12px;
    margin-left: 14px
}

.tile[dir=rtl] .footer ui-button.tile-picker-popover-button.customization,
[dir=rtl] .tile .footer ui-button.tile-picker-popover-button.customization {
    height: 31px;
    width: 31px;
    margin-bottom: 12px;
    margin-right: 14px
}

.tile .footer ui-button.tile-picker-popover-button.showing-tile-picker {
    opacity: .3;
    color: var(--theme-color-systemWhite);
    background-color: var(--theme-color-systemBlue)
}

.tile .footer ui-button.tile-picker-popover-button.showing-tile-picker.photos-tile-customization:not(.customization) {
    opacity: 1;
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active));
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active));
    color: var(--theme-color-systemWhite)
}

@media (pointer:fine) {
    .tile .footer ui-button.tile-picker-popover-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        border-color: transparent
    }
    .tile .footer ui-button.tile-picker-popover-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).customization {
        background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l) - 10%), 1);
        background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l) - 10%), 1)
    }
    .tile .footer ui-button.tile-picker-popover-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).showing-tile-picker {
        background-color: var(--theme-color-systemBlue)
    }
    .tile .footer ui-button.tile-picker-popover-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).showing-tile-picker.photos-tile-customization:not(.customization) {
        background-color: rgba(0, 113, 227, .3)
    }
    .tile .footer ui-button.tile-picker-popover-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).photos-tile-customization:not(.customization) {
        background-color: hsla(0, 0%, 50.6%, .32);
        color: var(--theme-color-systemWhite)
    }
}

.tile .footer ui-button.tile-picker-popover-button.active:not([aria-disabled=true]):not(.disabled),
.tile .footer ui-button.tile-picker-popover-button:active:hover:not([aria-disabled=true]):not(.disabled) {
    border-color: transparent;
    outline: none;
    color: var(--theme-color-labelQuaternary);
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active));
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active))
}

.tile .footer ui-button.tile-picker-popover-button.active:not([aria-disabled=true]):not(.disabled).photos-tile-customization:not(.customization),
.tile .footer ui-button.tile-picker-popover-button:active:hover:not([aria-disabled=true]):not(.disabled).photos-tile-customization:not(.customization) {
    opacity: 1;
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l)), var(--theme-opacity-text-active));
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l)), var(--theme-opacity-text-active));
    color: var(--theme-color-systemWhite)
}

.tile .footer ui-button.tile-picker-popover-button:focus:not([aria-disabled=true]):not(.disabled):before {
    content: none
}

.tile button.tile-button {
    block-size: 100%;
    inline-size: 100%;
    position: absolute;
    z-index: 1;
    border: 6px solid transparent;
    border-radius: 11px;
    -webkit-transition: border .2s cubic-bezier(.32, .08, .24, 1);
    transition: border .2s cubic-bezier(.32, .08, .24, 1)
}

.tile[dir=ltr] button.tile-button,
.tile[dir=rtl] button.tile-button,
[dir=ltr] .tile button.tile-button,
[dir=rtl] .tile button.tile-button {
    height: 100%;
    width: 100%
}

.tile.error button.tile-button {
    cursor: default
}

ui-pane.tile-customization-picker-pane {
    z-index: 0
}

ui-pane.tile-customization-picker-pane .container {
    block-size: 100%
}

[dir=ltr] ui-pane.tile-customization-picker-pane .container,
[dir=rtl] ui-pane.tile-customization-picker-pane .container,
ui-pane.tile-customization-picker-pane[dir=ltr] .container,
ui-pane.tile-customization-picker-pane[dir=rtl] .container {
    height: 100%
}

ui-pane.tile-customization-picker-pane .container .tile-customization-list-slide-view {
    block-size: 100%
}

[dir=ltr] ui-pane.tile-customization-picker-pane .container .tile-customization-list-slide-view,
[dir=rtl] ui-pane.tile-customization-picker-pane .container .tile-customization-list-slide-view,
ui-pane.tile-customization-picker-pane[dir=ltr] .container .tile-customization-list-slide-view,
ui-pane.tile-customization-picker-pane[dir=rtl] .container .tile-customization-list-slide-view {
    height: 100%
}

.header-icon-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    inline-size: 19px;
    block-size: 19px;
    border-radius: 50%;
    -webkit-margin-end: 4px;
    margin-inline-end: 4px;
    background-color: var(--theme-color-tintBlue);
    color: var(--theme-color-systemWhite)
}

.header-icon-container[dir=ltr],
[dir=ltr] .header-icon-container {
    width: 19px;
    height: 19px;
    margin-right: 4px
}

.header-icon-container[dir=rtl],
[dir=rtl] .header-icon-container {
    width: 19px;
    height: 19px;
    margin-left: 4px
}

.header-icon-container svg {
    max-inline-size: 11px;
    max-block-size: 11px
}

.header-icon-container[dir=ltr] svg,
.header-icon-container[dir=rtl] svg,
[dir=ltr] .header-icon-container svg,
[dir=rtl] .header-icon-container svg {
    max-width: 11px;
    max-height: 11px
}

.header-icon-container.yellow-icon {
    background-color: var(--theme-color-systemYellow)
}

.header-icon-container.notes-yellow-icon {
    background-color: var(--theme-color-tintNotes)
}

.header-icon-container.pages-icon {
    background-color: var(--theme-color-systemOrange)
}

.header-icon-container.numbers-icon {
    background-color: var(--theme-color-systemGreen)
}

.tile-description-header-icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.tile-description-header-icons .reminder-icon {
    -webkit-margin-end: 5px;
    margin-inline-end: 5px
}

.tile-description-header-icons[dir=ltr] .reminder-icon,
[dir=ltr] .tile-description-header-icons .reminder-icon {
    margin-right: 5px
}

.tile-description-header-icons[dir=rtl] .reminder-icon,
[dir=rtl] .tile-description-header-icons .reminder-icon {
    margin-left: 5px
}

.tile-description-header-icons .gray-icon {
    color: var(--theme-color-labelPrimary);
    background-color: var(--theme-color-systemWhite);
    border-radius: 16px
}

@media (prefers-color-scheme:dark) {
    .tile-description-header-icons .gray-icon {
        color: var(--theme-color-gray2)
    }
}

[data-appearance=dark] .tile-description-header-icons .gray-icon {
    color: var(--theme-color-gray2)
}

[data-appearance=light] .tile-description-header-icons .gray-icon {
    color: var(--theme-color-labelPrimary)
}

.tile-description-header-icons svg {
    fill: currentColor;
    overflow: visible
}

.description-text-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.status-text-seperator {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-inline: 5px
}

.status-text-seperator[dir=ltr],
.status-text-seperator[dir=rtl],
[dir=ltr] .status-text-seperator,
[dir=rtl] .status-text-seperator {
    margin-left: 5px;
    margin-right: 5px
}

.status-text-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.icon-button {
    -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;
    padding: 0
}

.icon-button:disabled {
    opacity: .3
}

ui-button.block.primary.dropdown-button.widget-picker {
    block-size: 31px;
    inline-size: 31px;
    border-radius: 18px;
    inset-block-start: 20px;
    inset-inline-end: 20px;
    position: absolute;
    padding-inline: 0;
    -webkit-transition: background-color .2s cubic-bezier(.32, .08, .24, 1), color .2s cubic-bezier(.32, .08, .24, 1);
    transition: background-color .2s cubic-bezier(.32, .08, .24, 1), color .2s cubic-bezier(.32, .08, .24, 1)
}

[dir=ltr] ui-button.block.primary.dropdown-button.widget-picker,
ui-button.block.primary.dropdown-button.widget-picker[dir=ltr] {
    height: 31px;
    width: 31px;
    top: 20px;
    right: 20px;
    padding-left: 0;
    padding-right: 0
}

[dir=rtl] ui-button.block.primary.dropdown-button.widget-picker,
ui-button.block.primary.dropdown-button.widget-picker[dir=rtl] {
    height: 31px;
    width: 31px;
    top: 20px;
    left: 20px;
    padding-right: 0;
    padding-left: 0
}

ui-button.block.primary.dropdown-button.widget-picker.showing-widget-picker {
    opacity: .3;
    color: var(--theme-color-systemWhite);
    background-color: var(--theme-color-systemBlue)
}

ui-button.block.primary.dropdown-button.widget-picker svg {
    position: relative;
    inset-block-start: 1px
}

[dir=ltr] ui-button.block.primary.dropdown-button.widget-picker svg,
[dir=rtl] ui-button.block.primary.dropdown-button.widget-picker svg,
ui-button.block.primary.dropdown-button.widget-picker[dir=ltr] svg,
ui-button.block.primary.dropdown-button.widget-picker[dir=rtl] svg {
    top: 1px
}

ui-button.block.primary.dropdown-button.widget-picker:focus:not([aria-disabled=true]):not(.disabled):before {
    content: none
}

ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content {
    -webkit-box-shadow: 17px 20px 40px var(--theme-color-boxShadow);
    box-shadow: 17px 20px 40px var(--theme-color-boxShadow);
    background-color: var(--theme-color-backgroundPrimary);
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    border-radius: 12px;
    block-size: auto;
    inline-size: 380px;
    -webkit-padding-before: 28px;
    padding-block-start: 28px;
    -webkit-padding-after: 13px;
    padding-block-end: 13px;
    padding-inline: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

[dir=ltr] ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content,
[dir=rtl] ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content,
ui-pane.widget-picker-pane[dir=ltr] ui-popover.widget-picker ui-popover-content,
ui-pane.widget-picker-pane[dir=rtl] ui-popover.widget-picker ui-popover-content {
    height: auto;
    width: 380px;
    padding: 28px 20px 13px
}

@media (prefers-color-scheme:dark) {
    ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content {
        background-color: rgba(0, 0, 0, .8)
    }
}

[data-appearance=dark] ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content {
    background-color: rgba(0, 0, 0, .8)
}

[data-appearance=light] ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content {
    background-color: var(--theme-color-backgroundPrimary)
}

ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content h2 {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 23px;
    -webkit-margin-after: 35px;
    margin-block-end: 35px
}

[dir=ltr] ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content h2,
[dir=rtl] ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content h2,
ui-pane.widget-picker-pane[dir=ltr] ui-popover.widget-picker ui-popover-content h2,
ui-pane.widget-picker-pane[dir=rtl] ui-popover.widget-picker ui-popover-content h2 {
    margin-bottom: 35px
}

[apple-system-font-capable] ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content h2 {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content .widget-picker-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-inline: -3px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow-y: auto
}

[dir=ltr] ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content .widget-picker-container,
[dir=rtl] ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content .widget-picker-container,
ui-pane.widget-picker-pane[dir=ltr] ui-popover.widget-picker ui-popover-content .widget-picker-container,
ui-pane.widget-picker-pane[dir=rtl] ui-popover.widget-picker ui-popover-content .widget-picker-container {
    margin-left: -3px;
    margin-right: -3px
}

ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content .widget-picker-container .app-icon-button {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    inline-size: 86px;
    -webkit-margin-after: 9px;
    margin-block-end: 9px;
    -webkit-padding-before: 8px;
    padding-block-start: 8px;
    border-radius: 10px
}

[dir=ltr] ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content .widget-picker-container .app-icon-button,
[dir=rtl] ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content .widget-picker-container .app-icon-button,
ui-pane.widget-picker-pane[dir=ltr] ui-popover.widget-picker ui-popover-content .widget-picker-container .app-icon-button,
ui-pane.widget-picker-pane[dir=rtl] ui-popover.widget-picker ui-popover-content .widget-picker-container .app-icon-button {
    width: 86px;
    margin-bottom: 9px;
    padding-top: 8px
}

ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content .widget-picker-container .app-icon-button .app-icon img {
    display: block
}

ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content .widget-picker-container .app-icon-button.current-app {
    pointer-events: none;
    opacity: .3
}

ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content .widget-picker-container .app-icon-button .app-displayname {
    padding: 4px;
    -webkit-padding-after: 8px;
    padding-block-end: 8px;
    color: var(--theme-color-labelPrimary)
}

[dir=ltr] ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content .widget-picker-container .app-icon-button .app-displayname,
[dir=rtl] ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content .widget-picker-container .app-icon-button .app-displayname,
ui-pane.widget-picker-pane[dir=ltr] ui-popover.widget-picker ui-popover-content .widget-picker-container .app-icon-button .app-displayname,
ui-pane.widget-picker-pane[dir=rtl] ui-popover.widget-picker ui-popover-content .widget-picker-container .app-icon-button .app-displayname {
    padding-bottom: 8px
}

@media (pointer:fine) {
    ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content .widget-picker-container .app-icon-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color: var(--theme-color-fillPrimary)
    }
}

ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content .widget-picker-container .app-icon-button.active:not([aria-disabled=true]):not(.disabled),
ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content .widget-picker-container .app-icon-button:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-fillPrimary);
    opacity: .3
}

ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content .widget-picker-container .app-icon-button:active:not(:disabled) {
    -webkit-filter: none;
    filter: none
}

@media (max-width:759px) {
    .widget-picker-container {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        justify-items: center;
        -webkit-margin-before: 10px;
        margin-block-start: 10px;
        margin-inline: 15px
    }
    .widget-picker-container[dir=ltr],
    .widget-picker-container[dir=rtl],
    [dir=ltr] .widget-picker-container,
    [dir=rtl] .widget-picker-container {
        margin-top: 10px;
        margin-left: 15px;
        margin-right: 15px
    }
    .widget-picker-container .app-icon-button {
        margin-block: 10px
    }
    .widget-picker-container[dir=ltr] .app-icon-button,
    .widget-picker-container[dir=rtl] .app-icon-button,
    [dir=ltr] .widget-picker-container .app-icon-button,
    [dir=rtl] .widget-picker-container .app-icon-button {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .widget-picker-container .app-icon-button .app-icon {
        -webkit-margin-after: 10px;
        margin-block-end: 10px
    }
    .widget-picker-container[dir=ltr] .app-icon-button .app-icon,
    .widget-picker-container[dir=rtl] .app-icon-button .app-icon,
    [dir=ltr] .widget-picker-container .app-icon-button .app-icon,
    [dir=rtl] .widget-picker-container .app-icon-button .app-icon {
        margin-bottom: 10px
    }
}

ui-transition-container {
    position: relative
}

ui-transition-container>ui-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@-webkit-keyframes ui-activity-indicator-keyframe-u07a74c29 {
    0% {
        opacity: .1
    }
    to {
        opacity: .8
    }
}

@keyframes ui-activity-indicator-keyframe-u07a74c29 {
    0% {
        opacity: .1
    }
    to {
        opacity: .8
    }
}

ui-activity-indicator.standard {
    height: 1em;
    width: 1em
}

ui-activity-indicator.standard ui-spinner-nib {
    -webkit-animation-name: ui-activity-indicator-keyframe-u07a74c29;
    animation-name: ui-activity-indicator-keyframe-u07a74c29
}

ui-button {
    display: inline-block;
    font-size: 14px;
    cursor: default
}

ui-button button {
    display: none
}

ui-button.push {
    min-width: 30px;
    padding-left: 10px;
    padding-right: 10px;
    height: 30px
}

ui-button.push.icloud-touch {
    height: 44px;
    min-width: 44px;
    padding-left: 14px;
    padding-right: 14px
}

ui-button.push.icloud-touch.large {
    height: 44px;
    min-width: 44px
}

ui-button.push:focus:not([aria-disabled=true]):not(.disabled):before {
    top: 3px
}

html:not([dir=rtl]) ui-button.push:focus:not([aria-disabled=true]):not(.disabled):before {
    right: 3px
}

[dir=rtl] ui-button.push:focus:not([aria-disabled=true]):not(.disabled):before {
    left: 3px
}

ui-button.push:focus:not([aria-disabled=true]):not(.disabled):before {
    bottom: 3px
}

html:not([dir=rtl]) ui-button.push:focus:not([aria-disabled=true]):not(.disabled):before {
    left: 3px
}

[dir=rtl] ui-button.push:focus:not([aria-disabled=true]):not(.disabled):before {
    right: 3px
}

ui-button.push.large {
    height: 36px
}

ui-button.push.icon {
    height: 28px;
    min-width: 28px;
    padding-left: 6px;
    padding-right: 6px
}

ui-button.push.icon svg {
    width: 17px;
    height: 17px
}

ui-button.push.icon.icloud-touch {
    height: 34px;
    min-width: 34px;
    padding-left: 8px;
    padding-right: 8px
}

ui-button.push.icon.icloud-touch svg {
    height: 20px;
    width: 20px
}

ui-button.push.icon:focus:not([aria-disabled=true]):not(.disabled):before {
    top: 3px
}

html:not([dir=rtl]) ui-button.push.icon:focus:not([aria-disabled=true]):not(.disabled):before {
    right: 3px
}

[dir=rtl] ui-button.push.icon:focus:not([aria-disabled=true]):not(.disabled):before {
    left: 3px
}

ui-button.push.icon:focus:not([aria-disabled=true]):not(.disabled):before {
    bottom: 3px
}

html:not([dir=rtl]) ui-button.push.icon:focus:not([aria-disabled=true]):not(.disabled):before {
    left: 3px
}

[dir=rtl] ui-button.push.icon:focus:not([aria-disabled=true]):not(.disabled):before {
    right: 3px
}

ui-button.push.destructive.active:not([aria-disabled=true]):not(.disabled),
ui-button.push.destructive.pressed,
ui-button.push.destructive:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-fillPrimary);
    color: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), -webkit-calc(var(--theme-color-systemRed-l)), var(--theme-opacity-text-active));
    color: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), calc(var(--theme-color-systemRed-l)), var(--theme-opacity-text-active))
}

ui-button.block,
ui-button.push.block {
    padding-left: 16px;
    padding-right: 16px;
    height: 30px
}

ui-button.block:focus:not([aria-disabled=true]):not(.disabled):before,
ui-button.push.block:focus:not([aria-disabled=true]):not(.disabled):before {
    top: 3px
}

html:not([dir=rtl]) ui-button.block:focus:not([aria-disabled=true]):not(.disabled):before,
html:not([dir=rtl]) ui-button.push.block:focus:not([aria-disabled=true]):not(.disabled):before {
    right: 3px
}

[dir=rtl] ui-button.block:focus:not([aria-disabled=true]):not(.disabled):before,
[dir=rtl] ui-button.push.block:focus:not([aria-disabled=true]):not(.disabled):before {
    left: 3px
}

ui-button.block:focus:not([aria-disabled=true]):not(.disabled):before,
ui-button.push.block:focus:not([aria-disabled=true]):not(.disabled):before {
    bottom: 3px
}

html:not([dir=rtl]) ui-button.block:focus:not([aria-disabled=true]):not(.disabled):before,
html:not([dir=rtl]) ui-button.push.block:focus:not([aria-disabled=true]):not(.disabled):before {
    left: 3px
}

[dir=rtl] ui-button.block:focus:not([aria-disabled=true]):not(.disabled):before,
[dir=rtl] ui-button.push.block:focus:not([aria-disabled=true]):not(.disabled):before {
    right: 3px
}

ui-button.block.large,
ui-button.push.block.large {
    height: 36px
}

ui-button.block.icon,
ui-button.push.block.icon {
    height: 28px;
    min-width: 28px;
    padding-left: 6px;
    padding-right: 6px
}

ui-button.block.icon svg,
ui-button.push.block.icon svg {
    width: 17px;
    height: 17px
}

ui-button.block.icon.icloud-touch,
ui-button.push.block.icon.icloud-touch {
    height: 34px;
    min-width: 34px;
    padding-left: 8px;
    padding-right: 8px
}

ui-button.block.icon.icloud-touch svg,
ui-button.push.block.icon.icloud-touch svg {
    height: 20px;
    width: 20px
}

ui-label {
    font-weight: 400;
    font-size: 15px;
    cursor: pointer
}

ui-overlay-actions {
    display: inline-block
}

ui-overlay-actions.standard.regular {
    background-color: var(--theme-color-backgroundPrimary);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

ui-overlay-actions.standard.regular,
ui-overlay-actions.standard.regular .buttons-measurer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

ui-overlay-actions.standard.regular .buttons-measurer {
    position: fixed;
    opacity: 0;
    pointer-events: none;
    top: -1000vh
}

html:not([dir=rtl]) ui-overlay-actions.standard.regular .buttons-measurer {
    left: -1000vh
}

[dir=rtl] ui-overlay-actions.standard.regular .buttons-measurer {
    right: -1000vh
}

ui-overlay-actions.standard.regular .buttons-measurer div {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    border-radius: 8px;
    padding-left: 16px;
    padding-right: 16px;
    contain: content;
    width: 100%
}

ui-overlay-actions.standard.regular .buttons-measurer div svg {
    fill: currentColor
}

ui-overlay-actions.standard.regular ui-button {
    width: auto;
    text-overflow: ellipsis;
    overflow: hidden
}

ui-overlay-actions.standard.regular .inline-end-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

ui-overlay-actions.standard.regular .buttons-measurer div {
    width: auto;
    min-width: 163px
}

ui-overlay-actions.standard.regular .buttons-measurer div.large {
    min-width: 180px
}

html:not([dir=rtl]) ui-overlay-actions.standard.regular .buttons-measurer :first-child {
    margin-right: 10px
}

[dir=rtl] ui-overlay-actions.standard.regular .buttons-measurer :first-child {
    margin-left: 10px
}

ui-overlay-actions.standard.regular.contains-tertiary-button .buttons-measurer div {
    min-width: 100px
}

ui-overlay-actions.standard.regular.contains-tertiary-button .buttons-measurer div.large {
    min-width: 148px
}

ui-overlay-actions.standard.regular.contains-tertiary-button .buttons-measurer div .inline-end-buttons div {
    min-width: 100px
}

ui-overlay-actions.standard.regular.contains-tertiary-button .buttons-measurer div .inline-end-buttons div.large {
    min-width: 148px
}

ui-overlay-actions.standard.regular.single-button .buttons-measurer div {
    min-width: 180px
}

ui-overlay-actions.standard.regular.single-button .buttons-measurer div.large {
    min-width: 260px
}

ui-overlay-actions.standard.regular ui-button {
    min-width: 163px
}

ui-overlay-actions.standard.regular ui-button.large {
    min-width: 180px
}

html:not([dir=rtl]) ui-overlay-actions.standard.regular:not(.should-stack):not(.single-button) :first-child {
    margin-right: 10px
}

[dir=rtl] ui-overlay-actions.standard.regular:not(.should-stack):not(.single-button) :first-child {
    margin-left: 10px
}

ui-overlay-actions.standard.regular.single-button ui-button {
    min-width: 180px;
    margin-left: 0;
    margin-right: 0
}

ui-overlay-actions.standard.regular.single-button ui-button.large {
    min-width: 260px
}

ui-overlay-actions.standard.regular.single-button.inlineEnd {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

ui-overlay-actions.standard.regular.single-button.center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

ui-overlay-actions.standard.regular.contains-tertiary-button ui-button {
    min-width: 100px
}

ui-overlay-actions.standard.regular.contains-tertiary-button ui-button.large {
    min-width: 148px
}

ui-overlay-actions.standard.regular.contains-tertiary-button .inline-end-buttons {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 0;
    margin-right: 0
}

ui-overlay-actions.standard.regular.contains-tertiary-button .inline-end-buttons ui-button {
    min-width: 100px
}

ui-overlay-actions.standard.regular.contains-tertiary-button .inline-end-buttons ui-button.large {
    min-width: 148px
}

ui-overlay-actions.standard.regular.should-stack {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 0
}

ui-overlay-actions.standard.regular.should-stack ui-overlay-actions-stack {
    max-width: 100%;
    margin: auto;
    min-width: 260px
}

ui-overlay-actions.standard.regular.should-stack ui-overlay-actions-stack ui-button.block {
    width: 100%
}

ui-overlay-actions.standard.regular.should-stack ui-overlay-actions-stack ui-button {
    margin-top: 20px
}

ui-overlay-actions.standard.compact {
    background-color: var(--theme-color-backgroundPrimary);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 20px 20px
}

ui-overlay-actions.standard.compact,
ui-overlay-actions.standard.compact .buttons-measurer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

ui-overlay-actions.standard.compact .buttons-measurer {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    opacity: 0;
    pointer-events: none;
    top: -1000vh
}

html:not([dir=rtl]) ui-overlay-actions.standard.compact .buttons-measurer {
    left: -1000vh
}

[dir=rtl] ui-overlay-actions.standard.compact .buttons-measurer {
    right: -1000vh
}

ui-overlay-actions.standard.compact .buttons-measurer div {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    border-radius: 8px;
    padding-left: 16px;
    padding-right: 16px;
    contain: content;
    width: 100%
}

ui-overlay-actions.standard.compact .buttons-measurer div svg {
    fill: currentColor
}

ui-overlay-actions.standard.compact ui-button {
    width: auto;
    text-overflow: ellipsis;
    overflow: hidden
}

ui-overlay-actions.standard.compact .inline-end-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

ui-overlay-actions.standard.compact .buttons-measurer div {
    width: auto;
    min-width: 163px
}

ui-overlay-actions.standard.compact .buttons-measurer div.large {
    min-width: 180px
}

html:not([dir=rtl]) ui-overlay-actions.standard.compact .buttons-measurer :first-child {
    margin-right: 10px
}

[dir=rtl] ui-overlay-actions.standard.compact .buttons-measurer :first-child {
    margin-left: 10px
}

ui-overlay-actions.standard.compact.contains-tertiary-button .buttons-measurer div {
    min-width: 100px
}

ui-overlay-actions.standard.compact.contains-tertiary-button .buttons-measurer div.large {
    min-width: 148px
}

ui-overlay-actions.standard.compact.contains-tertiary-button .buttons-measurer div .inline-end-buttons div {
    min-width: 100px
}

ui-overlay-actions.standard.compact.contains-tertiary-button .buttons-measurer div .inline-end-buttons div.large {
    min-width: 148px
}

ui-overlay-actions.standard.compact.single-button .buttons-measurer div {
    min-width: 180px
}

ui-overlay-actions.standard.compact.single-button .buttons-measurer div.large {
    min-width: 260px
}

ui-overlay-actions.standard.compact ui-overlay-actions-stack {
    max-width: 100%;
    margin: auto;
    min-width: 260px
}

ui-overlay-actions.standard.compact ui-overlay-actions-stack ui-button.block {
    width: 100%
}

ui-overlay-actions.standard.compact ui-overlay-actions-stack ui-button {
    margin-top: 20px
}

ui-popup ui-overlay-actions.standard {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -20px
}

ui-checkbox.standard {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-origin: border-box;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

ui-checkbox.standard:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: inherit;
    padding: 6px;
    top: -6px
}

html:not([dir=rtl]) ui-checkbox.standard:after {
    left: -6px
}

[dir=rtl] ui-checkbox.standard:after {
    right: -6px
}

ui-checkbox.standard>input {
    width: 16px;
    height: 16px;
    position: absolute;
    opacity: 0;
    margin: 0
}

ui-checkbox.standard>.icon {
    width: 16px;
    height: 16px;
    position: relative;
    -webkit-transform: translate(0);
    transform: translate(0);
    overflow: visible
}

ui-checkbox.standard .square {
    stroke: var(--theme-color-gray3);
    display: block;
    fill: transparent
}

ui-checkbox.standard .checkmark-fill,
ui-checkbox.standard .checkmark-square-fill,
ui-checkbox.standard .minus-fill,
ui-checkbox.standard .minus-square-fill {
    display: none
}

ui-checkbox.standard.icloud-touch:after {
    width: 18px;
    height: 18px;
    padding: 7px;
    top: -7px
}

html:not([dir=rtl]) ui-checkbox.standard.icloud-touch:after {
    left: -7px
}

[dir=rtl] ui-checkbox.standard.icloud-touch:after {
    right: -7px
}

ui-checkbox.standard.icloud-touch>.icon,
ui-checkbox.standard.icloud-touch>input {
    width: 18px;
    height: 18px
}

ui-checkbox.standard.invalid:not(.disabled) .square,
ui-checkbox.standard[aria-invalid=true]:not([aria-disabled=true]) .square {
    display: block;
    fill: rgba(227, 0, 0, .32)
}

ui-checkbox.standard.invalid:not(.disabled) .checkmark-fill,
ui-checkbox.standard.invalid:not(.disabled) .checkmark-square-fill,
ui-checkbox.standard.invalid:not(.disabled) .minus-fill,
ui-checkbox.standard.invalid:not(.disabled) .minus-square-fill,
ui-checkbox.standard[aria-invalid=true]:not([aria-disabled=true]) .checkmark-fill,
ui-checkbox.standard[aria-invalid=true]:not([aria-disabled=true]) .checkmark-square-fill,
ui-checkbox.standard[aria-invalid=true]:not([aria-disabled=true]) .minus-fill,
ui-checkbox.standard[aria-invalid=true]:not([aria-disabled=true]) .minus-square-fill {
    display: none
}

ui-checkbox.standard.disabled,
ui-checkbox.standard[aria-disabled=true] {
    cursor: default
}

ui-checkbox.standard.disabled .square,
ui-checkbox.standard[aria-disabled=true] .square {
    display: block;
    opacity: var(--theme-opacity-text-active)
}

ui-checkbox.standard.disabled .checkmark-square-fill,
ui-checkbox.standard.disabled .minus-fill,
ui-checkbox.standard.disabled .minus-square-fill,
ui-checkbox.standard[aria-checked=true] .square,
ui-checkbox.standard[aria-disabled=true] .checkmark-square-fill,
ui-checkbox.standard[aria-disabled=true] .minus-fill,
ui-checkbox.standard[aria-disabled=true] .minus-square-fill {
    display: none
}

ui-checkbox.standard[aria-checked=true] .checkmark-fill,
ui-checkbox.standard[aria-checked=true] .checkmark-square-fill {
    display: block
}

ui-checkbox.standard[aria-checked=true] .minus-fill,
ui-checkbox.standard[aria-checked=true] .minus-square-fill {
    display: none
}

ui-checkbox.standard[aria-checked=true].disabled,
ui-checkbox.standard[aria-checked=true][aria-disabled=true] {
    cursor: default
}

ui-checkbox.standard[aria-checked=true].disabled .square,
ui-checkbox.standard[aria-checked=true][aria-disabled=true] .square {
    display: none
}

ui-checkbox.standard[aria-checked=true].disabled .checkmark-fill,
ui-checkbox.standard[aria-checked=true].disabled .checkmark-square-fill,
ui-checkbox.standard[aria-checked=true][aria-disabled=true] .checkmark-fill,
ui-checkbox.standard[aria-checked=true][aria-disabled=true] .checkmark-square-fill {
    display: block;
    opacity: var(--theme-opacity-text-active)
}

ui-checkbox.standard[aria-checked=mixed] .checkmark-square-fill,
ui-checkbox.standard[aria-checked=mixed] .square,
ui-checkbox.standard[aria-checked=true].disabled .minus-square-fill,
ui-checkbox.standard[aria-checked=true][aria-disabled=true] .minus-square-fill {
    display: none
}

ui-checkbox.standard[aria-checked=mixed] .minus-fill,
ui-checkbox.standard[aria-checked=mixed] .minus-square-fill {
    display: block
}

ui-checkbox.standard[aria-checked=mixed].disabled,
ui-checkbox.standard[aria-checked=mixed][aria-disabled=true] {
    cursor: default
}

ui-checkbox.standard[aria-checked=mixed].disabled .checkmark-square-fill,
ui-checkbox.standard[aria-checked=mixed].disabled .square,
ui-checkbox.standard[aria-checked=mixed][aria-disabled=true] .checkmark-square-fill,
ui-checkbox.standard[aria-checked=mixed][aria-disabled=true] .square {
    display: none
}

ui-checkbox.standard[aria-checked=mixed].disabled .minus-fill,
ui-checkbox.standard[aria-checked=mixed].disabled .minus-square-fill,
ui-checkbox.standard[aria-checked=mixed][aria-disabled=true] .minus-fill,
ui-checkbox.standard[aria-checked=mixed][aria-disabled=true] .minus-square-fill {
    display: block;
    opacity: var(--theme-opacity-text-active)
}

ui-checkbox.standard:focus:not([aria-disabled=true]):not(.disabled):after {
    background-color: var(--theme-color-fillTertiary);
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
}

@media (pointer:fine) {
    ui-checkbox.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):after {
        background-color: var(--theme-color-fillTertiary)
    }
}

ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled) label,
ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled) label {
    opacity: .3
}

ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled) .square,
ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled) .square {
    display: block;
    stroke: var(--theme-color-fillQuaternary)
}

ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled) .checkmark-square-fill,
ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled) .minus-fill,
ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled) .minus-square-fill,
ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .square,
ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled) .checkmark-square-fill,
ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled) .minus-fill,
ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled) .minus-square-fill,
ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .square {
    display: none
}

ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .checkmark-square-fill,
ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .checkmark-square-fill {
    display: block
}

ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .minus-fill,
ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .minus-square-fill,
ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .minus-fill,
ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .minus-square-fill {
    display: none
}

ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .checkmark-fill,
ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .checkmark-fill {
    display: block
}

ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled)[aria-checked=mixed] .checkmark-square-fill,
ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled)[aria-checked=mixed] .square,
ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=mixed] .checkmark-square-fill,
ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=mixed] .square {
    display: none
}

ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled)[aria-checked=mixed] .minus-fill,
ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled)[aria-checked=mixed] .minus-square-fill,
ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=mixed] .minus-fill,
ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=mixed] .minus-square-fill {
    display: block
}

ui-checkbox.standard .checkmark-square-fill,
ui-checkbox.standard .icloud-icon-container>svg,
ui-checkbox.standard .minus-square-fill {
    fill: var(--theme-color-appTint)
}

ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled):after,
ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled):after {
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active));
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active))
}

ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg {
    fill: var(--theme-color-appTint)
}

ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .checkmark-square-fill,
ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .checkmark-square-fill {
    fill: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l)), var(--theme-opacity-text-active));
    fill: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l)), var(--theme-opacity-text-active))
}

ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .checkmark-fill,
ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .checkmark-fill {
    opacity: var(--theme-opacity-text-active)
}

ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled)[aria-checked=mixed] .minus-square-fill,
ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=mixed] .minus-square-fill {
    fill: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l)), var(--theme-opacity-text-active));
    fill: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l)), var(--theme-opacity-text-active))
}

ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled)[aria-checked=mixed] .minus-fill,
ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=mixed] .minus-fill {
    opacity: --theme-opacity-text-active
}

ui-checkbox.labelled.icloud-mouse:not(.icloud-touch) {
    padding: 7px 12px;
    white-space: nowrap
}

ui-checkbox.labelled.icloud-mouse:not(.icloud-touch):after {
    width: 100%;
    height: 100%;
    padding: 0;
    top: 0
}

html:not([dir=rtl]) ui-checkbox.labelled.icloud-mouse:not(.icloud-touch):after {
    left: 0
}

[dir=rtl] ui-checkbox.labelled.icloud-mouse:not(.icloud-touch):after {
    right: 0
}

ui-checkbox.labelled.icloud-mouse:not(.icloud-touch)>.icon {
    cursor: inherit
}

html:not([dir=rtl]) ui-checkbox.labelled.icloud-mouse:not(.icloud-touch)>.icon {
    margin-right: 8px
}

[dir=rtl] ui-checkbox.labelled.icloud-mouse:not(.icloud-touch)>.icon {
    margin-left: 8px
}

ui-checkbox.labelled.icloud-mouse:not(.icloud-touch)>label {
    cursor: inherit;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis
}

html:not([dir=rtl]) ui-checkbox.labelled.icloud-mouse:not(.icloud-touch)>label ui-label {
    margin-right: 0
}

[dir=rtl] ui-checkbox.labelled.icloud-mouse:not(.icloud-touch)>label ui-label {
    margin-left: 0
}

ui-checkbox.labelled.icloud-mouse:not(.icloud-touch)>label ui-label {
    pointer-events: none
}

ui-checkbox.labelled.icloud-mouse:not(.icloud-touch).contains-icon {
    padding-top: 0;
    padding-bottom: 0
}

html:not([dir=rtl]) ui-checkbox.labelled.icloud-mouse:not(.icloud-touch).contains-icon>.icon {
    margin-right: 4px
}

[dir=rtl] ui-checkbox.labelled.icloud-mouse:not(.icloud-touch).contains-icon>.icon {
    margin-left: 4px
}

ui-checkbox.labelled.icloud-mouse:not(.icloud-touch).contains-icon .icloud-icon-container,
ui-checkbox.labelled.icloud-mouse:not(.icloud-touch).contains-icon>label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

ui-checkbox.labelled.icloud-mouse:not(.icloud-touch).contains-icon .icloud-icon-container {
    width: 30px;
    height: 30px
}

html:not([dir=rtl]) ui-checkbox.labelled.icloud-mouse:not(.icloud-touch).contains-icon .icloud-icon-container {
    margin-right: 3px
}

[dir=rtl] ui-checkbox.labelled.icloud-mouse:not(.icloud-touch).contains-icon .icloud-icon-container {
    margin-left: 3px
}

ui-checkbox.labelled.icloud-mouse:not(.icloud-touch).contains-icon .icloud-icon-container svg {
    margin: auto
}

ui-checkbox.labelled.icloud-touch:not(.icloud-mouse) {
    padding: 12px 15px
}

ui-checkbox.labelled.icloud-touch:not(.icloud-mouse):after {
    width: 100%;
    height: 100%;
    padding: 0;
    top: 0
}

html:not([dir=rtl]) ui-checkbox.labelled.icloud-touch:not(.icloud-mouse):after {
    left: 0
}

[dir=rtl] ui-checkbox.labelled.icloud-touch:not(.icloud-mouse):after {
    right: 0
}

html:not([dir=rtl]) ui-checkbox.labelled.icloud-touch:not(.icloud-mouse)>.icon {
    margin-right: 10px
}

[dir=rtl] ui-checkbox.labelled.icloud-touch:not(.icloud-mouse)>.icon {
    margin-left: 10px
}

ui-checkbox.labelled.icloud-touch:not(.icloud-mouse)>label {
    font-size: 17px
}

ui-checkbox.labelled.icloud-touch:not(.icloud-mouse).contains-icon {
    padding-top: 7px;
    padding-bottom: 7px
}

html:not([dir=rtl]) ui-checkbox.labelled.icloud-touch:not(.icloud-mouse).contains-icon>.icon {
    margin-right: 6px
}

[dir=rtl] ui-checkbox.labelled.icloud-touch:not(.icloud-mouse).contains-icon>.icon {
    margin-left: 6px
}

ui-checkbox.labelled.icloud-touch:not(.icloud-mouse).contains-icon .icloud-icon-container,
ui-checkbox.labelled.icloud-touch:not(.icloud-mouse).contains-icon>label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

ui-checkbox.labelled.icloud-touch:not(.icloud-mouse).contains-icon .icloud-icon-container {
    width: 30px;
    height: 30px
}

html:not([dir=rtl]) ui-checkbox.labelled.icloud-touch:not(.icloud-mouse).contains-icon .icloud-icon-container {
    margin-right: 5px
}

[dir=rtl] ui-checkbox.labelled.icloud-touch:not(.icloud-mouse).contains-icon .icloud-icon-container {
    margin-left: 5px
}

ui-checkbox.labelled.icloud-touch:not(.icloud-mouse).contains-icon .icloud-icon-container svg {
    margin: auto
}

ui-checkbox {
    display: inline-block
}

ui-card {
    display: block
}

ui-pane.for-ui-card.standard>ui-card {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    background: var(--theme-color-backgroundPrimary);
    min-height: 200px;
    max-height: -webkit-calc(100% - 26px);
    max-height: calc(100% - 26px);
    border-radius: 10.5px 10.5px 0 0;
    width: 100%;
    max-width: 600px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .1);
    pointer-events: auto
}

ui-pane.for-ui-card.standard>ui-card ui-card-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 20px 10px
}

ui-pane.for-ui-card.standard>ui-card ui-card-header .x-close-button {
    position: relative;
    border-radius: 8px
}

html:not([dir=rtl]) ui-pane.for-ui-card.standard>ui-card ui-card-header .x-close-button {
    margin-left: -6px
}

[dir=rtl] ui-pane.for-ui-card.standard>ui-card ui-card-header .x-close-button {
    margin-right: -6px
}

ui-pane.for-ui-card.standard>ui-card ui-card-header .x-close-button {
    margin-top: -6px
}

html:not([dir=rtl]) ui-pane.for-ui-card.standard>ui-card ui-card-header .x-close-button.icloud-touch {
    margin-left: -8px
}

[dir=rtl] ui-pane.for-ui-card.standard>ui-card ui-card-header .x-close-button.icloud-touch {
    margin-right: -8px
}

ui-pane.for-ui-card.standard>ui-card ui-card-header .x-close-button.icloud-touch {
    margin-top: -8px
}

ui-pane.for-ui-card.standard>ui-card ui-card-header .x-close-button.active:not([aria-disabled=true]):not(.disabled) svg,
ui-pane.for-ui-card.standard>ui-card ui-card-header .x-close-button:active:hover:not([aria-disabled=true]):not(.disabled) svg {
    fill: var(--theme-color-labelQuaternary)
}

ui-pane.for-ui-card.standard>ui-card ui-card-header .x-close-button svg {
    fill: var(--theme-color-labelPrimary);
    width: 14px;
    height: 14px
}

ui-pane.for-ui-card.standard>ui-card ui-card-header h1 {
    font-size: 17px;
    font-weight: 600;
    padding-top: 1px
}

html:not([dir=rtl]) ui-pane.for-ui-card.standard>ui-card ui-card-header h1 {
    padding-right: 2px
}

[dir=rtl] ui-pane.for-ui-card.standard>ui-card ui-card-header h1 {
    padding-left: 2px
}

ui-pane.for-ui-card.standard>ui-card ui-card-header h1 {
    line-height: 17px
}

ui-pane.for-ui-card {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    pointer-events: none
}

ui-pane.for-ui-card.standard.is-opening>ui-card {
    -webkit-animation: icloud-keyframes-slideIn .35s cubic-bezier(0, 0, 0, 1) forwards;
    animation: icloud-keyframes-slideIn .35s cubic-bezier(0, 0, 0, 1) forwards
}

ui-pane-backdrop.modal.top-modal.for-ui-card {
    -webkit-animation: icloud-keyframes-fadeIn .35s cubic-bezier(0, 0, 0, 1);
    animation: icloud-keyframes-fadeIn .35s cubic-bezier(0, 0, 0, 1)
}

ui-pane.for-ui-card.standard.is-closing>ui-card {
    -webkit-animation: icloud-keyframes-slideOut .35s cubic-bezier(0, 0, 0, 1) forwards;
    animation: icloud-keyframes-slideOut .35s cubic-bezier(0, 0, 0, 1) forwards
}

ui-pane-backdrop.modal.top-modal.for-ui-card.is-closing {
    -webkit-animation: icloud-keyframes-fadeOut .35s cubic-bezier(0, 0, 0, 1) forwards;
    animation: icloud-keyframes-fadeOut .35s cubic-bezier(0, 0, 0, 1) forwards
}

ui-popover {
    display: inline-block;
    position: fixed
}

ui-popover ui-popover-arrow,
ui-popover ui-popover-content {
    display: block
}

ui-popover.standard {
    position: fixed;
    pointer-events: none
}

ui-popover.standard ui-popover-content {
    -webkit-box-shadow: 0 11px 34px rgba(0, 0, 0, .16);
    box-shadow: 0 11px 34px rgba(0, 0, 0, .16);
    background: var(--theme-color-backgroundPrimary);
    position: absolute;
    border-radius: 12px;
    overflow: hidden;
    pointer-events: auto;
    border: .2px solid var(--theme-color-fillQuaternary)
}

@media (prefers-color-scheme:dark) {
    ui-popover.standard ui-popover-content {
        -webkit-box-shadow: 0 11px 34px rgba(0, 0, 0, .65);
        box-shadow: 0 11px 34px rgba(0, 0, 0, .65)
    }
}

[data-appearance=dark] ui-popover.standard ui-popover-content {
    -webkit-box-shadow: 0 11px 34px rgba(0, 0, 0, .65);
    box-shadow: 0 11px 34px rgba(0, 0, 0, .65)
}

[data-appearance=light] ui-popover.standard ui-popover-content {
    -webkit-box-shadow: 0 11px 34px rgba(0, 0, 0, .16);
    box-shadow: 0 11px 34px rgba(0, 0, 0, .16)
}

ui-popover.standard ui-popover-content.contains-ui-overlay-actions {
    overflow-y: auto
}

ui-popover.standard ui-popover-content.contains-ui-overlay-actions ui-overlay-actions {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0
}

ui-popover.standard ui-popover-content.ui-overlay-actions-separator ui-overlay-actions {
    border-width: 1px;
    border-style: solid;
    -o-border-image: linear-gradient(90deg, transparent 1%, var(--theme-color-gray5) 6%, var(--theme-color-gray5) 94%, transparent 99%) 1;
    border-image: -webkit-gradient(linear, left top, right top, color-stop(1%, transparent), color-stop(6%, var(--theme-color-gray5)), color-stop(94%, var(--theme-color-gray5)), color-stop(99%, transparent)) 1;
    border-image: linear-gradient(90deg, transparent 1%, var(--theme-color-gray5) 6%, var(--theme-color-gray5) 94%, transparent 99%) 1;
    border-bottom: 0
}

html:not([dir=rtl]) ui-popover.standard ui-popover-content.ui-overlay-actions-separator ui-overlay-actions {
    border-left: 0
}

[dir=rtl] ui-popover.standard ui-popover-content.ui-overlay-actions-separator ui-overlay-actions,
html:not([dir=rtl]) ui-popover.standard ui-popover-content.ui-overlay-actions-separator ui-overlay-actions {
    border-right: 0
}

[dir=rtl] ui-popover.standard ui-popover-content.ui-overlay-actions-separator ui-overlay-actions {
    border-left: 0
}

ui-popover.standard ui-popover-content.ui-overlay-actions-separator ui-overlay-actions {
    padding-top: 19px
}

ui-popover.standard ui-popover-arrow {
    position: absolute;
    width: 16px;
    height: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

ui-popover.standard ui-popover-arrow .icon {
    fill: var(--theme-color-backgroundPrimary);
    overflow: hidden
}

ui-popover.standard ui-popover-arrow .icon>path {
    pointer-events: visibleFill
}

ui-popover.standard.arrow-hidden ui-popover-arrow {
    visibility: hidden
}

ui-popover.standard.arrow-direction-up ui-popover-arrow {
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotate(180deg) translateY(-10px);
    transform: rotate(180deg) translateY(-10px);
    margin-top: 1px
}

ui-popover.standard.arrow-direction-up ui-popover-content {
    -webkit-transform-origin: center -10px;
    transform-origin: center -10px
}

ui-popover.standard.arrow-direction-right ui-popover-arrow {
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: rotate(-90deg) translateY(-16px);
    transform: rotate(-90deg) translateY(-16px)
}

html:not([dir=rtl]) ui-popover.standard.arrow-direction-right ui-popover-arrow {
    margin-left: -1px
}

[dir=rtl] ui-popover.standard.arrow-direction-right ui-popover-arrow {
    margin-right: -1px
}

ui-popover.standard.arrow-direction-right ui-popover-content {
    -webkit-transform-origin: -webkit-calc(100% + 16px) center;
    transform-origin: calc(100% + 16px) center
}

ui-popover.standard.arrow-direction-down ui-popover-arrow {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    margin-top: -1px
}

ui-popover.standard.arrow-direction-down ui-popover-content {
    -webkit-transform-origin: center -webkit-calc(100% + 10px);
    transform-origin: center calc(100% + 10px)
}

ui-popover.standard.arrow-direction-left ui-popover-arrow {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(90deg) translateY(-10px);
    transform: rotate(90deg) translateY(-10px)
}

html:not([dir=rtl]) ui-popover.standard.arrow-direction-left ui-popover-arrow {
    margin-left: 1px
}

[dir=rtl] ui-popover.standard.arrow-direction-left ui-popover-arrow {
    margin-right: 1px
}

ui-popover.standard.arrow-direction-left ui-popover-content {
    -webkit-transform-origin: -16px center;
    transform-origin: -16px center
}

ui-popover.standard.arrow-direction-down.arrow-position-bottom-left ui-popover-arrow .icon,
ui-popover.standard.arrow-direction-left.arrow-position-top-left ui-popover-arrow .icon,
ui-popover.standard.arrow-direction-right.arrow-position-bottom-right ui-popover-arrow .icon,
ui-popover.standard.arrow-direction-up.arrow-position-top-right ui-popover-arrow .icon {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

ui-pane.is-opening ui-popover.standard:not(.is-measuring) {
    -webkit-animation: icloud-keyframes-fadeInAndScale .2s cubic-bezier(.25, .1, .25, 1.3);
    animation: icloud-keyframes-fadeInAndScale .2s cubic-bezier(.25, .1, .25, 1.3)
}

ui-pane.is-closing ui-popover.standard {
    -webkit-animation: icloud-keyframes-fadeOut .2s ease forwards;
    animation: icloud-keyframes-fadeOut .2s ease forwards
}

ui-color-grid-cell,
ui-color-well {
    display: inline-block
}

ui-color-well.standard {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer
}

ui-color-well.standard:after {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-width: 2px;
    content: "";
    border-radius: 50%;
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px
}

ui-color-well.standard.active:not([aria-disabled=true]):not(.disabled) svg,
ui-color-well.standard:active:hover:not([aria-disabled=true]):not(.disabled) svg {
    -webkit-filter: brightness(.8);
    filter: brightness(.8)
}

ui-color-well.standard.disabled,
ui-color-well.standard[aria-disabled=true] {
    opacity: .4
}

ui-color-well.standard:focus:not([aria-disabled=true]):not(.disabled) {
    outline: none
}

ui-color-well.standard:focus:not([aria-disabled=true]):not(.disabled):after {
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: -webkit-box-shadow;
    transition-property: -webkit-box-shadow;
    transition-property: box-shadow;
    transition-property: box-shadow, -webkit-box-shadow;
    -webkit-box-shadow: 0 0 2px #0071eb;
    box-shadow: 0 0 2px #0071eb;
    border: 2px solid #1f8bff;
    -webkit-box-shadow: none;
    box-shadow: none
}

ui-pane.for-ui-card.color-well-pane>ui-card,
ui-popover.color-well-pane ui-popover-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 4px
}

ui-pane.for-ui-card.color-well-pane>ui-card {
    max-width: 400px;
    padding: 0 16px 16px
}

.color-well-pane header {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 8px 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.color-well-pane header h1 {
    font-size: 19px;
    font-weight: 500
}

html:not([dir=rtl]) .color-well-pane header ui-button.push.done-button {
    margin-right: -12px
}

[dir=rtl] .color-well-pane header ui-button.push.done-button {
    margin-left: -12px
}

.color-well-pane .ui-color-grid {
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto
}

ui-color-grid {
    display: inline-block
}

ui-color-grid.standard .color-grid-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

ui-color-grid.standard .color-grid-row:first-child ui-color-grid-cell:first-child {
    border-top-left-radius: 7.5px
}

ui-color-grid.standard .color-grid-row:first-child ui-color-grid-cell:last-child {
    border-top-right-radius: 7.5px
}

ui-color-grid.standard .color-grid-row:last-child ui-color-grid-cell:first-child {
    border-bottom-left-radius: 7.5px
}

ui-color-grid.standard .color-grid-row:last-child ui-color-grid-cell:last-child {
    border-bottom-right-radius: 7.5px
}

ui-color-grid.standard:focus {
    outline: none
}

ui-color-grid.standard ui-color-grid-cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid transparent;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 20px;
    height: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

ui-color-grid.standard ui-color-grid-cell[aria-selected=true] {
    border-color: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .4), inset 0 0 2px rgba(0, 0, 0, .4);
    box-shadow: 0 0 2px rgba(0, 0, 0, .4), inset 0 0 2px rgba(0, 0, 0, .4);
    position: relative
}

ui-file-button {
    display: inline-block;
    font-size: 15px
}

ui-file-button input[type=file] {
    display: none
}

ui-file-button.push {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    border-radius: 8px;
    height: 30px;
    min-width: 30px;
    font-size: 17px;
    padding-left: 10px;
    padding-right: 10px
}

ui-file-button.push svg {
    fill: currentColor
}

ui-file-button.push.icloud-touch {
    height: 44px;
    min-width: 44px;
    padding-left: 14px;
    padding-right: 14px
}

ui-file-button.push.icloud-touch.large {
    height: 44px;
    min-width: 44px
}

ui-file-button.push.disabled,
ui-file-button.push[aria-disabled=true] {
    opacity: .3;
    cursor: default;
    pointer-events: none
}

@media (prefers-color-scheme:dark) {
    ui-file-button.push.disabled,
    ui-file-button.push[aria-disabled=true] {
        opacity: .4
    }
}

[data-appearance=dark] ui-file-button.push.disabled,
[data-appearance=dark] ui-file-button.push[aria-disabled=true] {
    opacity: .4
}

[data-appearance=light] ui-file-button.push.disabled,
[data-appearance=light] ui-file-button.push[aria-disabled=true] {
    opacity: .3
}

ui-file-button.push:focus:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlueOpaque);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlueOpaque);
    background-color: var(--theme-color-fillTertiary)
}

ui-file-button.push:focus:not([aria-disabled=true]):not(.disabled):before {
    border: 1px solid var(--theme-color-systemWhite);
    content: "";
    position: absolute;
    top: 3px
}

html:not([dir=rtl]) ui-file-button.push:focus:not([aria-disabled=true]):not(.disabled):before {
    right: 3px
}

[dir=rtl] ui-file-button.push:focus:not([aria-disabled=true]):not(.disabled):before {
    left: 3px
}

ui-file-button.push:focus:not([aria-disabled=true]):not(.disabled):before {
    bottom: 3px
}

html:not([dir=rtl]) ui-file-button.push:focus:not([aria-disabled=true]):not(.disabled):before {
    left: 3px
}

[dir=rtl] ui-file-button.push:focus:not([aria-disabled=true]):not(.disabled):before {
    right: 3px
}

ui-file-button.push:focus:not([aria-disabled=true]):not(.disabled):before {
    border-radius: 5px
}

@media (prefers-color-scheme:dark) {
    ui-file-button.push:focus:not([aria-disabled=true]):not(.disabled):before {
        border: 1px solid var(--theme-color-gray5)
    }
}

[data-appearance=dark] ui-file-button.push:focus:not([aria-disabled=true]):not(.disabled):before {
    border: 1px solid var(--theme-color-gray5)
}

[data-appearance=light] ui-file-button.push:focus:not([aria-disabled=true]):not(.disabled):before {
    border: 1px solid var(--theme-color-systemWhite)
}

ui-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled),
ui-file-button.push[focus-within]:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlueOpaque);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlueOpaque);
    background-color: var(--theme-color-fillTertiary)
}

ui-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled),
ui-file-button.push:focus-within:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlueOpaque);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlueOpaque);
    background-color: var(--theme-color-fillTertiary)
}

ui-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled):before,
ui-file-button.push[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    border: 1px solid var(--theme-color-systemWhite);
    content: "";
    position: absolute;
    top: 3px
}

ui-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled):before,
ui-file-button.push:focus-within:not([aria-disabled=true]):not(.disabled):before {
    border: 1px solid var(--theme-color-systemWhite);
    content: "";
    position: absolute;
    top: 3px
}

html:not([dir=rtl]) ui-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled):before,
html:not([dir=rtl]) ui-file-button.push[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    right: 3px
}

html:not([dir=rtl]) ui-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled):before,
html:not([dir=rtl]) ui-file-button.push:focus-within:not([aria-disabled=true]):not(.disabled):before {
    right: 3px
}

[dir=rtl] ui-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled):before,
[dir=rtl] ui-file-button.push[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    left: 3px
}

[dir=rtl] ui-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled):before,
[dir=rtl] ui-file-button.push:focus-within:not([aria-disabled=true]):not(.disabled):before {
    left: 3px
}

ui-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled):before,
ui-file-button.push[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    bottom: 3px
}

ui-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled):before,
ui-file-button.push:focus-within:not([aria-disabled=true]):not(.disabled):before {
    bottom: 3px
}

html:not([dir=rtl]) ui-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled):before,
html:not([dir=rtl]) ui-file-button.push[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    left: 3px
}

html:not([dir=rtl]) ui-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled):before,
html:not([dir=rtl]) ui-file-button.push:focus-within:not([aria-disabled=true]):not(.disabled):before {
    left: 3px
}

[dir=rtl] ui-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled):before,
[dir=rtl] ui-file-button.push[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    right: 3px
}

[dir=rtl] ui-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled):before,
[dir=rtl] ui-file-button.push:focus-within:not([aria-disabled=true]):not(.disabled):before {
    right: 3px
}

ui-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled):before,
ui-file-button.push[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    border-radius: 5px
}

ui-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled):before,
ui-file-button.push:focus-within:not([aria-disabled=true]):not(.disabled):before {
    border-radius: 5px
}

@media (prefers-color-scheme:dark) {
    ui-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled):before,
    ui-file-button.push[focus-within]:not([aria-disabled=true]):not(.disabled):before {
        border: 1px solid var(--theme-color-gray5)
    }
    ui-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled):before,
    ui-file-button.push:focus-within:not([aria-disabled=true]):not(.disabled):before {
        border: 1px solid var(--theme-color-gray5)
    }
}

[data-appearance=dark] ui-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled):before,
[data-appearance=dark] ui-file-button.push[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    border: 1px solid var(--theme-color-gray5)
}

[data-appearance=dark] ui-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled):before,
[data-appearance=dark] ui-file-button.push:focus-within:not([aria-disabled=true]):not(.disabled):before {
    border: 1px solid var(--theme-color-gray5)
}

[data-appearance=light] ui-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled):before,
[data-appearance=light] ui-file-button.push[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    border: 1px solid var(--theme-color-systemWhite)
}

[data-appearance=light] ui-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled):before,
[data-appearance=light] ui-file-button.push:focus-within:not([aria-disabled=true]):not(.disabled):before {
    border: 1px solid var(--theme-color-systemWhite)
}

@media (pointer:fine) {
    ui-file-button.push:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background: var(--theme-color-fillTertiary)
    }
}

ui-file-button.push.primary {
    font-weight: 600
}

ui-file-button.push.secondary {
    font-weight: 400
}

ui-file-button.icon {
    height: 28px;
    min-width: 28px;
    padding-left: 6px;
    padding-right: 6px
}

ui-file-button.icon svg {
    width: 17px;
    height: 17px
}

ui-file-button.icon.icloud-touch {
    height: 34px;
    min-width: 34px;
    padding-left: 8px;
    padding-right: 8px
}

ui-file-button.icon.icloud-touch svg {
    height: 20px;
    width: 20px
}

ui-file-button.push {
    color: var(--theme-color-appTint)
}

ui-file-button.push.active:not([aria-disabled=true]):not(.disabled),
ui-file-button.push:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active));
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active))
}

ui-file-button.push.active:not([aria-disabled=true]):not(.disabled):not(.neutral),
ui-file-button.push:active:hover:not([aria-disabled=true]):not(.disabled):not(.neutral) {
    color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l)), var(--theme-opacity-text-active));
    color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l)), var(--theme-opacity-text-active))
}

ui-file-button.push.destructive {
    color: var(--theme-color-systemRed);
    -webkit-transition: none;
    transition: none
}

ui-file-button.push.destructive.active:not([aria-disabled=true]):not(.disabled),
ui-file-button.push.destructive:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-fillPrimary);
    color: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), -webkit-calc(var(--theme-color-systemRed-l)), var(--theme-opacity-text-active));
    color: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), calc(var(--theme-color-systemRed-l)), var(--theme-opacity-text-active))
}

ui-image {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

ui-image.standard {
    overflow: hidden
}

ui-image.standard.is-loading img {
    opacity: 0
}

ui-image.standard.is-loaded img {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

ui-image.standard.load-failed img {
    opacity: 0
}

@-webkit-keyframes icloud-uiMenu-standard-mouse-keyframes-flash {
    0%,
    to {
        background: var(--theme-color-fillTertiary)
    }
}

@keyframes icloud-uiMenu-standard-mouse-keyframes-flash {
    0%,
    to {
        background: var(--theme-color-fillTertiary)
    }
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) {
    -webkit-box-shadow: 0 11px 34px rgba(0, 0, 0, .16);
    box-shadow: 0 11px 34px rgba(0, 0, 0, .16);
    background: var(--theme-color-backgroundPrimary);
    border-radius: 12px;
    padding: 5px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 130px;
    max-width: -webkit-calc(100vw - 20px);
    max-width: calc(100vw - 20px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (prefers-color-scheme:dark) {
    ui-menu.standard.icloud-mouse:not(.icloud-touch) {
        -webkit-box-shadow: 0 11px 34px rgba(0, 0, 0, .65);
        box-shadow: 0 11px 34px rgba(0, 0, 0, .65)
    }
}

[data-appearance=dark] ui-menu.standard.icloud-mouse:not(.icloud-touch) {
    -webkit-box-shadow: 0 11px 34px rgba(0, 0, 0, .65);
    box-shadow: 0 11px 34px rgba(0, 0, 0, .65)
}

[data-appearance=light] ui-menu.standard.icloud-mouse:not(.icloud-touch) {
    -webkit-box-shadow: 0 11px 34px rgba(0, 0, 0, .16);
    box-shadow: 0 11px 34px rgba(0, 0, 0, .16)
}

ui-menu.standard.icloud-mouse:not(.icloud-touch).focus-visible,
ui-menu.standard.icloud-mouse:not(.icloud-touch):focus,
ui-menu.standard.icloud-mouse:not(.icloud-touch):focus-visible {
    outline: none
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container::-webkit-scrollbar {
    width: 0;
    height: 0
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem],
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    border-radius: 8px;
    color: var(--theme-color-labelPrimary);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem] .icloud-icon-container,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item .icloud-icon-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px
}

html:not([dir=rtl]) ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem] .icloud-icon-container,
html:not([dir=rtl]) ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item .icloud-icon-container {
    margin-right: 3px
}

[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem] .icloud-icon-container,
[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item .icloud-icon-container {
    margin-left: 3px
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem] .icloud-icon-container svg,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item .icloud-icon-container svg {
    margin: auto
}

html:not([dir=rtl]) ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].contains-icon,
html:not([dir=rtl]) ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.contains-icon {
    padding-left: 4px
}

[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].contains-icon,
[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.contains-icon {
    padding-right: 4px
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem][aria-checked=true]:after,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item[aria-checked=true]:after {
    content: "";
    display: block;
    width: 9px
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem]:not([aria-checked=true]):after,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item:not([aria-checked=true]):after {
    content: "";
    display: block;
    width: 25px
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem]:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item:not([aria-disabled=true]):not(.disabled) {
    cursor: pointer
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].disabled,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem][aria-disabled=true],
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.disabled,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item[aria-disabled=true] {
    cursor: default;
    color: var(--theme-color-labelQuaternary)
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].disabled .icloud-icon-container>svg,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].disabled[aria-checked=true] .ui-menu-icon-check,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem][aria-disabled=true] .icloud-icon-container>svg,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem][aria-disabled=true][aria-checked=true] .ui-menu-icon-check,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.disabled .icloud-icon-container>svg,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.disabled[aria-checked=true] .ui-menu-icon-check,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item[aria-disabled=true] .icloud-icon-container>svg,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item[aria-disabled=true][aria-checked=true] .ui-menu-icon-check {
    fill: var(--theme-color-labelQuaternary)
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].active:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.active:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: var(--theme-color-labelQuaternary)
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].is-highlighted,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.is-highlighted {
    background: var(--theme-color-fillTertiary)
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].is-highlighted.keyboard,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.is-highlighted.keyboard {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].is-chosen,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.is-chosen {
    -webkit-animation: empty-animation 0s;
    animation: empty-animation 0s
}

@-webkit-keyframes empty-animation {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].focus-visible,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem]:focus-visible,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.focus-visible,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item:focus-visible {
    outline: none
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].destructive,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.destructive {
    color: var(--theme-color-systemRed)
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].destructive .icloud-icon-container>svg,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.destructive .icloud-icon-container>svg {
    fill: var(--theme-color-systemRed)
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].destructive.active:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].destructive:active:hover:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.destructive.active:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.destructive:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-fillSecondary);
    color: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), -webkit-calc(var(--theme-color-systemRed-l)), var(--theme-opacity-text-active));
    color: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), calc(var(--theme-color-systemRed-l)), var(--theme-opacity-text-active))
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].destructive.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].destructive:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.destructive.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.destructive:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg {
    fill: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), -webkit-calc(var(--theme-color-systemRed-l)), var(--theme-opacity-text-active));
    fill: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), calc(var(--theme-color-systemRed-l)), var(--theme-opacity-text-active))
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container a,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container a .icloud-icon-container>svg,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container a[role=menuitem],
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container a[role=menuitem] .icloud-icon-container>svg {
    color: var(--theme-color-systemBlue)
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container a.active:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container a:active:hover:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container a[role=menuitem].active:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container a[role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: hsla(var(--theme-color-systemBlue-h), var(--theme-color-systemBlue-s), -webkit-calc(var(--theme-color-systemBlue-l)), var(--theme-opacity-text-active));
    color: hsla(var(--theme-color-systemBlue-h), var(--theme-color-systemBlue-s), calc(var(--theme-color-systemBlue-l)), var(--theme-opacity-text-active))
}

html:not([dir=rtl]) ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox][aria-checked=true] .ui-menu-icon-check,
html:not([dir=rtl]) ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item[role=menuitemradio][aria-checked=true] .ui-menu-icon-check {
    margin-left: auto
}

[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox][aria-checked=true] .ui-menu-icon-check,
[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item[role=menuitemradio][aria-checked=true] .ui-menu-icon-check {
    margin-right: auto
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox][aria-checked=true] .ui-menu-icon-check,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item[role=menuitemradio][aria-checked=true] .ui-menu-icon-check {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 16px;
    height: 16px
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-divider {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    height: 9px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-divider:before {
    height: 1px;
    width: -webkit-calc(100% - 22px);
    width: calc(100% - 22px);
    background-color: var(--theme-color-fillTertiary);
    margin-left: auto;
    margin-right: auto;
    content: "";
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroller {
    display: none
}

ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-top ui-menu-scroller.top {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100%;
    height: 18px;
    background: var(--theme-color-backgroundPrimary);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0
}

ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-top ui-menu-scroller.top:hover {
    cursor: pointer
}

ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-top ui-menu-scroller.top.focus-visible,
ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-top ui-menu-scroller.top:focus,
ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-top ui-menu-scroller.top:focus-visible {
    outline: none
}

ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-top ui-menu-scroller.top:after {
    content: ""
}

html:not([dir=rtl]) ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-top ui-menu-scroller.top:after {
    border-left: 5px solid transparent
}

[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-top ui-menu-scroller.top:after,
html:not([dir=rtl]) ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-top ui-menu-scroller.top:after {
    border-right: 5px solid transparent
}

[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-top ui-menu-scroller.top:after {
    border-left: 5px solid transparent
}

ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-top ui-menu-scroller.top:after {
    border-bottom: 8px solid var(--theme-color-labelSecondary)
}

ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-bottom ui-menu-scroller.bottom {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100%;
    height: 18px;
    background: var(--theme-color-backgroundPrimary);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 0
}

ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-bottom ui-menu-scroller.bottom:hover {
    cursor: pointer
}

ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-bottom ui-menu-scroller.bottom.focus-visible,
ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-bottom ui-menu-scroller.bottom:focus,
ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-bottom ui-menu-scroller.bottom:focus-visible {
    outline: none
}

ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-bottom ui-menu-scroller.bottom:after {
    content: ""
}

html:not([dir=rtl]) ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-bottom ui-menu-scroller.bottom:after {
    border-left: 5px solid transparent
}

[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-bottom ui-menu-scroller.bottom:after,
html:not([dir=rtl]) ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-bottom ui-menu-scroller.bottom:after {
    border-right: 5px solid transparent
}

[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-bottom ui-menu-scroller.bottom:after {
    border-left: 5px solid transparent
}

ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-bottom ui-menu-scroller.bottom:after {
    border-top: 8px solid var(--theme-color-labelSecondary)
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) {
    min-width: 130px;
    max-width: -webkit-calc(100vw - 20px);
    max-width: calc(100vw - 20px);
    border-radius: 12px;
    padding: 5px;
    -webkit-box-shadow: 0 11px 34px rgba(0, 0, 0, .16);
    box-shadow: 0 11px 34px rgba(0, 0, 0, .16);
    display: block;
    outline: none;
    background: var(--theme-color-backgroundPrimary);
    min-width: 246px;
    max-width: -webkit-calc(100vw - 24px);
    max-width: calc(100vw - 24px);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (prefers-color-scheme:dark) {
    ui-menu.standard.icloud-touch:not(.icloud-mouse) {
        -webkit-box-shadow: 0 11px 34px rgba(0, 0, 0, .65);
        box-shadow: 0 11px 34px rgba(0, 0, 0, .65)
    }
}

[data-appearance=dark] ui-menu.standard.icloud-touch:not(.icloud-mouse) {
    -webkit-box-shadow: 0 11px 34px rgba(0, 0, 0, .65);
    box-shadow: 0 11px 34px rgba(0, 0, 0, .65)
}

[data-appearance=light] ui-menu.standard.icloud-touch:not(.icloud-mouse) {
    -webkit-box-shadow: 0 11px 34px rgba(0, 0, 0, .16);
    box-shadow: 0 11px 34px rgba(0, 0, 0, .16)
}

ui-menu.standard.icloud-touch:not(.icloud-mouse).focus-visible,
ui-menu.standard.icloud-touch:not(.icloud-mouse):focus,
ui-menu.standard.icloud-touch:not(.icloud-mouse):focus-visible {
    outline: none
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    border-radius: 8px;
    color: var(--theme-color-labelPrimary);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    cursor: default;
    position: relative;
    font-size: 17px;
    line-height: 45px;
    padding-left: 11px;
    padding-right: 11px
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a .icloud-icon-container,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item .icloud-icon-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px
}

html:not([dir=rtl]) ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a .icloud-icon-container,
html:not([dir=rtl]) ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item .icloud-icon-container {
    margin-right: 3px
}

[dir=rtl] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a .icloud-icon-container,
[dir=rtl] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item .icloud-icon-container {
    margin-left: 3px
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a .icloud-icon-container svg,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item .icloud-icon-container svg {
    margin: auto
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:not(:first-child):before,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:not(:first-child):before {
    content: "";
    width: -webkit-calc(100% - 22px);
    width: calc(100% - 22px);
    background: var(--theme-color-fillPrimary);
    position: absolute
}

html:not([dir=rtl]) ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:not(:first-child):before,
html:not([dir=rtl]) ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:not(:first-child):before {
    left: 11px
}

[dir=rtl] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:not(:first-child):before,
[dir=rtl] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:not(:first-child):before,
html:not([dir=rtl]) ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:not(:first-child):before,
html:not([dir=rtl]) ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:not(:first-child):before {
    right: 11px
}

[dir=rtl] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:not(:first-child):before,
[dir=rtl] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:not(:first-child):before {
    left: 11px
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:not(:first-child):before,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:not(:first-child):before {
    top: 0;
    height: .5px
}

@media (-webkit-max-device-pixel-ratio:1) {
    ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:not(:first-child):before,
    ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:not(:first-child):before {
        height: 1px
    }
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a[aria-checked=true]:after,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item[aria-checked=true]:after {
    content: "";
    display: block;
    width: 9px
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:not([aria-checked=true]):after,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:not([aria-checked=true]):after {
    content: "";
    display: block;
    width: 28px
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:not([aria-disabled=true]):not(.disabled) {
    cursor: pointer
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.disabled,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a[aria-disabled=true],
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.disabled,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item[aria-disabled=true] {
    cursor: default;
    color: var(--theme-color-labelQuaternary)
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.disabled .icloud-icon-container>svg,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.disabled[aria-checked=true] .ui-menu-icon-check,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a[aria-disabled=true] .icloud-icon-container>svg,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a[aria-disabled=true][aria-checked=true] .ui-menu-icon-check,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.disabled .icloud-icon-container>svg,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.disabled[aria-checked=true] .ui-menu-icon-check,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item[aria-disabled=true] .icloud-icon-container>svg,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item[aria-disabled=true][aria-checked=true] .ui-menu-icon-check {
    fill: var(--theme-color-labelQuaternary)
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:focus:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:focus:not([aria-disabled=true]):not(.disabled) {
    outline: none
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.active:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:active:hover:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.active:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: var(--theme-color-labelQuaternary)
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.is-highlighted,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.is-highlighted {
    background: var(--theme-color-fillTertiary)
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.is-highlighted+ui-menu-item:before,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.is-highlighted:before,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.is-highlighted+ui-menu-item:before,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.is-highlighted:before {
    display: none
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.is-chosen,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.is-chosen {
    -webkit-animation: empty-animation 0s;
    animation: empty-animation 0s
}

@keyframes empty-animation {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.focus-visible,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:focus-visible,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.focus-visible,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:focus-visible {
    background: var(--theme-color-fillTertiary)
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.focus-visible+ui-menu-item:before,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.focus-visible:before,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:focus-visible+ui-menu-item:before,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:focus-visible:before,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.focus-visible+ui-menu-item:before,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.focus-visible:before,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:focus-visible+ui-menu-item:before,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:focus-visible:before {
    display: none
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.destructive,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.destructive {
    color: var(--theme-color-systemRed)
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.destructive .icloud-icon-container>svg,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.destructive .icloud-icon-container>svg {
    fill: var(--theme-color-systemRed)
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.destructive.active:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.destructive:active:hover:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.destructive.active:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.destructive:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-fillSecondary);
    color: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), -webkit-calc(var(--theme-color-systemRed-l)), var(--theme-opacity-text-active));
    color: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), calc(var(--theme-color-systemRed-l)), var(--theme-opacity-text-active))
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.destructive.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.destructive:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.destructive.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.destructive:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg {
    fill: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), -webkit-calc(var(--theme-color-systemRed-l)), var(--theme-opacity-text-active));
    fill: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), calc(var(--theme-color-systemRed-l)), var(--theme-opacity-text-active))
}

html:not([dir=rtl]) ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox][aria-checked=true] .ui-menu-icon-check,
html:not([dir=rtl]) ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item[role=menuitemradio][aria-checked=true] .ui-menu-icon-check {
    margin-left: auto
}

[dir=rtl] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox][aria-checked=true] .ui-menu-icon-check,
[dir=rtl] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item[role=menuitemradio][aria-checked=true] .ui-menu-icon-check {
    margin-right: auto
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox][aria-checked=true] .ui-menu-icon-check,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item[role=menuitemradio][aria-checked=true] .ui-menu-icon-check {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 19px;
    height: 19px
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a .icloud-icon-container>svg,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a[role=menuitem],
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a[role=menuitem] .icloud-icon-container>svg {
    color: var(--theme-color-systemBlue)
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.active:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:active:hover:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a[role=menuitem].active:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a[role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: hsla(var(--theme-color-systemBlue-h), var(--theme-color-systemBlue-s), -webkit-calc(var(--theme-color-systemBlue-l)), var(--theme-opacity-text-active));
    color: hsla(var(--theme-color-systemBlue-h), var(--theme-color-systemBlue-s), calc(var(--theme-color-systemBlue-l)), var(--theme-opacity-text-active))
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-divider {
    height: 5px;
    background-color: var(--theme-color-fillQuaternary);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 5px -7px
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-divider+ui-menu-item:before,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroller {
    display: none
}

ui-popover ui-popover-content ui-menu.standard.icloud-mouse:not(.icloud-touch),
ui-popover ui-popover-content ui-menu.standard.icloud-touch:not(.icloud-mouse) {
    -webkit-box-shadow: none;
    box-shadow: none
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem] .icloud-icon-container>svg,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item .icloud-icon-container>svg {
    fill: var(--theme-color-appTint)
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].active:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.active:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active));
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active))
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item:active:hover:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check {
    fill: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l)), var(--theme-opacity-text-active));
    fill: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l)), var(--theme-opacity-text-active))
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox] .icloud-icon-container>svg,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox][aria-checked=true] .ui-menu-icon-check,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemradio] .icloud-icon-container>svg,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemradio][aria-checked=true] .ui-menu-icon-check {
    fill: var(--theme-color-appTint)
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox].active:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox]:active:hover:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemradio].active:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemradio]:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active));
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active))
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox].active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox].active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox]:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox]:active:hover:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemradio].active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemradio].active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemradio]:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemradio]:active:hover:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check {
    fill: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l)), var(--theme-opacity-text-active));
    fill: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l)), var(--theme-opacity-text-active))
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a .icloud-icon-container>svg,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item .icloud-icon-container>svg {
    fill: var(--theme-color-appTint)
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.active:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:active:hover:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.active:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active));
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active))
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:active:hover:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:active:hover:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check {
    fill: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l)), var(--theme-opacity-text-active));
    fill: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l)), var(--theme-opacity-text-active))
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox] .icloud-icon-container>svg,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox][aria-checked=true] .ui-menu-icon-check,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemradio] .icloud-icon-container>svg,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemradio][aria-checked=true] .ui-menu-icon-check {
    fill: var(--theme-color-appTint)
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox].active:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox]:active:hover:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemradio].active:not([aria-disabled=true]):not(.disabled),
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemradio]:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active));
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active))
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox].active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox].active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox]:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox]:active:hover:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemradio].active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemradio].active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemradio]:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemradio]:active:hover:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check {
    fill: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l)), var(--theme-opacity-text-active));
    fill: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l)), var(--theme-opacity-text-active))
}

ui-radio-button {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-origin: border-box;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

ui-radio-button:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: inherit;
    padding: 6px;
    top: -6px
}

html:not([dir=rtl]) ui-radio-button:after {
    left: -6px
}

[dir=rtl] ui-radio-button:after {
    right: -6px
}

ui-radio-button>.icon {
    width: 16px;
    height: 16px;
    -webkit-transform: translate(0);
    transform: translate(0);
    overflow: visible
}

ui-radio-button .circle-dot {
    display: none
}

ui-radio-button .circle-empty {
    fill: var(--theme-color-gray3);
    display: block
}

ui-radio-button .circle-fill {
    fill: var(--theme-color-systemWhite);
    display: none
}

ui-radio-button>input {
    position: absolute;
    opacity: 0;
    width: 16px;
    height: 16px
}

ui-radio-button.icloud-touch:after {
    width: 18px;
    height: 18px;
    padding: 7px;
    top: -7px
}

html:not([dir=rtl]) ui-radio-button.icloud-touch:after {
    left: -7px
}

[dir=rtl] ui-radio-button.icloud-touch:after {
    right: -7px
}

ui-radio-button.icloud-touch>.icon,
ui-radio-button.icloud-touch>input {
    width: 19px;
    height: 19px
}

ui-radio-button:not([aria-checked=true]).invalid:not(.disabled) .circle-empty,
ui-radio-button:not([aria-checked=true])[aria-invalid=true]:not([aria-disabled=true]) .circle-empty {
    display: block;
    fill: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), -webkit-calc(var(--theme-color-systemRed-l)), .32);
    fill: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), calc(var(--theme-color-systemRed-l)), .32)
}

ui-radio-button:not([aria-checked=true]).invalid:not(.disabled) .circle-dot,
ui-radio-button:not([aria-checked=true])[aria-invalid=true]:not([aria-disabled=true]) .circle-dot {
    display: none
}

ui-radio-button.disabled,
ui-radio-button[aria-disabled=true] {
    cursor: default
}

ui-radio-button.disabled .circle-empty,
ui-radio-button[aria-disabled=true] .circle-empty {
    display: block;
    opacity: .3
}

ui-radio-button.disabled .circle-dot,
ui-radio-button.disabled .circle-fill,
ui-radio-button[aria-disabled=true] .circle-dot,
ui-radio-button[aria-disabled=true] .circle-fill {
    display: none
}

ui-radio-button.disabled.invalid:not(.disabled),
ui-radio-button.disabled[aria-invalid=true]:not([aria-disabled=true]),
ui-radio-button[aria-disabled=true].invalid:not(.disabled),
ui-radio-button[aria-disabled=true][aria-invalid=true]:not([aria-disabled=true]) {
    cursor: default
}

ui-radio-button.disabled.invalid:not(.disabled) .circle-empty,
ui-radio-button.disabled[aria-invalid=true]:not([aria-disabled=true]) .circle-empty,
ui-radio-button[aria-disabled=true].invalid:not(.disabled) .circle-empty,
ui-radio-button[aria-disabled=true][aria-invalid=true]:not([aria-disabled=true]) .circle-empty {
    display: block;
    fill: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), -webkit-calc(var(--theme-color-systemRed-l)), .32);
    fill: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), calc(var(--theme-color-systemRed-l)), .32);
    opacity: .3
}

ui-radio-button.disabled.invalid:not(.disabled) .circle-dot,
ui-radio-button.disabled[aria-invalid=true]:not([aria-disabled=true]) .circle-dot,
ui-radio-button[aria-checked=true] .circle-empty,
ui-radio-button[aria-disabled=true].invalid:not(.disabled) .circle-dot,
ui-radio-button[aria-disabled=true][aria-invalid=true]:not([aria-disabled=true]) .circle-dot {
    display: none
}

ui-radio-button[aria-checked=true] .circle-dot,
ui-radio-button[aria-checked=true] .circle-fill {
    display: block
}

ui-radio-button[aria-checked=true].disabled,
ui-radio-button[aria-checked=true][aria-disabled=true] {
    cursor: default
}

ui-radio-button[aria-checked=true].disabled .circle-empty,
ui-radio-button[aria-checked=true][aria-disabled=true] .circle-empty {
    display: none
}

ui-radio-button[aria-checked=true].disabled .circle-dot,
ui-radio-button[aria-checked=true].disabled .circle-fill,
ui-radio-button[aria-checked=true][aria-disabled=true] .circle-dot,
ui-radio-button[aria-checked=true][aria-disabled=true] .circle-fill {
    display: block;
    opacity: .3
}

ui-radio-button[aria-checked=true].disabled.invalid:not(.disabled),
ui-radio-button[aria-checked=true].disabled[aria-invalid=true]:not([aria-disabled=true]),
ui-radio-button[aria-checked=true][aria-disabled=true].invalid:not(.disabled),
ui-radio-button[aria-checked=true][aria-disabled=true][aria-invalid=true]:not([aria-disabled=true]) {
    cursor: default
}

ui-radio-button[aria-checked=true].disabled.invalid:not(.disabled) .circle-empty,
ui-radio-button[aria-checked=true].disabled[aria-invalid=true]:not([aria-disabled=true]) .circle-empty,
ui-radio-button[aria-checked=true][aria-disabled=true].invalid:not(.disabled) .circle-empty,
ui-radio-button[aria-checked=true][aria-disabled=true][aria-invalid=true]:not([aria-disabled=true]) .circle-empty {
    display: none
}

ui-radio-button[aria-checked=true].disabled.invalid:not(.disabled) .circle-dot,
ui-radio-button[aria-checked=true].disabled[aria-invalid=true]:not([aria-disabled=true]) .circle-dot,
ui-radio-button[aria-checked=true][aria-disabled=true].invalid:not(.disabled) .circle-dot,
ui-radio-button[aria-checked=true][aria-disabled=true][aria-invalid=true]:not([aria-disabled=true]) .circle-dot {
    display: block;
    fill: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), -webkit-calc(var(--theme-color-systemRed-l)), .32);
    fill: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), calc(var(--theme-color-systemRed-l)), .32);
    opacity: .3
}

ui-radio-button[aria-checked=true].disabled.invalid:not(.disabled) .circle-fill,
ui-radio-button[aria-checked=true].disabled[aria-invalid=true]:not([aria-disabled=true]) .circle-fill,
ui-radio-button[aria-checked=true][aria-disabled=true].invalid:not(.disabled) .circle-fill,
ui-radio-button[aria-checked=true][aria-disabled=true][aria-invalid=true]:not([aria-disabled=true]) .circle-fill {
    display: block;
    opacity: .3
}

ui-radio-button[aria-checked=true].invalid:not(.disabled) .circle-empty,
ui-radio-button[aria-checked=true][aria-invalid=true]:not([aria-disabled=true]) .circle-empty {
    display: none
}

ui-radio-button[aria-checked=true].invalid:not(.disabled) .circle-dot,
ui-radio-button[aria-checked=true][aria-invalid=true]:not([aria-disabled=true]) .circle-dot {
    display: block;
    fill: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), -webkit-calc(var(--theme-color-systemRed-l)), .32);
    fill: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), calc(var(--theme-color-systemRed-l)), .32)
}

ui-radio-button[aria-checked=true].invalid:not(.disabled) .circle-fill,
ui-radio-button[aria-checked=true][aria-invalid=true]:not([aria-disabled=true]) .circle-fill {
    display: block
}

ui-radio-button:focus:not([aria-disabled=true]):not(.disabled):after {
    background-color: var(--theme-color-fillTertiary);
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
}

@media (pointer:fine) {
    ui-radio-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):after {
        background-color: var(--theme-color-fillTertiary)
    }
}

ui-radio-button.active:not([aria-disabled=true]):not(.disabled) label,
ui-radio-button:active:hover:not([aria-disabled=true]):not(.disabled) label {
    opacity: .3
}

ui-radio-button.active:not([aria-disabled=true]):not(.disabled):not([aria-checked=true]) .circle-empty,
ui-radio-button:active:hover:not([aria-disabled=true]):not(.disabled):not([aria-checked=true]) .circle-empty {
    display: block;
    fill: var(--theme-color-fillTertiary)
}

ui-radio-button.active:not([aria-disabled=true]):not(.disabled):not([aria-checked=true]) .circle-dot,
ui-radio-button.active:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .circle-empty,
ui-radio-button:active:hover:not([aria-disabled=true]):not(.disabled):not([aria-checked=true]) .circle-dot,
ui-radio-button:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .circle-empty {
    display: none
}

ui-radio-button.active:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .circle-dot,
ui-radio-button.active:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .circle-fill,
ui-radio-button:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .circle-dot,
ui-radio-button:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .circle-fill {
    display: block
}

ui-radio-button .circle-dot,
ui-radio-button .icloud-icon-container>svg {
    fill: var(--theme-color-appTint)
}

ui-radio-button.active:not([aria-disabled=true]):not(.disabled):after,
ui-radio-button:active:hover:not([aria-disabled=true]):not(.disabled):after {
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active));
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active))
}

ui-radio-button.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,
ui-radio-button:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg {
    fill: var(--theme-color-appTint)
}

ui-radio-button.active:not([aria-disabled=true]):not(.disabled)>.icon,
ui-radio-button:active:hover:not([aria-disabled=true]):not(.disabled)>.icon {
    opacity: .3
}

ui-radio-button.labelled.icloud-mouse:not(.icloud-touch) {
    padding: 7px 12px;
    white-space: nowrap
}

ui-radio-button.labelled.icloud-mouse:not(.icloud-touch):after {
    width: 100%;
    height: 100%;
    padding: 0;
    top: 0
}

html:not([dir=rtl]) ui-radio-button.labelled.icloud-mouse:not(.icloud-touch):after {
    left: 0
}

[dir=rtl] ui-radio-button.labelled.icloud-mouse:not(.icloud-touch):after {
    right: 0
}

ui-radio-button.labelled.icloud-mouse:not(.icloud-touch)>.icon {
    cursor: inherit
}

html:not([dir=rtl]) ui-radio-button.labelled.icloud-mouse:not(.icloud-touch)>.icon {
    margin-right: 8px
}

[dir=rtl] ui-radio-button.labelled.icloud-mouse:not(.icloud-touch)>.icon {
    margin-left: 8px
}

ui-radio-button.labelled.icloud-mouse:not(.icloud-touch)>label {
    cursor: inherit;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis
}

html:not([dir=rtl]) ui-radio-button.labelled.icloud-mouse:not(.icloud-touch)>label ui-label {
    margin-right: 0
}

[dir=rtl] ui-radio-button.labelled.icloud-mouse:not(.icloud-touch)>label ui-label {
    margin-left: 0
}

ui-radio-button.labelled.icloud-mouse:not(.icloud-touch)>label ui-label {
    pointer-events: none
}

ui-radio-button.labelled.icloud-mouse:not(.icloud-touch).contains-icon {
    padding-top: 0;
    padding-bottom: 0
}

html:not([dir=rtl]) ui-radio-button.labelled.icloud-mouse:not(.icloud-touch).contains-icon>.icon {
    margin-right: 4px
}

[dir=rtl] ui-radio-button.labelled.icloud-mouse:not(.icloud-touch).contains-icon>.icon {
    margin-left: 4px
}

ui-radio-button.labelled.icloud-mouse:not(.icloud-touch).contains-icon .icloud-icon-container,
ui-radio-button.labelled.icloud-mouse:not(.icloud-touch).contains-icon>label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

ui-radio-button.labelled.icloud-mouse:not(.icloud-touch).contains-icon .icloud-icon-container {
    width: 30px;
    height: 30px
}

html:not([dir=rtl]) ui-radio-button.labelled.icloud-mouse:not(.icloud-touch).contains-icon .icloud-icon-container {
    margin-right: 3px
}

[dir=rtl] ui-radio-button.labelled.icloud-mouse:not(.icloud-touch).contains-icon .icloud-icon-container {
    margin-left: 3px
}

ui-radio-button.labelled.icloud-mouse:not(.icloud-touch).contains-icon .icloud-icon-container svg {
    margin: auto
}

ui-radio-button.labelled.icloud-touch:not(.icloud-mouse) {
    padding: 12px 15px
}

ui-radio-button.labelled.icloud-touch:not(.icloud-mouse):after {
    width: 100%;
    height: 100%;
    padding: 0;
    top: 0
}

html:not([dir=rtl]) ui-radio-button.labelled.icloud-touch:not(.icloud-mouse):after {
    left: 0
}

[dir=rtl] ui-radio-button.labelled.icloud-touch:not(.icloud-mouse):after {
    right: 0
}

html:not([dir=rtl]) ui-radio-button.labelled.icloud-touch:not(.icloud-mouse)>.icon {
    margin-right: 10px
}

[dir=rtl] ui-radio-button.labelled.icloud-touch:not(.icloud-mouse)>.icon {
    margin-left: 10px
}

ui-radio-button.labelled.icloud-touch:not(.icloud-mouse)>label {
    font-size: 17px
}

ui-radio-button.labelled.icloud-touch:not(.icloud-mouse).contains-icon {
    padding-top: 7px;
    padding-bottom: 7px
}

html:not([dir=rtl]) ui-radio-button.labelled.icloud-touch:not(.icloud-mouse).contains-icon>.icon {
    margin-right: 6px
}

[dir=rtl] ui-radio-button.labelled.icloud-touch:not(.icloud-mouse).contains-icon>.icon {
    margin-left: 6px
}

ui-radio-button.labelled.icloud-touch:not(.icloud-mouse).contains-icon .icloud-icon-container,
ui-radio-button.labelled.icloud-touch:not(.icloud-mouse).contains-icon>label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

ui-radio-button.labelled.icloud-touch:not(.icloud-mouse).contains-icon .icloud-icon-container {
    width: 30px;
    height: 30px
}

html:not([dir=rtl]) ui-radio-button.labelled.icloud-touch:not(.icloud-mouse).contains-icon .icloud-icon-container {
    margin-right: 5px
}

[dir=rtl] ui-radio-button.labelled.icloud-touch:not(.icloud-mouse).contains-icon .icloud-icon-container {
    margin-left: 5px
}

ui-radio-button.labelled.icloud-touch:not(.icloud-mouse).contains-icon .icloud-icon-container svg {
    margin: auto
}

ui-screen-reader-only-content {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

ui-screen-reader-only-content:focus-within {
    opacity: 1;
    pointer-events: inherit
}

ui-segment,
ui-segmented-control {
    display: inline-block
}

ui-segmented-control.standard {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px;
    cursor: pointer;
    color: var(--theme-color-labelPrimary);
    font-size: 14px;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background-color: var(--theme-color-fillTertiary);
    border-radius: 8px
}

@media (pointer:fine) {
    ui-segmented-control.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color: var(--theme-color-fillSecondary)
    }
}

ui-segmented-control.standard.active:not([aria-disabled=true]):not(.disabled),
ui-segmented-control.standard:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-fillSecondary)
}

ui-segmented-control.standard:focus:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: 0 0 0 3px var(--theme-color-tintBlue)
}

ui-segmented-control.standard ui-segment {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 0 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 24px;
    min-width: 78px
}

ui-segmented-control.standard ui-segment>.content-wrapper {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

ui-segmented-control.standard ui-segment:before {
    height: 16px;
    width: 1px;
    content: "";
    display: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--theme-color-gray3);
    border-radius: 1px;
    position: absolute
}

html:not([dir=rtl]) ui-segmented-control.standard ui-segment:before {
    left: 0
}

[dir=rtl] ui-segmented-control.standard ui-segment:before {
    right: 0
}

ui-segmented-control.standard ui-segment:before {
    top: 4px
}

ui-segmented-control.standard ui-segment:not([aria-checked=true]).disabled+ui-segment:not([aria-checked=true]):not(:active):not(.active):not(:focus):before,
ui-segmented-control.standard ui-segment:not([aria-checked=true]):not(:active):not(.active):not(:focus)+ui-segment:not([aria-checked=true]).disabled:before,
ui-segmented-control.standard ui-segment:not([aria-checked=true]):not(:active):not(.active):not(:focus)+ui-segment:not([aria-checked=true]):not(:active):not(.active):not(:focus):before,
ui-segmented-control.standard ui-segment:not([aria-checked=true]):not(:active):not(.active):not(:focus)+ui-segment:not([aria-checked=true])[aria-disabled=true]:before,
ui-segmented-control.standard ui-segment:not([aria-checked=true])[aria-disabled=true]+ui-segment:not([aria-checked=true]):not(:active):not(.active):not(:focus):before {
    display: block
}

ui-segmented-control.standard ui-segment[aria-checked=true] {
    -webkit-box-shadow: 0 3px 8px 0 var(--theme-color-fillTertiary);
    box-shadow: 0 3px 8px 0 var(--theme-color-fillTertiary);
    background-color: var(--theme-color-backgroundPrimary);
    outline: 1px solid var(--theme-color-fillQuaternary);
    font-weight: 600
}

@media (prefers-color-scheme:dark) {
    ui-segmented-control.standard ui-segment[aria-checked=true] {
        -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .3);
        box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .3)
    }
}

[data-appearance=dark] ui-segmented-control.standard ui-segment[aria-checked=true] {
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .3)
}

[data-appearance=light] ui-segmented-control.standard ui-segment[aria-checked=true] {
    -webkit-box-shadow: 0 3px 8px 0 var(--theme-color-fillTertiary);
    box-shadow: 0 3px 8px 0 var(--theme-color-fillTertiary)
}

@media (prefers-color-scheme:dark) {
    ui-segmented-control.standard ui-segment[aria-checked=true] {
        background-color: var(--theme-color-gray2)
    }
}

[data-appearance=dark] ui-segmented-control.standard ui-segment[aria-checked=true] {
    background-color: var(--theme-color-gray2)
}

[data-appearance=light] ui-segmented-control.standard ui-segment[aria-checked=true] {
    background-color: var(--theme-color-backgroundPrimary)
}

ui-segmented-control.standard ui-segment.disabled,
ui-segmented-control.standard ui-segment[aria-disabled=true] {
    cursor: default;
    opacity: .5
}

ui-segmented-control.standard ui-segment:focus:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    outline: none
}

ui-segmented-control.standard ui-segment.active:not([aria-disabled=true]):not(.disabled),
ui-segmented-control.standard ui-segment:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-fillQuaternary)
}

ui-segmented-control.standard.icloud-touch {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px;
    cursor: pointer;
    color: var(--theme-color-labelPrimary);
    font-size: 14px;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background-color: var(--theme-color-fillTertiary);
    border-radius: 8px
}

ui-segmented-control.standard.icloud-touch ui-segment {
    height: 28px;
    min-width: 118px
}

ui-segmented-control.standard.icloud-touch ui-segment:before {
    top: 5px;
    height: 18px
}

ui-slider.standard {
    outline: none;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

ui-slider.standard,
ui-slider.standard ui-slider-track {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

ui-slider.standard ui-slider-track {
    display: inline-block;
    position: absolute;
    background: var(--theme-color-labelQuaternary);
    border-radius: 100px;
    overflow: hidden
}

ui-slider.standard ui-slider-track-progress {
    display: block;
    position: relative
}

ui-slider.standard ui-slider-knob,
ui-slider.standard ui-slider-track-progress {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

ui-slider.standard ui-slider-knob {
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    background: var(--theme-color-backgroundPrimary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (pointer:fine) {
    ui-slider.standard ui-slider-knob:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        -webkit-box-shadow: 0 0 0 3px var(--theme-color-fillTertiary);
        box-shadow: 0 0 0 3px var(--theme-color-fillTertiary)
    }
}

ui-slider.standard[aria-orientation=horizontal] {
    width: 70px;
    height: 14px
}

ui-slider.standard[aria-orientation=horizontal] ui-slider-knob {
    margin-left: -7px
}

ui-slider.standard[aria-orientation=horizontal] ui-slider-track {
    height: 2px;
    width: 100%
}

ui-slider.standard[aria-orientation=horizontal] ui-slider-track-progress {
    height: 100%
}

ui-slider.standard[aria-orientation=vertical] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 70px;
    width: 14px
}

ui-slider.standard[aria-orientation=vertical] ui-slider-knob {
    margin-bottom: -7px
}

ui-slider.standard[aria-orientation=vertical] ui-slider-track {
    width: 2px;
    height: 100%
}

ui-slider.standard[aria-orientation=vertical] ui-slider-track-progress {
    width: 100%;
    position: absolute;
    bottom: 0
}

ui-slider.standard.disabled,
ui-slider.standard[aria-disabled=true] {
    opacity: .3;
    cursor: default
}

ui-slider.standard:focus:not([aria-disabled=true]):not(.disabled) ui-slider-knob {
    -webkit-box-shadow: 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: 0 0 0 3px var(--theme-color-tintBlue)
}

ui-slider.standard.ui-component-dragging ui-slider-knob {
    -webkit-box-shadow: 0 0 0 3px var(--theme-color-fillTertiary);
    box-shadow: 0 0 0 3px var(--theme-color-fillTertiary)
}

ui-slider.standard ui-slider-track-progress {
    background-color: var(--theme-color-appTint)
}

ui-slider.standard ui-slider-knob {
    border: 2px solid var(--theme-color-appTint)
}

ui-slider.standard.ui-component-dragging ui-slider-knob {
    background-color: var(--theme-color-appTint);
    border-color: var(--theme-color-backgroundPrimary)
}

[aria-hidden=true] ui-split-container.standard>ui-split-divider {
    z-index: auto
}

ui-split-container.standard {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%
}

ui-split-container.standard>ui-split {
    position: relative
}

html:not([dir=rtl]) ui-split-container.standard>ui-split {
    left: 0
}

[dir=rtl] ui-split-container.standard>ui-split {
    right: 0
}

ui-split-container.standard>ui-split {
    top: 0;
    text-overflow: ellipsis
}

ui-split-container.standard>ui-split-divider {
    position: absolute;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

ui-split-container.standard[aria-orientation=vertical] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    white-space: normal
}

ui-split-container.standard[aria-orientation=vertical] ui-split {
    overflow-y: scroll
}

ui-split-container.standard[aria-orientation=vertical] ui-split:last-child {
    height: 100%;
    min-height: 100%
}

ui-split-container.standard[aria-orientation=vertical].ui-component-dragging {
    cursor: ns-resize
}

ui-split-container.standard[aria-orientation=vertical].ui-component-dragging-min {
    cursor: s-resize
}

ui-split-container.standard[aria-orientation=vertical].ui-component-dragging-max {
    cursor: n-resize
}

ui-split-container.standard[aria-orientation=vertical] ui-split-divider {
    height: 0;
    width: 100%;
    border-top: 1px solid var(--theme-color-gray4)
}

ui-split-container.standard[aria-orientation=vertical] ui-split-divider:before {
    content: "";
    position: absolute;
    top: -6px;
    height: 12px;
    width: 100%
}

@media (pointer:fine) {
    ui-split-container.standard[aria-orientation=vertical] ui-split-divider:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        cursor: ns-resize
    }
    ui-split-container.standard[aria-orientation=vertical] ui-split-divider:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).ui-component-hover-min {
        cursor: s-resize
    }
    ui-split-container.standard[aria-orientation=vertical] ui-split-divider:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).ui-component-hover-max {
        cursor: n-resize
    }
}

ui-split-container.standard[aria-orientation=vertical] ui-split-divider.disabled,
ui-split-container.standard[aria-orientation=vertical] ui-split-divider[aria-disabled=true] {
    cursor: default
}

ui-split-container.standard[aria-orientation=horizontal] {
    white-space: nowrap
}

ui-split-container.standard[aria-orientation=horizontal] ui-split {
    overflow-x: hidden
}

ui-split-container.standard[aria-orientation=horizontal] ui-split:last-child {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

ui-split-container.standard[aria-orientation=horizontal].ui-component-dragging {
    cursor: ew-resize
}

ui-split-container.standard[aria-orientation=horizontal].ui-component-dragging-min {
    cursor: e-resize
}

ui-split-container.standard[aria-orientation=horizontal].ui-component-dragging-max {
    cursor: w-resize
}

ui-split-container.standard[aria-orientation=horizontal] ui-split-divider {
    height: 100%;
    width: 0
}

html:not([dir=rtl]) ui-split-container.standard[aria-orientation=horizontal] ui-split-divider {
    border-left: 1px solid var(--theme-color-gray4)
}

[dir=rtl] ui-split-container.standard[aria-orientation=horizontal] ui-split-divider {
    border-right: 1px solid var(--theme-color-gray4)
}

ui-split-container.standard[aria-orientation=horizontal] ui-split-divider:before {
    content: "";
    position: absolute
}

html:not([dir=rtl]) ui-split-container.standard[aria-orientation=horizontal] ui-split-divider:before {
    left: -6px
}

[dir=rtl] ui-split-container.standard[aria-orientation=horizontal] ui-split-divider:before {
    right: -6px
}

ui-split-container.standard[aria-orientation=horizontal] ui-split-divider:before {
    width: 12px;
    height: 100%
}

@media (pointer:fine) {
    ui-split-container.standard[aria-orientation=horizontal] ui-split-divider:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        cursor: ew-resize
    }
    ui-split-container.standard[aria-orientation=horizontal] ui-split-divider:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).ui-component-hover-min {
        cursor: e-resize
    }
    ui-split-container.standard[aria-orientation=horizontal] ui-split-divider:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).ui-component-hover-max {
        cursor: w-resize
    }
}

ui-split-container.standard[aria-orientation=horizontal] ui-split-divider.disabled,
ui-split-container.standard[aria-orientation=horizontal] ui-split-divider[aria-disabled=true] {
    cursor: default
}

ui-switch.standard {
    width: 28px;
    height: 17px;
    border-radius: 8.5px;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    overflow: hidden;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

ui-switch.standard>ui-switch-knob {
    height: 15px;
    width: 15px
}

html:not([dir=rtl]) ui-switch.standard>ui-switch-knob {
    left: 1px
}

[dir=rtl] ui-switch.standard>ui-switch-knob {
    right: 1px
}

ui-switch.standard>ui-switch-knob {
    top: 1px;
    border-radius: 7.5px
}

html:not([dir=rtl]) ui-switch.standard[aria-checked=true]>ui-switch-knob {
    left: 12px
}

[dir=rtl] ui-switch.standard[aria-checked=true]>ui-switch-knob {
    right: 12px
}

ui-switch.standard>ui-switch-knob {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    z-index: 1;
    background-color: var(--theme-color-systemWhite);
    -webkit-box-shadow: 0 2px 4px 0 var(--theme-color-fillPrimary), 0 2px 1px 0 var(--theme-color-fillTertiary);
    box-shadow: 0 2px 4px 0 var(--theme-color-fillPrimary), 0 2px 1px 0 var(--theme-color-fillTertiary);
    outline: .5px solid var(--theme-color-fillTertiary);
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: inset-inline-start;
    transition-property: inset-inline-start
}

ui-switch.standard>input {
    display: none
}

ui-switch.standard:not([aria-checked=true]) {
    background-color: var(--theme-color-gray4)
}

ui-switch.standard:not([aria-checked=true]).active:not([aria-disabled=true]):not(.disabled),
ui-switch.standard:not([aria-checked=true]):active:hover:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: inset 0 0 28px var(--theme-color-labelQuaternary);
    box-shadow: inset 0 0 28px var(--theme-color-labelQuaternary)
}

ui-switch.standard[aria-checked=true].active:not([aria-disabled=true]):not(.disabled),
ui-switch.standard[aria-checked=true]:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-gray4);
    -webkit-box-shadow: inset 0 0 28px var(--theme-color-labelQuaternary);
    box-shadow: inset 0 0 28px var(--theme-color-labelQuaternary)
}

ui-switch.standard.disabled,
ui-switch.standard[aria-disabled=true] {
    opacity: .3;
    cursor: inherit
}

@media (pointer:fine) {
    ui-switch.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        -webkit-box-shadow: inset 0 0 28px var(--theme-color-labelQuaternary);
        box-shadow: inset 0 0 28px var(--theme-color-labelQuaternary)
    }
}

ui-switch.standard:focus:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: 0 0 0 3px var(--theme-color-tintBlue)
}

ui-switch.standard.icloud-touch {
    width: 51px;
    height: 31px;
    border-radius: 15.5px
}

ui-switch.standard.icloud-touch>ui-switch-knob {
    height: 27px;
    width: 27px
}

html:not([dir=rtl]) ui-switch.standard.icloud-touch>ui-switch-knob {
    left: 2px
}

[dir=rtl] ui-switch.standard.icloud-touch>ui-switch-knob {
    right: 2px
}

ui-switch.standard.icloud-touch>ui-switch-knob {
    top: 2px;
    border-radius: 13.5px
}

html:not([dir=rtl]) ui-switch.standard.icloud-touch[aria-checked=true]>ui-switch-knob {
    left: 22px
}

[dir=rtl] ui-switch.standard.icloud-touch[aria-checked=true]>ui-switch-knob {
    right: 22px
}

ui-switch.standard.icloud-touch>ui-switch-knob {
    -webkit-box-shadow: 0 3px 8px 0 var(--theme-color-fillPrimary), 0 3px 1px 0 var(--theme-color-fillTertiary);
    box-shadow: 0 3px 8px 0 var(--theme-color-fillPrimary), 0 3px 1px 0 var(--theme-color-fillTertiary)
}

ui-switch.standard.labelled {
    width: 32px;
    height: 17px;
    border-radius: 8.5px
}

ui-switch.standard.labelled>ui-switch-knob {
    height: 15px;
    width: 15px
}

html:not([dir=rtl]) ui-switch.standard.labelled>ui-switch-knob {
    left: 1px
}

[dir=rtl] ui-switch.standard.labelled>ui-switch-knob {
    right: 1px
}

ui-switch.standard.labelled>ui-switch-knob {
    top: 1px;
    border-radius: 7.5px
}

html:not([dir=rtl]) ui-switch.standard.labelled[aria-checked=true]>ui-switch-knob {
    left: 16px
}

[dir=rtl] ui-switch.standard.labelled[aria-checked=true]>ui-switch-knob {
    right: 16px
}

ui-switch.standard.labelled:after,
ui-switch.standard.labelled:before {
    content: "";
    position: absolute;
    opacity: 0;
    top: 5px;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: step-start;
    transition-timing-function: step-start;
    z-index: 0
}

ui-switch.standard.labelled:before {
    height: 7px
}

html:not([dir=rtl]) ui-switch.standard.labelled:before {
    left: 8px
}

[dir=rtl] ui-switch.standard.labelled:before {
    right: 8px
}

ui-switch.standard.labelled:before {
    width: 1px;
    background-color: var(--theme-color-systemWhite);
    border-radius: 1px
}

ui-switch.standard.labelled:after {
    width: 7px;
    height: 7px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html:not([dir=rtl]) ui-switch.standard.labelled:after {
    right: 5px
}

[dir=rtl] ui-switch.standard.labelled:after {
    left: 5px
}

ui-switch.standard.labelled:after {
    border: 1px solid var(--theme-color-systemBlack)
}

ui-switch.standard.labelled:not([aria-checked=true]):after {
    opacity: 1
}

ui-switch.standard.labelled:not([aria-checked=true]).active:not([aria-disabled=true]):not(.disabled):after,
ui-switch.standard.labelled:not([aria-checked=true]):active:hover:not([aria-disabled=true]):not(.disabled):after {
    border-color: var(--theme-color-systemWhite)
}

ui-switch.standard.labelled[aria-checked=true]:before {
    opacity: 1
}

ui-switch.standard.labelled[aria-checked=true].active:not([aria-disabled=true]):not(.disabled):before,
ui-switch.standard.labelled[aria-checked=true]:active:hover:not([aria-disabled=true]):not(.disabled):before {
    background-color: var(--theme-color-labelPrimary)
}

ui-switch.standard.labelled.icloud-touch {
    width: 58px;
    height: 31px;
    border-radius: 15.5px
}

ui-switch.standard.labelled.icloud-touch>ui-switch-knob {
    height: 27px;
    width: 27px
}

html:not([dir=rtl]) ui-switch.standard.labelled.icloud-touch>ui-switch-knob {
    left: 2px
}

[dir=rtl] ui-switch.standard.labelled.icloud-touch>ui-switch-knob {
    right: 2px
}

ui-switch.standard.labelled.icloud-touch>ui-switch-knob {
    top: 2px;
    border-radius: 13.5px
}

html:not([dir=rtl]) ui-switch.standard.labelled.icloud-touch[aria-checked=true]>ui-switch-knob {
    left: 29px
}

[dir=rtl] ui-switch.standard.labelled.icloud-touch[aria-checked=true]>ui-switch-knob {
    right: 29px
}

ui-switch.standard.labelled.icloud-touch:after,
ui-switch.standard.labelled.icloud-touch:before {
    top: 9px
}

ui-switch.standard.labelled.icloud-touch:before {
    height: 12px
}

html:not([dir=rtl]) ui-switch.standard.labelled.icloud-touch:before {
    left: 15px
}

[dir=rtl] ui-switch.standard.labelled.icloud-touch:before {
    right: 15px
}

ui-switch.standard.labelled.icloud-touch:before {
    width: 2px;
    border-radius: 2px
}

ui-switch.standard.labelled.icloud-touch:after {
    height: 12px;
    width: 12px
}

html:not([dir=rtl]) ui-switch.standard.labelled.icloud-touch:after {
    right: 9px
}

[dir=rtl] ui-switch.standard.labelled.icloud-touch:after {
    left: 9px
}

ui-switch.standard.labelled.icloud-touch:after {
    border-radius: 6px;
    border-width: 1.5px
}

ui-switch.standard:not([aria-checked=true]).active:not([aria-disabled=true]):not(.disabled),
ui-switch.standard:not([aria-checked=true]):active:hover:not([aria-disabled=true]):not(.disabled),
ui-switch.standard[aria-checked=true] {
    background-color: var(--theme-color-appTint)
}

ui-text-field {
    display: inline-block
}

ui-text-field.standard {
    border-color: var(--theme-color-gray3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--theme-color-gray3);
    border-radius: 8px;
    color: var(--theme-color-labelPrimary);
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    width: 180px;
    height: 36px;
    position: relative
}

ui-text-field.standard>input {
    height: 100%;
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-overflow: ellipsis
}

ui-text-field.standard>input:focus {
    outline: 0
}

ui-text-field.standard>input:not(output):-moz-ui-invalid {
    box-shadow: none
}

ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelTertiary)
}

ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: var(--theme-color-labelTertiary)
}

ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelTertiary)
}

ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelTertiary)
}

ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>input::placeholder,
ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: var(--theme-color-labelTertiary)
}

ui-text-field.standard.disabled,
ui-text-field.standard[aria-disabled=true] {
    opacity: .3
}

@media (pointer:fine) {
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        -webkit-box-shadow: inset 0 0 0 1000000px var(--theme-color-fillQuaternary);
        box-shadow: inset 0 0 0 1000000px var(--theme-color-fillQuaternary)
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled) {
        background-color: transparent;
        border-color: transparent
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled):before {
        content: "";
        pointer-events: none;
        position: absolute;
        height: 100%;
        width: 100%
    }
    html:not([dir=rtl]) ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled):before {
        left: 0
    }
    [dir=rtl] ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled):before {
        right: 0
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled):before {
        top: 0;
        border-radius: inherit;
        -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
        box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled),
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled) {
        background-color: transparent;
        border-color: transparent
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled),
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled) {
        background-color: transparent;
        border-color: transparent
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled):before {
        content: "";
        pointer-events: none;
        position: absolute;
        height: 100%;
        width: 100%
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled):before {
        content: "";
        pointer-events: none;
        position: absolute;
        height: 100%;
        width: 100%
    }
    html:not([dir=rtl]) ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,
    html:not([dir=rtl]) ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled):before {
        left: 0
    }
    html:not([dir=rtl]) ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,
    html:not([dir=rtl]) ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled):before {
        left: 0
    }
    [dir=rtl] ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,
    [dir=rtl] ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled):before {
        right: 0
    }
    [dir=rtl] ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,
    [dir=rtl] ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled):before {
        right: 0
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled):before {
        top: 0;
        border-radius: inherit;
        -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
        box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled):before {
        top: 0;
        border-radius: inherit;
        -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
        box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>input::placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
        color: var(--theme-color-labelQuaternary)
    }
}

ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled),
ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: transparent;
    border-color: transparent
}

ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled):before,
ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled):before {
    content: "";
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%
}

html:not([dir=rtl]) ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled):before,
html:not([dir=rtl]) ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled):before {
    left: 0
}

[dir=rtl] ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled):before,
[dir=rtl] ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled):before {
    right: 0
}

ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled):before,
ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled):before {
    top: 0;
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
}

ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,
ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,
ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,
ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,
ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>input::placeholder,
ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,
ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::placeholder,
ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled) {
    background-color: transparent;
    border-color: transparent
}

ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled):before {
    content: "";
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%
}

html:not([dir=rtl]) ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled):before {
    left: 0
}

[dir=rtl] ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled):before {
    right: 0
}

ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled):before {
    top: 0;
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
}

ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>input::placeholder,
ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled),
ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled) {
    background-color: transparent;
    border-color: transparent
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled),
ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled) {
    background-color: transparent;
    border-color: transparent
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,
ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    content: "";
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,
ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled):before {
    content: "";
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%
}

html:not([dir=rtl]) ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,
html:not([dir=rtl]) ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    left: 0
}

html:not([dir=rtl]) ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,
html:not([dir=rtl]) ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled):before {
    left: 0
}

[dir=rtl] ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,
[dir=rtl] ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    right: 0
}

[dir=rtl] ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,
[dir=rtl] ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled):before {
    right: 0
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,
ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    top: 0;
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,
ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled):before {
    top: 0;
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,
ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,
ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,
ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,
ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,
ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,
ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>input::placeholder,
ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,
ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,
ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,
ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,
ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,
ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,
ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,
ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.invalid:not(.disabled),
ui-text-field.standard[aria-invalid=true]:not([aria-disabled=true]) {
    color: var(--theme-color-systemRed)
}

ui-text-field.standard>span.ui-text-field-placeholder {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--theme-color-labelTertiary);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    left: 10px;
    bottom: 0;
    right: 10px;
    letter-spacing: normal;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

ui-text-field.standard>span.ui-text-field-placeholder+input::-webkit-input-placeholder {
    color: transparent
}

ui-text-field.standard>span.ui-text-field-placeholder+input::-moz-placeholder {
    color: transparent
}

ui-text-field.standard>span.ui-text-field-placeholder+input::-ms-input-placeholder {
    color: transparent
}

ui-text-field.standard>span.ui-text-field-placeholder+input:-ms-input-placeholder {
    color: transparent
}

ui-text-field.standard>span.ui-text-field-placeholder+input::placeholder {
    color: transparent
}

ui-text-field.standard.contains-text>span.ui-text-field-placeholder {
    display: none
}

ui-text-field.standard.icloud-touch {
    border-radius: 10px;
    font-size: 17px;
    line-height: 21px;
    width: 361px;
    height: 44px
}

ui-text-field.standard.icloud-touch>input {
    height: 100%;
    width: 100%;
    padding: 0 12px
}

ui-text-field.standard.icloud-touch>span.ui-text-field-placeholder {
    top: 0;
    left: 12px;
    bottom: 0;
    right: 12px
}

ui-text-field.standard {
    caret-color: var(--theme-color-appTint)
}

ui-text-area {
    display: inline-block
}

ui-text-area.standard {
    border-color: var(--theme-color-gray3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--theme-color-gray3);
    border-radius: 8px;
    color: var(--theme-color-labelPrimary);
    font-size: 14px;
    line-height: 18px;
    position: relative;
    display: inline-block;
    padding: 9px 12px;
    width: 198px;
    height: 122px
}

ui-text-area.standard>textarea {
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-overflow: ellipsis
}

ui-text-area.standard>textarea:focus {
    outline: 0
}

ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelTertiary)
}

ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: var(--theme-color-labelTertiary)
}

ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelTertiary)
}

ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelTertiary)
}

ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>input::placeholder,
ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: var(--theme-color-labelTertiary)
}

ui-text-area.standard.disabled,
ui-text-area.standard[aria-disabled=true] {
    opacity: .3
}

@media (pointer:fine) {
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        -webkit-box-shadow: inset 0 0 0 1000000px var(--theme-color-fillQuaternary);
        box-shadow: inset 0 0 0 1000000px var(--theme-color-fillQuaternary)
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled) {
        background-color: transparent;
        border-color: transparent
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled):before {
        content: "";
        pointer-events: none;
        position: absolute;
        height: 100%;
        width: 100%
    }
    html:not([dir=rtl]) ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled):before {
        left: 0
    }
    [dir=rtl] ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled):before {
        right: 0
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled):before {
        top: 0;
        border-radius: inherit;
        -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
        box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled),
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled) {
        background-color: transparent;
        border-color: transparent
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled),
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled) {
        background-color: transparent;
        border-color: transparent
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled):before {
        content: "";
        pointer-events: none;
        position: absolute;
        height: 100%;
        width: 100%
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled):before {
        content: "";
        pointer-events: none;
        position: absolute;
        height: 100%;
        width: 100%
    }
    html:not([dir=rtl]) ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,
    html:not([dir=rtl]) ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled):before {
        left: 0
    }
    html:not([dir=rtl]) ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,
    html:not([dir=rtl]) ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled):before {
        left: 0
    }
    [dir=rtl] ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,
    [dir=rtl] ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled):before {
        right: 0
    }
    [dir=rtl] ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,
    [dir=rtl] ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled):before {
        right: 0
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled):before {
        top: 0;
        border-radius: inherit;
        -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
        box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled):before {
        top: 0;
        border-radius: inherit;
        -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
        box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>input::placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
        color: var(--theme-color-labelQuaternary)
    }
}

ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled),
ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: transparent;
    border-color: transparent
}

ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled):before,
ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled):before {
    content: "";
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%
}

html:not([dir=rtl]) ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled):before,
html:not([dir=rtl]) ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled):before {
    left: 0
}

[dir=rtl] ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled):before,
[dir=rtl] ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled):before {
    right: 0
}

ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled):before,
ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled):before {
    top: 0;
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
}

ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,
ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,
ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,
ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,
ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>input::placeholder,
ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,
ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::placeholder,
ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled) {
    background-color: transparent;
    border-color: transparent
}

ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled):before {
    content: "";
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%
}

html:not([dir=rtl]) ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled):before {
    left: 0
}

[dir=rtl] ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled):before {
    right: 0
}

ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled):before {
    top: 0;
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
}

ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>input::placeholder,
ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled),
ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled) {
    background-color: transparent;
    border-color: transparent
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled),
ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled) {
    background-color: transparent;
    border-color: transparent
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,
ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    content: "";
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,
ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled):before {
    content: "";
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%
}

html:not([dir=rtl]) ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,
html:not([dir=rtl]) ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    left: 0
}

html:not([dir=rtl]) ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,
html:not([dir=rtl]) ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled):before {
    left: 0
}

[dir=rtl] ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,
[dir=rtl] ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    right: 0
}

[dir=rtl] ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,
[dir=rtl] ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled):before {
    right: 0
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,
ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    top: 0;
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,
ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled):before {
    top: 0;
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,
ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,
ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,
ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,
ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,
ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,
ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>input::placeholder,
ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,
ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,
ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,
ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,
ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,
ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,
ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,
ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,
ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,
ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,
ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,
ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.invalid:not(.disabled),
ui-text-area.standard[aria-invalid=true]:not([aria-disabled=true]) {
    color: var(--theme-color-systemRed)
}

ui-text-area.standard.icloud-touch {
    border-radius: 10px;
    font-size: 17px;
    line-height: 21px;
    height: 122px;
    width: 336px
}

ui-text-area.standard {
    caret-color: var(--theme-color-appTint)
}

ui-token {
    -webkit-tap-highlight-color: transparent;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--theme-color-fillTertiary);
    border-radius: 6px;
    height: 24px;
    font-size: 14px;
    margin: 0 4px
}

ui-token ui-token-content {
    padding: 0 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    white-space: nowrap
}

ui-token ui-token-content.has-expansion-indicator-after {
    border-radius: 4px 0 0 4px
}

ui-token ui-token-content.has-expansion-indicator-after.has-expansion-indicator-before {
    border-radius: 0
}

ui-token ui-token-content.has-expansion-indicator-before {
    border-radius: 0 4px 4px 0
}

ui-token ui-token-content.has-expansion-indicator-before.has-expansion-indicator-after {
    border-radius: 0
}

ui-token ui-token-content svg {
    overflow: visible
}

ui-token ui-token-selection-expansion-indicator {
    height: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 25px
}

ui-token ui-token-selection-expansion-indicator:after {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    border-radius: 50%
}

ui-token ui-token-selection-expansion-indicator.expansion-indicator-before:first-of-type {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

html:not([dir=rtl]) ui-token ui-token-selection-expansion-indicator.expansion-indicator-before:first-of-type {
    left: -5px
}

[dir=rtl] ui-token ui-token-selection-expansion-indicator.expansion-indicator-before:first-of-type {
    right: -5px
}

ui-token ui-token-selection-expansion-indicator.expansion-indicator-after:last-of-type {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

html:not([dir=rtl]) ui-token ui-token-selection-expansion-indicator.expansion-indicator-after:last-of-type {
    right: -5px
}

[dir=rtl] ui-token ui-token-selection-expansion-indicator.expansion-indicator-after:last-of-type {
    left: -5px
}

html:not([dir=rtl]) ui-token.has-cursor-after {
    margin-right: 3px
}

[dir=rtl] ui-token.has-cursor-after {
    margin-left: 3px
}

ui-token.selected {
    color: var(--theme-color-systemWhite)
}

ui-token.icloud-touch {
    height: 30px;
    font-size: 17px
}

ui-token.icloud-touch ui-token-content {
    padding-left: 9px;
    padding-right: 9px
}

@media (pointer:fine) {
    ui-token:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):not(.selected) {
        background-color: var(--theme-color-fillPrimary)
    }
}

ui-token.invalid:not(.disabled),
ui-token[aria-invalid=true]:not([aria-disabled=true]) {
    background-color: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), -webkit-calc(var(--theme-color-systemRed-l)), .32);
    background-color: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), calc(var(--theme-color-systemRed-l)), .32)
}

ui-token.invalid:not(.disabled) ui-token-content svg,
ui-token[aria-invalid=true]:not([aria-disabled=true]) ui-token-content svg {
    fill: var(--theme-color-systemRed)
}

ui-token.invalid:not(.disabled).selected,
ui-token[aria-invalid=true]:not([aria-disabled=true]).selected {
    background-color: var(--theme-color-systemRed);
    color: var(--theme-color-systemWhite)
}

ui-token.invalid:not(.disabled).selected ui-token-content svg,
ui-token[aria-invalid=true]:not([aria-disabled=true]).selected ui-token-content svg {
    fill: var(--theme-color-systemWhite)
}

@media (pointer:fine) {
    ui-token.invalid:not(.disabled):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):not(.selected),
    ui-token[aria-invalid=true]:not([aria-disabled=true]):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):not(.selected) {
        background-color: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), -webkit-calc(var(--theme-color-systemRed-l)), .56);
        background-color: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), calc(var(--theme-color-systemRed-l)), .56)
    }
}

ui-token ui-token-content svg {
    fill: var(--theme-color-appTint)
}

ui-token.selected {
    background-color: var(--theme-color-appTint)
}

ui-token.selected ui-token-content svg {
    fill: var(--theme-color-systemWhite)
}

ui-autocomplete-token-field.standard {
    border-radius: 8px;
    color: var(--theme-color-labelPrimary);
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    width: 180px;
    height: 36px;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--theme-color-fillQuaternary);
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 36px;
    width: 255px;
    padding: 0 10px 5px;
    position: static
}

ui-autocomplete-token-field.standard>input {
    height: 100%;
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

ui-autocomplete-token-field.standard ui-editing-token,
ui-autocomplete-token-field.standard ui-token {
    margin-top: 5px
}

html:not([dir=rtl]) ui-autocomplete-token-field.standard ui-editing-token,
html:not([dir=rtl]) ui-autocomplete-token-field.standard ui-token {
    margin-left: 0
}

[dir=rtl] ui-autocomplete-token-field.standard ui-editing-token,
[dir=rtl] ui-autocomplete-token-field.standard ui-token {
    margin-right: 0
}

html:not([dir=rtl]) ui-autocomplete-token-field.standard ui-editing-token {
    margin-right: 3px
}

[dir=rtl] ui-autocomplete-token-field.standard ui-editing-token {
    margin-left: 3px
}

ui-autocomplete-token-field.standard ui-placeholder-text-token {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--theme-color-labelTertiary);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 10px;
    right: 10px;
    letter-spacing: normal;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    margin-top: 5px
}

html:not([dir=rtl]) ui-autocomplete-token-field.standard ui-editing-token+ui-placeholder-text-token {
    margin-left: -5px
}

[dir=rtl] ui-autocomplete-token-field.standard ui-editing-token+ui-placeholder-text-token {
    margin-right: -5px
}

ui-autocomplete-token-field.standard.disabled,
ui-autocomplete-token-field.standard[aria-disabled=true] {
    opacity: .3
}

ui-autocomplete-token-field.standard.has-focus {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    background-color: transparent;
    border-color: transparent
}

ui-autocomplete-token-field.standard.has-focus>input::-webkit-input-placeholder,
ui-autocomplete-token-field.standard.has-focus>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-autocomplete-token-field.standard.has-focus>input::-moz-placeholder,
ui-autocomplete-token-field.standard.has-focus>textarea::-moz-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-autocomplete-token-field.standard.has-focus>input:-ms-input-placeholder,
ui-autocomplete-token-field.standard.has-focus>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-autocomplete-token-field.standard.has-focus>input::-ms-input-placeholder,
ui-autocomplete-token-field.standard.has-focus>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-autocomplete-token-field.standard.has-focus>input::placeholder,
ui-autocomplete-token-field.standard.has-focus>textarea::placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-autocomplete-token-field.standard.has-selected:not(.has-focus) {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    background-color: transparent;
    border-color: var(--theme-color-gray4)
}

ui-autocomplete-token-field.standard:hover:not(:disabled) {
    border-color: var(--theme-color-fillQuaternary);
    -webkit-box-shadow: inset 0 0 0 1000000px var(--theme-color-fillQuaternary);
    box-shadow: inset 0 0 0 1000000px var(--theme-color-fillQuaternary)
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    background-color: transparent;
    border-color: transparent
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>input::-webkit-input-placeholder,
ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>input::-moz-placeholder,
ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>textarea::-moz-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>input:-ms-input-placeholder,
ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>input::-ms-input-placeholder,
ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>input::placeholder,
ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>textarea::placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-selected:not(.has-focus) {
    border-color: var(--theme-color-gray3)
}

ui-autocomplete-token-field.standard.icloud-touch {
    border-radius: 10px;
    font-size: 17px;
    line-height: 21px;
    padding: 0 12px 6px
}

ui-autocomplete-token-field.standard.icloud-touch ui-editing-token,
ui-autocomplete-token-field.standard.icloud-touch ui-placeholder-text-token,
ui-autocomplete-token-field.standard.icloud-touch ui-token {
    margin-top: 6px
}

ui-editing-token.standard {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-overflow: ellipsis;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: static
}

ui-editing-token.standard:focus {
    outline: 0
}

ui-editing-token.standard textarea.editing-token {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: none;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    text-overflow: ellipsis;
    height: auto;
    font-family: inherit
}

ui-editing-token.standard textarea.editing-token:focus {
    outline: 0
}

ui-autocomplete-token-field.standard {
    caret-color: var(--theme-color-appTint)
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-selected:not(.has-focus) {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    background-color: transparent
}

ui-toggle-button {
    font-size: 15px;
    cursor: default
}

ui-toggle-button.push {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 17px;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 8px;
    display: inline-block;
    padding: 7px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

ui-toggle-button.push:focus:not([aria-disabled=true]):not(.disabled) {
    outline: none;
    -webkit-box-shadow: 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: 0 0 0 3px var(--theme-color-tintBlue)
}

@media (pointer:fine) {
    ui-toggle-button.push:not([aria-pressed=true]):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color: var(--theme-color-fillTertiary)
    }
}

ui-toggle-button.push.disabled,
ui-toggle-button.push[aria-disabled=true] {
    cursor: default;
    opacity: .3
}

ui-toggle-button.push[aria-pressed=true] {
    background-color: var(--theme-color-appTint);
    color: var(--theme-color-systemWhite)
}

@media (pointer:fine) {
    ui-toggle-button.push[aria-pressed=true]:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l) - var(--theme-darken-background-hover)), 1);
        background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l) - var(--theme-darken-background-hover)), 1);
        color: var(--theme-color-systemWhite)
    }
}

ui-toggle-button.push[aria-pressed=true].active:not([aria-disabled=true]):not(.disabled),
ui-toggle-button.push[aria-pressed=true]:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l) - var(--theme-darken-background-active)), 1);
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l) - var(--theme-darken-background-active)), 1);
    color: var(--theme-color-systemWhite)
}

ui-toggle-button.push:not([aria-pressed=true]) {
    color: var(--theme-color-appTint)
}

ui-toggle-button.push:not([aria-pressed=true]).active:not([aria-disabled=true]):not(.disabled),
ui-toggle-button.push:not([aria-pressed=true]):active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-appTint);
    color: var(--theme-color-systemWhite)
}

ui-select-button.standard {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 30px;
    border-radius: 8px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    overflow: hidden;
    min-height: 30px;
    -webkit-tap-highlight-color: transparent;
    background-color: var(--theme-color-fillQuaternary)
}

ui-select-button.standard ui-select-button-title {
    font-size: 14px;
    color: var(--theme-color-labelPrimary)
}

html:not([dir=rtl]) ui-select-button.standard ui-select-button-title {
    margin-right: auto
}

[dir=rtl] ui-select-button.standard ui-select-button-title {
    margin-left: auto
}

html:not([dir=rtl]) ui-select-button.standard ui-select-button-title {
    padding-left: 10px
}

[dir=rtl] ui-select-button.standard ui-select-button-title {
    padding-right: 10px
}

html:not([dir=rtl]) ui-select-button.standard ui-select-button-title {
    padding-right: 8px
}

[dir=rtl] ui-select-button.standard ui-select-button-title {
    padding-left: 8px
}

ui-select-button.standard ui-select-button-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

ui-select-button.standard ui-select-button-title span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

ui-select-button.standard select {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-appearance: none;
    width: 100%
}

ui-select-button.standard.focus-within:not([aria-disabled=true]):not(.disabled),
ui-select-button.standard[focus-within]:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    outline: none
}

ui-select-button.standard.focus-within:not([aria-disabled=true]):not(.disabled),
ui-select-button.standard:focus-within:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    outline: none
}

ui-select-button.standard.disabled ui-select-button-title,
ui-select-button.standard[aria-disabled=true] ui-select-button-title {
    opacity: .3
}

ui-select-button.standard.disabled .icon,
ui-select-button.standard[aria-disabled=true] .icon {
    background-color: transparent;
    opacity: .3
}

@media (pointer:fine) {
    ui-select-button.standard select:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color: var(--theme-color-fillPrimary);
        cursor: pointer
    }
}

ui-select-button.standard .icon {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 9px;
    height: 14px;
    border-radius: 5px;
    fill: var(--theme-color-labelPrimary)
}

html:not([dir=rtl]) ui-select-button.standard .icon {
    margin-right: 5px
}

[dir=rtl] ui-select-button.standard .icon {
    margin-left: 5px
}

html:not([dir=rtl]) ui-select-button.standard .icon {
    padding: 3px 7px 3px 8px
}

[dir=rtl] ui-select-button.standard .icon {
    padding: 3px 8px 3px 7px
}

ui-select-button.standard .icon {
    overflow: visible;
    background-color: var(--theme-color-fillTertiary)
}

ui-select-button.standard.active:not([aria-disabled=true]):not(.disabled),
ui-select-button.standard:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-fillQuaternary)
}

ui-select-button.standard.active:not([aria-disabled=true]):not(.disabled) .icon,
ui-select-button.standard:active:hover:not([aria-disabled=true]):not(.disabled) .icon {
    fill: var(--theme-color-systemWhite);
    opacity: .3
}

@media (pointer:fine) {
    ui-select-button.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color: var(--theme-color-fillPrimary);
        cursor: pointer
    }
    ui-select-button.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) .icon {
        background-color: var(--theme-color-fillQuaternary)
    }
}

ui-select-button.standard.active:not([aria-disabled=true]):not(.disabled) .icon,
ui-select-button.standard:active:hover:not([aria-disabled=true]):not(.disabled) .icon {
    background-color: var(--theme-color-appTint)
}

ui-select-button.transparent {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 30px;
    border-radius: 8px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    overflow: hidden;
    min-height: 30px;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent
}

ui-select-button.transparent ui-select-button-title {
    font-size: 14px;
    color: var(--theme-color-labelPrimary)
}

html:not([dir=rtl]) ui-select-button.transparent ui-select-button-title {
    margin-right: auto
}

[dir=rtl] ui-select-button.transparent ui-select-button-title {
    margin-left: auto
}

html:not([dir=rtl]) ui-select-button.transparent ui-select-button-title {
    padding-left: 10px
}

[dir=rtl] ui-select-button.transparent ui-select-button-title {
    padding-right: 10px
}

html:not([dir=rtl]) ui-select-button.transparent ui-select-button-title {
    padding-right: 8px
}

[dir=rtl] ui-select-button.transparent ui-select-button-title {
    padding-left: 8px
}

ui-select-button.transparent ui-select-button-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

ui-select-button.transparent ui-select-button-title span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

ui-select-button.transparent select {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-appearance: none;
    width: 100%
}

ui-select-button.transparent.focus-within:not([aria-disabled=true]):not(.disabled),
ui-select-button.transparent[focus-within]:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    outline: none
}

ui-select-button.transparent.focus-within:not([aria-disabled=true]):not(.disabled),
ui-select-button.transparent:focus-within:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    outline: none
}

ui-select-button.transparent.disabled ui-select-button-title,
ui-select-button.transparent[aria-disabled=true] ui-select-button-title {
    opacity: .3
}

ui-select-button.transparent.disabled .icon,
ui-select-button.transparent[aria-disabled=true] .icon {
    background-color: transparent;
    opacity: .3
}

ui-select-button.transparent .icon {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 9px;
    height: 14px;
    border-radius: 5px;
    fill: var(--theme-color-labelPrimary)
}

html:not([dir=rtl]) ui-select-button.transparent .icon {
    margin-right: 5px
}

[dir=rtl] ui-select-button.transparent .icon {
    margin-left: 5px
}

html:not([dir=rtl]) ui-select-button.transparent .icon {
    padding: 3px 7px 3px 8px
}

[dir=rtl] ui-select-button.transparent .icon {
    padding: 3px 8px 3px 7px
}

ui-select-button.transparent .icon {
    overflow: visible
}

@media (pointer:fine) {
    ui-select-button.transparent:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color: var(--theme-color-fillSecondary)
    }
}

ui-pane.dismissable.is-opening .ui-select-button-menu:not(.is-measuring),
ui-pane.dismissible.is-opening .ui-select-button-menu:not(.is-measuring) {
    -webkit-animation: icloud-keyframes-fadeIn .2s ease;
    animation: icloud-keyframes-fadeIn .2s ease
}

ui-pane.dismissable.is-closing .ui-select-button-menu,
ui-pane.dismissible.is-closing .ui-select-button-menu {
    -webkit-animation: icloud-keyframes-fadeOut .2s ease forwards;
    animation: icloud-keyframes-fadeOut .2s ease forwards
}

ui-popup {
    display: inline-block
}

ui-pane.for-ui-popup.standard>ui-popup {
    -webkit-box-shadow: 0 11px 34px rgba(0, 0, 0, .16);
    box-shadow: 0 11px 34px rgba(0, 0, 0, .16);
    background-color: var(--theme-color-backgroundPrimary);
    border-radius: 11px;
    max-width: 640px;
    max-height: -webkit-calc(100vh - 40px);
    max-height: calc(100vh - 40px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px;
    padding: 20px;
    pointer-events: auto;
    overflow: auto
}

ui-pane.for-ui-popup.standard>ui-popup .x-close-button {
    position: relative;
    border-radius: 8px
}

html:not([dir=rtl]) ui-pane.for-ui-popup.standard>ui-popup .x-close-button {
    margin-left: -6px
}

[dir=rtl] ui-pane.for-ui-popup.standard>ui-popup .x-close-button {
    margin-right: -6px
}

ui-pane.for-ui-popup.standard>ui-popup .x-close-button {
    margin-top: -6px
}

html:not([dir=rtl]) ui-pane.for-ui-popup.standard>ui-popup .x-close-button.icloud-touch {
    margin-left: -8px
}

[dir=rtl] ui-pane.for-ui-popup.standard>ui-popup .x-close-button.icloud-touch {
    margin-right: -8px
}

ui-pane.for-ui-popup.standard>ui-popup .x-close-button.icloud-touch {
    margin-top: -8px
}

ui-pane.for-ui-popup.standard>ui-popup .x-close-button.active:not([aria-disabled=true]):not(.disabled) svg,
ui-pane.for-ui-popup.standard>ui-popup .x-close-button:active:hover:not([aria-disabled=true]):not(.disabled) svg {
    fill: var(--theme-color-labelQuaternary)
}

ui-pane.for-ui-popup.standard>ui-popup .x-close-button svg {
    fill: var(--theme-color-labelPrimary);
    width: 14px;
    height: 14px
}

@media (prefers-color-scheme:dark) {
    ui-pane.for-ui-popup.standard>ui-popup {
        -webkit-box-shadow: 0 11px 34px rgba(0, 0, 0, .65);
        box-shadow: 0 11px 34px rgba(0, 0, 0, .65)
    }
}

[data-appearance=dark] ui-pane.for-ui-popup.standard>ui-popup {
    -webkit-box-shadow: 0 11px 34px rgba(0, 0, 0, .65);
    box-shadow: 0 11px 34px rgba(0, 0, 0, .65)
}

[data-appearance=light] ui-pane.for-ui-popup.standard>ui-popup {
    -webkit-box-shadow: 0 11px 34px rgba(0, 0, 0, .16);
    box-shadow: 0 11px 34px rgba(0, 0, 0, .16)
}

ui-pane.for-ui-popup.standard>ui-popup ui-overlay-actions {
    position: -webkit-sticky;
    position: sticky;
    bottom: -20px
}

ui-pane.for-ui-popup.standard>ui-popup.ui-overlay-actions-separator ui-overlay-actions {
    border-width: 1px;
    border-style: solid;
    -o-border-image: linear-gradient(90deg, transparent 1%, var(--theme-color-gray5) 6%, var(--theme-color-gray5) 94%, transparent 99%) 1;
    border-image: -webkit-gradient(linear, left top, right top, color-stop(1%, transparent), color-stop(6%, var(--theme-color-gray5)), color-stop(94%, var(--theme-color-gray5)), color-stop(99%, transparent)) 1;
    border-image: linear-gradient(90deg, transparent 1%, var(--theme-color-gray5) 6%, var(--theme-color-gray5) 94%, transparent 99%) 1;
    border-bottom: 0
}

html:not([dir=rtl]) ui-pane.for-ui-popup.standard>ui-popup.ui-overlay-actions-separator ui-overlay-actions {
    border-left: 0
}

[dir=rtl] ui-pane.for-ui-popup.standard>ui-popup.ui-overlay-actions-separator ui-overlay-actions,
html:not([dir=rtl]) ui-pane.for-ui-popup.standard>ui-popup.ui-overlay-actions-separator ui-overlay-actions {
    border-right: 0
}

[dir=rtl] ui-pane.for-ui-popup.standard>ui-popup.ui-overlay-actions-separator ui-overlay-actions {
    border-left: 0
}

ui-pane.for-ui-popup.standard>ui-popup.ui-overlay-actions-separator ui-overlay-actions {
    padding-top: 19px
}

ui-pane.for-ui-popup.standard>ui-popup:focus:not([aria-disabled=true]):not(.disabled) {
    outline: none
}

ui-pane.for-ui-popup {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none
}

ui-pane.for-ui-popup.standard.is-opening ui-popup {
    -webkit-animation: icloud-keyframes-fadeInAndBarelyScale .2s cubic-bezier(.32, .08, .24, 1);
    animation: icloud-keyframes-fadeInAndBarelyScale .2s cubic-bezier(.32, .08, .24, 1)
}

ui-pane.for-ui-popup.standard.is-closing ui-popup {
    -webkit-animation: icloud-keyframes-fadeOut .2s cubic-bezier(.32, .08, .24, 1) forwards;
    animation: icloud-keyframes-fadeOut .2s cubic-bezier(.32, .08, .24, 1) forwards
}

ui-alert-content,
ui-alert-icon {
    display: block
}

ui-pane.for-ui-alert.standard ui-popup {
    line-height: 1.2;
    overflow: hidden;
    padding: 0;
    position: relative
}

ui-pane.for-ui-alert.standard ui-popup ui-alert-container {
    overflow: auto;
    display: block;
    max-height: -webkit-calc(100vh - 110px);
    max-height: calc(100vh - 110px)
}

ui-pane.for-ui-alert.standard ui-popup ui-alert-container.show-fade:after {
    content: "";
    display: block;
    background: linear-gradient(transparent, var(--theme-color-backgroundPrimary) 40px, var(--theme-color-backgroundPrimary) 0);
    position: absolute;
    bottom: 0
}

html:not([dir=rtl]) ui-pane.for-ui-alert.standard ui-popup ui-alert-container.show-fade:after {
    left: 0
}

[dir=rtl] ui-pane.for-ui-alert.standard ui-popup ui-alert-container.show-fade:after {
    right: 0
}

html:not([dir=rtl]) ui-pane.for-ui-alert.standard ui-popup ui-alert-container.show-fade:after {
    right: 20px
}

[dir=rtl] ui-pane.for-ui-alert.standard ui-popup ui-alert-container.show-fade:after {
    left: 20px
}

ui-pane.for-ui-alert.standard ui-popup ui-alert-container.show-fade:after {
    height: 70px;
    pointer-events: none
}

ui-pane.for-ui-alert.standard ui-popup ui-alert-icon {
    width: 36px;
    height: 36px;
    margin: auto auto 5px;
    display: block
}

ui-pane.for-ui-alert.standard ui-popup ui-alert-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px
}

ui-pane.for-ui-alert.standard ui-popup ui-alert-content .title {
    color: var(--theme-color-labelPrimary);
    font-size: 19px;
    font-weight: 600;
    word-break: break-word;
    word-wrap: break-word;
    text-wrap: balance;
    line-height: 1.4;
    display: block;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 15px
}

ui-pane.for-ui-alert.standard ui-popup ui-alert-content .description {
    color: var(--theme-color-labelSecondary);
    font-size: 14px;
    word-break: break-word;
    word-wrap: break-word;
    line-height: 1.4;
    display: block;
    text-align: center;
    text-wrap: balance;
    margin-bottom: 10px
}

ui-pane.for-ui-alert.standard ui-popup ui-alert-footer {
    display: block;
    position: relative
}

ui-pane.for-ui-alert.standard ui-popup.compact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: 335px;
    padding: 0
}

ui-pane.for-ui-alert.standard ui-popup.compact>ui-alert-container {
    padding: 40px 0 20px
}

ui-pane.for-ui-alert.standard ui-popup.compact ui-alert-content {
    text-align: center;
    padding: 0 25px
}

ui-pane.for-ui-alert.standard ui-popup.compact ui-alert-actions {
    padding: 0 25px
}

ui-pane.for-ui-alert.standard ui-popup.regular {
    width: 450px;
    padding: 0
}

ui-pane.for-ui-alert.standard ui-popup.regular>ui-alert-container {
    padding: 40px 40px 30px
}

ui-pane.for-ui-alert.standard.has-loading ui-popup ui-alert-container>:not(ui-alert-footer) {
    opacity: .3
}

ui-pane.for-ui-alert.standard.has-loading ui-popup ui-alert-loading-message {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    top: 20px;
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

ui-pane.for-ui-alert.standard.has-loading ui-popup ui-alert-loading-message ui-activity-indicator:focus {
    outline: none
}

html:not([dir=rtl]) ui-pane.for-ui-alert.standard.has-loading ui-popup ui-alert-loading-message .description {
    margin-left: 10px
}

[dir=rtl] ui-pane.for-ui-alert.standard.has-loading ui-popup ui-alert-loading-message .description {
    margin-right: 10px
}

ui-pane.for-ui-alert.standard.has-loading ui-popup ui-alert-loading-message .description {
    font-weight: 600
}

ui-pane.for-ui-alert.standard.is-opening>ui-popup {
    -webkit-animation: icloud-keyframes-scaleWithBriefFade .2s ease-in-out;
    animation: icloud-keyframes-scaleWithBriefFade .2s ease-in-out
}

@media (prefers-reduced-motion) {
    ui-pane.for-ui-alert.standard.is-opening>ui-popup {
        -webkit-animation: icloud-keyframes-fadeIn .2s ease-in-out;
        animation: icloud-keyframes-fadeIn .2s ease-in-out
    }
}

ui-pane-backdrop.top-visible.for-ui-alert {
    -webkit-animation: icloud-keyframes-fadeIn .2s ease;
    animation: icloud-keyframes-fadeIn .2s ease
}

ui-alert-icon>svg {
    fill: var(--theme-color-appTint)
}

ui-alert-actions,
ui-alert-actions-divider {
    display: inline-block
}

ui-pane {
    position: fixed;
    top: 0
}

html:not([dir=rtl]) ui-pane {
    left: 0
}

[dir=rtl] ui-pane {
    right: 0
}

ui-pane:focus:not([aria-disabled=true]):not(.disabled) {
    outline: none
}

ui-pane.is-closing {
    pointer-events: none
}

ui-pane-backdrop {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
    overflow: hidden
}

ui-pane-backdrop.is-visible,
ui-pane-backdrop.modal {
    -webkit-animation: icloud-keyframes-fadeOut .2s cubic-bezier(.32, .08, .24, 1) forwards;
    animation: icloud-keyframes-fadeOut .2s cubic-bezier(.32, .08, .24, 1) forwards;
    background-color: var(--theme-color-backdrop)
}

ui-pane-backdrop.is-visible.becoming-top-visible-again,
ui-pane-backdrop.is-visible.top-visible,
ui-pane-backdrop.modal.becoming-top-modal-again,
ui-pane-backdrop.modal.top-modal {
    -webkit-animation: icloud-keyframes-fadeIn .2s cubic-bezier(.32, .08, .24, 1) forwards;
    animation: icloud-keyframes-fadeIn .2s cubic-bezier(.32, .08, .24, 1) forwards
}

ui-pane-backdrop.is-closing,
ui-pane-backdrop.is-visible.top-visible.is-closing,
ui-pane-backdrop.modal.top-modal.is-closing {
    -webkit-animation: icloud-keyframes-fadeOut .2s cubic-bezier(.32, .08, .24, 1) forwards;
    animation: icloud-keyframes-fadeOut .2s cubic-bezier(.32, .08, .24, 1) forwards;
    pointer-events: none
}

body.ui-pane-provider-has-open-panes,
html.ui-pane-provider-has-open-panes {
    overflow: hidden
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard,
ui-popup ui-alert-actions.standard {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    line-height: 1.2;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 3px
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard .buttons-measurer,
ui-popup ui-alert-actions.standard .buttons-measurer {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    opacity: 0;
    pointer-events: none;
    top: -1000vh
}

html:not([dir=rtl]) .for-ui-alert.standard ui-popup ui-alert-actions.standard .buttons-measurer,
html:not([dir=rtl]) ui-popup ui-alert-actions.standard .buttons-measurer {
    left: -1000vh
}

[dir=rtl] .for-ui-alert.standard ui-popup ui-alert-actions.standard .buttons-measurer,
[dir=rtl] ui-popup ui-alert-actions.standard .buttons-measurer {
    right: -1000vh
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard .buttons-measurer div,
ui-popup ui-alert-actions.standard .buttons-measurer div {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    border-radius: 8px;
    padding-left: 16px;
    padding-right: 16px;
    contain: content;
    width: 100%
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard .buttons-measurer div svg,
ui-popup ui-alert-actions.standard .buttons-measurer div svg {
    fill: currentColor
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard ui-button.block,
ui-popup ui-alert-actions.standard ui-button.block {
    white-space: nowrap
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard .buttons-measurer div,
ui-popup ui-alert-actions.standard .buttons-measurer div {
    min-width: 180px
}

html:not([dir=rtl]) .for-ui-alert.standard ui-popup ui-alert-actions.standard .buttons-measurer :first-child,
html:not([dir=rtl]) ui-popup ui-alert-actions.standard .buttons-measurer :first-child {
    margin-right: 10px
}

[dir=rtl] .for-ui-alert.standard ui-popup ui-alert-actions.standard .buttons-measurer :first-child,
[dir=rtl] ui-popup ui-alert-actions.standard .buttons-measurer :first-child {
    margin-left: 10px
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.compact,
ui-alert-actions.standard.compact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    line-height: 1.2;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 3px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.compact .buttons-measurer,
ui-alert-actions.standard.compact .buttons-measurer {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    opacity: 0;
    pointer-events: none;
    top: -1000vh
}

html:not([dir=rtl]) .for-ui-alert.standard ui-popup ui-alert-actions.standard.compact .buttons-measurer,
html:not([dir=rtl]) ui-alert-actions.standard.compact .buttons-measurer {
    left: -1000vh
}

[dir=rtl] .for-ui-alert.standard ui-popup ui-alert-actions.standard.compact .buttons-measurer,
[dir=rtl] ui-alert-actions.standard.compact .buttons-measurer {
    right: -1000vh
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.compact .buttons-measurer div,
ui-alert-actions.standard.compact .buttons-measurer div {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    border-radius: 8px;
    padding-left: 16px;
    padding-right: 16px;
    contain: content;
    width: 100%
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.compact .buttons-measurer div svg,
ui-alert-actions.standard.compact .buttons-measurer div svg {
    fill: currentColor
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.compact ui-button.block,
ui-alert-actions.standard.compact ui-button.block {
    white-space: nowrap
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.compact .buttons-measurer div,
ui-alert-actions.standard.compact .buttons-measurer div {
    min-width: 180px
}

html:not([dir=rtl]) .for-ui-alert.standard ui-popup ui-alert-actions.standard.compact .buttons-measurer :first-child,
html:not([dir=rtl]) ui-alert-actions.standard.compact .buttons-measurer :first-child {
    margin-right: 10px
}

[dir=rtl] .for-ui-alert.standard ui-popup ui-alert-actions.standard.compact .buttons-measurer :first-child,
[dir=rtl] ui-alert-actions.standard.compact .buttons-measurer :first-child {
    margin-left: 10px
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.compact ui-button.block,
ui-alert-actions.standard.compact ui-button.block {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular,
ui-alert-actions.standard.regular {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    line-height: 1.2;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 3px
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular .buttons-measurer,
ui-alert-actions.standard.regular .buttons-measurer {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    opacity: 0;
    pointer-events: none;
    top: -1000vh
}

html:not([dir=rtl]) .for-ui-alert.standard ui-popup ui-alert-actions.standard.regular .buttons-measurer,
html:not([dir=rtl]) ui-alert-actions.standard.regular .buttons-measurer {
    left: -1000vh
}

[dir=rtl] .for-ui-alert.standard ui-popup ui-alert-actions.standard.regular .buttons-measurer,
[dir=rtl] ui-alert-actions.standard.regular .buttons-measurer {
    right: -1000vh
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular .buttons-measurer div,
ui-alert-actions.standard.regular .buttons-measurer div {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    border-radius: 8px;
    padding-left: 16px;
    padding-right: 16px;
    contain: content;
    width: 100%
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular .buttons-measurer div svg,
ui-alert-actions.standard.regular .buttons-measurer div svg {
    fill: currentColor
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular ui-button.block,
ui-alert-actions.standard.regular ui-button.block {
    white-space: nowrap
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular .buttons-measurer div,
ui-alert-actions.standard.regular .buttons-measurer div {
    min-width: 180px
}

html:not([dir=rtl]) .for-ui-alert.standard ui-popup ui-alert-actions.standard.regular .buttons-measurer :first-child,
html:not([dir=rtl]) ui-alert-actions.standard.regular .buttons-measurer :first-child {
    margin-right: 10px
}

[dir=rtl] .for-ui-alert.standard ui-popup ui-alert-actions.standard.regular .buttons-measurer :first-child,
[dir=rtl] ui-alert-actions.standard.regular .buttons-measurer :first-child {
    margin-left: 10px
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular:not(.single-button),
ui-alert-actions.standard.regular:not(.single-button) {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular ui-button.block,
ui-alert-actions.standard.regular ui-button.block {
    margin-top: 20px;
    width: 180px
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular.should-stack,
.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular.single-button,
ui-alert-actions.standard.regular.should-stack,
ui-alert-actions.standard.regular.single-button {
    max-width: 100%;
    margin: auto;
    min-width: 260px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular.should-stack ui-button.block,
.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular.single-button ui-button.block,
ui-alert-actions.standard.regular.should-stack ui-button.block,
ui-alert-actions.standard.regular.single-button ui-button.block {
    width: 100%
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular.should-stack,
ui-alert-actions.standard.regular.should-stack {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.for-ui-alert.standard.has-loading ui-popup ui-alert-actions.standard {
    position: relative
}

.for-ui-alert.standard.has-loading ui-popup ui-alert-actions.standard ui-button {
    visibility: hidden
}

ui-combo-box {
    display: block
}

.app-icon-button {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-filter: drop-shadow(0 2px 10px var(--theme-color-boxShadow));
    filter: drop-shadow(0 2px 10px var(--theme-color-boxShadow))
}

.app-icon-button:active:not(:disabled) {
    -webkit-filter: brightness(.7);
    filter: brightness(.7)
}

.app-icon-button .app-displayname {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: var(--theme-color-labelSecondary);
    white-space: nowrap;
    text-align: center
}

[apple-system-font-capable] .app-icon-button .app-displayname {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.app-icon {
    position: relative
}

.app-icon .app-icon-badge {
    position: absolute
}

.app-icon.custom-email-domain,
.app-icon.hide-my-email {
    color: var(--theme-color-gray4)
}

@media (prefers-color-scheme:dark) {
    .app-icon.custom-email-domain,
    .app-icon.hide-my-email {
        color: var(--theme-color-backgroundPrimary)
    }
}

[data-appearance=dark] .app-icon.custom-email-domain,
[data-appearance=dark] .app-icon.hide-my-email {
    color: var(--theme-color-backgroundPrimary)
}

[data-appearance=light] .app-icon.custom-email-domain,
[data-appearance=light] .app-icon.hide-my-email {
    color: var(--theme-color-gray4)
}

.app-icon-badge {
    background-color: var(--theme-color-systemRed);
    color: var(--theme-color-systemWhite);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    padding-inline: .8ex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-inline-size: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.app-icon-badge[dir=ltr],
.app-icon-badge[dir=rtl],
[dir=ltr] .app-icon-badge,
[dir=rtl] .app-icon-badge {
    max-width: 100%;
    padding-left: .8ex;
    padding-right: .8ex
}

.app-icon-badge .number {
    min-inline-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.app-icon-badge[dir=ltr] .number,
.app-icon-badge[dir=rtl] .number,
[dir=ltr] .app-icon-badge .number,
[dir=rtl] .app-icon-badge .number {
    min-width: 0
}

@font-face {
    font-weight: 300;
    font-family: SFDisplay Calendar Day Of Month;
    src: url(/fonts/SFUIDisplay-Thin.woff) format("woff")
}

@font-face {
    font-weight: 500;
    font-family: SFText Calendar Day Of Week;
    src: url(/fonts/SFUIText-Medium.woff) format("woff")
}

.calendar-icon img {
    inline-size: 100%;
    block-size: 100%
}

.calendar-icon[dir=ltr] img,
.calendar-icon[dir=rtl] img,
[dir=ltr] .calendar-icon img,
[dir=rtl] .calendar-icon img {
    width: 100%;
    height: 100%
}

.background-color-picker .title {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    -webkit-margin-after: 16px;
    margin-block-end: 16px
}

.background-color-picker[dir=ltr] .title,
.background-color-picker[dir=rtl] .title,
[dir=ltr] .background-color-picker .title,
[dir=rtl] .background-color-picker .title {
    margin-bottom: 16px
}

[apple-system-font-capable] .background-color-picker .title {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.background-color-picker .buttons-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.background-color-picker .color-picker-dot {
    block-size: 24px;
    inline-size: 24px;
    border-radius: 50%;
    background-color: var(--theme-color-systemBlue);
    pointer-events: auto
}

.background-color-picker[dir=ltr] .color-picker-dot,
.background-color-picker[dir=rtl] .color-picker-dot,
[dir=ltr] .background-color-picker .color-picker-dot,
[dir=rtl] .background-color-picker .color-picker-dot {
    height: 24px;
    width: 24px
}

.background-color-picker .color-picker-dot.active:not([aria-disabled=true]):not(.disabled),
.background-color-picker .color-picker-dot:active:hover:not([aria-disabled=true]):not(.disabled) {
    opacity: .3
}

.background-color-picker .select-color {
    inline-size: 32px;
    block-size: 32px;
    border-radius: 50%;
    padding: 1px;
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-margin-end: 2px;
    margin-inline-end: 2px;
    pointer-events: none
}

.background-color-picker[dir=ltr] .select-color,
[dir=ltr] .background-color-picker .select-color {
    width: 32px;
    height: 32px;
    margin-right: 2px
}

.background-color-picker[dir=rtl] .select-color,
[dir=rtl] .background-color-picker .select-color {
    width: 32px;
    height: 32px;
    margin-left: 2px
}

.background-color-picker .select-color:last-child {
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

.background-color-picker[dir=ltr] .select-color:last-child,
[dir=ltr] .background-color-picker .select-color:last-child {
    margin-right: 0
}

.background-color-picker[dir=rtl] .select-color:last-child,
[dir=rtl] .background-color-picker .select-color:last-child {
    margin-left: 0
}

.background-color-picker .select-color.selected {
    border: 1.5px solid var(--theme-color-gray1)
}

.background-color-picker .select-color.focused {
    border: 2.5px solid var(--theme-color-systemBlue)
}

@media (pointer:fine) {
    .background-color-picker .select-color:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color: var(--theme-color-fillSecondary)
    }
}

ui-popover.standard.background-color-picker-popover .background-color-picker {
    block-size: 70px;
    padding-inline: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

[dir=ltr] ui-popover.standard.background-color-picker-popover .background-color-picker,
[dir=rtl] ui-popover.standard.background-color-picker-popover .background-color-picker,
ui-popover.standard.background-color-picker-popover[dir=ltr] .background-color-picker,
ui-popover.standard.background-color-picker-popover[dir=rtl] .background-color-picker {
    height: 70px;
    padding-left: 24px;
    padding-right: 24px
}

ui-pane.standard.dismissable.for-ui-card.background-color-picker-compact ui-card {
    block-size: auto
}

[dir=ltr] ui-pane.standard.dismissable.for-ui-card.background-color-picker-compact ui-card,
[dir=rtl] ui-pane.standard.dismissable.for-ui-card.background-color-picker-compact ui-card,
ui-pane.standard.dismissable.for-ui-card.background-color-picker-compact[dir=ltr] ui-card,
ui-pane.standard.dismissable.for-ui-card.background-color-picker-compact[dir=rtl] ui-card {
    height: auto
}

ui-pane.standard.dismissable.for-ui-card.background-color-picker-compact .background-color-picker {
    padding-inline: 24px;
    -webkit-padding-before: 16px;
    padding-block-start: 16px
}

[dir=ltr] ui-pane.standard.dismissable.for-ui-card.background-color-picker-compact .background-color-picker,
[dir=rtl] ui-pane.standard.dismissable.for-ui-card.background-color-picker-compact .background-color-picker,
ui-pane.standard.dismissable.for-ui-card.background-color-picker-compact[dir=ltr] .background-color-picker,
ui-pane.standard.dismissable.for-ui-card.background-color-picker-compact[dir=rtl] .background-color-picker {
    padding-top: 16px;
    padding-left: 24px;
    padding-right: 24px
}

.compact-menu-header {
    padding-inline: 14px 20px;
    -webkit-padding-before: 15px;
    padding-block-start: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.compact-menu-header[dir=ltr],
[dir=ltr] .compact-menu-header {
    padding-top: 15px;
    padding-left: 14px;
    padding-right: 20px
}

.compact-menu-header[dir=rtl],
[dir=rtl] .compact-menu-header {
    padding-top: 15px;
    padding-right: 14px;
    padding-left: 20px
}

.compact-menu-header .header-title {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    text-align: center;
    margin: auto;
    -webkit-padding-end: 20px;
    padding-inline-end: 20px
}

.compact-menu-header[dir=ltr] .header-title,
[dir=ltr] .compact-menu-header .header-title {
    padding-right: 20px
}

.compact-menu-header[dir=rtl] .header-title,
[dir=rtl] .compact-menu-header .header-title {
    padding-left: 20px
}

[apple-system-font-capable] .compact-menu-header .header-title {
    font-family: system-ui, Helvetica Neue, sans-serif
}

@media (max-width:759px) {
    ui-pane.for-ui-card.standard ui-card {
        -webkit-backdrop-filter: blur(15px) saturate(86%);
        backdrop-filter: blur(15px) saturate(86%);
        background-color: var(--theme-color-backgroundPrimary);
        block-size: 100%;
        position: relative;
        overflow: scroll-y
    }
    [dir=ltr] ui-pane.for-ui-card.standard ui-card,
    [dir=rtl] ui-pane.for-ui-card.standard ui-card,
    ui-pane.for-ui-card.standard[dir=ltr] ui-card,
    ui-pane.for-ui-card.standard[dir=rtl] ui-card {
        height: 100%
    }
    ui-pane.for-ui-card.standard ui-menu ui-menu-scroll-container {
        -webkit-padding-before: 55px;
        padding-block-start: 55px
    }
    [dir=ltr] ui-pane.for-ui-card.standard ui-menu ui-menu-scroll-container,
    [dir=rtl] ui-pane.for-ui-card.standard ui-menu ui-menu-scroll-container,
    ui-pane.for-ui-card.standard[dir=ltr] ui-menu ui-menu-scroll-container,
    ui-pane.for-ui-card.standard[dir=rtl] ui-menu ui-menu-scroll-container {
        padding-top: 55px
    }
    ui-pane.for-ui-card.standard.account-menu-compact>ui-card>.compact-menu-header,
    ui-pane.for-ui-card.standard.app-switcher-menu-compact>ui-card>.compact-menu-header,
    ui-pane.for-ui-card.standard.creation-menu-compact>ui-card>.compact-menu-header {
        background-color: var(--theme-color-backgroundPrimary);
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
        block-size: 55px;
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        z-index: 1
    }
    [dir=ltr] ui-pane.for-ui-card.standard.account-menu-compact>ui-card>.compact-menu-header,
    [dir=ltr] ui-pane.for-ui-card.standard.app-switcher-menu-compact>ui-card>.compact-menu-header,
    [dir=ltr] ui-pane.for-ui-card.standard.creation-menu-compact>ui-card>.compact-menu-header,
    [dir=rtl] ui-pane.for-ui-card.standard.account-menu-compact>ui-card>.compact-menu-header,
    [dir=rtl] ui-pane.for-ui-card.standard.app-switcher-menu-compact>ui-card>.compact-menu-header,
    [dir=rtl] ui-pane.for-ui-card.standard.creation-menu-compact>ui-card>.compact-menu-header,
    ui-pane.for-ui-card.standard.account-menu-compact[dir=ltr]>ui-card>.compact-menu-header,
    ui-pane.for-ui-card.standard.account-menu-compact[dir=rtl]>ui-card>.compact-menu-header,
    ui-pane.for-ui-card.standard.app-switcher-menu-compact[dir=ltr]>ui-card>.compact-menu-header,
    ui-pane.for-ui-card.standard.app-switcher-menu-compact[dir=rtl]>ui-card>.compact-menu-header,
    ui-pane.for-ui-card.standard.creation-menu-compact[dir=ltr]>ui-card>.compact-menu-header,
    ui-pane.for-ui-card.standard.creation-menu-compact[dir=rtl]>ui-card>.compact-menu-header {
        height: 55px;
        top: 0;
        left: 0;
        right: 0
    }
}

ui-button.x-close-button.push.primary.icon svg {
    inline-size: 14px;
    block-size: 14px;
    fill: var(--theme-color-labelPrimary)
}

[dir=ltr] ui-button.x-close-button.push.primary.icon svg,
[dir=rtl] ui-button.x-close-button.push.primary.icon svg,
ui-button.x-close-button.push.primary.icon[dir=ltr] svg,
ui-button.x-close-button.push.primary.icon[dir=rtl] svg {
    width: 14px;
    height: 14px
}

@-webkit-keyframes ui-activity-indicator-keyframe-ud874e1eb {
    0% {
        opacity: .1
    }
    to {
        opacity: .8
    }
}

@keyframes ui-activity-indicator-keyframe-ud874e1eb {
    0% {
        opacity: .1
    }
    to {
        opacity: .8
    }
}

ui-activity-indicator.standard ui-spinner-nib {
    -webkit-animation-name: ui-activity-indicator-keyframe-ud874e1eb;
    animation-name: ui-activity-indicator-keyframe-ud874e1eb
}

.notification-component {
    position: fixed;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-inline-size: 320px;
    inline-size: 100%;
    offset-block-start: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none
}

.notification-component[dir=ltr],
.notification-component[dir=rtl],
[dir=ltr] .notification-component,
[dir=rtl] .notification-component {
    min-width: 320px;
    width: 100%;
    top: 0
}

.notification-component .notification-component-inner {
    -webkit-box-shadow: 0 2px 10px var(--theme-color-boxShadow);
    box-shadow: 0 2px 10px var(--theme-color-boxShadow);
    border: logical var(--theme-color-gray5);
    border-radius: 6px;
    background-color: var(--theme-color-backgroundPrimary);
    max-inline-size: 380px;
    inline-size: -webkit-calc(100% - 24px);
    inline-size: calc(100% - 24px);
    margin: 0 12px;
    -webkit-margin-before: 12px;
    margin-block-start: 12px;
    padding-block: 12px;
    padding-inline: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-block-size: 55px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: auto
}

.notification-component[dir=ltr] .notification-component-inner,
.notification-component[dir=rtl] .notification-component-inner,
[dir=ltr] .notification-component .notification-component-inner,
[dir=rtl] .notification-component .notification-component-inner {
    max-width: 380px;
    width: -webkit-calc(100% - 24px);
    width: calc(100% - 24px);
    margin-top: 12px;
    min-height: 55px;
    border: var(--theme-color-gray5);
    padding: 12px
}

.notification-component .notification-icon {
    inline-size: 44px;
    block-size: 44px;
    -webkit-margin-end: 12px;
    margin-inline-end: 12px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.notification-component[dir=ltr] .notification-icon,
[dir=ltr] .notification-component .notification-icon {
    width: 44px;
    height: 44px;
    margin-right: 12px
}

.notification-component[dir=rtl] .notification-icon,
[dir=rtl] .notification-component .notification-icon {
    width: 44px;
    height: 44px;
    margin-left: 12px
}

.notification-component .notification-icon .app-icon {
    block-size: 100%;
    inline-size: 100%
}

.notification-component[dir=ltr] .notification-icon .app-icon,
.notification-component[dir=rtl] .notification-icon .app-icon,
[dir=ltr] .notification-component .notification-icon .app-icon,
[dir=rtl] .notification-component .notification-icon .app-icon {
    height: 100%;
    width: 100%
}

.notification-component .notification-activate-button {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-block-size: 55px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.notification-component[dir=ltr] .notification-activate-button,
.notification-component[dir=rtl] .notification-activate-button,
[dir=ltr] .notification-component .notification-activate-button,
[dir=rtl] .notification-component .notification-activate-button {
    min-height: 55px
}

.notification-component .notification-info {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: logical 6px 0;
    line-height: 21px;
    word-break: break-word
}

.notification-component[dir=ltr] .notification-info,
.notification-component[dir=rtl] .notification-info,
[dir=ltr] .notification-component .notification-info,
[dir=rtl] .notification-component .notification-info {
    padding: 6px 0
}

.notification-component .notification-info .title {
    display: block;
    font-weight: 600
}

.notification-component .notification-close-button {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    fill: var(--theme-color-gray1);
    min-block-size: 44px;
    cursor: pointer
}

.notification-component[dir=ltr] .notification-close-button,
.notification-component[dir=rtl] .notification-close-button,
[dir=ltr] .notification-component .notification-close-button,
[dir=rtl] .notification-component .notification-close-button {
    min-height: 44px
}

.notification-component .alarm-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-margin-start: 12px;
    margin-inline-start: 12px;
    line-height: 21px;
    min-block-size: 55px;
    cursor: pointer;
    color: var(--theme-color-systemBlue);
    font-weight: 600
}

.notification-component[dir=ltr] .alarm-actions,
[dir=ltr] .notification-component .alarm-actions {
    margin-left: 12px;
    min-height: 55px
}

.notification-component[dir=rtl] .alarm-actions,
[dir=rtl] .notification-component .alarm-actions {
    margin-right: 12px;
    min-height: 55px
}

.static-tile-content {
    display: block;
    -webkit-padding-after: 25px;
    padding-block-end: 25px;
    -webkit-padding-before: 15px;
    padding-block-start: 15px;
    padding-inline: 20px;
    inline-size: 100%
}

.static-tile-content[dir=ltr],
.static-tile-content[dir=rtl],
[dir=ltr] .static-tile-content,
[dir=rtl] .static-tile-content {
    width: 100%;
    padding: 15px 20px 25px
}

.static-tile-content .content-title-text {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    white-space: normal
}

[apple-system-font-capable] .static-tile-content .content-title-text {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.static-tile-content .content-list-items {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--theme-color-labelSecondary)
}

[apple-system-font-capable] .static-tile-content .content-list-items {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.static-tile-content .content-list-items ul {
    list-style: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.static-tile-content[dir=ltr] .content-list-items ul,
[dir=ltr] .static-tile-content .content-list-items ul {
    padding-left: 0
}

.static-tile-content[dir=rtl] .content-list-items ul,
[dir=rtl] .static-tile-content .content-list-items ul {
    padding-right: 0
}

.static-tile-content .content-list-items li {
    -webkit-margin-before: 5px;
    margin-block-start: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.static-tile-content[dir=ltr] .content-list-items li,
.static-tile-content[dir=rtl] .content-list-items li,
[dir=ltr] .static-tile-content .content-list-items li,
[dir=rtl] .static-tile-content .content-list-items li {
    margin-top: 5px
}

.static-tile-content .content-description-text {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--theme-color-labelSecondary);
    -webkit-padding-before: 15px;
    padding-block-start: 15px;
    white-space: normal
}

.static-tile-content[dir=ltr] .content-description-text,
.static-tile-content[dir=rtl] .content-description-text,
[dir=ltr] .static-tile-content .content-description-text,
[dir=rtl] .static-tile-content .content-description-text {
    padding-top: 15px
}

[apple-system-font-capable] .static-tile-content .content-description-text {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.static-tile-content .external-link {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-inline: auto;
    -webkit-margin-start: 5px;
    margin-inline-start: 5px;
    text-decoration: none
}

.static-tile-content[dir=ltr] .external-link,
.static-tile-content[dir=rtl] .external-link,
[dir=ltr] .static-tile-content .external-link,
[dir=rtl] .static-tile-content .external-link {
    margin-left: auto;
    margin-right: auto
}

[apple-system-font-capable] .static-tile-content .external-link {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.external-link a {
    text-decoration: none
}

.external-link a svg {
    fill: var(--theme-color-systemBlue)
}

.external-link a,
.external-link a:visited {
    color: var(--theme-color-systemBlue)
}

.external-link .nobreak {
    white-space: nowrap
}

.adp-locked-tile {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: var(--theme-color-labelSecondary);
    fill: var(--theme-color-labelSecondary);
    inline-size: 100%;
    text-align: center
}

.adp-locked-tile[dir=ltr],
.adp-locked-tile[dir=rtl],
[dir=ltr] .adp-locked-tile,
[dir=rtl] .adp-locked-tile {
    width: 100%
}

[apple-system-font-capable] .adp-locked-tile {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.adp-locked-tile .adp-icon {
    -webkit-margin-before: 70px;
    margin-block-start: 70px
}

.adp-locked-tile[dir=ltr] .adp-icon,
.adp-locked-tile[dir=rtl] .adp-icon,
[dir=ltr] .adp-locked-tile .adp-icon,
[dir=rtl] .adp-locked-tile .adp-icon {
    margin-top: 70px
}

.adp-locked-tile .title {
    -webkit-margin-before: 8px;
    margin-block-start: 8px
}

.adp-locked-tile[dir=ltr] .title,
.adp-locked-tile[dir=rtl] .title,
[dir=ltr] .adp-locked-tile .title,
[dir=rtl] .adp-locked-tile .title {
    margin-top: 8px
}

.flex-page-content .application-toolbar:not(.internal-app-theme) ui-button.primary.whats-new-button {
    visibility: hidden
}

ui-pane.for-ui-popup.standard.new-features:has(ui-popup[role=dialog].compact) {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog].regular {
    max-inline-size: 700px;
    max-block-size: -webkit-calc(100vh - 130px);
    max-block-size: calc(100vh - 130px)
}

[dir=ltr] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog].regular,
[dir=rtl] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog].regular,
ui-pane.for-ui-popup.standard.new-features[dir=ltr] ui-popup[role=dialog].regular,
ui-pane.for-ui-popup.standard.new-features[dir=rtl] ui-popup[role=dialog].regular {
    max-width: 700px;
    max-height: -webkit-calc(100vh - 130px);
    max-height: calc(100vh - 130px)
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog].regular .feature-content {
    padding-inline: 76px
}

[dir=ltr] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog].regular .feature-content,
[dir=rtl] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog].regular .feature-content,
ui-pane.for-ui-popup.standard.new-features[dir=ltr] ui-popup[role=dialog].regular .feature-content,
ui-pane.for-ui-popup.standard.new-features[dir=rtl] ui-popup[role=dialog].regular .feature-content {
    padding-left: 76px;
    padding-right: 76px
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog].compact {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
    -webkit-margin-before: 10px;
    margin-block-start: 10px;
    border-end-start-radius: 0;
    border-end-end-radius: 0;
    max-inline-size: 680px;
    max-block-size: 100%
}

[dir=ltr] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog].compact,
[dir=rtl] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog].compact,
ui-pane.for-ui-popup.standard.new-features[dir=ltr] ui-popup[role=dialog].compact,
ui-pane.for-ui-popup.standard.new-features[dir=rtl] ui-popup[role=dialog].compact {
    margin-top: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    max-width: 680px;
    max-height: 100%
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog].compact .feature-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-inline: 30px
}

[dir=ltr] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog].compact .feature-content,
[dir=rtl] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog].compact .feature-content,
ui-pane.for-ui-popup.standard.new-features[dir=ltr] ui-popup[role=dialog].compact .feature-content,
ui-pane.for-ui-popup.standard.new-features[dir=rtl] ui-popup[role=dialog].compact .feature-content {
    padding-left: 30px;
    padding-right: 30px
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new svg {
    fill: var(--theme-color-systemBlue)
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.notes-tint {
    --theme-color-appTint-h: 47;
    --theme-color-appTint-s: 100%;
    --theme-color-appTint-l: 46.1%;
    --theme-color-appTint: hsl(var(--theme-color-appTint-h), var(--theme-color-appTint-s), var(--theme-color-appTint-l))
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.notes-tint svg {
    fill: var(--theme-color-tintNotes)
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.calendar-tint {
    --theme-color-appTint-h: 0;
    --theme-color-appTint-s: 100%;
    --theme-color-appTint-l: 44.5%;
    --theme-color-appTint: hsl(var(--theme-color-appTint-h), var(--theme-color-appTint-s), var(--theme-color-appTint-l))
}

@media (prefers-color-scheme:dark) {
    ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.calendar-tint {
        --theme-color-appTint-h: 358;
        --theme-color-appTint-s: 100%;
        --theme-color-appTint-l: 59.4%
    }
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.calendar-tint svg {
    fill: var(--theme-color-systemRed)
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: auto;
    padding-inline: 76px
}

[dir=ltr] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content,
[dir=rtl] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content,
ui-pane.for-ui-popup.standard.new-features[dir=ltr] ui-popup[role=dialog] .feature-content,
ui-pane.for-ui-popup.standard.new-features[dir=rtl] ui-popup[role=dialog] .feature-content {
    padding-left: 76px;
    padding-right: 76px
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content h2 {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 36px;
    font-weight: 700;
    text-align: center
}

[dir=ltr] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content h2,
[dir=rtl] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content h2,
ui-pane.for-ui-popup.standard.new-features[dir=ltr] ui-popup[role=dialog] .feature-content h2,
ui-pane.for-ui-popup.standard.new-features[dir=rtl] ui-popup[role=dialog] .feature-content h2 {
    margin-top: 0
}

[apple-system-font-capable] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content h2 {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-margin-before: 40px;
    margin-block-start: 40px
}

[dir=ltr] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list,
[dir=rtl] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list,
ui-pane.for-ui-popup.standard.new-features[dir=ltr] ui-popup[role=dialog] .feature-content .feature-list,
ui-pane.for-ui-popup.standard.new-features[dir=rtl] ui-popup[role=dialog] .feature-content .feature-list {
    margin-top: 40px
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list .feature-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    inline-size: auto;
    max-inline-size: 535px;
    margin-block: 20px
}

[dir=ltr] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list .feature-block,
[dir=rtl] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list .feature-block,
ui-pane.for-ui-popup.standard.new-features[dir=ltr] ui-popup[role=dialog] .feature-content .feature-list .feature-block,
ui-pane.for-ui-popup.standard.new-features[dir=rtl] ui-popup[role=dialog] .feature-content .feature-list .feature-block {
    width: auto;
    max-width: 535px;
    margin-top: 20px;
    margin-bottom: 20px
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list .feature-block .feature-symbol {
    inline-size: 60px
}

[dir=ltr] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list .feature-block .feature-symbol,
[dir=rtl] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list .feature-block .feature-symbol,
ui-pane.for-ui-popup.standard.new-features[dir=ltr] ui-popup[role=dialog] .feature-content .feature-list .feature-block .feature-symbol,
ui-pane.for-ui-popup.standard.new-features[dir=rtl] ui-popup[role=dialog] .feature-content .feature-list .feature-block .feature-symbol {
    width: 60px
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list .feature-block .feature-symbol>svg {
    inset-block-start: -9px;
    inset-inline-start: -20px;
    position: relative;
    -webkit-margin-end: 25px;
    margin-inline-end: 25px
}

[dir=ltr] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list .feature-block .feature-symbol>svg,
ui-pane.for-ui-popup.standard.new-features[dir=ltr] ui-popup[role=dialog] .feature-content .feature-list .feature-block .feature-symbol>svg {
    top: -9px;
    left: -20px;
    margin-right: 25px
}

[dir=rtl] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list .feature-block .feature-symbol>svg,
ui-pane.for-ui-popup.standard.new-features[dir=rtl] ui-popup[role=dialog] .feature-content .feature-list .feature-block .feature-symbol>svg {
    top: -9px;
    right: -20px;
    margin-left: 25px
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list .feature-block .feature-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    inline-size: auto;
    max-inline-size: 475px
}

[dir=ltr] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list .feature-block .feature-info,
[dir=rtl] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list .feature-block .feature-info,
ui-pane.for-ui-popup.standard.new-features[dir=ltr] ui-popup[role=dialog] .feature-content .feature-list .feature-block .feature-info,
ui-pane.for-ui-popup.standard.new-features[dir=rtl] ui-popup[role=dialog] .feature-content .feature-list .feature-block .feature-info {
    width: auto;
    max-width: 475px
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list h3 {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 23px
}

[apple-system-font-capable] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list h3 {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list p {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px
}

[apple-system-font-capable] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list p {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list ui-button.more-info {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    position: relative;
    inset-inline-start: -7px;
    padding-inline: 6px;
    padding-block: 0;
    block-size: 25px;
    inline-size: -webkit-fit-content;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    -webkit-margin-start: 1px;
    margin-inline-start: 1px
}

[dir=ltr] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list ui-button.more-info,
ui-pane.for-ui-popup.standard.new-features[dir=ltr] ui-popup[role=dialog] .feature-content .feature-list ui-button.more-info {
    left: -7px;
    height: 25px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 1px;
    padding: 0 6px
}

[dir=rtl] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list ui-button.more-info,
ui-pane.for-ui-popup.standard.new-features[dir=rtl] ui-popup[role=dialog] .feature-content .feature-list ui-button.more-info {
    right: -7px;
    height: 25px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 1px;
    padding: 0 6px
}

[apple-system-font-capable] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list ui-button.more-info {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list .release-notes-block {
    background-color: var(--theme-color-backgroundLayer1);
    border-radius: 10px;
    -webkit-margin-before: 25px;
    margin-block-start: 25px;
    -webkit-margin-after: 20px;
    margin-block-end: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    inline-size: auto;
    max-inline-size: 535px
}

[dir=ltr] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list .release-notes-block,
[dir=rtl] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list .release-notes-block,
ui-pane.for-ui-popup.standard.new-features[dir=ltr] ui-popup[role=dialog] .feature-content .feature-list .release-notes-block,
ui-pane.for-ui-popup.standard.new-features[dir=rtl] ui-popup[role=dialog] .feature-content .feature-list .release-notes-block {
    margin-top: 25px;
    margin-bottom: 20px;
    width: auto;
    max-width: 535px
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list .release-notes-block .release-notes-content {
    margin: 20px
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list .release-notes-block ui-button.more-info {
    position: relative;
    inset-inline-start: -5px;
    block-size: 25px
}

[dir=ltr] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list .release-notes-block ui-button.more-info,
ui-pane.for-ui-popup.standard.new-features[dir=ltr] ui-popup[role=dialog] .feature-content .feature-list .release-notes-block ui-button.more-info {
    left: -5px;
    height: 25px
}

[dir=rtl] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list .release-notes-block ui-button.more-info,
ui-pane.for-ui-popup.standard.new-features[dir=rtl] ui-popup[role=dialog] .feature-content .feature-list .release-notes-block ui-button.more-info {
    right: -5px;
    height: 25px
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] ui-overlay-actions {
    border: none;
    inline-size: auto;
    max-inline-size: 700px;
    inset-block-end: 0;
    margin: 0;
    -webkit-padding-before: 30px;
    padding-block-start: 30px;
    -webkit-padding-after: 50px;
    padding-block-end: 50px;
    text-align: center
}

[dir=ltr] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] ui-overlay-actions,
[dir=rtl] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] ui-overlay-actions,
ui-pane.for-ui-popup.standard.new-features[dir=ltr] ui-popup[role=dialog] ui-overlay-actions,
ui-pane.for-ui-popup.standard.new-features[dir=rtl] ui-popup[role=dialog] ui-overlay-actions {
    width: auto;
    max-width: 700px;
    bottom: 0;
    padding-top: 30px;
    padding-bottom: 50px
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] ui-overlay-actions ui-button {
    inline-size: 250px
}

[dir=ltr] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] ui-overlay-actions ui-button,
[dir=rtl] ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] ui-overlay-actions ui-button,
ui-pane.for-ui-popup.standard.new-features[dir=ltr] ui-popup[role=dialog] ui-overlay-actions ui-button,
ui-pane.for-ui-popup.standard.new-features[dir=rtl] ui-popup[role=dialog] ui-overlay-actions ui-button {
    width: 250px
}

[data-overflow-fade=true] {
    contain: layout
}

[data-overflow-fade=true] [data-overflow-fade-content-start] {
    -webkit-margin-before: -webkit-calc(var(--fadeSize)*-1);
    margin-block-start: calc(var(--fadeSize)*-1)
}

[data-overflow-fade=true][dir=ltr] [data-overflow-fade-content-start],
[data-overflow-fade=true][dir=rtl] [data-overflow-fade-content-start],
[dir=ltr] [data-overflow-fade=true] [data-overflow-fade-content-start],
[dir=rtl] [data-overflow-fade=true] [data-overflow-fade-content-start] {
    margin-top: calc(var(--fadeSize)*-1)
}

[data-overflow-fade=true] [data-overflow-fade-content-end] {
    -webkit-margin-after: -webkit-calc(var(--fadeSize)*-1);
    margin-block-end: calc(var(--fadeSize)*-1)
}

[data-overflow-fade=true][dir=ltr] [data-overflow-fade-content-end],
[data-overflow-fade=true][dir=rtl] [data-overflow-fade-content-end],
[dir=ltr] [data-overflow-fade=true] [data-overflow-fade-content-end],
[dir=rtl] [data-overflow-fade=true] [data-overflow-fade-content-end] {
    margin-bottom: calc(var(--fadeSize)*-1)
}

[data-overflow-fade=true]:after,
[data-overflow-fade=true]:before {
    content: "";
    background-image: var(--fadeGradient);
    background-repeat: no-repeat;
    position: -webkit-sticky;
    position: sticky;
    block-size: var(--fadeSize);
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    pointer-events: none
}

[data-overflow-fade=true][dir=ltr]:after,
[data-overflow-fade=true][dir=ltr]:before,
[data-overflow-fade=true][dir=rtl]:after,
[data-overflow-fade=true][dir=rtl]:before,
[dir=ltr] [data-overflow-fade=true]:after,
[dir=ltr] [data-overflow-fade=true]:before,
[dir=rtl] [data-overflow-fade=true]:after,
[dir=rtl] [data-overflow-fade=true]:before {
    height: var(--fadeSize)
}

[data-overflow-fade=true]:before {
    inset-block-start: 0;
    background-position-y: -webkit-calc(var(--fadeSize)*-1 - var(--fadeTopHeight)*-1);
    background-position-y: calc(var(--fadeSize)*-1 - var(--fadeTopHeight)*-1);
    z-index: 1
}

[data-overflow-fade=true][dir=ltr]:before,
[data-overflow-fade=true][dir=rtl]:before,
[dir=ltr] [data-overflow-fade=true]:before,
[dir=rtl] [data-overflow-fade=true]:before {
    top: 0
}

[data-overflow-fade=true]:after {
    inset-block-end: 0;
    background-position-y: -webkit-calc(var(--fadeSize)*-1 - var(--fadeBottomHeight)*-1);
    background-position-y: calc(var(--fadeSize)*-1 - var(--fadeBottomHeight)*-1);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-margin-before: auto;
    margin-block-start: auto
}

[data-overflow-fade=true][dir=ltr]:after,
[data-overflow-fade=true][dir=rtl]:after,
[dir=ltr] [data-overflow-fade=true]:after,
[dir=rtl] [data-overflow-fade=true]:after {
    bottom: 0;
    margin-top: auto
}

ui-pane.modal-with-close-button>ui-popup[role=dialog] {
    position: relative;
    -webkit-padding-before: 0;
    padding-block-start: 0
}

[dir=ltr] ui-pane.modal-with-close-button>ui-popup[role=dialog],
[dir=rtl] ui-pane.modal-with-close-button>ui-popup[role=dialog],
ui-pane.modal-with-close-button[dir=ltr]>ui-popup[role=dialog],
ui-pane.modal-with-close-button[dir=rtl]>ui-popup[role=dialog] {
    padding-top: 0
}

ui-pane.modal-with-close-button>ui-popup[role=dialog] h2 {
    text-align: center
}

ui-pane.modal-with-close-button>ui-popup[role=dialog].compact {
    margin: 0;
    border-radius: 0;
    block-size: 100%;
    max-height: unset
}

[dir=ltr] ui-pane.modal-with-close-button>ui-popup[role=dialog].compact,
[dir=rtl] ui-pane.modal-with-close-button>ui-popup[role=dialog].compact,
ui-pane.modal-with-close-button[dir=ltr]>ui-popup[role=dialog].compact,
ui-pane.modal-with-close-button[dir=rtl]>ui-popup[role=dialog].compact {
    height: 100%
}

ui-pane.modal-with-close-button>ui-popup[role=dialog] .modal-icon,
ui-pane.modal-with-close-button>ui-popup[role=dialog] .modal-title {
    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
}

ui-pane.modal-with-close-button>ui-popup[role=dialog] .modal-icon {
    -webkit-margin-before: 22px;
    margin-block-start: 22px;
    -webkit-margin-after: 20px;
    margin-block-end: 20px
}

[dir=ltr] ui-pane.modal-with-close-button>ui-popup[role=dialog] .modal-icon,
[dir=rtl] ui-pane.modal-with-close-button>ui-popup[role=dialog] .modal-icon,
ui-pane.modal-with-close-button[dir=ltr]>ui-popup[role=dialog] .modal-icon,
ui-pane.modal-with-close-button[dir=rtl]>ui-popup[role=dialog] .modal-icon {
    margin-top: 22px;
    margin-bottom: 20px
}

ui-pane.modal-with-close-button>ui-popup[role=dialog] .modal-title {
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    -webkit-margin-after: 24px;
    margin-block-end: 24px
}

[dir=ltr] ui-pane.modal-with-close-button>ui-popup[role=dialog] .modal-title,
[dir=rtl] ui-pane.modal-with-close-button>ui-popup[role=dialog] .modal-title,
ui-pane.modal-with-close-button[dir=ltr]>ui-popup[role=dialog] .modal-title,
ui-pane.modal-with-close-button[dir=rtl]>ui-popup[role=dialog] .modal-title {
    margin-bottom: 24px
}

[apple-system-font-capable] ui-pane.modal-with-close-button>ui-popup[role=dialog] .modal-title {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-pane.modal-with-close-button>ui-popup[role=dialog] .modal-description {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--theme-color-labelSecondary);
    text-align: center;
    -webkit-margin-after: 45px;
    margin-block-end: 45px;
    padding-inline: 20px
}

[dir=ltr] ui-pane.modal-with-close-button>ui-popup[role=dialog] .modal-description,
[dir=rtl] ui-pane.modal-with-close-button>ui-popup[role=dialog] .modal-description,
ui-pane.modal-with-close-button[dir=ltr]>ui-popup[role=dialog] .modal-description,
ui-pane.modal-with-close-button[dir=rtl]>ui-popup[role=dialog] .modal-description {
    margin-bottom: 45px;
    padding-left: 20px;
    padding-right: 20px
}

[apple-system-font-capable] ui-pane.modal-with-close-button>ui-popup[role=dialog] .modal-description {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-pane.modal-with-close-button>ui-popup[role=dialog] .modal-content {
    margin-inline: 30px;
    -webkit-margin-after: 60px;
    margin-block-end: 60px;
    min-block-size: 600px
}

[dir=ltr] ui-pane.modal-with-close-button>ui-popup[role=dialog] .modal-content,
[dir=rtl] ui-pane.modal-with-close-button>ui-popup[role=dialog] .modal-content,
ui-pane.modal-with-close-button[dir=ltr]>ui-popup[role=dialog] .modal-content,
ui-pane.modal-with-close-button[dir=rtl]>ui-popup[role=dialog] .modal-content {
    margin-bottom: 60px;
    min-height: 600px;
    margin-left: 30px;
    margin-right: 30px
}

ui-pane.modal-with-close-button>ui-popup[role=dialog] .close-button-bar {
    position: -webkit-sticky;
    position: sticky;
    -webkit-padding-before: 20px;
    padding-block-start: 20px;
    inset-block-start: 0;
    -webkit-margin-after: 20px;
    margin-block-end: 20px;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

[dir=ltr] ui-pane.modal-with-close-button>ui-popup[role=dialog] .close-button-bar,
[dir=rtl] ui-pane.modal-with-close-button>ui-popup[role=dialog] .close-button-bar,
ui-pane.modal-with-close-button[dir=ltr]>ui-popup[role=dialog] .close-button-bar,
ui-pane.modal-with-close-button[dir=rtl]>ui-popup[role=dialog] .close-button-bar {
    padding-top: 20px;
    top: 0;
    margin-bottom: 20px
}

ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] {
    max-inline-size: 100%;
    inline-size: 100%;
    max-block-size: 100%;
    block-size: 100%;
    margin: 0;
    border-radius: 0
}

[dir=ltr] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog],
[dir=rtl] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog],
ui-pane.release-notes-modal.for-ui-popup.standard[dir=ltr] ui-popup[role=dialog],
ui-pane.release-notes-modal.for-ui-popup.standard[dir=rtl] ui-popup[role=dialog] {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: 100%
}

ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .close-button-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    padding-inline: 12px;
    -webkit-padding-before: 36px;
    padding-block-start: 36px;
    background-color: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

[dir=ltr] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .close-button-bar,
[dir=rtl] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .close-button-bar,
ui-pane.release-notes-modal.for-ui-popup.standard[dir=ltr] ui-popup[role=dialog] .close-button-bar,
ui-pane.release-notes-modal.for-ui-popup.standard[dir=rtl] ui-popup[role=dialog] .close-button-bar {
    padding-top: 36px;
    padding-left: 12px;
    padding-right: 12px
}

ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .close-button-bar:before {
    content: " ";
    position: absolute;
    inset-inline: 0;
    inset-block-start: 0;
    block-size: 156px;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color-backgroundPrimary)), color-stop(50%, var(--theme-color-backgroundPrimary)), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(180deg, var(--theme-color-backgroundPrimary), var(--theme-color-backgroundPrimary) 50%, hsla(0, 0%, 100%, 0))
}

[dir=ltr] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .close-button-bar:before,
[dir=rtl] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .close-button-bar:before,
ui-pane.release-notes-modal.for-ui-popup.standard[dir=ltr] ui-popup[role=dialog] .close-button-bar:before,
ui-pane.release-notes-modal.for-ui-popup.standard[dir=rtl] ui-popup[role=dialog] .close-button-bar:before {
    top: 0;
    height: 156px;
    left: 0;
    right: 0
}

ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .close-button-bar .modal-header,
ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .close-button-bar ui-button {
    z-index: 1
}

ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] article.content {
    margin-inline: 141px 160px
}

[dir=ltr] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] article.content,
ui-pane.release-notes-modal.for-ui-popup.standard[dir=ltr] ui-popup[role=dialog] article.content {
    margin-left: 141px;
    margin-right: 160px
}

[dir=rtl] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] article.content,
ui-pane.release-notes-modal.for-ui-popup.standard[dir=rtl] ui-popup[role=dialog] article.content {
    margin-right: 141px;
    margin-left: 160px
}

@media (max-width:759px) {
    ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] article.content {
        margin-inline: 11px 10px
    }
    [dir=ltr] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] article.content,
    ui-pane.release-notes-modal.for-ui-popup.standard[dir=ltr] ui-popup[role=dialog] article.content {
        margin-left: 11px;
        margin-right: 10px
    }
    [dir=rtl] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] article.content,
    ui-pane.release-notes-modal.for-ui-popup.standard[dir=rtl] ui-popup[role=dialog] article.content {
        margin-right: 11px;
        margin-left: 10px
    }
}

ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .icloud-logo {
    -webkit-margin-after: -53px;
    margin-block-end: -53px
}

[dir=ltr] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .icloud-logo,
[dir=rtl] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .icloud-logo,
ui-pane.release-notes-modal.for-ui-popup.standard[dir=ltr] ui-popup[role=dialog] .icloud-logo,
ui-pane.release-notes-modal.for-ui-popup.standard[dir=rtl] ui-popup[role=dialog] .icloud-logo {
    margin-bottom: -53px
}

ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .icloud-logo,
ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .subheadline,
ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] h2 {
    text-align: center
}

ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .feature {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .feature .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] h2 {
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 56px;
    font-weight: 600;
    letter-spacing: -.28px;
    line-height: 56px;
    -webkit-margin-after: 5px;
    margin-block-end: 5px
}

[dir=ltr] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] h2,
[dir=rtl] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] h2,
ui-pane.release-notes-modal.for-ui-popup.standard[dir=ltr] ui-popup[role=dialog] h2,
ui-pane.release-notes-modal.for-ui-popup.standard[dir=rtl] ui-popup[role=dialog] h2 {
    margin-bottom: 5px
}

[apple-system-font-capable] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] h2 {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .subheadline {
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .1px;
    line-height: 32px;
    -webkit-margin-after: 60px;
    margin-block-end: 60px
}

[dir=ltr] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .subheadline,
[dir=rtl] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .subheadline,
ui-pane.release-notes-modal.for-ui-popup.standard[dir=ltr] ui-popup[role=dialog] .subheadline,
ui-pane.release-notes-modal.for-ui-popup.standard[dir=rtl] ui-popup[role=dialog] .subheadline {
    margin-bottom: 60px
}

[apple-system-font-capable] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .subheadline {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] h3 {
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: .13px;
    line-height: 32px
}

[apple-system-font-capable] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] h3 {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] h4 {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 23px;
    scroll-margin-block-start: 156px
}

[apple-system-font-capable] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] h4 {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] article.section {
    -webkit-margin-after: 50px;
    margin-block-end: 50px
}

[dir=ltr] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] article.section,
[dir=rtl] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] article.section,
ui-pane.release-notes-modal.for-ui-popup.standard[dir=ltr] ui-popup[role=dialog] article.section,
ui-pane.release-notes-modal.for-ui-popup.standard[dir=rtl] ui-popup[role=dialog] article.section {
    margin-bottom: 50px
}

ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] article.feature {
    margin-block: 40px
}

[dir=ltr] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] article.feature,
[dir=rtl] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] article.feature,
ui-pane.release-notes-modal.for-ui-popup.standard[dir=ltr] ui-popup[role=dialog] article.feature,
ui-pane.release-notes-modal.for-ui-popup.standard[dir=rtl] ui-popup[role=dialog] article.feature {
    margin-top: 40px;
    margin-bottom: 40px
}

ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] article.feature .body {
    -webkit-margin-before: 3px;
    margin-block-start: 3px;
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px
}

[dir=ltr] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] article.feature .body,
[dir=rtl] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] article.feature .body,
ui-pane.release-notes-modal.for-ui-popup.standard[dir=ltr] ui-popup[role=dialog] article.feature .body,
ui-pane.release-notes-modal.for-ui-popup.standard[dir=rtl] ui-popup[role=dialog] article.feature .body {
    margin-top: 3px
}

[apple-system-font-capable] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] article.feature .body {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .symbol {
    -webkit-margin-end: 26px;
    margin-inline-end: 26px;
    text-align: center;
    inline-size: 40px;
    min-inline-size: 40px;
    -webkit-margin-before: 4px;
    margin-block-start: 4px
}

[dir=ltr] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .symbol,
ui-pane.release-notes-modal.for-ui-popup.standard[dir=ltr] ui-popup[role=dialog] .symbol {
    margin-right: 26px;
    width: 40px;
    min-width: 40px;
    margin-top: 4px
}

[dir=rtl] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .symbol,
ui-pane.release-notes-modal.for-ui-popup.standard[dir=rtl] ui-popup[role=dialog] .symbol {
    margin-left: 26px;
    width: 40px;
    min-width: 40px;
    margin-top: 4px
}

ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .symbol svg {
    overflow: visible
}

ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .modal-header {
    display: none
}

ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog].show-modal-header .modal-header {
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    display: inline;
    -webkit-padding-end: 28px;
    padding-inline-end: 28px;
    margin-inline: auto
}

[dir=ltr] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog].show-modal-header .modal-header,
ui-pane.release-notes-modal.for-ui-popup.standard[dir=ltr] ui-popup[role=dialog].show-modal-header .modal-header {
    padding-right: 28px;
    margin-left: auto;
    margin-right: auto
}

[dir=rtl] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog].show-modal-header .modal-header,
ui-pane.release-notes-modal.for-ui-popup.standard[dir=rtl] ui-popup[role=dialog].show-modal-header .modal-header {
    padding-left: 28px;
    margin-right: auto;
    margin-left: auto
}

[apple-system-font-capable] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog].show-modal-header .modal-header {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-pane.for-ui-popup.standard.splash-screen-modal:has(ui-popup[role=dialog].compact) {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0
}

ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog].regular {
    max-inline-size: 740px
}

[dir=ltr] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog].regular,
[dir=rtl] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog].regular,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=ltr] ui-popup[role=dialog].regular,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=rtl] ui-popup[role=dialog].regular {
    max-width: 740px
}

ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog].compact {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
    -webkit-margin-before: 10px;
    margin-block-start: 10px;
    border-end-start-radius: 0;
    border-end-end-radius: 0;
    max-inline-size: 680px;
    max-block-size: 100%
}

[dir=ltr] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog].compact,
[dir=rtl] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog].compact,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=ltr] ui-popup[role=dialog].compact,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=rtl] ui-popup[role=dialog].compact {
    margin-top: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    max-width: 680px;
    max-height: 100%
}

ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog].compact .invites-splash-screen {
    padding-inline: 10px
}

[dir=ltr] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog].compact .invites-splash-screen,
[dir=rtl] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog].compact .invites-splash-screen,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=ltr] ui-popup[role=dialog].compact .invites-splash-screen,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=rtl] ui-popup[role=dialog].compact .invites-splash-screen {
    padding-left: 10px;
    padding-right: 10px
}

ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog].compact .content-container {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-inline: 30px
}

[dir=ltr] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog].compact .content-container,
[dir=rtl] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog].compact .content-container,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=ltr] ui-popup[role=dialog].compact .content-container,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=rtl] ui-popup[role=dialog].compact .content-container {
    padding-left: 30px;
    padding-right: 30px
}

ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog].compact .feature-symbol {
    min-inline-size: 40px
}

[dir=ltr] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog].compact .feature-symbol,
[dir=rtl] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog].compact .feature-symbol,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=ltr] ui-popup[role=dialog].compact .feature-symbol,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=rtl] ui-popup[role=dialog].compact .feature-symbol {
    min-width: 40px
}

ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog].compact .header-image {
    block-size: auto
}

[dir=ltr] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog].compact .header-image,
[dir=rtl] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog].compact .header-image,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=ltr] ui-popup[role=dialog].compact .header-image,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=rtl] ui-popup[role=dialog].compact .header-image {
    height: auto
}

ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .invites-splash-screen {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-block: 40px;
    padding-inline: 50px
}

[dir=ltr] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .invites-splash-screen,
[dir=rtl] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .invites-splash-screen,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=ltr] ui-popup[role=dialog] .invites-splash-screen,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=rtl] ui-popup[role=dialog] .invites-splash-screen {
    padding: 40px 50px
}

ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .content-container {
    padding-inline: 65px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-margin-before: 10px;
    margin-block-start: 10px
}

[dir=ltr] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .content-container,
[dir=rtl] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .content-container,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=ltr] ui-popup[role=dialog] .content-container,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=rtl] ui-popup[role=dialog] .content-container {
    margin-top: 10px;
    padding-left: 65px;
    padding-right: 65px
}

ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] h2 {
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: .13px;
    line-height: 32px;
    color: var(--theme-color-labelPrimary);
    text-align: center;
    max-inline-size: 450px
}

[dir=ltr] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] h2,
[dir=rtl] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] h2,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=ltr] ui-popup[role=dialog] h2,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=rtl] ui-popup[role=dialog] h2 {
    max-width: 450px
}

[apple-system-font-capable] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] h2 {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .header-image {
    inline-size: 100%
}

[dir=ltr] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .header-image,
[dir=rtl] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .header-image,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=ltr] ui-popup[role=dialog] .header-image,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=rtl] ui-popup[role=dialog] .header-image {
    width: 100%
}

ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .header-image img {
    inline-size: 100%
}

[dir=ltr] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .header-image img,
[dir=rtl] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .header-image img,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=ltr] ui-popup[role=dialog] .header-image img,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=rtl] ui-popup[role=dialog] .header-image img {
    width: 100%
}

ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .feature-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-margin-before: 20px;
    margin-block-start: 20px;
    -webkit-margin-after: 50px;
    margin-block-end: 50px
}

[dir=ltr] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .feature-list,
[dir=rtl] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .feature-list,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=ltr] ui-popup[role=dialog] .feature-list,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=rtl] ui-popup[role=dialog] .feature-list {
    margin-top: 20px;
    margin-bottom: 50px
}

ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .feature-list h3 {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 23px
}

[apple-system-font-capable] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .feature-list h3 {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .feature-list p {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    color: var(--theme-color-labelSecondary);
    -webkit-margin-before: 5px;
    margin-block-start: 5px
}

[dir=ltr] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .feature-list p,
[dir=rtl] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .feature-list p,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=ltr] ui-popup[role=dialog] .feature-list p,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=rtl] ui-popup[role=dialog] .feature-list p {
    margin-top: 5px
}

[apple-system-font-capable] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .feature-list p {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .feature-list .feature-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    inline-size: auto;
    -webkit-margin-before: 20px;
    margin-block-start: 20px
}

[dir=ltr] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .feature-list .feature-block,
[dir=rtl] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .feature-list .feature-block,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=ltr] ui-popup[role=dialog] .feature-list .feature-block,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=rtl] ui-popup[role=dialog] .feature-list .feature-block {
    width: auto;
    margin-top: 20px
}

ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .feature-list .feature-block .feature-symbol {
    min-inline-size: 40px;
    -webkit-margin-end: 20px;
    margin-inline-end: 20px;
    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
}

[dir=ltr] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .feature-list .feature-block .feature-symbol,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=ltr] ui-popup[role=dialog] .feature-list .feature-block .feature-symbol {
    min-width: 40px;
    margin-right: 20px
}

[dir=rtl] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .feature-list .feature-block .feature-symbol,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=rtl] ui-popup[role=dialog] .feature-list .feature-block .feature-symbol {
    min-width: 40px;
    margin-left: 20px
}

ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .feature-list .feature-block .feature-symbol>svg {
    fill: var(--theme-color-systemBlue)
}

ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .feature-list .feature-block .feature-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    inline-size: auto;
    max-inline-size: 475px
}

[dir=ltr] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .feature-list .feature-block .feature-info,
[dir=rtl] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] .feature-list .feature-block .feature-info,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=ltr] ui-popup[role=dialog] .feature-list .feature-block .feature-info,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=rtl] ui-popup[role=dialog] .feature-list .feature-block .feature-info {
    width: auto;
    max-width: 475px
}

ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] ui-overlay-actions {
    inline-size: 100%
}

[dir=ltr] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] ui-overlay-actions,
[dir=rtl] ui-pane.for-ui-popup.standard.splash-screen-modal ui-popup[role=dialog] ui-overlay-actions,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=ltr] ui-popup[role=dialog] ui-overlay-actions,
ui-pane.for-ui-popup.standard.splash-screen-modal[dir=rtl] ui-popup[role=dialog] ui-overlay-actions {
    width: 100%
}

html {
    min-height: 100%;
    flex-direction: column
}

body,
html {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column
}

body {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    line-height: 1.2;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -ms-content-zooming: none
}

[apple-system-font-capable] body {
    font-family: system-ui, Helvetica Neue, sans-serif
}

body:not(.disable-scroll) {
    -ms-touch-action: pan-y !important;
    touch-action: pan-y !important
}

body.disable-scroll {
    overflow: hidden;
    position: fixed;
    block-size: 100%;
    inline-size: 100%
}

[dir=ltr] body.disable-scroll,
[dir=rtl] body.disable-scroll,
body.disable-scroll[dir=ltr],
body.disable-scroll[dir=rtl] {
    height: 100%;
    width: 100%
}

.ie>body {
    min-height: 100vh
}

.cw-button {
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms
}

body>.cw-pane-container,
body>.cw-pane-container>div {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    block-size: 100%;
    min-block-size: 0
}

[dir=ltr] body>.cw-pane-container,
[dir=ltr] body>.cw-pane-container>div,
[dir=rtl] body>.cw-pane-container,
[dir=rtl] body>.cw-pane-container>div,
body[dir=ltr]>.cw-pane-container,
body[dir=ltr]>.cw-pane-container>div,
body[dir=rtl]>.cw-pane-container,
body[dir=rtl]>.cw-pane-container>div {
    height: 100%;
    min-height: 0
}

.screenreader-only-content {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.screenreader-only-content:focus-within {
    opacity: 1;
    pointer-events: inherit
}

.redirect-page {
    -webkit-padding-before: 0;
    padding-block-start: 0;
    inline-size: 100%;
    min-block-size: 100vh;
    background-color: #fff
}

.redirect-page[dir=ltr],
.redirect-page[dir=rtl],
[dir=ltr] .redirect-page,
[dir=rtl] .redirect-page {
    padding-top: 0;
    width: 100%;
    min-height: 100vh
}

.notification-presenter {
    position: fixed;
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 100%;
    block-size: 100%;
    pointer-events: none;
    z-index: 1
}

.notification-presenter[dir=ltr],
[dir=ltr] .notification-presenter {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.notification-presenter[dir=rtl],
[dir=rtl] .notification-presenter {
    right: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.slide-in {
    -webkit-animation: slide-in .45s ease-in-out forwards;
    animation: slide-in .45s ease-in-out forwards;
    will-change: transform
}

@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateY(-150px);
        transform: translateY(-150px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-150px);
        transform: translateY(-150px)
    }
}

.slide-out {
    -webkit-animation: slide-out .45s ease-in-out forwards;
    animation: slide-out .45s ease-in-out forwards;
    will-change: transform
}

@keyframes slide-in {
    0% {
        -webkit-transform: translateY(-150px);
        transform: translateY(-150px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-out {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-150px);
        transform: translateY(-150px)
    }
}

@-webkit-keyframes ui-activity-indicator-keyframe-ufc2b3e92 {
    0% {
        opacity: .1
    }
    to {
        opacity: .8
    }
}

@keyframes ui-activity-indicator-keyframe-ufc2b3e92 {
    0% {
        opacity: .1
    }
    to {
        opacity: .8
    }
}

ui-activity-indicator.standard ui-spinner-nib {
    -webkit-animation-name: ui-activity-indicator-keyframe-ufc2b3e92;
    animation-name: ui-activity-indicator-keyframe-ufc2b3e92
}

.show-modal-pane-centered {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    inline-size: 100%;
    block-size: 100%
}

.show-modal-pane-centered[dir=ltr],
.show-modal-pane-centered[dir=rtl],
[dir=ltr] .show-modal-pane-centered,
[dir=rtl] .show-modal-pane-centered {
    width: 100%;
    height: 100%
}

.cloudos-alert {
    margin: auto;
    background-color: var(--theme-color-backgroundPrimary);
    border-radius: 12px;
    -webkit-box-shadow: var(--theme-boxShadow-standard);
    box-shadow: var(--theme-boxShadow-standard);
    max-inline-size: 450px;
    padding-inline: 40px;
    -webkit-padding-before: 40px;
    padding-block-start: 40px;
    -webkit-padding-after: 30px;
    padding-block-end: 30px
}

.cloudos-alert[dir=ltr],
.cloudos-alert[dir=rtl],
[dir=ltr] .cloudos-alert,
[dir=rtl] .cloudos-alert {
    max-width: 450px;
    padding: 40px 40px 30px
}

.cloudos-alert.compact {
    max-inline-size: 335px;
    padding-inline: 25px
}

.cloudos-alert.compact[dir=ltr],
.cloudos-alert.compact[dir=rtl],
[dir=ltr] .cloudos-alert.compact,
[dir=rtl] .cloudos-alert.compact {
    max-width: 335px;
    padding-left: 25px;
    padding-right: 25px
}

.cloudos-alert * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cloudos-alert .alert-main-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cloudos-alert .alert-main-content .alert-cloud-icon {
    fill: var(--theme-color-systemBlue)
}

.cloudos-alert .main-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    min-block-size: 40px;
    overflow: auto
}

.cloudos-alert[dir=ltr] .main-container,
.cloudos-alert[dir=rtl] .main-container,
[dir=ltr] .cloudos-alert .main-container,
[dir=rtl] .cloudos-alert .main-container {
    min-height: 40px
}

.cloudos-alert .main-container ui-overlay-actions.standard {
    padding: 0;
    -webkit-margin-before: 20px;
    margin-block-start: 20px
}

.cloudos-alert[dir=ltr] .main-container ui-overlay-actions.standard,
.cloudos-alert[dir=rtl] .main-container ui-overlay-actions.standard,
[dir=ltr] .cloudos-alert .main-container ui-overlay-actions.standard,
[dir=rtl] .cloudos-alert .main-container ui-overlay-actions.standard {
    margin-top: 20px
}

.cloudos-alert .alert-main-content .alert-text-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    min-inline-size: 1px
}

.cloudos-alert[dir=ltr] .alert-main-content .alert-text-container,
.cloudos-alert[dir=rtl] .alert-main-content .alert-text-container,
[dir=ltr] .cloudos-alert .alert-main-content .alert-text-container,
[dir=rtl] .cloudos-alert .alert-main-content .alert-text-container {
    min-width: 1px
}

.cloudos-alert .alert-main-content~:empty {
    display: none
}

.cloudos-alert .alert-text-container>* {
    margin: 0;
    padding: 0;
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
    cursor: text;
    font-weight: inherit
}

.cloudos-alert .alert-text-container>:focus {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    outline: none
}

.cloudos-alert .alert-text-container h1 {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 23px;
    color: var(--theme-color-labelPrimary);
    text-align: center;
    -webkit-padding-before: 12px;
    padding-block-start: 12px;
    -webkit-padding-after: 15px;
    padding-block-end: 15px
}

.cloudos-alert[dir=ltr] .alert-text-container h1,
.cloudos-alert[dir=rtl] .alert-text-container h1,
[dir=ltr] .cloudos-alert .alert-text-container h1,
[dir=rtl] .cloudos-alert .alert-text-container h1 {
    padding-top: 12px;
    padding-bottom: 15px
}

[apple-system-font-capable] .cloudos-alert .alert-text-container h1 {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.cloudos-alert .alert-text-container p {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--theme-color-labelSecondary);
    text-align: center;
    -webkit-margin-after: 10px;
    margin-block-end: 10px
}

.cloudos-alert[dir=ltr] .alert-text-container p,
.cloudos-alert[dir=rtl] .alert-text-container p,
[dir=ltr] .cloudos-alert .alert-text-container p,
[dir=rtl] .cloudos-alert .alert-text-container p {
    margin-bottom: 10px
}

[apple-system-font-capable] .cloudos-alert .alert-text-container p {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-main-pane {
    position: absolute;
    inline-size: 100%;
    block-size: 100%
}

[dir=ltr] ui-main-pane,
[dir=rtl] ui-main-pane,
ui-main-pane[dir=ltr],
ui-main-pane[dir=rtl] {
    width: 100%;
    height: 100%
}

ui-pane {
    z-index: 1
}

ui-pane-backdrop.hide,
ui-pane.hide {
    opacity: 0;
    visibility: hidden
}

.root-viewport {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 100%;
    block-size: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.root-viewport[dir=ltr],
[dir=ltr] .root-viewport {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.root-viewport[dir=rtl],
[dir=rtl] .root-viewport {
    right: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.root-viewport .init-spinner-container {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    inline-size: 100%;
    block-size: 100%;
    opacity: 0
}

.root-viewport[dir=ltr] .init-spinner-container,
.root-viewport[dir=rtl] .init-spinner-container,
[dir=ltr] .root-viewport .init-spinner-container,
[dir=rtl] .root-viewport .init-spinner-container {
    width: 100%;
    height: 100%
}

.root-viewport .init-spinner-container.showing {
    opacity: 1
}

.root-component {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    inline-size: 100%;
    position: relative;
    z-index: 0
}

.root-component[dir=ltr],
.root-component[dir=rtl],
[dir=ltr] .root-component,
[dir=rtl] .root-component {
    width: 100%
}

.root-component .error-view,
.root-component .home-view {
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto
}

.root-component .login-view {
    position: absolute
}

.root-component .login-view .authentication-view .cw-spinner-view {
    -webkit-margin-before: -22px;
    margin-block-start: -22px
}

.root-component[dir=ltr] .login-view .authentication-view .cw-spinner-view,
.root-component[dir=rtl] .login-view .authentication-view .cw-spinner-view,
[dir=ltr] .root-component .login-view .authentication-view .cw-spinner-view,
[dir=rtl] .root-component .login-view .authentication-view .cw-spinner-view {
    margin-top: -22px
}

[data-primary-interaction-mode=mouse] .root-component .login-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .5);
    min-inline-size: 768px
}

[data-primary-interaction-mode=mouse][dir=ltr] .root-component .login-view,
[data-primary-interaction-mode=mouse][dir=rtl] .root-component .login-view,
[dir=ltr] [data-primary-interaction-mode=mouse] .root-component .login-view,
[dir=rtl] [data-primary-interaction-mode=mouse] .root-component .login-view {
    min-width: 768px
}

[data-primary-interaction-mode=touch] .root-component .login-view .authentication-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.root-component .remote-ui-application-view {
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .24);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .24);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[data-primary-interaction-mode=touch] .root-component .remote-ui-application-view {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

[data-primary-interaction-mode=touch] .root-component .remote-ui-application-view .remote-ui-application-i-frame-view {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.root-component.is-showing-error-view .error-view {
    opacity: 1
}

.root-component .environment-sash {
    z-index: 3
}

.page-viewport {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 100%;
    block-size: 100%;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0
}

.page-viewport[dir=ltr],
[dir=ltr] .page-viewport {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.page-viewport[dir=rtl],
[dir=rtl] .page-viewport {
    right: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.page-viewport .page-content {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 100%;
    min-block-size: 100%
}

.page-viewport[dir=ltr] .page-content,
[dir=ltr] .page-viewport .page-content {
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%
}

.page-viewport[dir=rtl] .page-content,
[dir=rtl] .page-viewport .page-content {
    right: 0;
    top: 0;
    width: 100%;
    min-height: 100%
}

footer {
    -webkit-margin-before: 160px;
    margin-block-start: 160px
}

[dir=ltr] footer,
[dir=rtl] footer,
footer[dir=ltr],
footer[dir=rtl] {
    margin-top: 160px
}

@media (max-width:759px) {
    footer {
        -webkit-margin-before: 120px;
        margin-block-start: 120px
    }
    [dir=ltr] footer,
    [dir=rtl] footer,
    footer[dir=ltr],
    footer[dir=rtl] {
        margin-top: 120px
    }
}

@media (min-width:760px) and (max-width:1164px) {
    footer {
        -webkit-margin-before: 140px;
        margin-block-start: 140px
    }
    [dir=ltr] footer,
    [dir=rtl] footer,
    footer[dir=ltr],
    footer[dir=rtl] {
        margin-top: 140px
    }
}

.cloudos-toolbar {
    position: -webkit-sticky;
    position: sticky;
    inset-block-start: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    block-size: 44px;
    min-block-size: 44px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 0;
    padding-inline: 16px 6px
}

.cloudos-toolbar[dir=ltr],
[dir=ltr] .cloudos-toolbar {
    top: 0;
    height: 44px;
    min-height: 44px;
    padding-left: 16px;
    padding-right: 6px
}

.cloudos-toolbar[dir=rtl],
[dir=rtl] .cloudos-toolbar {
    top: 0;
    height: 44px;
    min-height: 44px;
    padding-right: 16px;
    padding-left: 6px
}

.cloudos-toolbar .action-buttons {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    z-index: 1
}

.cloudos-toolbar[dir=ltr] .action-buttons,
[dir=ltr] .cloudos-toolbar .action-buttons {
    margin-left: auto;
    margin-right: 0
}

.cloudos-toolbar[dir=rtl] .action-buttons,
[dir=rtl] .cloudos-toolbar .action-buttons {
    margin-right: auto;
    margin-left: 0
}

.cloudos-toolbar .app-title {
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 21px;
    font-weight: 600;
    -webkit-margin-start: 1px;
    margin-inline-start: 1px
}

.cloudos-toolbar[dir=ltr] .app-title,
[dir=ltr] .cloudos-toolbar .app-title {
    margin-left: 1px
}

.cloudos-toolbar[dir=rtl] .app-title,
[dir=rtl] .cloudos-toolbar .app-title {
    margin-right: 1px
}

[apple-system-font-capable] .cloudos-toolbar .app-title {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.cloudos-toolbar.homepage {
    background-color: rgba(248, 248, 252, .4);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px)
}

@media (prefers-color-scheme:dark) {
    .cloudos-toolbar.homepage {
        background-color: rgba(56, 56, 61, .6)
    }
}

[data-appearance=dark] .cloudos-toolbar.homepage {
    background-color: rgba(56, 56, 61, .6)
}

[data-appearance=light] .cloudos-toolbar.homepage {
    background-color: rgba(248, 248, 252, .4)
}

.cloudos-toolbar.login {
    background-image: none;
    background-color: rgba(251, 251, 253, .5);
    -webkit-border-after: 1px solid rgba(251, 251, 253, .5);
    border-block-end: 1px solid rgba(251, 251, 253, .5)
}

.cloudos-toolbar.login[dir=ltr],
.cloudos-toolbar.login[dir=rtl],
[dir=ltr] .cloudos-toolbar.login,
[dir=rtl] .cloudos-toolbar.login {
    border-bottom: 1px solid rgba(251, 251, 253, .5)
}

@media (prefers-color-scheme:dark) {
    .cloudos-toolbar.login {
        background-color: rgba(28, 28, 30, .5)
    }
}

[data-appearance=dark] .cloudos-toolbar.login {
    background-color: rgba(28, 28, 30, .5)
}

[data-appearance=light] .cloudos-toolbar.login {
    background-color: rgba(251, 251, 253, .5)
}

@media (prefers-color-scheme:dark) {
    .cloudos-toolbar.login {
        -webkit-border-after: 1px solid rgba(28, 28, 30, .5);
        border-block-end: 1px solid rgba(28, 28, 30, .5)
    }
    .cloudos-toolbar.login[dir=ltr],
    .cloudos-toolbar.login[dir=rtl],
    [dir=ltr] .cloudos-toolbar.login,
    [dir=rtl] .cloudos-toolbar.login {
        border-bottom: 1px solid rgba(28, 28, 30, .5)
    }
}

[data-appearance=dark] .cloudos-toolbar.login {
    -webkit-border-after: 1px solid rgba(28, 28, 30, .5);
    border-block-end: 1px solid rgba(28, 28, 30, .5)
}

[data-appearance=dark][dir=ltr] .cloudos-toolbar.login,
[data-appearance=dark][dir=rtl] .cloudos-toolbar.login,
[dir=ltr] [data-appearance=dark] .cloudos-toolbar.login,
[dir=rtl] [data-appearance=dark] .cloudos-toolbar.login {
    border-bottom: 1px solid rgba(28, 28, 30, .5)
}

[data-appearance=light] .cloudos-toolbar.login {
    -webkit-border-after: 1px solid rgba(251, 251, 253, .5);
    border-block-end: 1px solid rgba(251, 251, 253, .5)
}

[data-appearance=light][dir=ltr] .cloudos-toolbar.login,
[data-appearance=light][dir=rtl] .cloudos-toolbar.login,
[dir=ltr] [data-appearance=light] .cloudos-toolbar.login,
[dir=rtl] [data-appearance=light] .cloudos-toolbar.login {
    border-bottom: 1px solid rgba(251, 251, 253, .5)
}

.cloudos-toolbar.login:before {
    content: "";
    position: absolute;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    inset: 0;
    z-index: -1
}

.cloudos-toolbar.login[dir=ltr]:before,
.cloudos-toolbar.login[dir=rtl]:before,
[dir=ltr] .cloudos-toolbar.login:before,
[dir=rtl] .cloudos-toolbar.login:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.cloudos-toolbar.app,
.cloudos-toolbar.page {
    background-color: var(--theme-color-backgroundLayer1)
}

.cloudos-toolbar.app {
    -webkit-border-after: 1px solid var(--theme-color-gray5);
    border-block-end: 1px solid var(--theme-color-gray5)
}

.cloudos-toolbar.app[dir=ltr],
.cloudos-toolbar.app[dir=rtl],
[dir=ltr] .cloudos-toolbar.app,
[dir=rtl] .cloudos-toolbar.app {
    border-bottom: 1px solid var(--theme-color-gray5)
}

.cloudos-toolbar.app .action-buttons svg:not(.sparkles) {
    overflow: visible
}

.cloudos-toolbar.cn .app-name {
    -webkit-margin-before: -8px;
    margin-block-start: -8px;
    -webkit-margin-start: 5px;
    margin-inline-start: 5px;
    font-size: 19px
}

.cloudos-toolbar.cn[dir=ltr] .app-name,
[dir=ltr] .cloudos-toolbar.cn .app-name {
    margin-top: -8px;
    margin-left: 5px
}

.cloudos-toolbar.cn[dir=rtl] .app-name,
[dir=rtl] .cloudos-toolbar.cn .app-name {
    margin-top: -8px;
    margin-right: 5px
}

ui-button.block,
ui-button.push.block {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-sizing: border-box;
    -ms-touch-action: manipulation;
    user-select: none;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    display: inline-flex;
    position: relative;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    touch-action: manipulation;
    border-radius: 8px;
    padding-inline: 16px;
    block-size: 30px;
    font-size: 14px
}

[dir=ltr] ui-button.block,
[dir=ltr] ui-button.push.block,
[dir=rtl] ui-button.block,
[dir=rtl] ui-button.push.block,
ui-button.block[dir=ltr],
ui-button.block[dir=rtl],
ui-button.push.block[dir=ltr],
ui-button.push.block[dir=rtl] {
    height: 30px;
    padding-left: 16px;
    padding-right: 16px
}

ui-button.block svg,
ui-button.push.block svg {
    fill: currentColor
}

ui-button.block.disabled,
ui-button.block[aria-disabled=true],
ui-button.push.block.disabled,
ui-button.push.block[aria-disabled=true] {
    opacity: .3;
    cursor: default;
    pointer-events: none
}

@media (prefers-color-scheme:dark) {
    ui-button.block.disabled,
    ui-button.block[aria-disabled=true],
    ui-button.push.block.disabled,
    ui-button.push.block[aria-disabled=true] {
        opacity: .4
    }
}

[data-appearance=dark] ui-button.block.disabled,
[data-appearance=dark] ui-button.block[aria-disabled=true],
[data-appearance=dark] ui-button.push.block.disabled,
[data-appearance=dark] ui-button.push.block[aria-disabled=true] {
    opacity: .4
}

[data-appearance=light] ui-button.block.disabled,
[data-appearance=light] ui-button.block[aria-disabled=true],
[data-appearance=light] ui-button.push.block.disabled,
[data-appearance=light] ui-button.push.block[aria-disabled=true] {
    opacity: .3
}

ui-button.block:focus:not([aria-disabled=true]):not(.disabled),
ui-button.push.block:focus:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlueOpaque);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlueOpaque)
}

ui-button.block:focus:not([aria-disabled=true]):not(.disabled):before,
ui-button.push.block:focus:not([aria-disabled=true]):not(.disabled):before {
    border: 1px solid var(--theme-color-systemWhite);
    content: "";
    position: absolute;
    inset-block-start: 3px;
    inset-inline-end: 3px;
    inset-block-end: 3px;
    inset-inline-start: 3px;
    border-radius: 5px
}

[dir=ltr] ui-button.block:focus:not([aria-disabled=true]):not(.disabled):before,
[dir=ltr] ui-button.push.block:focus:not([aria-disabled=true]):not(.disabled):before,
[dir=rtl] ui-button.block:focus:not([aria-disabled=true]):not(.disabled):before,
[dir=rtl] ui-button.push.block:focus:not([aria-disabled=true]):not(.disabled):before,
ui-button.block[dir=ltr]:focus:not([aria-disabled=true]):not(.disabled):before,
ui-button.block[dir=rtl]:focus:not([aria-disabled=true]):not(.disabled):before,
ui-button.push.block[dir=ltr]:focus:not([aria-disabled=true]):not(.disabled):before,
ui-button.push.block[dir=rtl]:focus:not([aria-disabled=true]):not(.disabled):before {
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px
}

@media (prefers-color-scheme:dark) {
    ui-button.block:focus:not([aria-disabled=true]):not(.disabled):before,
    ui-button.push.block:focus:not([aria-disabled=true]):not(.disabled):before {
        border: 1px solid var(--theme-color-gray5)
    }
}

[data-appearance=dark] ui-button.block:focus:not([aria-disabled=true]):not(.disabled):before,
[data-appearance=dark] ui-button.push.block:focus:not([aria-disabled=true]):not(.disabled):before {
    border: 1px solid var(--theme-color-gray5)
}

[data-appearance=light] ui-button.block:focus:not([aria-disabled=true]):not(.disabled):before,
[data-appearance=light] ui-button.push.block:focus:not([aria-disabled=true]):not(.disabled):before {
    border: 1px solid var(--theme-color-systemWhite)
}

ui-button.block.large,
ui-button.push.block.large {
    block-size: 36px;
    font-size: 17px
}

[dir=ltr] ui-button.block.large,
[dir=ltr] ui-button.push.block.large,
[dir=rtl] ui-button.block.large,
[dir=rtl] ui-button.push.block.large,
ui-button.block.large[dir=ltr],
ui-button.block.large[dir=rtl],
ui-button.push.block.large[dir=ltr],
ui-button.push.block.large[dir=rtl] {
    height: 36px
}

ui-button.block.pressed,
ui-button.push.block.pressed {
    opacity: .3;
    cursor: default;
    pointer-events: none
}

@media (prefers-color-scheme:dark) {
    ui-button.block.pressed,
    ui-button.push.block.pressed {
        opacity: .4
    }
}

[data-appearance=dark] ui-button.block.pressed,
[data-appearance=dark] ui-button.push.block.pressed {
    opacity: .4
}

[data-appearance=light] ui-button.block.pressed,
[data-appearance=light] ui-button.push.block.pressed {
    opacity: .3
}

@media (pointer:fine) {
    ui-button.block.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),
    ui-button.push.block.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity: .3;
        cursor: default;
        pointer-events: none
    }
}

@media (pointer:fine) and (prefers-color-scheme:dark) {
    ui-button.block.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),
    ui-button.push.block.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity: .4
    }
}

@media (pointer:fine) {
    [data-appearance=dark] ui-button.block.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),
    [data-appearance=dark] ui-button.push.block.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity: .4
    }
    [data-appearance=light] ui-button.block.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),
    [data-appearance=light] ui-button.push.block.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity: .3
    }
}

ui-button.block.neutral,
ui-button.push.block.neutral {
    background-color: var(--theme-color-gray1);
    color: var(--theme-color-systemWhite)
}

@media (pointer:fine) {
    ui-button.block.neutral:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),
    ui-button.push.block.neutral:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color: hsla(var(--theme-color-gray1-h), var(--theme-color-gray1-s), -webkit-calc(var(--theme-color-gray1-l) - var(--theme-darken-background-hover)), 1);
        background-color: hsla(var(--theme-color-gray1-h), var(--theme-color-gray1-s), calc(var(--theme-color-gray1-l) - var(--theme-darken-background-hover)), 1)
    }
}

ui-button.block.neutral.active:not([aria-disabled=true]):not(.disabled),
ui-button.block.neutral:active:hover:not([aria-disabled=true]):not(.disabled),
ui-button.push.block.neutral.active:not([aria-disabled=true]):not(.disabled),
ui-button.push.block.neutral:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: hsla(var(--theme-color-gray1-h), var(--theme-color-gray1-s), -webkit-calc(var(--theme-color-gray1-l) - var(--theme-darken-background-active)), 1);
    background-color: hsla(var(--theme-color-gray1-h), var(--theme-color-gray1-s), calc(var(--theme-color-gray1-l) - var(--theme-darken-background-active)), 1);
    color: hsla(var(--theme-color-systemWhite-h), var(--theme-color-systemWhite-s), -webkit-calc(var(--theme-color-systemWhite-l)), var(--theme-opacity-text-active));
    color: hsla(var(--theme-color-systemWhite-h), var(--theme-color-systemWhite-s), calc(var(--theme-color-systemWhite-l)), var(--theme-opacity-text-active))
}

ui-button.block.secondary,
ui-button.push.block.secondary {
    background-color: var(--theme-color-gray5);
    color: var(--theme-color-labelPrimary)
}

@media (prefers-color-scheme:dark) {
    ui-button.block.secondary,
    ui-button.push.block.secondary {
        background-color: var(--theme-color-gray4)
    }
}

[data-appearance=dark] ui-button.block.secondary,
[data-appearance=dark] ui-button.push.block.secondary {
    background-color: var(--theme-color-gray4)
}

[data-appearance=light] ui-button.block.secondary,
[data-appearance=light] ui-button.push.block.secondary {
    background-color: var(--theme-color-gray5)
}

@media (pointer:fine) {
    ui-button.block.secondary:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),
    ui-button.push.block.secondary:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color: hsla(var(--theme-color-gray5-h), var(--theme-color-gray5-s), -webkit-calc(var(--theme-color-gray5-l) - var(--theme-darken-background-hover)), 1);
        background-color: hsla(var(--theme-color-gray5-h), var(--theme-color-gray5-s), calc(var(--theme-color-gray5-l) - var(--theme-darken-background-hover)), 1)
    }
}

ui-button.block.secondary.active:not([aria-disabled=true]):not(.disabled),
ui-button.block.secondary:active:hover:not([aria-disabled=true]):not(.disabled),
ui-button.push.block.secondary.active:not([aria-disabled=true]):not(.disabled),
ui-button.push.block.secondary:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: hsla(var(--theme-color-gray5-h), var(--theme-color-gray5-s), -webkit-calc(var(--theme-color-gray5-l) - var(--theme-darken-background-active)), 1);
    background-color: hsla(var(--theme-color-gray5-h), var(--theme-color-gray5-s), calc(var(--theme-color-gray5-l) - var(--theme-darken-background-active)), 1);
    color: var(--theme-color-labelQuaternary)
}

ui-button.block.secondary.destructive,
ui-button.push.block.secondary.destructive {
    color: var(--theme-color-systemRed)
}

ui-button.block.secondary.destructive.active:not([aria-disabled=true]):not(.disabled),
ui-button.block.secondary.destructive:active:hover:not([aria-disabled=true]):not(.disabled),
ui-button.push.block.secondary.destructive.active:not([aria-disabled=true]):not(.disabled),
ui-button.push.block.secondary.destructive:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), -webkit-calc(var(--theme-color-systemRed-l)), var(--theme-opacity-text-active));
    color: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), calc(var(--theme-color-systemRed-l)), var(--theme-opacity-text-active))
}

ui-button.block.icon,
ui-button.push.block.icon {
    block-size: 28px;
    min-inline-size: 28px;
    padding-inline: 6px
}

[dir=ltr] ui-button.block.icon,
[dir=ltr] ui-button.push.block.icon,
[dir=rtl] ui-button.block.icon,
[dir=rtl] ui-button.push.block.icon,
ui-button.block.icon[dir=ltr],
ui-button.block.icon[dir=rtl],
ui-button.push.block.icon[dir=ltr],
ui-button.push.block.icon[dir=rtl] {
    height: 28px;
    min-width: 28px;
    padding-left: 6px;
    padding-right: 6px
}

ui-button.block.icon svg,
ui-button.push.block.icon svg {
    inline-size: 17px;
    block-size: 17px
}

[dir=ltr] ui-button.block.icon svg,
[dir=ltr] ui-button.push.block.icon svg,
[dir=rtl] ui-button.block.icon svg,
[dir=rtl] ui-button.push.block.icon svg,
ui-button.block.icon[dir=ltr] svg,
ui-button.block.icon[dir=rtl] svg,
ui-button.push.block.icon[dir=ltr] svg,
ui-button.push.block.icon[dir=rtl] svg {
    width: 17px;
    height: 17px
}

ui-button.block.icon.icloud-touch,
ui-button.push.block.icon.icloud-touch {
    block-size: 34px;
    min-inline-size: 34px;
    padding-inline: 8px
}

[dir=ltr] ui-button.block.icon.icloud-touch,
[dir=ltr] ui-button.push.block.icon.icloud-touch,
[dir=rtl] ui-button.block.icon.icloud-touch,
[dir=rtl] ui-button.push.block.icon.icloud-touch,
ui-button.block.icon.icloud-touch[dir=ltr],
ui-button.block.icon.icloud-touch[dir=rtl],
ui-button.push.block.icon.icloud-touch[dir=ltr],
ui-button.push.block.icon.icloud-touch[dir=rtl] {
    height: 34px;
    min-width: 34px;
    padding-left: 8px;
    padding-right: 8px
}

ui-button.block.icon.icloud-touch svg,
ui-button.push.block.icon.icloud-touch svg {
    block-size: 20px;
    inline-size: 20px
}

[dir=ltr] ui-button.block.icon.icloud-touch svg,
[dir=ltr] ui-button.push.block.icon.icloud-touch svg,
[dir=rtl] ui-button.block.icon.icloud-touch svg,
[dir=rtl] ui-button.push.block.icon.icloud-touch svg,
ui-button.block.icon.icloud-touch[dir=ltr] svg,
ui-button.block.icon.icloud-touch[dir=rtl] svg,
ui-button.push.block.icon.icloud-touch[dir=ltr] svg,
ui-button.push.block.icon.icloud-touch[dir=rtl] svg {
    height: 20px;
    width: 20px
}

ui-button.block.primary:not(.neutral),
ui-button.push.block.primary:not(.neutral) {
    background-color: var(--theme-color-appTint);
    color: var(--theme-color-systemWhite)
}

@media (pointer:fine) {
    ui-button.block.primary:not(.neutral):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),
    ui-button.push.block.primary:not(.neutral):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l) - var(--theme-darken-background-hover)), 1);
        background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l) - var(--theme-darken-background-hover)), 1)
    }
}

ui-button.block.primary:not(.neutral).active:not([aria-disabled=true]):not(.disabled),
ui-button.block.primary:not(.neutral):active:hover:not([aria-disabled=true]):not(.disabled),
ui-button.push.block.primary:not(.neutral).active:not([aria-disabled=true]):not(.disabled),
ui-button.push.block.primary:not(.neutral):active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l) - var(--theme-darken-background-active)), 1);
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l) - var(--theme-darken-background-active)), 1);
    color: hsla(var(--theme-color-systemWhite-h), var(--theme-color-systemWhite-s), -webkit-calc(var(--theme-color-systemWhite-l)), var(--theme-opacity-text-active));
    color: hsla(var(--theme-color-systemWhite-h), var(--theme-color-systemWhite-s), calc(var(--theme-color-systemWhite-l)), var(--theme-opacity-text-active))
}

ui-button.push {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    border-radius: 8px;
    min-inline-size: 30px;
    font-size: 17px;
    padding-inline: 10px;
    block-size: 30px;
    font-size: 14px
}

[dir=ltr] ui-button.push,
[dir=rtl] ui-button.push,
ui-button.push[dir=ltr],
ui-button.push[dir=rtl] {
    min-width: 30px;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px
}

ui-button.push svg {
    fill: currentColor
}

ui-button.push.icloud-touch {
    block-size: 44px;
    min-inline-size: 44px;
    padding-inline: 14px
}

[dir=ltr] ui-button.push.icloud-touch,
[dir=rtl] ui-button.push.icloud-touch,
ui-button.push.icloud-touch[dir=ltr],
ui-button.push.icloud-touch[dir=rtl] {
    height: 44px;
    min-width: 44px;
    padding-left: 14px;
    padding-right: 14px
}

ui-button.push.icloud-touch.large {
    block-size: 44px;
    min-inline-size: 44px
}

[dir=ltr] ui-button.push.icloud-touch.large,
[dir=rtl] ui-button.push.icloud-touch.large,
ui-button.push.icloud-touch.large[dir=ltr],
ui-button.push.icloud-touch.large[dir=rtl] {
    height: 44px;
    min-width: 44px
}

ui-button.push.disabled,
ui-button.push[aria-disabled=true] {
    opacity: .3;
    cursor: default;
    pointer-events: none
}

@media (prefers-color-scheme:dark) {
    ui-button.push.disabled,
    ui-button.push[aria-disabled=true] {
        opacity: .4
    }
}

[data-appearance=dark] ui-button.push.disabled,
[data-appearance=dark] ui-button.push[aria-disabled=true] {
    opacity: .4
}

[data-appearance=light] ui-button.push.disabled,
[data-appearance=light] ui-button.push[aria-disabled=true] {
    opacity: .3
}

ui-button.push:focus:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlueOpaque);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlueOpaque);
    background-color: var(--theme-color-fillTertiary)
}

ui-button.push:focus:not([aria-disabled=true]):not(.disabled):before {
    border: 1px solid var(--theme-color-systemWhite);
    content: "";
    position: absolute;
    inset-block-start: 3px;
    inset-inline-end: 3px;
    inset-block-end: 3px;
    inset-inline-start: 3px;
    border-radius: 5px
}

[dir=ltr] ui-button.push:focus:not([aria-disabled=true]):not(.disabled):before,
[dir=rtl] ui-button.push:focus:not([aria-disabled=true]):not(.disabled):before,
ui-button.push[dir=ltr]:focus:not([aria-disabled=true]):not(.disabled):before,
ui-button.push[dir=rtl]:focus:not([aria-disabled=true]):not(.disabled):before {
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px
}

@media (prefers-color-scheme:dark) {
    ui-button.push:focus:not([aria-disabled=true]):not(.disabled):before {
        border: 1px solid var(--theme-color-gray5)
    }
}

[data-appearance=dark] ui-button.push:focus:not([aria-disabled=true]):not(.disabled):before {
    border: 1px solid var(--theme-color-gray5)
}

[data-appearance=light] ui-button.push:focus:not([aria-disabled=true]):not(.disabled):before {
    border: 1px solid var(--theme-color-systemWhite)
}

@media (pointer:fine) {
    ui-button.push:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background: var(--theme-color-fillTertiary)
    }
}

ui-button.push.large {
    block-size: 36px;
    font-size: 17px
}

[dir=ltr] ui-button.push.large,
[dir=rtl] ui-button.push.large,
ui-button.push.large[dir=ltr],
ui-button.push.large[dir=rtl] {
    height: 36px
}

@media (pointer:fine) {
    ui-button.push.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity: .3;
        cursor: default;
        pointer-events: none
    }
}

ui-button.push.primary {
    font-weight: 600
}

ui-button.push.secondary {
    font-weight: 400
}

ui-button.push.neutral {
    color: var(--theme-color-labelPrimary)
}

ui-button.push.neutral.active:not([aria-disabled=true]):not(.disabled),
ui-button.push.neutral:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: var(--theme-color-labelQuaternary)
}

ui-button.push.icon {
    block-size: 28px;
    min-inline-size: 28px;
    padding-inline: 6px
}

[dir=ltr] ui-button.push.icon,
[dir=rtl] ui-button.push.icon,
ui-button.push.icon[dir=ltr],
ui-button.push.icon[dir=rtl] {
    height: 28px;
    min-width: 28px;
    padding-left: 6px;
    padding-right: 6px
}

ui-button.push.icon svg {
    inline-size: 17px;
    block-size: 17px
}

[dir=ltr] ui-button.push.icon svg,
[dir=rtl] ui-button.push.icon svg,
ui-button.push.icon[dir=ltr] svg,
ui-button.push.icon[dir=rtl] svg {
    width: 17px;
    height: 17px
}

ui-button.push.icon.icloud-touch {
    block-size: 34px;
    min-inline-size: 34px;
    padding-inline: 8px
}

[dir=ltr] ui-button.push.icon.icloud-touch,
[dir=rtl] ui-button.push.icon.icloud-touch,
ui-button.push.icon.icloud-touch[dir=ltr],
ui-button.push.icon.icloud-touch[dir=rtl] {
    height: 34px;
    min-width: 34px;
    padding-left: 8px;
    padding-right: 8px
}

ui-button.push.icon.icloud-touch svg {
    block-size: 20px;
    inline-size: 20px
}

[dir=ltr] ui-button.push.icon.icloud-touch svg,
[dir=rtl] ui-button.push.icon.icloud-touch svg,
ui-button.push.icon.icloud-touch[dir=ltr] svg,
ui-button.push.icon.icloud-touch[dir=rtl] svg {
    height: 20px;
    width: 20px
}

ui-button.push.icon:focus:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlueOpaque);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlueOpaque)
}

ui-button.push.icon:focus:not([aria-disabled=true]):not(.disabled):before {
    border: 1px solid var(--theme-color-systemWhite);
    content: "";
    position: absolute;
    inset-block-start: 3px;
    inset-inline-end: 3px;
    inset-block-end: 3px;
    inset-inline-start: 3px;
    border-radius: 5px
}

[dir=ltr] ui-button.push.icon:focus:not([aria-disabled=true]):not(.disabled):before,
[dir=rtl] ui-button.push.icon:focus:not([aria-disabled=true]):not(.disabled):before,
ui-button.push.icon[dir=ltr]:focus:not([aria-disabled=true]):not(.disabled):before,
ui-button.push.icon[dir=rtl]:focus:not([aria-disabled=true]):not(.disabled):before {
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px
}

@media (prefers-color-scheme:dark) {
    ui-button.push.icon:focus:not([aria-disabled=true]):not(.disabled):before {
        border: 1px solid var(--theme-color-gray5)
    }
}

[data-appearance=dark] ui-button.push.icon:focus:not([aria-disabled=true]):not(.disabled):before {
    border: 1px solid var(--theme-color-gray5)
}

[data-appearance=light] ui-button.push.icon:focus:not([aria-disabled=true]):not(.disabled):before {
    border: 1px solid var(--theme-color-systemWhite)
}

ui-button.push:not(.neutral) {
    color: var(--theme-color-appTint)
}

ui-button.push.active:not([aria-disabled=true]):not(.disabled),
ui-button.push:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active));
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active))
}

ui-button.push.active:not([aria-disabled=true]):not(.disabled):not(.neutral),
ui-button.push:active:hover:not([aria-disabled=true]):not(.disabled):not(.neutral) {
    color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l)), var(--theme-opacity-text-active));
    color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l)), var(--theme-opacity-text-active))
}

ui-button.push.pressed {
    background-color: var(--theme-color-appTint);
    color: var(--theme-color-systemWhite);
    opacity: .3;
    cursor: default;
    pointer-events: none
}

@media (prefers-color-scheme:dark) {
    ui-button.push.pressed {
        opacity: .4
    }
}

[data-appearance=dark] ui-button.push.pressed {
    opacity: .4
}

[data-appearance=light] ui-button.push.pressed {
    opacity: .3
}

@media (pointer:fine) {
    ui-button.push.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color: var(--theme-color-appTint);
        color: var(--theme-color-systemWhite);
        opacity: .3;
        cursor: default;
        pointer-events: none
    }
}

@media (pointer:fine) and (prefers-color-scheme:dark) {
    ui-button.push.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity: .4
    }
}

@media (pointer:fine) {
    [data-appearance=dark] ui-button.push.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity: .4
    }
    [data-appearance=light] ui-button.push.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity: .3
    }
}

ui-button.push.destructive {
    color: var(--theme-color-systemRed);
    -webkit-transition: none;
    transition: none
}

ui-button.push.destructive.active:not([aria-disabled=true]):not(.disabled),
ui-button.push.destructive.pressed,
ui-button.push.destructive:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-fillPrimary);
    color: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), -webkit-calc(var(--theme-color-systemRed-l)), var(--theme-opacity-text-active));
    color: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), calc(var(--theme-color-systemRed-l)), var(--theme-opacity-text-active))
}

ui-button.push.destructive.pressed {
    opacity: .3;
    cursor: default;
    pointer-events: none
}

@media (prefers-color-scheme:dark) {
    ui-button.push.destructive.pressed {
        opacity: .4
    }
}

[data-appearance=dark] ui-button.push.destructive.pressed {
    opacity: .4
}

[data-appearance=light] ui-button.push.destructive.pressed {
    opacity: .3
}

@media (pointer:fine) {
    ui-button.push.destructive.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color: var(--theme-color-fillPrimary);
        color: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), -webkit-calc(var(--theme-color-systemRed-l)), var(--theme-opacity-text-active));
        color: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), calc(var(--theme-color-systemRed-l)), var(--theme-opacity-text-active));
        opacity: .3;
        cursor: default;
        pointer-events: none
    }
}

@media (pointer:fine) and (prefers-color-scheme:dark) {
    ui-button.push.destructive.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity: .4
    }
}

@media (pointer:fine) {
    [data-appearance=dark] ui-button.push.destructive.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity: .4
    }
    [data-appearance=light] ui-button.push.destructive.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity: .3
    }
}

.action-buttons {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.action-buttons,
.action-buttons a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.cloudos-toolbar.app .action-buttons ui-button.push.primary,
.cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch,
.cloudos-toolbar.homepage .action-buttons ui-button.push.primary,
.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch,
.cloudos-toolbar.login .action-buttons ui-button.push.primary,
.cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch,
.cloudos-toolbar.page .action-buttons ui-button.push.primary,
.cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch {
    position: relative;
    border: 0;
    border-radius: 8px;
    block-size: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-inline-size: 36px;
    inline-size: 36px;
    padding-inline: 0;
    margin-inline: 4px
}

.cloudos-toolbar.app[dir=ltr] .action-buttons ui-button.push.primary,
.cloudos-toolbar.app[dir=ltr] .action-buttons ui-button.push.primary.icloud-touch,
.cloudos-toolbar.app[dir=rtl] .action-buttons ui-button.push.primary,
.cloudos-toolbar.app[dir=rtl] .action-buttons ui-button.push.primary.icloud-touch,
.cloudos-toolbar.homepage[dir=ltr] .action-buttons ui-button.push.primary,
.cloudos-toolbar.homepage[dir=ltr] .action-buttons ui-button.push.primary.icloud-touch,
.cloudos-toolbar.homepage[dir=rtl] .action-buttons ui-button.push.primary,
.cloudos-toolbar.homepage[dir=rtl] .action-buttons ui-button.push.primary.icloud-touch,
.cloudos-toolbar.login[dir=ltr] .action-buttons ui-button.push.primary,
.cloudos-toolbar.login[dir=ltr] .action-buttons ui-button.push.primary.icloud-touch,
.cloudos-toolbar.login[dir=rtl] .action-buttons ui-button.push.primary,
.cloudos-toolbar.login[dir=rtl] .action-buttons ui-button.push.primary.icloud-touch,
.cloudos-toolbar.page[dir=ltr] .action-buttons ui-button.push.primary,
.cloudos-toolbar.page[dir=ltr] .action-buttons ui-button.push.primary.icloud-touch,
.cloudos-toolbar.page[dir=rtl] .action-buttons ui-button.push.primary,
.cloudos-toolbar.page[dir=rtl] .action-buttons ui-button.push.primary.icloud-touch,
[dir=ltr] .cloudos-toolbar.app .action-buttons ui-button.push.primary,
[dir=ltr] .cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch,
[dir=ltr] .cloudos-toolbar.homepage .action-buttons ui-button.push.primary,
[dir=ltr] .cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch,
[dir=ltr] .cloudos-toolbar.login .action-buttons ui-button.push.primary,
[dir=ltr] .cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch,
[dir=ltr] .cloudos-toolbar.page .action-buttons ui-button.push.primary,
[dir=ltr] .cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch,
[dir=rtl] .cloudos-toolbar.app .action-buttons ui-button.push.primary,
[dir=rtl] .cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch,
[dir=rtl] .cloudos-toolbar.homepage .action-buttons ui-button.push.primary,
[dir=rtl] .cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch,
[dir=rtl] .cloudos-toolbar.login .action-buttons ui-button.push.primary,
[dir=rtl] .cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch,
[dir=rtl] .cloudos-toolbar.page .action-buttons ui-button.push.primary,
[dir=rtl] .cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch {
    height: 36px;
    min-width: 36px;
    width: 36px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 4px;
    margin-right: 4px
}

.cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch:not(.new-features),
.cloudos-toolbar.app .action-buttons ui-button.push.primary:not(.new-features),
.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch:not(.new-features),
.cloudos-toolbar.homepage .action-buttons ui-button.push.primary:not(.new-features),
.cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch:not(.new-features),
.cloudos-toolbar.login .action-buttons ui-button.push.primary:not(.new-features),
.cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch:not(.new-features),
.cloudos-toolbar.page .action-buttons ui-button.push.primary:not(.new-features) {
    color: var(--theme-color-labelPrimary)
}

@media (pointer:fine) {
    .cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),
    .cloudos-toolbar.app .action-buttons ui-button.push.primary:not(.new-features):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),
    .cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),
    .cloudos-toolbar.homepage .action-buttons ui-button.push.primary:not(.new-features):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),
    .cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),
    .cloudos-toolbar.login .action-buttons ui-button.push.primary:not(.new-features):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),
    .cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),
    .cloudos-toolbar.page .action-buttons ui-button.push.primary:not(.new-features):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color: var(--theme-color-fillSecondary)
    }
}

.cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled),
.cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled),
.cloudos-toolbar.app .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled),
.cloudos-toolbar.app .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled),
.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled),
.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled),
.cloudos-toolbar.homepage .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled),
.cloudos-toolbar.homepage .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled),
.cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled),
.cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled),
.cloudos-toolbar.login .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled),
.cloudos-toolbar.login .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled),
.cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled),
.cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled),
.cloudos-toolbar.page .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled),
.cloudos-toolbar.page .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-fillPrimary);
    color: var(--theme-color-labelQuaternary)
}

.cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled) ui-image,
.cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) ui-image,
.cloudos-toolbar.app .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled) ui-image,
.cloudos-toolbar.app .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) ui-image,
.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled) ui-image,
.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) ui-image,
.cloudos-toolbar.homepage .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled) ui-image,
.cloudos-toolbar.homepage .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) ui-image,
.cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled) ui-image,
.cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) ui-image,
.cloudos-toolbar.login .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled) ui-image,
.cloudos-toolbar.login .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) ui-image,
.cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled) ui-image,
.cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) ui-image,
.cloudos-toolbar.page .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled) ui-image,
.cloudos-toolbar.page .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) ui-image {
    opacity: .6
}

.cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled) svg,
.cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) svg,
.cloudos-toolbar.app .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled) svg,
.cloudos-toolbar.app .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) svg,
.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled) svg,
.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) svg,
.cloudos-toolbar.homepage .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled) svg,
.cloudos-toolbar.homepage .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) svg,
.cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled) svg,
.cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) svg,
.cloudos-toolbar.login .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled) svg,
.cloudos-toolbar.login .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) svg,
.cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled) svg,
.cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) svg,
.cloudos-toolbar.page .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled) svg,
.cloudos-toolbar.page .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) svg {
    fill: currentColor
}

.cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch.open,
.cloudos-toolbar.app .action-buttons ui-button.push.primary.open,
.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch.open,
.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.open,
.cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch.open,
.cloudos-toolbar.login .action-buttons ui-button.push.primary.open,
.cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch.open,
.cloudos-toolbar.page .action-buttons ui-button.push.primary.open {
    background-color: var(--theme-color-gray3);
    color: var(--theme-color-backgroundPrimary)
}

.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch.open,
.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.open {
    background-color: hsla(var(--theme-color-gray3-h), var(--theme-color-gray3-s), -webkit-calc(var(--theme-color-gray3-l)), .5);
    background-color: hsla(var(--theme-color-gray3-h), var(--theme-color-gray3-s), calc(var(--theme-color-gray3-l)), .5)
}

@media (prefers-color-scheme:dark) {
    .cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch.open,
    .cloudos-toolbar.homepage .action-buttons ui-button.push.primary.open {
        background-color: var(--theme-color-gray3)
    }
}

[data-appearance=dark] .cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch.open,
[data-appearance=dark] .cloudos-toolbar.homepage .action-buttons ui-button.push.primary.open {
    background-color: var(--theme-color-gray3)
}

[data-appearance=light] .cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch.open,
[data-appearance=light] .cloudos-toolbar.homepage .action-buttons ui-button.push.primary.open {
    background-color: hsla(var(--theme-color-gray3-h), var(--theme-color-gray3-s), -webkit-calc(var(--theme-color-gray3-l)), .5);
    background-color: hsla(var(--theme-color-gray3-h), var(--theme-color-gray3-s), calc(var(--theme-color-gray3-l)), .5)
}

.action-buttons .new-features-wrapper ui-button.block.primary.new-features {
    font-size: 11px;
    font-weight: 700;
    line-height: 21px;
    padding-block: 0;
    padding-inline: 8px;
    margin-block: 10px;
    margin-inline: 8px;
    inline-size: -webkit-fit-content;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    block-size: -webkit-fit-content;
    block-size: -moz-fit-content;
    block-size: fit-content
}

.action-buttons[dir=ltr] .new-features-wrapper ui-button.block.primary.new-features,
.action-buttons[dir=rtl] .new-features-wrapper ui-button.block.primary.new-features,
[dir=ltr] .action-buttons .new-features-wrapper ui-button.block.primary.new-features,
[dir=rtl] .action-buttons .new-features-wrapper ui-button.block.primary.new-features {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0 8px;
    margin: 10px 8px
}

.homepage .action-buttons .new-features-wrapper ui-button.block.primary.new-features {
    background-color: var(--theme-color-systemWhite);
    color: var(--theme-color-systemBlue);
    font-size: 11px;
    padding-inline: 8px
}

.homepage[dir=ltr] .action-buttons .new-features-wrapper ui-button.block.primary.new-features,
.homepage[dir=rtl] .action-buttons .new-features-wrapper ui-button.block.primary.new-features,
[dir=ltr] .homepage .action-buttons .new-features-wrapper ui-button.block.primary.new-features,
[dir=rtl] .homepage .action-buttons .new-features-wrapper ui-button.block.primary.new-features {
    padding-left: 8px;
    padding-right: 8px
}

@media (pointer:fine) {
    .homepage .action-buttons .new-features-wrapper ui-button.block.primary.new-features:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color: hsla(0, 0%, 100%, .7)
    }
}

.homepage .action-buttons .new-features-wrapper ui-button.block.primary.new-features.active:not([aria-disabled=true]):not(.disabled),
.homepage .action-buttons .new-features-wrapper ui-button.block.primary.new-features:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(0, 0, 0, .32);
    color: #fff
}

.page .action-buttons .new-features-wrapper ui-button.block.primary.new-features {
    background-color: var(--theme-color-gray1);
    color: var(--theme-color-systemWhite)
}

@media (pointer:fine) {
    .page .action-buttons .new-features-wrapper ui-button.block.primary.new-features:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color: var(--theme-color-labelSecondary)
    }
}

.page .action-buttons .new-features-wrapper ui-button.block.primary.new-features.active:not([aria-disabled=true]):not(.disabled),
.page .action-buttons .new-features-wrapper ui-button.block.primary.new-features:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-labelPrimary)
}

.login .action-buttons .new-features-wrapper ui-button.block.primary.new-features {
    visibility: hidden
}

.app .action-buttons svg.exclamation-bubble,
.login .action-buttons svg.exclamation-bubble,
.page .action-buttons svg.exclamation-bubble {
    fill: var(--theme-color-labelSecondary)
}

.action-buttons svg.exclamation-mark-circle.full {
    color: var(--theme-color-systemRed)
}

.action-buttons svg.exclamation-mark-circle.almost-full {
    color: var(--theme-color-systemOrange)
}

[dir=rtl] svg.chevron-forward-2 {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.profile-photo {
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    will-change: transform
}

.profile-photo ui-image {
    position: absolute;
    inset: 0
}

.profile-photo[dir=ltr] ui-image,
.profile-photo[dir=rtl] ui-image,
[dir=ltr] .profile-photo ui-image,
[dir=rtl] .profile-photo ui-image {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.profile-photo ui-image.standard img {
    opacity: 0
}

.profile-photo ui-image.standard.is-loaded img {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.profile-photo svg.person-crop-cirlce {
    fill: var(--theme-color-gray1);
    display: none
}

@font-face {
    font-family: ToolbarSFTextVariant;
    font-weight: 600;
    font-display: swap;
    src: local(".SFNSText-Semibold"), local(".SFUIText-Semibold"), url(/fonts/SFNSText-Semibold.woff) format("woff")
}

svg.app-name {
    font-size: 21px;
    font-weight: 600;
    font-family: ToolbarSFTextVariant, Helvetica, sans-serif;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-margin-before: 1px;
    margin-block-start: 1px
}

[dir=ltr] svg.app-name,
[dir=rtl] svg.app-name,
svg.app-name[dir=ltr],
svg.app-name[dir=rtl] {
    margin-top: 1px
}

svg.app-name.kern-safe {
    letter-spacing: -.25px
}

html[dir=rtl] svg.app-name text {
    text-anchor: end
}

[dir=ltr] html[dir=rtl] svg.app-name text,
html[dir=rtl][dir=ltr] svg.app-name text {
    text-anchor: right
}

[dir=rtl] html[dir=rtl] svg.app-name text,
html[dir=rtl][dir=rtl] svg.app-name text {
    text-anchor: left
}

.cloudos-toolbar .icloud-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-margin-start: -2px;
    margin-inline-start: -2px;
    -webkit-margin-before: 1px;
    margin-block-start: 1px
}

.cloudos-toolbar[dir=ltr] .icloud-logo,
[dir=ltr] .cloudos-toolbar .icloud-logo {
    margin-left: -2px;
    margin-top: 1px
}

.cloudos-toolbar[dir=rtl] .icloud-logo,
[dir=rtl] .cloudos-toolbar .icloud-logo {
    margin-right: -2px;
    margin-top: 1px
}

.cloudos-toolbar .icloud-logo a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cloudos-toolbar .icloud-logo .apple-icloud-logo.dark {
    fill: var(--theme-color-systemBlack)
}

.cloudos-toolbar .icloud-logo .apple-icloud-logo.light {
    fill: var(--theme-color-systemWhite)
}

.landing-page-route {
    opacity: 1
}

.landing-page-route.fade-in {
    -webkit-animation: none;
    animation: none
}

.landing-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-padding-before: 0;
    padding-block-start: 0;
    inline-size: 100%;
    min-block-size: 100vh;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.landing-page[dir=ltr],
.landing-page[dir=rtl],
[dir=ltr] .landing-page,
[dir=rtl] .landing-page {
    padding-top: 0;
    width: 100%;
    min-height: 100vh
}

@media (max-width:759px) {
    .landing-page .hero-wrapper {
        -webkit-margin-after: 20px;
        margin-block-end: 20px
    }
    .landing-page[dir=ltr] .hero-wrapper,
    .landing-page[dir=rtl] .hero-wrapper,
    [dir=ltr] .landing-page .hero-wrapper,
    [dir=rtl] .landing-page .hero-wrapper {
        margin-bottom: 20px
    }
}

.landing-page .chiclet-hero {
    inline-size: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-padding-before: 50px;
    padding-block-start: 50px
}

.landing-page[dir=ltr] .chiclet-hero,
.landing-page[dir=rtl] .chiclet-hero,
[dir=ltr] .landing-page .chiclet-hero,
[dir=rtl] .landing-page .chiclet-hero {
    width: 100%;
    padding-top: 50px
}

@media (max-width:759px) {
    .landing-page .chiclet-hero {
        -webkit-padding-before: 22px;
        padding-block-start: 22px
    }
    .landing-page[dir=ltr] .chiclet-hero,
    .landing-page[dir=rtl] .chiclet-hero,
    [dir=ltr] .landing-page .chiclet-hero,
    [dir=rtl] .landing-page .chiclet-hero {
        padding-top: 22px
    }
}

.landing-page .application-title {
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 86px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 103px;
    -webkit-margin-before: 24px;
    margin-block-start: 24px;
    -webkit-margin-after: 10px;
    margin-block-end: 10px;
    max-inline-size: 1005px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.landing-page[dir=ltr] .application-title,
.landing-page[dir=rtl] .application-title,
[dir=ltr] .landing-page .application-title,
[dir=rtl] .landing-page .application-title {
    margin-top: 24px;
    margin-bottom: 10px;
    max-width: 1005px
}

.landing-page .application-title.tall {
    line-height: 1.8
}

[apple-system-font-capable] .landing-page .application-title {
    font-family: system-ui, Helvetica Neue, sans-serif
}

@media (max-width:759px) {
    .landing-page .application-title {
        font-family: SF Pro Display, Helvetica Neue, sans-serif;
        font-size: 64px;
        font-weight: 600;
        letter-spacing: -.58px;
        line-height: 76px;
        max-inline-size: 315px;
        -webkit-margin-before: 22px;
        margin-block-start: 22px
    }
    .landing-page[dir=ltr] .application-title,
    .landing-page[dir=rtl] .application-title,
    [dir=ltr] .landing-page .application-title,
    [dir=rtl] .landing-page .application-title {
        max-width: 315px;
        margin-top: 22px
    }
    [apple-system-font-capable] .landing-page .application-title {
        font-family: system-ui, Helvetica Neue, sans-serif
    }
    body {
        text-rendering: optimizeLegibility
    }
}

@media (min-width:760px) and (max-width:1164px) {
    .landing-page .application-title {
        font-family: SF Pro Display, Helvetica Neue, sans-serif;
        font-size: 86px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 103px;
        max-inline-size: 660px;
        -webkit-margin-before: 29px;
        margin-block-start: 29px
    }
    .landing-page[dir=ltr] .application-title,
    .landing-page[dir=rtl] .application-title,
    [dir=ltr] .landing-page .application-title,
    [dir=rtl] .landing-page .application-title {
        max-width: 660px;
        margin-top: 29px
    }
    [apple-system-font-capable] .landing-page .application-title {
        font-family: system-ui, Helvetica Neue, sans-serif
    }
    body {
        text-rendering: optimizeLegibility
    }
}

.landing-page .application-description {
    color: var(--theme-color-labelPrimary);
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    -webkit-margin-after: 20px;
    margin-block-end: 20px;
    max-inline-size: 500px
}

.landing-page[dir=ltr] .application-description,
.landing-page[dir=rtl] .application-description,
[dir=ltr] .landing-page .application-description,
[dir=rtl] .landing-page .application-description {
    margin-bottom: 20px;
    max-width: 500px
}

.landing-page .application-description.tall {
    line-height: 1.8
}

[apple-system-font-capable] .landing-page .application-description {
    font-family: system-ui, Helvetica Neue, sans-serif
}

@media (max-width:759px) {
    .landing-page .application-description {
        font-family: SF Pro Display, Helvetica Neue, sans-serif;
        font-size: 21px;
        font-weight: 600;
        line-height: 25px;
        inline-size: 315px
    }
    .landing-page[dir=ltr] .application-description,
    .landing-page[dir=rtl] .application-description,
    [dir=ltr] .landing-page .application-description,
    [dir=rtl] .landing-page .application-description {
        width: 315px
    }
    [apple-system-font-capable] .landing-page .application-description {
        font-family: system-ui, Helvetica Neue, sans-serif
    }
    body {
        text-rendering: optimizeLegibility
    }
}

.landing-page .landing-page-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    position: relative;
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
    margin-inline: auto;
    inline-size: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.landing-page[dir=ltr] .landing-page-content,
.landing-page[dir=rtl] .landing-page-content,
[dir=ltr] .landing-page .landing-page-content,
[dir=rtl] .landing-page .landing-page-content {
    margin-top: 30px;
    width: auto;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:759px) {
    .landing-page .landing-page-content {
        -webkit-margin-before: -webkit-calc(min(80px, 16vw));
        margin-block-start: calc(min(80px, 16vw))
    }
    .landing-page[dir=ltr] .landing-page-content,
    .landing-page[dir=rtl] .landing-page-content,
    [dir=ltr] .landing-page .landing-page-content,
    [dir=rtl] .landing-page .landing-page-content {
        margin-top: calc(min(80px, 16vw))
    }
}

.landing-page .landing-page-content.application-content {
    -webkit-margin-before: 72px;
    margin-block-start: 72px
}

.landing-page[dir=ltr] .landing-page-content.application-content,
.landing-page[dir=rtl] .landing-page-content.application-content,
[dir=ltr] .landing-page .landing-page-content.application-content,
[dir=rtl] .landing-page .landing-page-content.application-content {
    margin-top: 72px
}

@media (max-width:759px) {
    .landing-page .landing-page-content.application-content {
        -webkit-margin-before: 40px;
        margin-block-start: 40px;
        inline-size: 315px
    }
    .landing-page[dir=ltr] .landing-page-content.application-content,
    .landing-page[dir=rtl] .landing-page-content.application-content,
    [dir=ltr] .landing-page .landing-page-content.application-content,
    [dir=rtl] .landing-page .landing-page-content.application-content {
        margin-top: 40px;
        width: 315px
    }
}

@media (min-width:760px) and (max-width:1164px) {
    .landing-page .landing-page-content.application-content {
        -webkit-margin-before: 60px;
        margin-block-start: 60px;
        inline-size: 530px
    }
    .landing-page[dir=ltr] .landing-page-content.application-content,
    .landing-page[dir=rtl] .landing-page-content.application-content,
    [dir=ltr] .landing-page .landing-page-content.application-content,
    [dir=rtl] .landing-page .landing-page-content.application-content {
        margin-top: 60px;
        width: 530px
    }
}

@media (min-width:1165px) {
    .landing-page .landing-page-content.application-content {
        inline-size: 530px
    }
    .landing-page[dir=ltr] .landing-page-content.application-content,
    .landing-page[dir=rtl] .landing-page-content.application-content,
    [dir=ltr] .landing-page .landing-page-content.application-content,
    [dir=rtl] .landing-page .landing-page-content.application-content {
        width: 530px
    }
}

@media (min-width:1690px) {
    .landing-page .landing-page-content.application-content {
        inline-size: 530px
    }
    .landing-page[dir=ltr] .landing-page-content.application-content,
    .landing-page[dir=rtl] .landing-page-content.application-content,
    [dir=ltr] .landing-page .landing-page-content.application-content,
    [dir=rtl] .landing-page .landing-page-content.application-content {
        width: 530px
    }
}

.landing-page .landing-page-content.application-content.unsupported-content {
    -webkit-margin-before: 40px;
    margin-block-start: 40px
}

.landing-page[dir=ltr] .landing-page-content.application-content.unsupported-content,
.landing-page[dir=rtl] .landing-page-content.application-content.unsupported-content,
[dir=ltr] .landing-page .landing-page-content.application-content.unsupported-content,
[dir=rtl] .landing-page .landing-page-content.application-content.unsupported-content {
    margin-top: 40px
}

@media (min-width:760px) and (max-width:1164px) {
    .landing-page .landing-page-content.application-content.unsupported-content {
        inline-size: 660px
    }
    .landing-page[dir=ltr] .landing-page-content.application-content.unsupported-content,
    .landing-page[dir=rtl] .landing-page-content.application-content.unsupported-content,
    [dir=ltr] .landing-page .landing-page-content.application-content.unsupported-content,
    [dir=rtl] .landing-page .landing-page-content.application-content.unsupported-content {
        width: 660px
    }
}

.landing-page .landing-page-content.application-content.unsupported-content .unsupported-description {
    -webkit-margin-after: 30px;
    margin-block-end: 30px
}

.landing-page[dir=ltr] .landing-page-content.application-content.unsupported-content .unsupported-description,
.landing-page[dir=rtl] .landing-page-content.application-content.unsupported-content .unsupported-description,
[dir=ltr] .landing-page .landing-page-content.application-content.unsupported-content .unsupported-description,
[dir=rtl] .landing-page .landing-page-content.application-content.unsupported-content .unsupported-description {
    margin-bottom: 30px
}

.landing-page .landing-page-content.landing-page-tiles-content {
    inline-size: 315px
}

.landing-page[dir=ltr] .landing-page-content.landing-page-tiles-content,
.landing-page[dir=rtl] .landing-page-content.landing-page-tiles-content,
[dir=ltr] .landing-page .landing-page-content.landing-page-tiles-content,
[dir=rtl] .landing-page .landing-page-content.landing-page-tiles-content {
    width: 315px
}

@media (max-width:759px) {
    .landing-page .landing-page-content.landing-page-tiles-content {
        -webkit-margin-before: -webkit-calc(min(40px, 8vw));
        margin-block-start: calc(min(40px, 8vw))
    }
    .landing-page[dir=ltr] .landing-page-content.landing-page-tiles-content,
    .landing-page[dir=rtl] .landing-page-content.landing-page-tiles-content,
    [dir=ltr] .landing-page .landing-page-content.landing-page-tiles-content,
    [dir=rtl] .landing-page .landing-page-content.landing-page-tiles-content {
        margin-top: calc(min(40px, 8vw))
    }
}

@media (min-width:760px) and (max-width:1164px) {
    .landing-page .landing-page-content.landing-page-tiles-content {
        inline-size: 650px
    }
    .landing-page[dir=ltr] .landing-page-content.landing-page-tiles-content,
    .landing-page[dir=rtl] .landing-page-content.landing-page-tiles-content,
    [dir=ltr] .landing-page .landing-page-content.landing-page-tiles-content,
    [dir=rtl] .landing-page .landing-page-content.landing-page-tiles-content {
        width: 650px
    }
}

@media (min-width:1165px) {
    .landing-page .landing-page-content.landing-page-tiles-content {
        inline-size: 1006px
    }
    .landing-page[dir=ltr] .landing-page-content.landing-page-tiles-content,
    .landing-page[dir=rtl] .landing-page-content.landing-page-tiles-content,
    [dir=ltr] .landing-page .landing-page-content.landing-page-tiles-content,
    [dir=rtl] .landing-page .landing-page-content.landing-page-tiles-content {
        width: 1006px
    }
}

@media (min-width:1690px) {
    .landing-page .landing-page-content.landing-page-tiles-content {
        inline-size: 1350px
    }
    .landing-page[dir=ltr] .landing-page-content.landing-page-tiles-content,
    .landing-page[dir=rtl] .landing-page-content.landing-page-tiles-content,
    [dir=ltr] .landing-page .landing-page-content.landing-page-tiles-content,
    [dir=rtl] .landing-page .landing-page-content.landing-page-tiles-content {
        width: 1350px
    }
}

.landing-page .landing-page-content ui-button.push.sign-in-button.redirect {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px
}

[apple-system-font-capable] .landing-page .landing-page-content ui-button.push.sign-in-button.redirect {
    font-family: system-ui, Helvetica Neue, sans-serif
}

@media (max-width:759px) {
    .landing-page .landing-page-content ui-button.push.sign-in-button.redirect {
        -webkit-margin-before: 25px;
        margin-block-start: 25px;
        inline-size: 136px;
        block-size: 40px
    }
    .landing-page[dir=ltr] .landing-page-content ui-button.push.sign-in-button.redirect,
    .landing-page[dir=rtl] .landing-page-content ui-button.push.sign-in-button.redirect,
    [dir=ltr] .landing-page .landing-page-content ui-button.push.sign-in-button.redirect,
    [dir=rtl] .landing-page .landing-page-content ui-button.push.sign-in-button.redirect {
        margin-top: 25px;
        width: 136px;
        height: 40px
    }
    .landing-page .landing-page-content ui-button.push.sign-in-button.redirect.authenticated {
        inline-size: auto;
        padding-inline: 10px;
        -webkit-margin-before: 60px;
        margin-block-start: 60px
    }
    .landing-page[dir=ltr] .landing-page-content ui-button.push.sign-in-button.redirect.authenticated,
    .landing-page[dir=rtl] .landing-page-content ui-button.push.sign-in-button.redirect.authenticated,
    [dir=ltr] .landing-page .landing-page-content ui-button.push.sign-in-button.redirect.authenticated,
    [dir=rtl] .landing-page .landing-page-content ui-button.push.sign-in-button.redirect.authenticated {
        width: auto;
        margin-top: 60px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.landing-page .landing-page-content .description {
    color: var(--theme-color-labelPrimary);
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 44px;
    -webkit-margin-before: 40px;
    margin-block-start: 40px;
    -webkit-margin-after: 20px;
    margin-block-end: 20px;
    max-inline-size: 478px
}

.landing-page[dir=ltr] .landing-page-content .description,
.landing-page[dir=rtl] .landing-page-content .description,
[dir=ltr] .landing-page .landing-page-content .description,
[dir=rtl] .landing-page .landing-page-content .description {
    margin-top: 40px;
    margin-bottom: 20px;
    max-width: 478px
}

[apple-system-font-capable] .landing-page .landing-page-content .description {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.landing-page .landing-page-content .description.tall {
    line-height: 1.8
}

@media (max-width:759px) {
    .landing-page .landing-page-content .description {
        font-family: SF Pro Display, Helvetica Neue, sans-serif;
        font-size: 24px;
        font-weight: 600;
        line-height: 28px;
        max-inline-size: 300px;
        -webkit-margin-before: 5px;
        margin-block-start: 5px;
        margin-inline: 30px
    }
    .landing-page[dir=ltr] .landing-page-content .description,
    .landing-page[dir=rtl] .landing-page-content .description,
    [dir=ltr] .landing-page .landing-page-content .description,
    [dir=rtl] .landing-page .landing-page-content .description {
        max-width: 300px;
        margin-top: 5px;
        margin-left: 30px;
        margin-right: 30px
    }
    [apple-system-font-capable] .landing-page .landing-page-content .description {
        font-family: system-ui, Helvetica Neue, sans-serif
    }
    body {
        text-rendering: optimizeLegibility
    }
}

.landing-page .landing-page-content .subdescription {
    color: var(--theme-color-labelSecondary);
    -webkit-margin-before: 40px;
    margin-block-start: 40px;
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.landing-page[dir=ltr] .landing-page-content .subdescription,
.landing-page[dir=rtl] .landing-page-content .subdescription,
[dir=ltr] .landing-page .landing-page-content .subdescription,
[dir=rtl] .landing-page .landing-page-content .subdescription {
    margin-top: 40px
}

[apple-system-font-capable] .landing-page .landing-page-content .subdescription {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.landing-page .landing-page-content .unsupported-description {
    color: var(--theme-color-labelPrimary);
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 25px
}

[apple-system-font-capable] .landing-page .landing-page-content .unsupported-description {
    font-family: system-ui, Helvetica Neue, sans-serif
}

@media (min-width:760px) and (max-width:1164px) {
    .landing-page .landing-page-content .unsupported-description {
        font-family: SF Pro Display, Helvetica Neue, sans-serif;
        font-size: 32px;
        font-weight: 600;
        line-height: 36px;
        max-inline-size: 600px
    }
    .landing-page[dir=ltr] .landing-page-content .unsupported-description,
    .landing-page[dir=rtl] .landing-page-content .unsupported-description,
    [dir=ltr] .landing-page .landing-page-content .unsupported-description,
    [dir=rtl] .landing-page .landing-page-content .unsupported-description {
        max-width: 600px
    }
    [apple-system-font-capable] .landing-page .landing-page-content .unsupported-description {
        font-family: system-ui, Helvetica Neue, sans-serif
    }
    body {
        text-rendering: optimizeLegibility
    }
}

.landing-page .landing-page-content .unsupported-subdescription {
    color: var(--theme-color-labelSecondary);
    -webkit-margin-before: 20px;
    margin-block-start: 20px;
    -webkit-margin-after: 35px;
    margin-block-end: 35px;
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px
}

.landing-page[dir=ltr] .landing-page-content .unsupported-subdescription,
.landing-page[dir=rtl] .landing-page-content .unsupported-subdescription,
[dir=ltr] .landing-page .landing-page-content .unsupported-subdescription,
[dir=rtl] .landing-page .landing-page-content .unsupported-subdescription {
    margin-top: 20px;
    margin-bottom: 35px
}

[apple-system-font-capable] .landing-page .landing-page-content .unsupported-subdescription {
    font-family: system-ui, Helvetica Neue, sans-serif
}

@media (min-width:760px) and (max-width:1164px) {
    .landing-page .landing-page-content .unsupported-subdescription {
        -webkit-margin-before: 40px;
        margin-block-start: 40px;
        -webkit-margin-after: 30px;
        margin-block-end: 30px;
        font-family: SF Pro Text, Helvetica Neue, sans-serif;
        font-size: 19px;
        font-weight: 400;
        line-height: 23px
    }
    .landing-page[dir=ltr] .landing-page-content .unsupported-subdescription,
    .landing-page[dir=rtl] .landing-page-content .unsupported-subdescription,
    [dir=ltr] .landing-page .landing-page-content .unsupported-subdescription,
    [dir=rtl] .landing-page .landing-page-content .unsupported-subdescription {
        margin-top: 40px;
        margin-bottom: 30px
    }
    [apple-system-font-capable] .landing-page .landing-page-content .unsupported-subdescription {
        font-family: system-ui, Helvetica Neue, sans-serif
    }
    body {
        text-rendering: optimizeLegibility
    }
}

@media (max-width:759px) {
    .landing-page .landing-page-content .unsupported-subdescription {
        -webkit-margin-before: 20px;
        margin-block-start: 20px;
        -webkit-margin-after: 25px;
        margin-block-end: 25px
    }
    .landing-page[dir=ltr] .landing-page-content .unsupported-subdescription,
    .landing-page[dir=rtl] .landing-page-content .unsupported-subdescription,
    [dir=ltr] .landing-page .landing-page-content .unsupported-subdescription,
    [dir=rtl] .landing-page .landing-page-content .unsupported-subdescription {
        margin-top: 20px;
        margin-bottom: 25px
    }
}

.landing-page .landing-page-content .external-link {
    -webkit-margin-before: 40px;
    margin-block-start: 40px;
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px
}

.landing-page[dir=ltr] .landing-page-content .external-link,
.landing-page[dir=rtl] .landing-page-content .external-link,
[dir=ltr] .landing-page .landing-page-content .external-link,
[dir=rtl] .landing-page .landing-page-content .external-link {
    margin-top: 40px
}

[apple-system-font-capable] .landing-page .landing-page-content .external-link {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.landing-page .button-container.lite-account {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    inline-size: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.landing-page[dir=ltr] .button-container.lite-account,
.landing-page[dir=rtl] .button-container.lite-account,
[dir=ltr] .landing-page .button-container.lite-account,
[dir=rtl] .landing-page .button-container.lite-account {
    width: 100%
}

.landing-page .button-container.lite-account ui-button {
    block-size: 44px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.landing-page[dir=ltr] .button-container.lite-account ui-button,
.landing-page[dir=rtl] .button-container.lite-account ui-button,
[dir=ltr] .landing-page .button-container.lite-account ui-button,
[dir=rtl] .landing-page .button-container.lite-account ui-button {
    height: 44px
}

.landing-page .button-container.lite-account ui-button.push.primary.sign-in-button {
    -webkit-margin-end: revert;
    margin-inline-end: revert;
    -webkit-margin-start: 20px;
    margin-inline-start: 20px
}

.landing-page[dir=ltr] .button-container.lite-account ui-button.push.primary.sign-in-button,
[dir=ltr] .landing-page .button-container.lite-account ui-button.push.primary.sign-in-button {
    margin-right: revert;
    margin-left: 20px
}

.landing-page[dir=rtl] .button-container.lite-account ui-button.push.primary.sign-in-button,
[dir=rtl] .landing-page .button-container.lite-account ui-button.push.primary.sign-in-button {
    margin-left: revert;
    margin-right: 20px
}

@media (max-width:759px) {
    .landing-page .button-container.lite-account {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        inline-size: revert;
        min-inline-size: 150px
    }
    .landing-page[dir=ltr] .button-container.lite-account,
    .landing-page[dir=rtl] .button-container.lite-account,
    [dir=ltr] .landing-page .button-container.lite-account,
    [dir=rtl] .landing-page .button-container.lite-account {
        width: revert;
        min-width: 150px
    }
    .landing-page .button-container.lite-account ui-button.sign-out-button {
        font-family: SF Pro Text, Helvetica Neue, sans-serif;
        font-size: 17px;
        font-weight: 600;
        line-height: 21px
    }
    [apple-system-font-capable] .landing-page .button-container.lite-account ui-button.sign-out-button {
        font-family: system-ui, Helvetica Neue, sans-serif
    }
    body {
        text-rendering: optimizeLegibility
    }
    .landing-page .button-container.lite-account ui-button.push.primary.sign-in-button {
        -webkit-margin-start: 0;
        margin-inline-start: 0;
        -webkit-margin-before: 15px;
        margin-block-start: 15px;
        inline-size: 100%
    }
    .landing-page[dir=ltr] .button-container.lite-account ui-button.push.primary.sign-in-button,
    [dir=ltr] .landing-page .button-container.lite-account ui-button.push.primary.sign-in-button {
        margin-left: 0;
        margin-top: 15px;
        width: 100%
    }
    .landing-page[dir=rtl] .button-container.lite-account ui-button.push.primary.sign-in-button,
    [dir=rtl] .landing-page .button-container.lite-account ui-button.push.primary.sign-in-button {
        margin-right: 0;
        margin-top: 15px;
        width: 100%
    }
}

.landing-page .faq {
    -webkit-padding-before: 50px;
    padding-block-start: 50px;
    -webkit-padding-after: 50px;
    padding-block-end: 50px;
    -webkit-margin-before: 160px;
    margin-block-start: 160px;
    -webkit-margin-after: -160px;
    margin-block-end: -160px;
    inline-size: 100%
}

.landing-page[dir=ltr] .faq,
.landing-page[dir=rtl] .faq,
[dir=ltr] .landing-page .faq,
[dir=rtl] .landing-page .faq {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 160px;
    margin-bottom: -160px;
    width: 100%
}

@media (max-width:759px) {
    .landing-page .faq {
        -webkit-margin-before: 120px;
        margin-block-start: 120px;
        -webkit-margin-after: -120px;
        margin-block-end: -120px
    }
    .landing-page[dir=ltr] .faq,
    .landing-page[dir=rtl] .faq,
    [dir=ltr] .landing-page .faq,
    [dir=rtl] .landing-page .faq {
        margin-top: 120px;
        margin-bottom: -120px
    }
}

@media (min-width:760px) and (max-width:1164px) {
    .landing-page .faq {
        -webkit-margin-before: 140px;
        margin-block-start: 140px;
        -webkit-margin-after: -140px;
        margin-block-end: -140px
    }
    .landing-page[dir=ltr] .faq,
    .landing-page[dir=rtl] .faq,
    [dir=ltr] .landing-page .faq,
    [dir=rtl] .landing-page .faq {
        margin-top: 140px;
        margin-bottom: -140px
    }
}

.landing-page .faq h2 {
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 36px
}

[apple-system-font-capable] .landing-page .faq h2 {
    font-family: system-ui, Helvetica Neue, sans-serif
}

@media (max-width:759px) {
    .landing-page .faq h2 {
        font-family: SF Pro Display, Helvetica Neue, sans-serif;
        font-size: 24px;
        font-weight: 600;
        line-height: 28px
    }
    [apple-system-font-capable] .landing-page .faq h2 {
        font-family: system-ui, Helvetica Neue, sans-serif
    }
    body {
        text-rendering: optimizeLegibility
    }
}

.landing-page .faq .section {
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    inline-size: 315px
}

.landing-page[dir=ltr] .faq .section,
.landing-page[dir=rtl] .faq .section,
[dir=ltr] .landing-page .faq .section,
[dir=rtl] .landing-page .faq .section {
    width: 315px
}

@media (min-width:760px) and (max-width:1164px) {
    .landing-page .faq .section {
        inline-size: 650px
    }
    .landing-page[dir=ltr] .faq .section,
    .landing-page[dir=rtl] .faq .section,
    [dir=ltr] .landing-page .faq .section,
    [dir=rtl] .landing-page .faq .section {
        width: 650px
    }
}

@media (min-width:1165px) {
    .landing-page .faq .section {
        inline-size: 1006px
    }
    .landing-page[dir=ltr] .faq .section,
    .landing-page[dir=rtl] .faq .section,
    [dir=ltr] .landing-page .faq .section,
    [dir=rtl] .landing-page .faq .section {
        width: 1006px
    }
}

@media (min-width:1690px) {
    .landing-page .faq .section {
        inline-size: 1350px
    }
    .landing-page[dir=ltr] .faq .section,
    .landing-page[dir=rtl] .faq .section,
    [dir=ltr] .landing-page .faq .section,
    [dir=rtl] .landing-page .faq .section {
        width: 1350px
    }
}

.landing-page.unsupported-content.unsupported-account .chiclet-hero .app-icon,
.landing-page.unsupported-content.unsupported-account h1.application-title {
    opacity: .3
}

.landing-page.unsupported-content.unsupported-account .unsupported-subdescription {
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 25px;
    color: var(--theme-color-labelSecondary);
    -webkit-margin-before: 27px;
    margin-block-start: 27px;
    -webkit-margin-after: 45px;
    margin-block-end: 45px
}

.landing-page.unsupported-content.unsupported-account[dir=ltr] .unsupported-subdescription,
.landing-page.unsupported-content.unsupported-account[dir=rtl] .unsupported-subdescription,
[dir=ltr] .landing-page.unsupported-content.unsupported-account .unsupported-subdescription,
[dir=rtl] .landing-page.unsupported-content.unsupported-account .unsupported-subdescription {
    margin-top: 27px;
    margin-bottom: 45px
}

[apple-system-font-capable] .landing-page.unsupported-content.unsupported-account .unsupported-subdescription {
    font-family: system-ui, Helvetica Neue, sans-serif
}

@media (min-width:760px) and (max-width:1164px) {
    .landing-page.unsupported-content.unsupported-account .unsupported-subdescription {
        -webkit-margin-before: 54px;
        margin-block-start: 54px;
        -webkit-margin-after: 40px;
        margin-block-end: 40px;
        font-family: SF Pro Text, Helvetica Neue, sans-serif;
        font-size: 19px;
        font-weight: 400;
        line-height: 23px
    }
    .landing-page.unsupported-content.unsupported-account[dir=ltr] .unsupported-subdescription,
    .landing-page.unsupported-content.unsupported-account[dir=rtl] .unsupported-subdescription,
    [dir=ltr] .landing-page.unsupported-content.unsupported-account .unsupported-subdescription,
    [dir=rtl] .landing-page.unsupported-content.unsupported-account .unsupported-subdescription {
        margin-top: 54px;
        margin-bottom: 40px
    }
    [apple-system-font-capable] .landing-page.unsupported-content.unsupported-account .unsupported-subdescription {
        font-family: system-ui, Helvetica Neue, sans-serif
    }
    body {
        text-rendering: optimizeLegibility
    }
}

@media (max-width:759px) {
    .landing-page.unsupported-content.unsupported-account .unsupported-subdescription {
        -webkit-margin-before: 27px;
        margin-block-start: 27px;
        -webkit-margin-after: 35px;
        margin-block-end: 35px
    }
    .landing-page.unsupported-content.unsupported-account[dir=ltr] .unsupported-subdescription,
    .landing-page.unsupported-content.unsupported-account[dir=rtl] .unsupported-subdescription,
    [dir=ltr] .landing-page.unsupported-content.unsupported-account .unsupported-subdescription,
    [dir=rtl] .landing-page.unsupported-content.unsupported-account .unsupported-subdescription {
        margin-top: 27px;
        margin-bottom: 35px
    }
}

.gcbd-branding-text {
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 36px;
    color: var(--theme-color-labelPrimary);
    text-align: center;
    -webkit-margin-after: 30px;
    margin-block-end: 30px
}

.gcbd-branding-text[dir=ltr],
.gcbd-branding-text[dir=rtl],
[dir=ltr] .gcbd-branding-text,
[dir=rtl] .gcbd-branding-text {
    margin-bottom: 30px
}

[apple-system-font-capable] .gcbd-branding-text {
    font-family: system-ui, Helvetica Neue, sans-serif
}

@media (max-width:759px) {
    .gcbd-branding-text {
        font-family: SF Pro Display, Helvetica Neue, sans-serif;
        font-size: 21px;
        font-weight: 600;
        line-height: 25px;
        -webkit-margin-after: 0;
        margin-block-end: 0
    }
    .gcbd-branding-text[dir=ltr],
    .gcbd-branding-text[dir=rtl],
    [dir=ltr] .gcbd-branding-text,
    [dir=rtl] .gcbd-branding-text {
        margin-bottom: 0
    }
    [apple-system-font-capable] .gcbd-branding-text {
        font-family: system-ui, Helvetica Neue, sans-serif
    }
    body {
        text-rendering: optimizeLegibility
    }
}

ui-button.push.primary.sign-in-button {
    color: var(--theme-color-systemWhite);
    background-color: var(--theme-color-systemBlack);
    border-radius: 22px;
    padding-inline: 30px;
    margin-inline: auto;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    min-inline-size: 146px;
    block-size: 44px;
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 20px
}

[dir=ltr] ui-button.push.primary.sign-in-button,
[dir=rtl] ui-button.push.primary.sign-in-button,
ui-button.push.primary.sign-in-button[dir=ltr],
ui-button.push.primary.sign-in-button[dir=rtl] {
    margin-top: 0;
    min-width: 146px;
    height: 44px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto
}

@media (prefers-color-scheme:dark) {
    ui-button.push.primary.sign-in-button {
        color: var(--theme-color-backgroundPrimary)
    }
}

[data-appearance=dark] ui-button.push.primary.sign-in-button {
    color: var(--theme-color-backgroundPrimary)
}

[data-appearance=light] ui-button.push.primary.sign-in-button {
    color: var(--theme-color-systemWhite)
}

[apple-system-font-capable] ui-button.push.primary.sign-in-button {
    font-family: system-ui, Helvetica Neue, sans-serif
}

@media (max-width:759px) {
    ui-button.push.primary.sign-in-button {
        -webkit-margin-after: 20px;
        margin-block-end: 20px
    }
    [dir=ltr] ui-button.push.primary.sign-in-button,
    [dir=rtl] ui-button.push.primary.sign-in-button,
    ui-button.push.primary.sign-in-button[dir=ltr],
    ui-button.push.primary.sign-in-button[dir=rtl] {
        margin-bottom: 20px
    }
}

@media (pointer:fine) {
    ui-button.push.primary.sign-in-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color: var(--theme-color-labelSecondary)
    }
}

ui-button.push.primary.sign-in-button.active:not([aria-disabled=true]):not(.disabled),
ui-button.push.primary.sign-in-button:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: hsla(var(--theme-color-systemwhite-h), var(--theme-color-systemwhite-s), -webkit-calc(var(--theme-color-systemwhite-l)), var(--theme-opacity-text-active));
    color: hsla(var(--theme-color-systemwhite-h), var(--theme-color-systemwhite-s), calc(var(--theme-color-systemwhite-l)), var(--theme-opacity-text-active));
    background-color: var(--theme-color-labelQuaternary)
}

@media (prefers-color-scheme:dark) {
    ui-button.push.primary.sign-in-button.active:not([aria-disabled=true]):not(.disabled),
    ui-button.push.primary.sign-in-button:active:hover:not([aria-disabled=true]):not(.disabled) {
        background-color: var(--theme-color-labelTertiary)
    }
}

[data-appearance=dark] ui-button.push.primary.sign-in-button.active:not([aria-disabled=true]):not(.disabled),
[data-appearance=dark] ui-button.push.primary.sign-in-button:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-labelTertiary)
}

[data-appearance=light] ui-button.push.primary.sign-in-button.active:not([aria-disabled=true]):not(.disabled),
[data-appearance=light] ui-button.push.primary.sign-in-button:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-labelQuaternary)
}

ui-button.push.primary.sign-in-button:focus:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-systemBlue)
}

ui-button.push.primary.sign-in-button:focus:not([aria-disabled=true]):not(.disabled):before {
    border: 1px solid transparent;
    border-radius: 22px
}

.landing-page-tile {
    border-radius: 11px;
    -webkit-box-shadow: 17px 20px 40px var(--theme-color-boxShadow);
    box-shadow: 17px 20px 40px var(--theme-color-boxShadow);
    background-color: var(--theme-color-backgroundPrimary);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px;
    text-align: start;
    inline-size: 650px
}

.landing-page-tile[dir=ltr],
[dir=ltr] .landing-page-tile {
    text-align: left;
    width: 650px
}

.landing-page-tile[dir=rtl],
[dir=rtl] .landing-page-tile {
    text-align: right;
    width: 650px
}

@media (max-width:759px) {
    .landing-page-tile {
        inline-size: 315px;
        padding: 30px
    }
    .landing-page-tile[dir=ltr],
    .landing-page-tile[dir=rtl],
    [dir=ltr] .landing-page-tile,
    [dir=rtl] .landing-page-tile {
        width: 315px
    }
}

@media (min-width:1165px) {
    .landing-page-tile {
        inline-size: 478px
    }
    .landing-page-tile[dir=ltr],
    .landing-page-tile[dir=rtl],
    [dir=ltr] .landing-page-tile,
    [dir=rtl] .landing-page-tile {
        width: 478px
    }
}

.landing-page-tile .tile-icon {
    block-size: 250px;
    margin-inline: 35px
}

.landing-page-tile[dir=ltr] .tile-icon,
.landing-page-tile[dir=rtl] .tile-icon,
[dir=ltr] .landing-page-tile .tile-icon,
[dir=rtl] .landing-page-tile .tile-icon {
    height: 250px;
    margin-left: 35px;
    margin-right: 35px
}

@media (max-width:759px) {
    .landing-page-tile .tile-icon {
        block-size: 175px;
        margin-inline: 0
    }
    .landing-page-tile[dir=ltr] .tile-icon,
    .landing-page-tile[dir=rtl] .tile-icon,
    [dir=ltr] .landing-page-tile .tile-icon,
    [dir=rtl] .landing-page-tile .tile-icon {
        height: 175px;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:1165px) {
    .landing-page-tile .tile-icon {
        inline-size: 398px;
        margin-inline: 0
    }
    .landing-page-tile[dir=ltr] .tile-icon,
    .landing-page-tile[dir=rtl] .tile-icon,
    [dir=ltr] .landing-page-tile .tile-icon,
    [dir=rtl] .landing-page-tile .tile-icon {
        width: 398px;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:1690px) {
    .landing-page-tile .tile-icon {
        block-size: 250px;
        margin-inline: auto
    }
    .landing-page-tile[dir=ltr] .tile-icon,
    .landing-page-tile[dir=rtl] .tile-icon,
    [dir=ltr] .landing-page-tile .tile-icon,
    [dir=rtl] .landing-page-tile .tile-icon {
        height: 250px;
        margin-left: auto;
        margin-right: auto
    }
}

.landing-page-tile .tile-icon img {
    inline-size: 100%;
    block-size: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.landing-page-tile[dir=ltr] .tile-icon img,
.landing-page-tile[dir=rtl] .tile-icon img,
[dir=ltr] .landing-page-tile .tile-icon img,
[dir=rtl] .landing-page-tile .tile-icon img {
    width: 100%;
    height: 100%
}

@media (min-width:760px) and (max-width:1164px) {
    .landing-page-tile .tile-icon img {
        display: block;
        margin: auto
    }
}

.landing-page-tile .tile-title {
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    color: var(--theme-color-labelPrimary);
    -webkit-margin-before: 20px;
    margin-block-start: 20px;
    min-block-size: 100px
}

.landing-page-tile[dir=ltr] .tile-title,
.landing-page-tile[dir=rtl] .tile-title,
[dir=ltr] .landing-page-tile .tile-title,
[dir=rtl] .landing-page-tile .tile-title {
    margin-top: 20px;
    min-height: 100px
}

[apple-system-font-capable] .landing-page-tile .tile-title {
    font-family: system-ui, Helvetica Neue, sans-serif
}

@media (max-width:759px) {
    .landing-page-tile .tile-title {
        font-family: SF Pro Display, Helvetica Neue, sans-serif;
        font-size: 21px;
        font-weight: 600;
        line-height: 25px
    }
    [apple-system-font-capable] .landing-page-tile .tile-title {
        font-family: system-ui, Helvetica Neue, sans-serif
    }
    body {
        text-rendering: optimizeLegibility
    }
}

.landing-page-tile .tile-title.tall {
    line-height: 1.8
}

.landing-page-tile .tile-description {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    color: var(--theme-color-labelPrimary);
    letter-spacing: -.37px;
    -webkit-margin-before: 20px;
    margin-block-start: 20px
}

.landing-page-tile[dir=ltr] .tile-description,
.landing-page-tile[dir=rtl] .tile-description,
[dir=ltr] .landing-page-tile .tile-description,
[dir=rtl] .landing-page-tile .tile-description {
    margin-top: 20px
}

[apple-system-font-capable] .landing-page-tile .tile-description {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.landing-page-tile .tile-description a.unstyled-link,
.landing-page-tile .tile-description a.unstyled-link:visited {
    color: var(--theme-color-systemBlue)
}

.hero-wrapper {
    block-size: 100%;
    position: relative
}

.hero-wrapper[dir=ltr],
.hero-wrapper[dir=rtl],
[dir=ltr] .hero-wrapper,
[dir=rtl] .hero-wrapper {
    height: 100%
}

@media (max-width:759px) {
    .hero-wrapper {
        block-size: 420px
    }
    .hero-wrapper[dir=ltr],
    .hero-wrapper[dir=rtl],
    [dir=ltr] .hero-wrapper,
    [dir=rtl] .hero-wrapper {
        height: 420px
    }
}

.hero-wrapper .icloud-animated-hero {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    inset-block-start: -14px;
    inset-block-end: 0;
    inset-inline-start: 1px;
    inset-inline-end: 0;
    z-index: 1
}

.hero-wrapper[dir=ltr] .icloud-animated-hero,
[dir=ltr] .hero-wrapper .icloud-animated-hero {
    top: -14px;
    bottom: 0;
    left: 1px;
    right: 0
}

.hero-wrapper[dir=rtl] .icloud-animated-hero,
[dir=rtl] .hero-wrapper .icloud-animated-hero {
    top: -14px;
    bottom: 0;
    right: 1px;
    left: 0
}

@media (max-width:759px) {
    .hero-wrapper .icloud-animated-hero {
        inset-block-start: -webkit-calc(min(40px, 14vw) - 44px);
        inset-block-start: calc(min(40px, 14vw) - 44px)
    }
    .hero-wrapper[dir=ltr] .icloud-animated-hero,
    .hero-wrapper[dir=rtl] .icloud-animated-hero,
    [dir=ltr] .hero-wrapper .icloud-animated-hero,
    [dir=rtl] .hero-wrapper .icloud-animated-hero {
        top: -webkit-calc(min(40px, 14vw) - 44px);
        top: calc(min(40px, 14vw) - 44px)
    }
}

.hero-wrapper .icloud-animated-hero video {
    display: block;
    max-inline-size: 100%;
    z-index: 1;
    position: absolute;
    -webkit-clip-path: inset(1px 1px);
    clip-path: inset(1px 1px)
}

.hero-wrapper[dir=ltr] .icloud-animated-hero video,
.hero-wrapper[dir=rtl] .icloud-animated-hero video,
[dir=ltr] .hero-wrapper .icloud-animated-hero video,
[dir=rtl] .hero-wrapper .icloud-animated-hero video {
    max-width: 100%
}

.hero-wrapper .landing-page-icloud-hero {
    max-inline-size: 100%;
    max-block-size: 100%;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    block-size: 100%;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.hero-wrapper[dir=ltr] .landing-page-icloud-hero,
.hero-wrapper[dir=rtl] .landing-page-icloud-hero,
[dir=ltr] .hero-wrapper .landing-page-icloud-hero,
[dir=rtl] .hero-wrapper .landing-page-icloud-hero {
    max-width: 100%;
    max-height: 100%;
    margin-right: auto;
    margin-left: auto;
    height: 100%;
    margin-top: 0
}

.hero-wrapper .landing-page-icloud-hero h1 {
    color: var(--theme-color-labelPrimary);
    text-align: center;
    z-index: 1;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 140px;
    font-weight: 600;
    letter-spacing: -2.8px;
    line-height: 167px
}

.hero-wrapper[dir=ltr] .landing-page-icloud-hero h1,
.hero-wrapper[dir=rtl] .landing-page-icloud-hero h1,
[dir=ltr] .hero-wrapper .landing-page-icloud-hero h1,
[dir=rtl] .hero-wrapper .landing-page-icloud-hero h1 {
    margin-top: 0
}

[apple-system-font-capable] .hero-wrapper .landing-page-icloud-hero h1 {
    font-family: system-ui, Helvetica Neue, sans-serif
}

@media (max-width:759px) {
    .hero-wrapper .landing-page-icloud-hero h1 {
        font-family: SF Pro Display, Helvetica Neue, sans-serif;
        font-size: 96px;
        font-weight: 600;
        letter-spacing: -1.44px;
        line-height: 96px
    }
    [apple-system-font-capable] .hero-wrapper .landing-page-icloud-hero h1 {
        font-family: system-ui, Helvetica Neue, sans-serif
    }
    body {
        text-rendering: optimizeLegibility
    }
}

.hero-wrapper .landing-page-icloud-hero .clouds {
    inline-size: auto;
    block-size: 360px;
    inset-block-start: -50px;
    inset-inline-end: 0;
    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;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start
}

.hero-wrapper[dir=ltr] .landing-page-icloud-hero .clouds,
[dir=ltr] .hero-wrapper .landing-page-icloud-hero .clouds {
    width: auto;
    height: 360px;
    top: -50px;
    right: 0;
    -webkit-align-content: left;
    -ms-flex-line-pack: left;
    align-content: left
}

.hero-wrapper[dir=rtl] .landing-page-icloud-hero .clouds,
[dir=rtl] .hero-wrapper .landing-page-icloud-hero .clouds {
    width: auto;
    height: 360px;
    top: -50px;
    left: 0;
    -webkit-align-content: right;
    -ms-flex-line-pack: right;
    align-content: right
}

@media (max-width:759px) {
    .hero-wrapper .landing-page-icloud-hero .clouds {
        -webkit-margin-before: 40px;
        margin-block-start: 40px;
        block-size: 300px
    }
    .hero-wrapper[dir=ltr] .landing-page-icloud-hero .clouds,
    .hero-wrapper[dir=rtl] .landing-page-icloud-hero .clouds,
    [dir=ltr] .hero-wrapper .landing-page-icloud-hero .clouds,
    [dir=rtl] .hero-wrapper .landing-page-icloud-hero .clouds {
        margin-top: 40px;
        height: 300px
    }
}

.hero-wrapper .landing-page-icloud-hero .clouds img {
    inline-size: auto;
    block-size: 100%
}

.hero-wrapper[dir=ltr] .landing-page-icloud-hero .clouds img,
.hero-wrapper[dir=rtl] .landing-page-icloud-hero .clouds img,
[dir=ltr] .hero-wrapper .landing-page-icloud-hero .clouds img,
[dir=rtl] .hero-wrapper .landing-page-icloud-hero .clouds img {
    width: auto;
    height: 100%
}

.hero-wrapper .d-none {
    display: none
}

.tiles {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-margin-before: 90px;
    margin-block-start: 90px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.tiles[dir=ltr],
.tiles[dir=rtl],
[dir=ltr] .tiles,
[dir=rtl] .tiles {
    margin-top: 90px
}

@media (max-width:759px) {
    .tiles {
        -webkit-margin-before: 50px;
        margin-block-start: 50px
    }
    .tiles[dir=ltr],
    .tiles[dir=rtl],
    [dir=ltr] .tiles,
    [dir=rtl] .tiles {
        margin-top: 50px
    }
}

@media (min-width:1165px) {
    .tiles {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.tiles .landing-page-tile {
    block-size: auto
}

.tiles[dir=ltr] .landing-page-tile,
.tiles[dir=rtl] .landing-page-tile,
[dir=ltr] .tiles .landing-page-tile,
[dir=rtl] .tiles .landing-page-tile {
    height: auto
}

@media (min-width:1165px) {
    .tiles .landing-page-tile {
        inline-size: 478px
    }
    .tiles[dir=ltr] .landing-page-tile,
    .tiles[dir=rtl] .landing-page-tile,
    [dir=ltr] .tiles .landing-page-tile,
    [dir=rtl] .tiles .landing-page-tile {
        width: 478px
    }
}

@media (min-width:1690px) {
    .tiles .landing-page-tile {
        inline-size: 650px
    }
    .tiles[dir=ltr] .landing-page-tile,
    .tiles[dir=rtl] .landing-page-tile,
    [dir=ltr] .tiles .landing-page-tile,
    [dir=rtl] .tiles .landing-page-tile {
        width: 650px
    }
}

.tiles.flex-tiles {
    -webkit-margin-before: 70px;
    margin-block-start: 70px
}

.tiles.flex-tiles[dir=ltr],
.tiles.flex-tiles[dir=rtl],
[dir=ltr] .tiles.flex-tiles,
[dir=rtl] .tiles.flex-tiles {
    margin-top: 70px
}

.tiles.flex-tiles .row {
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tiles.flex-tiles .row,
.tiles.flex-tiles .row .column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    gap: 50px
}

.tiles.flex-tiles .row .column {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width:759px) {
    .tiles.flex-tiles {
        -webkit-margin-before: 50px;
        margin-block-start: 50px;
        gap: 30px
    }
    .tiles.flex-tiles[dir=ltr],
    .tiles.flex-tiles[dir=rtl],
    [dir=ltr] .tiles.flex-tiles,
    [dir=rtl] .tiles.flex-tiles {
        margin-top: 50px
    }
    .tiles.flex-tiles .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px
    }
    .tiles.flex-tiles .row .column {
        gap: 30px
    }
}

@media (min-width:760px) and (max-width:1164px) {
    .tiles.flex-tiles .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.info-tile {
    background-color: var(--theme-color-backgroundPrimary);
    padding-block: 30px;
    padding-inline: 30px;
    border-radius: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.info-tile[dir=ltr],
.info-tile[dir=rtl],
[dir=ltr] .info-tile,
[dir=rtl] .info-tile {
    padding: 30px
}

@media (max-width:760px) {
    .info-tile {
        padding-inline: 20px;
        padding-block: 20px
    }
    .info-tile[dir=ltr],
    .info-tile[dir=rtl],
    [dir=ltr] .info-tile,
    [dir=rtl] .info-tile {
        padding: 20px
    }
}

.info-tile .info-heading {
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    -webkit-margin-after: 12px;
    margin-block-end: 12px
}

.info-tile[dir=ltr] .info-heading,
.info-tile[dir=rtl] .info-heading,
[dir=ltr] .info-tile .info-heading,
[dir=rtl] .info-tile .info-heading {
    margin-bottom: 12px
}

[apple-system-font-capable] .info-tile .info-heading {
    font-family: system-ui, Helvetica Neue, sans-serif
}

@media (max-width:760px) {
    .info-tile .info-heading {
        font-family: SF Pro Display, Helvetica Neue, sans-serif;
        font-size: 24px;
        font-weight: 600;
        line-height: 28px
    }
    [apple-system-font-capable] .info-tile .info-heading {
        font-family: system-ui, Helvetica Neue, sans-serif
    }
    body {
        text-rendering: optimizeLegibility
    }
}

.info-tile p {
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 25px;
    color: var(--theme-color-labelPrimary);
    line-height: 1.4;
    -webkit-margin-after: 18px;
    margin-block-end: 18px
}

.info-tile[dir=ltr] p,
.info-tile[dir=rtl] p,
[dir=ltr] .info-tile p,
[dir=rtl] .info-tile p {
    margin-bottom: 18px
}

[apple-system-font-capable] .info-tile p {
    font-family: system-ui, Helvetica Neue, sans-serif
}

@media (max-width:760px) {
    .info-tile p {
        font-family: SF Pro Text, Helvetica Neue, sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 25px
    }
    [apple-system-font-capable] .info-tile p {
        font-family: system-ui, Helvetica Neue, sans-serif
    }
    body {
        text-rendering: optimizeLegibility
    }
}

.info-tile a {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    -webkit-margin-after: 10px;
    margin-block-end: 10px
}

.info-tile[dir=ltr] a,
.info-tile[dir=rtl] a,
[dir=ltr] .info-tile a,
[dir=rtl] .info-tile a {
    margin-bottom: 10px
}

[apple-system-font-capable] .info-tile a {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.info-tile .info-tile-image-wrapper {
    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;
    -webkit-margin-after: 15px;
    margin-block-end: 15px
}

.info-tile[dir=ltr] .info-tile-image-wrapper,
.info-tile[dir=rtl] .info-tile-image-wrapper,
[dir=ltr] .info-tile .info-tile-image-wrapper,
[dir=rtl] .info-tile .info-tile-image-wrapper {
    margin-bottom: 15px
}

.info-tile .info-tile-image-wrapper img {
    block-size: 200px
}

.info-tile[dir=ltr] .info-tile-image-wrapper img,
.info-tile[dir=rtl] .info-tile-image-wrapper img,
[dir=ltr] .info-tile .info-tile-image-wrapper img,
[dir=rtl] .info-tile .info-tile-image-wrapper img {
    height: 200px
}

.info-tile .accessory {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-margin-after: 10px;
    margin-block-end: 10px
}

.info-tile[dir=ltr] .accessory,
.info-tile[dir=rtl] .accessory,
[dir=ltr] .info-tile .accessory,
[dir=rtl] .info-tile .accessory {
    margin-bottom: 10px
}

.info-tile .badge {
    color: var(--theme-color-labelSecondary);
    border: 1px solid;
    border-radius: 15px;
    opacity: .5;
    padding-inline: 10px;
    padding-block: 2px
}

.info-tile[dir=ltr] .badge,
.info-tile[dir=rtl] .badge,
[dir=ltr] .info-tile .badge,
[dir=rtl] .info-tile .badge {
    padding: 2px 10px
}

.info-tile .external-link {
    -webkit-margin-before: auto;
    margin-block-start: auto
}

.info-tile[dir=ltr] .external-link,
.info-tile[dir=rtl] .external-link,
[dir=ltr] .info-tile .external-link,
[dir=rtl] .info-tile .external-link {
    margin-top: auto
}

.info-tile.flex-tile {
    block-size: auto;
    padding-block: 40px;
    padding-inline: 40px;
    border-radius: 11px;
    -webkit-box-shadow: 17px 20px 40px var(--theme-color-boxShadow);
    box-shadow: 17px 20px 40px var(--theme-color-boxShadow);
    text-align: start;
    overflow: hidden
}

.info-tile.flex-tile[dir=ltr],
[dir=ltr] .info-tile.flex-tile {
    height: auto;
    text-align: left;
    padding: 40px
}

.info-tile.flex-tile[dir=rtl],
[dir=rtl] .info-tile.flex-tile {
    height: auto;
    text-align: right;
    padding: 40px
}

@media (max-width:760px) {
    .info-tile.flex-tile {
        padding-inline: 30px;
        padding-block: 30px
    }
    .info-tile.flex-tile[dir=ltr],
    .info-tile.flex-tile[dir=rtl],
    [dir=ltr] .info-tile.flex-tile,
    [dir=rtl] .info-tile.flex-tile {
        padding: 30px
    }
}

.info-tile.flex-tile .section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.info-tile.flex-tile .info-heading {
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px
}

[apple-system-font-capable] .info-tile.flex-tile .info-heading {
    font-family: system-ui, Helvetica Neue, sans-serif
}

@media (max-width:759px) {
    .info-tile.flex-tile .info-heading {
        font-family: SF Pro Display, Helvetica Neue, sans-serif;
        font-size: 21px;
        font-weight: 600;
        line-height: 25px
    }
    [apple-system-font-capable] .info-tile.flex-tile .info-heading {
        font-family: system-ui, Helvetica Neue, sans-serif
    }
    body {
        text-rendering: optimizeLegibility
    }
}

.info-tile.flex-tile p {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    -webkit-margin-after: 0;
    margin-block-end: 0
}

.info-tile.flex-tile[dir=ltr] p,
.info-tile.flex-tile[dir=rtl] p,
[dir=ltr] .info-tile.flex-tile p,
[dir=rtl] .info-tile.flex-tile p {
    margin-bottom: 0
}

[apple-system-font-capable] .info-tile.flex-tile p {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.info-tile.flex-tile .external-link {
    -webkit-margin-before: 18px;
    margin-block-start: 18px
}

.info-tile.flex-tile[dir=ltr] .external-link,
.info-tile.flex-tile[dir=rtl] .external-link,
[dir=ltr] .info-tile.flex-tile .external-link,
[dir=rtl] .info-tile.flex-tile .external-link {
    margin-top: 18px
}

.info-tile.flex-tile .tile-content-img {
    -webkit-margin-before: 80px;
    margin-block-start: 80px;
    -webkit-margin-start: -41px;
    margin-inline-start: -41px;
    -webkit-margin-end: -41px;
    margin-inline-end: -41px
}

.info-tile.flex-tile[dir=ltr] .tile-content-img,
.info-tile.flex-tile[dir=rtl] .tile-content-img,
[dir=ltr] .info-tile.flex-tile .tile-content-img,
[dir=rtl] .info-tile.flex-tile .tile-content-img {
    margin-top: 80px;
    margin-left: -41px;
    margin-right: -41px
}

@media (max-width:759px) {
    .info-tile.flex-tile .tile-content-img {
        -webkit-margin-before: 40px;
        margin-block-start: 40px;
        -webkit-margin-start: -31px;
        margin-inline-start: -31px;
        -webkit-margin-end: -31px;
        margin-inline-end: -31px
    }
    .info-tile.flex-tile[dir=ltr] .tile-content-img,
    .info-tile.flex-tile[dir=rtl] .tile-content-img,
    [dir=ltr] .info-tile.flex-tile .tile-content-img,
    [dir=rtl] .info-tile.flex-tile .tile-content-img {
        margin-top: 40px;
        margin-left: -31px;
        margin-right: -31px
    }
}

@media (min-width:1690px) {
    .info-tile.flex-tile .tile-content-img {
        -webkit-margin-before: 18px;
        margin-block-start: 18px
    }
    .info-tile.flex-tile[dir=ltr] .tile-content-img,
    .info-tile.flex-tile[dir=rtl] .tile-content-img,
    [dir=ltr] .info-tile.flex-tile .tile-content-img,
    [dir=rtl] .info-tile.flex-tile .tile-content-img {
        margin-top: 18px
    }
}

.info-tile.flex-tile .tile-content-img img {
    inline-size: 100%;
    block-size: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.info-tile.flex-tile[dir=ltr] .tile-content-img img,
.info-tile.flex-tile[dir=rtl] .tile-content-img img,
[dir=ltr] .info-tile.flex-tile .tile-content-img img,
[dir=rtl] .info-tile.flex-tile .tile-content-img img {
    width: 100%;
    height: 100%
}

.info-tile.flex-tile.wide {
    min-block-size: 275px
}

.info-tile.flex-tile.wide[dir=ltr],
.info-tile.flex-tile.wide[dir=rtl],
[dir=ltr] .info-tile.flex-tile.wide,
[dir=rtl] .info-tile.flex-tile.wide {
    min-height: 275px
}

.info-tile.flex-tile.wide .section .tile-content-img {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(var(--theme-color-labelPrimary)), to(transparent));
    -webkit-mask-image: linear-gradient(transparent, var(--theme-color-labelPrimary), transparent);
    mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(var(--theme-color-labelPrimary)), to(transparent));
    mask-image: linear-gradient(transparent, var(--theme-color-labelPrimary), transparent)
}

.info-tile.flex-tile.wide[dir=ltr] .section .tile-content-img,
.info-tile.flex-tile.wide[dir=rtl] .section .tile-content-img,
[dir=ltr] .info-tile.flex-tile.wide .section .tile-content-img,
[dir=rtl] .info-tile.flex-tile.wide .section .tile-content-img {
    margin-left: 0;
    margin-right: 0
}

@media (max-width:759px) {
    .info-tile.flex-tile.wide .section .tile-content-img {
        inline-size: 240px
    }
    .info-tile.flex-tile.wide[dir=ltr] .section .tile-content-img,
    .info-tile.flex-tile.wide[dir=rtl] .section .tile-content-img,
    [dir=ltr] .info-tile.flex-tile.wide .section .tile-content-img,
    [dir=rtl] .info-tile.flex-tile.wide .section .tile-content-img {
        width: 240px
    }
    .info-tile.flex-tile.wide .section .tile-content-img img {
        inline-size: 100%
    }
    .info-tile.flex-tile.wide[dir=ltr] .section .tile-content-img img,
    .info-tile.flex-tile.wide[dir=rtl] .section .tile-content-img img,
    [dir=ltr] .info-tile.flex-tile.wide .section .tile-content-img img,
    [dir=rtl] .info-tile.flex-tile.wide .section .tile-content-img img {
        width: 100%
    }
}

@media (min-width:760px) and (max-width:1164px) {
    .info-tile.flex-tile.wide .section .tile-content-img {
        inline-size: 446px
    }
    .info-tile.flex-tile.wide[dir=ltr] .section .tile-content-img,
    .info-tile.flex-tile.wide[dir=rtl] .section .tile-content-img,
    [dir=ltr] .info-tile.flex-tile.wide .section .tile-content-img,
    [dir=rtl] .info-tile.flex-tile.wide .section .tile-content-img {
        width: 446px
    }
}

.info-tile.flex-tile.wide .section:nth-child(2) {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:1690px) {
    .info-tile.flex-tile.wide .section:first-child {
        inline-size: 663px
    }
    .info-tile.flex-tile.wide[dir=ltr] .section:first-child,
    .info-tile.flex-tile.wide[dir=rtl] .section:first-child,
    [dir=ltr] .info-tile.flex-tile.wide .section:first-child,
    [dir=rtl] .info-tile.flex-tile.wide .section:first-child {
        width: 663px
    }
    .info-tile.flex-tile.wide .section:first-child p {
        inline-size: 663px
    }
    .info-tile.flex-tile.wide[dir=ltr] .section:first-child p,
    .info-tile.flex-tile.wide[dir=rtl] .section:first-child p,
    [dir=ltr] .info-tile.flex-tile.wide .section:first-child p,
    [dir=rtl] .info-tile.flex-tile.wide .section:first-child p {
        width: 663px
    }
}

@media (min-width:1165px) {
    .info-tile.flex-tile.wide {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 115px
    }
    .info-tile.flex-tile.wide .accessory,
    .info-tile.flex-tile.wide .info-heading,
    .info-tile.flex-tile.wide .tile-content-img,
    .info-tile.flex-tile.wide p {
        inline-size: 398px
    }
    .info-tile.flex-tile.wide[dir=ltr] .accessory,
    .info-tile.flex-tile.wide[dir=ltr] .info-heading,
    .info-tile.flex-tile.wide[dir=ltr] .tile-content-img,
    .info-tile.flex-tile.wide[dir=ltr] p,
    .info-tile.flex-tile.wide[dir=rtl] .accessory,
    .info-tile.flex-tile.wide[dir=rtl] .info-heading,
    .info-tile.flex-tile.wide[dir=rtl] .tile-content-img,
    .info-tile.flex-tile.wide[dir=rtl] p,
    [dir=ltr] .info-tile.flex-tile.wide .accessory,
    [dir=ltr] .info-tile.flex-tile.wide .info-heading,
    [dir=ltr] .info-tile.flex-tile.wide .tile-content-img,
    [dir=ltr] .info-tile.flex-tile.wide p,
    [dir=rtl] .info-tile.flex-tile.wide .accessory,
    [dir=rtl] .info-tile.flex-tile.wide .info-heading,
    [dir=rtl] .info-tile.flex-tile.wide .tile-content-img,
    [dir=rtl] .info-tile.flex-tile.wide p {
        width: 398px
    }
    .info-tile.flex-tile.wide .tile-content-img {
        -webkit-margin-before: 0;
        margin-block-start: 0
    }
    .info-tile.flex-tile.wide[dir=ltr] .tile-content-img,
    .info-tile.flex-tile.wide[dir=rtl] .tile-content-img,
    [dir=ltr] .info-tile.flex-tile.wide .tile-content-img,
    [dir=rtl] .info-tile.flex-tile.wide .tile-content-img {
        margin-top: 0
    }
    .info-tile.flex-tile.wide img {
        inline-size: 100%;
        block-size: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }
    .info-tile.flex-tile.wide[dir=ltr] img,
    .info-tile.flex-tile.wide[dir=rtl] img,
    [dir=ltr] .info-tile.flex-tile.wide img,
    [dir=rtl] .info-tile.flex-tile.wide img {
        width: 100%;
        height: 100%
    }
}

@media (min-width:760px) and (max-width:1164px) {
    .info-tile.flex-tile .tile-content-img {
        -webkit-margin-before: 70px;
        margin-block-start: 70px
    }
    .info-tile.flex-tile[dir=ltr] .tile-content-img,
    .info-tile.flex-tile[dir=rtl] .tile-content-img,
    [dir=ltr] .info-tile.flex-tile .tile-content-img,
    [dir=rtl] .info-tile.flex-tile .tile-content-img {
        margin-top: 70px
    }
}

@media (min-width:1165px) {
    .info-tile.flex-tile {
        inline-size: 492.5px
    }
    .info-tile.flex-tile[dir=ltr],
    .info-tile.flex-tile[dir=rtl],
    [dir=ltr] .info-tile.flex-tile,
    [dir=rtl] .info-tile.flex-tile {
        width: 492.5px
    }
    .info-tile.flex-tile.wide {
        inline-size: 1035px
    }
    .info-tile.flex-tile.wide[dir=ltr],
    .info-tile.flex-tile.wide[dir=rtl],
    [dir=ltr] .info-tile.flex-tile.wide,
    [dir=rtl] .info-tile.flex-tile.wide {
        width: 1035px
    }
    .info-tile.flex-tile.tall {
        block-size: 100%
    }
    .info-tile.flex-tile.tall[dir=ltr],
    .info-tile.flex-tile.tall[dir=rtl],
    [dir=ltr] .info-tile.flex-tile.tall,
    [dir=rtl] .info-tile.flex-tile.tall {
        height: 100%
    }
    .info-tile.flex-tile.full-height {
        block-size: 100%
    }
    .info-tile.flex-tile.full-height[dir=ltr],
    .info-tile.flex-tile.full-height[dir=rtl],
    [dir=ltr] .info-tile.flex-tile.full-height,
    [dir=rtl] .info-tile.flex-tile.full-height {
        height: 100%
    }
}

@media (min-width:1690px) {
    .info-tile.flex-tile {
        inline-size: 665px;
        min-block-size: 287.5px
    }
    .info-tile.flex-tile[dir=ltr],
    .info-tile.flex-tile[dir=rtl],
    [dir=ltr] .info-tile.flex-tile,
    [dir=rtl] .info-tile.flex-tile {
        width: 665px;
        min-height: 287.5px
    }
    .info-tile.flex-tile.wide {
        inline-size: 1380px
    }
    .info-tile.flex-tile.wide[dir=ltr],
    .info-tile.flex-tile.wide[dir=rtl],
    [dir=ltr] .info-tile.flex-tile.wide,
    [dir=rtl] .info-tile.flex-tile.wide {
        width: 1380px
    }
}

.accordion {
    list-style: none;
    -webkit-margin-before: 40px;
    margin-block-start: 40px;
    -webkit-margin-after: 20px;
    margin-block-end: 20px;
    inline-size: 100%
}

.accordion[dir=ltr],
.accordion[dir=rtl],
[dir=ltr] .accordion,
[dir=rtl] .accordion {
    margin-top: 40px;
    margin-bottom: 20px;
    width: 100%
}

.accordion .accordion-item {
    -webkit-border-after: 1px solid var(--theme-color-fillPrimary);
    border-block-end: 1px solid var(--theme-color-fillPrimary)
}

.accordion[dir=ltr] .accordion-item,
.accordion[dir=rtl] .accordion-item,
[dir=ltr] .accordion .accordion-item,
[dir=rtl] .accordion .accordion-item {
    border-bottom: 1px solid var(--theme-color-fillPrimary)
}

.accordion .accordion-item .accordion-title .accordion-title-text {
    max-inline-size: 83.33333%;
    color: var(--theme-color-labelPrimary);
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 25px
}

.accordion[dir=ltr] .accordion-item .accordion-title .accordion-title-text,
.accordion[dir=rtl] .accordion-item .accordion-title .accordion-title-text,
[dir=ltr] .accordion .accordion-item .accordion-title .accordion-title-text,
[dir=rtl] .accordion .accordion-item .accordion-title .accordion-title-text {
    max-width: 83.33333%
}

[apple-system-font-capable] .accordion .accordion-item .accordion-title .accordion-title-text {
    font-family: system-ui, Helvetica Neue, sans-serif
}

@media (max-width:759px) {
    .accordion .accordion-item .accordion-title .accordion-title-text {
        font-family: SF Pro Text, Helvetica Neue, sans-serif;
        font-size: 19px;
        font-weight: 600;
        line-height: 23px
    }
    [apple-system-font-capable] .accordion .accordion-item .accordion-title .accordion-title-text {
        font-family: system-ui, Helvetica Neue, sans-serif
    }
    body {
        text-rendering: optimizeLegibility
    }
}

.accordion .accordion-item .accordion-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    inline-size: 100%;
    position: relative;
    -webkit-padding-before: 1em;
    padding-block-start: 1em;
    -webkit-padding-after: 1em;
    padding-block-end: 1em;
    background: none;
    border: 0;
    cursor: pointer;
    text-align: start
}

.accordion[dir=ltr] .accordion-item .accordion-button,
[dir=ltr] .accordion .accordion-item .accordion-button {
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: left
}

.accordion[dir=rtl] .accordion-item .accordion-button,
[dir=rtl] .accordion .accordion-item .accordion-button {
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: right
}

.accordion .accordion-item .accordion-button:focus {
    outline: none
}

.accordion .accordion-item .accordion-button:focus:after {
    outline: 4px solid var(--theme-color-systemBlue);
    outline-offset: 1px
}

.accordion .accordion-item .accordion-button:after {
    content: "";
    display: block;
    inline-size: 100%;
    inset-block-start: .6em;
    block-size: -webkit-calc(100% - 1.2em);
    block-size: calc(100% - 1.2em);
    position: absolute
}

.accordion[dir=ltr] .accordion-item .accordion-button:after,
.accordion[dir=rtl] .accordion-item .accordion-button:after,
[dir=ltr] .accordion .accordion-item .accordion-button:after,
[dir=rtl] .accordion .accordion-item .accordion-button:after {
    width: 100%;
    top: .6em;
    height: -webkit-calc(100% - 1.2em);
    height: calc(100% - 1.2em)
}

.accordion .accordion-item .accordion-icon {
    margin: 0;
    -webkit-transition: color .1s linear;
    transition: color .1s linear;
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    inline-size: 1em;
    block-size: auto;
    stroke-width: 2.25;
    color: var(--theme-color-gray1)
}

.accordion[dir=ltr] .accordion-item .accordion-icon,
.accordion[dir=rtl] .accordion-item .accordion-icon,
[dir=ltr] .accordion .accordion-item .accordion-icon,
[dir=rtl] .accordion .accordion-item .accordion-icon {
    width: 1em;
    height: auto
}

.accordion .accordion-item .accordion-icon .accordion-icon-svg {
    overflow: visible;
    inline-size: 1em
}

.accordion[dir=ltr] .accordion-item .accordion-icon .accordion-icon-svg,
.accordion[dir=rtl] .accordion-item .accordion-icon .accordion-icon-svg,
[dir=ltr] .accordion .accordion-item .accordion-icon .accordion-icon-svg,
[dir=rtl] .accordion .accordion-item .accordion-icon .accordion-icon-svg {
    width: 1em
}

.accordion .accordion-item .accordion-button:hover .accordion-icon,
.accordion .accordion-item .accordion-button:hover .accordion-title-text {
    color: var(--theme-color-systemBlue)
}

.accordion .accordion-item .accordion-tray {
    margin: 0;
    -webkit-transition: height ease-in-out;
    transition: height ease-in-out;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    text-align: start
}

.accordion[dir=ltr] .accordion-item .accordion-tray,
[dir=ltr] .accordion .accordion-item .accordion-tray {
    text-align: left
}

.accordion[dir=rtl] .accordion-item .accordion-tray,
[dir=rtl] .accordion .accordion-item .accordion-tray {
    text-align: right
}

.accordion .accordion-item .accordion-item.expanded>.accordion-tray {
    overflow: visible
}

.accordion .accordion-item .accordion-item.animating>.accordion-tray,
.accordion .accordion-item .accordion-item.collapsed>.accordion-tray,
.accordion .accordion-item .accordion-tray {
    overflow: hidden
}

@media (prefers-reduced-motion:reduce) {
    .accordion .accordion-item .accordion-tray {
        -webkit-transition: none;
        transition: none
    }
}

.accordion .accordion-item .accordion-content {
    -webkit-padding-before: 0;
    padding-block-start: 0;
    -webkit-padding-after: 1em;
    padding-block-end: 1em
}

.accordion[dir=ltr] .accordion-item .accordion-content,
.accordion[dir=rtl] .accordion-item .accordion-content,
[dir=ltr] .accordion .accordion-item .accordion-content,
[dir=rtl] .accordion .accordion-item .accordion-content {
    padding-top: 0;
    padding-bottom: 1em
}

.accordion .accordion-item .accordion-content .accordion-content-paragraph {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    max-inline-size: 83.33333%;
    -webkit-padding-before: 0;
    padding-block-start: 0;
    -webkit-padding-after: .8em;
    padding-block-end: .8em
}

.accordion[dir=ltr] .accordion-item .accordion-content .accordion-content-paragraph,
.accordion[dir=rtl] .accordion-item .accordion-content .accordion-content-paragraph,
[dir=ltr] .accordion .accordion-item .accordion-content .accordion-content-paragraph,
[dir=rtl] .accordion .accordion-item .accordion-content .accordion-content-paragraph {
    max-width: 83.33333%;
    padding-top: 0;
    padding-bottom: .8em
}

[apple-system-font-capable] .accordion .accordion-item .accordion-content .accordion-content-paragraph {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.accordion .accordion-item .accordion-content .accordion-content-paragraph a.unstyled-link,
.accordion .accordion-item .accordion-content .accordion-content-paragraph a.unstyled-link:visited {
    color: var(--theme-color-systemBlue)
}

@-webkit-keyframes ui-activity-indicator-keyframe-ue8d3b5a4 {
    0% {
        opacity: .1
    }
    to {
        opacity: .8
    }
}

@keyframes ui-activity-indicator-keyframe-ue8d3b5a4 {
    0% {
        opacity: .1
    }
    to {
        opacity: .8
    }
}

ui-activity-indicator.standard ui-spinner-nib {
    -webkit-animation-name: ui-activity-indicator-keyframe-ue8d3b5a4;
    animation-name: ui-activity-indicator-keyframe-ue8d3b5a4
}

.legal-footer {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-padding-before: 30px;
    padding-block-start: 30px;
    -webkit-padding-after: 30px;
    padding-block-end: 30px;
    inline-size: 100%;
    background-color: var(--theme-color-gray6)
}

.legal-footer[dir=ltr],
.legal-footer[dir=rtl],
[dir=ltr] .legal-footer,
[dir=rtl] .legal-footer {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%
}

.legal-footer.transparent {
    background-color: transparent
}

[data-horizontal-size-class=compact] .legal-footer {
    -webkit-transition: max-block-size .25s ease-in-out;
    transition: max-block-size .25s ease-in-out
}

[data-horizontal-size-class=regular] .legal-footer {
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out
}

.legal-footer .application-content {
    max-inline-size: 345px
}

.legal-footer[dir=ltr] .application-content,
.legal-footer[dir=rtl] .application-content,
[dir=ltr] .legal-footer .application-content,
[dir=rtl] .legal-footer .application-content {
    max-width: 345px
}

@media (min-width:760px) and (max-width:1164px) {
    .legal-footer .application-content {
        max-inline-size: 690px
    }
    .legal-footer[dir=ltr] .application-content,
    .legal-footer[dir=rtl] .application-content,
    [dir=ltr] .legal-footer .application-content,
    [dir=rtl] .legal-footer .application-content {
        max-width: 690px
    }
}

@media (min-width:1165px) {
    .legal-footer .application-content {
        max-inline-size: 1035px
    }
    .legal-footer[dir=ltr] .application-content,
    .legal-footer[dir=rtl] .application-content,
    [dir=ltr] .legal-footer .application-content,
    [dir=rtl] .legal-footer .application-content {
        max-width: 1035px
    }
}

@media (min-width:1690px) {
    .legal-footer .application-content {
        max-inline-size: 1035px
    }
    .legal-footer[dir=ltr] .application-content,
    .legal-footer[dir=rtl] .application-content,
    [dir=ltr] .legal-footer .application-content,
    [dir=rtl] .legal-footer .application-content {
        max-width: 1035px
    }
}

.legal-footer-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 11px;
    font-weight: 400
}

[apple-system-font-capable] .legal-footer-content {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.legal-footer-content>.inner-row {
    line-height: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px
}

.legal-footer-content>.inner-row a {
    text-decoration: none;
    color: var(--theme-color-labelSecondary)
}

.transparent .legal-footer-content>.inner-row a {
    color: #fff
}

.legal-footer-content>.inner-row a:active {
    color: hsla(0, 0%, 100%, .7)
}

.legal-footer-content>.inner-row .with-separator {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px
}

.legal-footer-content>.inner-row .separator {
    block-size: 15px;
    inline-size: 1px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    background-color: var(--theme-color-fillSecondary)
}

.legal-footer-content[dir=ltr]>.inner-row .separator,
.legal-footer-content[dir=rtl]>.inner-row .separator,
[dir=ltr] .legal-footer-content>.inner-row .separator,
[dir=rtl] .legal-footer-content>.inner-row .separator {
    height: 15px;
    width: 1px
}

.legal-footer-content>.inner-row .copyright {
    color: var(--theme-color-labelSecondary);
    text-align: center;
    -webkit-margin-start: auto;
    margin-inline-start: auto
}

.legal-footer-content[dir=ltr]>.inner-row .copyright,
[dir=ltr] .legal-footer-content>.inner-row .copyright {
    margin-left: auto
}

.legal-footer-content[dir=rtl]>.inner-row .copyright,
[dir=rtl] .legal-footer-content>.inner-row .copyright {
    margin-right: auto
}

.transparent .legal-footer-content>.inner-row .copyright {
    color: var(--theme-color-systemWhite)
}

.legal-footer-content .spacer {
    block-size: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.legal-footer-content[dir=ltr] .spacer,
.legal-footer-content[dir=rtl] .spacer,
[dir=ltr] .legal-footer-content .spacer,
[dir=rtl] .legal-footer-content .spacer {
    height: 0
}

@-webkit-keyframes ui-activity-indicator-keyframe-u607ce595 {
    0% {
        opacity: .1
    }
    to {
        opacity: .8
    }
}

@keyframes ui-activity-indicator-keyframe-u607ce595 {
    0% {
        opacity: .1
    }
    to {
        opacity: .8
    }
}

ui-activity-indicator.standard ui-spinner-nib {
    -webkit-animation-name: ui-activity-indicator-keyframe-u607ce595;
    animation-name: ui-activity-indicator-keyframe-u607ce595
}

@media (max-width:759px) {
    .home-login-route footer {
        -webkit-margin-before: 0;
        margin-block-start: 0
    }
    .home-login-route[dir=ltr] footer,
    .home-login-route[dir=rtl] footer,
    [dir=ltr] .home-login-route footer,
    [dir=rtl] .home-login-route footer {
        margin-top: 0
    }
}

.home-login-component {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:759px) {
    .home-login-component.in-app-login {
        background-color: #fff
    }
}

.home-login-component .notice-container {
    inline-size: 100%
}

.home-login-component[dir=ltr] .notice-container,
.home-login-component[dir=rtl] .notice-container,
[dir=ltr] .home-login-component .notice-container,
[dir=rtl] .home-login-component .notice-container {
    width: 100%
}

@media only screen and (max-height:675px) {
    .home-login-component.has-visible-quick-access {
        min-block-size: 490px !important;
        block-size: 100% !important;
        -webkit-margin-after: 80px;
        margin-block-end: 80px
    }
    .home-login-component.has-visible-quick-access[dir=ltr],
    .home-login-component.has-visible-quick-access[dir=rtl],
    [dir=ltr] .home-login-component.has-visible-quick-access,
    [dir=rtl] .home-login-component.has-visible-quick-access {
        min-height: 490px !important;
        height: 100% !important;
        margin-bottom: 80px
    }
    .home-login-component.has-visible-quick-access .quick-access-container {
        position: static
    }
}

.home-login-component ui-activity-indicator.standard {
    margin: auto
}

.home-login-component .parent-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    inline-size: 640px;
    block-size: 0;
    -webkit-margin-before: 44px;
    margin-block-start: 44px;
    visibility: hidden;
    opacity: 0;
    position: relative;
    -webkit-box-shadow: 0 11px 34px 0 var(--theme-color-fillSecondary);
    box-shadow: 0 11px 34px 0 var(--theme-color-fillSecondary);
    border-radius: 34px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: var(--theme-color-backgroundPrimary)
}

.home-login-component[dir=ltr] .parent-container,
.home-login-component[dir=rtl] .parent-container,
[dir=ltr] .home-login-component .parent-container,
[dir=rtl] .home-login-component .parent-container {
    width: 640px;
    height: 0;
    margin-top: 44px
}

@media (prefers-color-scheme:dark) {
    .home-login-component .parent-container {
        -webkit-box-shadow: 0 11px 34px 0 var(--theme-color-boxShadow);
        box-shadow: 0 11px 34px 0 var(--theme-color-boxShadow)
    }
}

[data-appearance=dark] .home-login-component .parent-container {
    -webkit-box-shadow: 0 11px 34px 0 var(--theme-color-boxShadow);
    box-shadow: 0 11px 34px 0 var(--theme-color-boxShadow)
}

[data-appearance=light] .home-login-component .parent-container {
    -webkit-box-shadow: 0 11px 34px 0 var(--theme-color-fillSecondary);
    box-shadow: 0 11px 34px 0 var(--theme-color-fillSecondary)
}

@media (max-width:759px) {
    .home-login-component .parent-container {
        inline-size: 100%;
        -webkit-margin-before: 0;
        margin-block-start: 0;
        border-radius: 0;
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }
    .home-login-component[dir=ltr] .parent-container,
    .home-login-component[dir=rtl] .parent-container,
    [dir=ltr] .home-login-component .parent-container,
    [dir=rtl] .home-login-component .parent-container {
        width: 100%;
        margin-top: 0
    }
}

@media only screen and (max-width:759px) and (max-height:610px) {
    .home-login-component .parent-container {
        overflow-y: auto
    }
}

.home-login-component .parent-container .authwidget-spinner {
    block-size: 100%;
    inline-size: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute
}

.home-login-component[dir=ltr] .parent-container .authwidget-spinner,
.home-login-component[dir=rtl] .parent-container .authwidget-spinner,
[dir=ltr] .home-login-component .parent-container .authwidget-spinner,
[dir=rtl] .home-login-component .parent-container .authwidget-spinner {
    height: 100%;
    width: 100%
}

.home-login-component .parent-container.is-visible {
    visibility: visible;
    opacity: 1;
    block-size: 610px;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.home-login-component[dir=ltr] .parent-container.is-visible,
.home-login-component[dir=rtl] .parent-container.is-visible,
[dir=ltr] .home-login-component .parent-container.is-visible,
[dir=rtl] .home-login-component .parent-container.is-visible {
    height: 610px
}

@media only screen and (max-device-width:767px) {
    .home-login-component .parent-container.is-visible {
        block-size: 640px
    }
    .home-login-component[dir=ltr] .parent-container.is-visible,
    .home-login-component[dir=rtl] .parent-container.is-visible,
    [dir=ltr] .home-login-component .parent-container.is-visible,
    [dir=rtl] .home-login-component .parent-container.is-visible {
        height: 640px
    }
}

.home-login-component .parent-container.is-visible.has-visible-quick-access {
    block-size: 715px
}

.home-login-component[dir=ltr] .parent-container.is-visible.has-visible-quick-access,
.home-login-component[dir=rtl] .parent-container.is-visible.has-visible-quick-access,
[dir=ltr] .home-login-component .parent-container.is-visible.has-visible-quick-access,
[dir=rtl] .home-login-component .parent-container.is-visible.has-visible-quick-access {
    height: 715px
}

.home-login-component .parent-container.is-visible.has-visible-quick-access:before {
    block-size: 715px;
    -webkit-transition: block-size .25s ease-in-out, opacity .5s ease-in-out;
    transition: block-size .25s ease-in-out, opacity .5s ease-in-out
}

.home-login-component[dir=ltr] .parent-container.is-visible.has-visible-quick-access:before,
.home-login-component[dir=rtl] .parent-container.is-visible.has-visible-quick-access:before,
[dir=ltr] .home-login-component .parent-container.is-visible.has-visible-quick-access:before,
[dir=rtl] .home-login-component .parent-container.is-visible.has-visible-quick-access:before {
    height: 715px
}

@media (max-width:759px) {
    .home-login-component .parent-container.is-visible.has-visible-quick-access {
        block-size: auto
    }
    .home-login-component[dir=ltr] .parent-container.is-visible.has-visible-quick-access,
    .home-login-component[dir=rtl] .parent-container.is-visible.has-visible-quick-access,
    [dir=ltr] .home-login-component .parent-container.is-visible.has-visible-quick-access,
    [dir=rtl] .home-login-component .parent-container.is-visible.has-visible-quick-access {
        height: auto
    }
}

.home-login-component .parent-container.is-visible.is-icon-not-visible {
    block-size: 480px
}

.home-login-component[dir=ltr] .parent-container.is-visible.is-icon-not-visible,
.home-login-component[dir=rtl] .parent-container.is-visible.is-icon-not-visible,
[dir=ltr] .home-login-component .parent-container.is-visible.is-icon-not-visible,
[dir=rtl] .home-login-component .parent-container.is-visible.is-icon-not-visible {
    height: 480px
}

.home-login-component .parent-container.is-visible.is-icon-not-visible:before {
    block-size: 480px;
    -webkit-transition: block-size .25s ease-in-out, opacity .5s ease-in-out;
    transition: block-size .25s ease-in-out, opacity .5s ease-in-out
}

.home-login-component[dir=ltr] .parent-container.is-visible.is-icon-not-visible:before,
.home-login-component[dir=rtl] .parent-container.is-visible.is-icon-not-visible:before,
[dir=ltr] .home-login-component .parent-container.is-visible.is-icon-not-visible:before,
[dir=rtl] .home-login-component .parent-container.is-visible.is-icon-not-visible:before {
    height: 480px
}

@media (max-width:759px) {
    .home-login-component .parent-container.is-visible.is-icon-not-visible {
        block-size: auto
    }
    .home-login-component[dir=ltr] .parent-container.is-visible.is-icon-not-visible,
    .home-login-component[dir=rtl] .parent-container.is-visible.is-icon-not-visible,
    [dir=ltr] .home-login-component .parent-container.is-visible.is-icon-not-visible,
    [dir=rtl] .home-login-component .parent-container.is-visible.is-icon-not-visible {
        height: auto
    }
}

.home-login-component .parent-container.is-visible.is-icon-not-visible .apple-id-container {
    inset-block-start: 0
}

.home-login-component[dir=ltr] .parent-container.is-visible.is-icon-not-visible .apple-id-container,
.home-login-component[dir=rtl] .parent-container.is-visible.is-icon-not-visible .apple-id-container,
[dir=ltr] .home-login-component .parent-container.is-visible.is-icon-not-visible .apple-id-container,
[dir=rtl] .home-login-component .parent-container.is-visible.is-icon-not-visible .apple-id-container {
    top: 0
}

@media (max-width:759px) {
    .home-login-component .parent-container.is-visible {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.home-login-component .parent-container ui-activity-indicator.standard {
    margin: auto
}

.home-login-component .parent-container .widget-icon-text {
    position: relative;
    inset-inline-start: 0;
    inset-inline-end: 0;
    margin-inline: 80px;
    -webkit-margin-before: 40px;
    margin-block-start: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    -webkit-animation: fade-in-opacity .5s ease-in-out forwards;
    animation: fade-in-opacity .5s ease-in-out forwards;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    will-change: opacity
}

.home-login-component[dir=ltr] .parent-container .widget-icon-text,
.home-login-component[dir=rtl] .parent-container .widget-icon-text,
[dir=ltr] .home-login-component .parent-container .widget-icon-text,
[dir=rtl] .home-login-component .parent-container .widget-icon-text {
    left: 0;
    right: 0;
    margin-top: 40px;
    margin-left: 80px;
    margin-right: 80px
}

@-webkit-keyframes fade-in-opacity {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fade-out-opacity {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.home-login-component .parent-container .widget-icon-text .icon {
    inline-size: 160px
}

.home-login-component[dir=ltr] .parent-container .widget-icon-text .icon,
.home-login-component[dir=rtl] .parent-container .widget-icon-text .icon,
[dir=ltr] .home-login-component .parent-container .widget-icon-text .icon,
[dir=rtl] .home-login-component .parent-container .widget-icon-text .icon {
    width: 160px
}

.home-login-component .parent-container .widget-icon-text .sign-in-label {
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 36px;
    color: var(--theme-color-labelPrimary);
    -webkit-margin-before: 20px;
    margin-block-start: 20px;
    text-align: center
}

.home-login-component[dir=ltr] .parent-container .widget-icon-text .sign-in-label,
.home-login-component[dir=rtl] .parent-container .widget-icon-text .sign-in-label,
[dir=ltr] .home-login-component .parent-container .widget-icon-text .sign-in-label,
[dir=rtl] .home-login-component .parent-container .widget-icon-text .sign-in-label {
    margin-top: 20px
}

[apple-system-font-capable] .home-login-component .parent-container .widget-icon-text .sign-in-label {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.home-login-component .parent-container .apple-id-container {
    inline-size: 640px;
    block-size: 480px;
    position: relative;
    inset-block-start: -72px;
    border-radius: 34px
}

.home-login-component[dir=ltr] .parent-container .apple-id-container,
.home-login-component[dir=rtl] .parent-container .apple-id-container,
[dir=ltr] .home-login-component .parent-container .apple-id-container,
[dir=rtl] .home-login-component .parent-container .apple-id-container {
    width: 640px;
    height: 480px;
    top: -72px
}

@media (max-width:759px) {
    .home-login-component .parent-container .apple-id-container {
        max-inline-size: 100vw;
        margin-inline: auto
    }
    .home-login-component[dir=ltr] .parent-container .apple-id-container,
    .home-login-component[dir=rtl] .parent-container .apple-id-container,
    [dir=ltr] .home-login-component .parent-container .apple-id-container,
    [dir=rtl] .home-login-component .parent-container .apple-id-container {
        max-width: 100vw;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-device-width:767px) {
    .home-login-component .parent-container .apple-id-container {
        inset-block-start: -72px
    }
    .home-login-component[dir=ltr] .parent-container .apple-id-container,
    .home-login-component[dir=rtl] .parent-container .apple-id-container,
    [dir=ltr] .home-login-component .parent-container .apple-id-container,
    [dir=rtl] .home-login-component .parent-container .apple-id-container {
        top: -72px
    }
}

.home-login-component .parent-container .apple-id-container #aid-auth-widget-iFrame {
    position: absolute;
    color-scheme: normal
}

.home-login-component .parent-container .apple-id-container.no-sign-in-label {
    inset-block-start: -88px
}

.home-login-component[dir=ltr] .parent-container .apple-id-container.no-sign-in-label,
.home-login-component[dir=rtl] .parent-container .apple-id-container.no-sign-in-label,
[dir=ltr] .home-login-component .parent-container .apple-id-container.no-sign-in-label,
[dir=rtl] .home-login-component .parent-container .apple-id-container.no-sign-in-label {
    top: -88px
}

@media only screen and (max-device-width:767px) {
    .home-login-component .parent-container .apple-id-container.no-sign-in-label {
        inset-block-start: -88px
    }
    .home-login-component[dir=ltr] .parent-container .apple-id-container.no-sign-in-label,
    .home-login-component[dir=rtl] .parent-container .apple-id-container.no-sign-in-label,
    [dir=ltr] .home-login-component .parent-container .apple-id-container.no-sign-in-label,
    [dir=rtl] .home-login-component .parent-container .apple-id-container.no-sign-in-label {
        top: -88px
    }
}

.home-login-component .parent-container .apple-id-container.sa-no-sign-in-label {
    inset-block-start: -50px
}

.home-login-component[dir=ltr] .parent-container .apple-id-container.sa-no-sign-in-label,
.home-login-component[dir=rtl] .parent-container .apple-id-container.sa-no-sign-in-label,
[dir=ltr] .home-login-component .parent-container .apple-id-container.sa-no-sign-in-label,
[dir=rtl] .home-login-component .parent-container .apple-id-container.sa-no-sign-in-label {
    top: -50px
}

@media only screen and (max-device-width:767px) {
    .home-login-component .parent-container .apple-id-container.sa-no-sign-in-label {
        inset-block-start: -40px
    }
    .home-login-component[dir=ltr] .parent-container .apple-id-container.sa-no-sign-in-label,
    .home-login-component[dir=rtl] .parent-container .apple-id-container.sa-no-sign-in-label,
    [dir=ltr] .home-login-component .parent-container .apple-id-container.sa-no-sign-in-label,
    [dir=rtl] .home-login-component .parent-container .apple-id-container.sa-no-sign-in-label {
        top: -40px
    }
}

.home-login-component .parent-container .quick-access-container {
    position: relative;
    inset-block-start: -200px;
    margin-inline: 100px;
    max-inline-size: 570px;
    -webkit-border-before: 1px solid hsla(0, 0%, 84.7%, .7);
    border-block-start: 1px solid hsla(0, 0%, 84.7%, .7);
    overflow: x visible
}

.home-login-component[dir=ltr] .parent-container .quick-access-container,
.home-login-component[dir=rtl] .parent-container .quick-access-container,
[dir=ltr] .home-login-component .parent-container .quick-access-container,
[dir=rtl] .home-login-component .parent-container .quick-access-container {
    top: -200px;
    max-width: 570px;
    border-top: 1px solid hsla(0, 0%, 84.7%, .7);
    margin-left: 100px;
    margin-right: 100px
}

@media (max-width:759px) {
    .home-login-component .parent-container .quick-access-container {
        -webkit-margin-before: 0;
        margin-block-start: 0;
        position: relative;
        inset-block-start: -200px;
        margin-inline: auto
    }
    .home-login-component[dir=ltr] .parent-container .quick-access-container,
    .home-login-component[dir=rtl] .parent-container .quick-access-container,
    [dir=ltr] .home-login-component .parent-container .quick-access-container,
    [dir=rtl] .home-login-component .parent-container .quick-access-container {
        margin-top: 0;
        top: -200px;
        margin-left: auto;
        margin-right: auto
    }
}

[data-horizontal-size-class=compact] .home-login-component .parent-container .quick-access-container {
    -webkit-transition: block-size .25s ease-in-out;
    transition: block-size .25s ease-in-out
}

[data-horizontal-size-class=regular] .home-login-component .parent-container .quick-access-container {
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out
}

.home-login-component .parent-container .create {
    position: relative;
    inset-block-start: -184px;
    inset-inline-start: 0;
    inset-inline-end: 0;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    text-align: center
}

.home-login-component[dir=ltr] .parent-container .create,
.home-login-component[dir=rtl] .parent-container .create,
[dir=ltr] .home-login-component .parent-container .create,
[dir=rtl] .home-login-component .parent-container .create {
    top: -184px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.home-login-component .parent-container .create a {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    opacity: 0;
    -webkit-animation: fade-in-opacity .5s ease-in-out forwards;
    animation: fade-in-opacity .5s ease-in-out forwards;
    will-change: opacity;
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    color: var(--theme-color-systemBlue)
}

[apple-system-font-capable] .home-login-component .parent-container .create a {
    font-family: system-ui, Helvetica Neue, sans-serif
}

@keyframes fade-in-opacity {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade-out-opacity {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@media only screen and (max-device-width:767px) {
    .home-login-component .parent-container .create {
        inset-block-start: -172px
    }
    .home-login-component[dir=ltr] .parent-container .create,
    .home-login-component[dir=rtl] .parent-container .create,
    [dir=ltr] .home-login-component .parent-container .create,
    [dir=rtl] .home-login-component .parent-container .create {
        top: -172px
    }
}

.home-login-component .parent-container .header-view {
    position: absolute
}

.home-login-component .parent-container .header-view .cancel-button {
    -webkit-margin-before: 12px;
    margin-block-start: 12px;
    -webkit-margin-start: 16px;
    margin-inline-start: 16px;
    font-size: 17px;
    block-size: 47px
}

.home-login-component[dir=ltr] .parent-container .header-view .cancel-button,
[dir=ltr] .home-login-component .parent-container .header-view .cancel-button {
    margin-top: 12px;
    margin-left: 16px;
    height: 47px
}

.home-login-component[dir=rtl] .parent-container .header-view .cancel-button,
[dir=rtl] .home-login-component .parent-container .header-view .cancel-button {
    margin-top: 12px;
    margin-right: 16px;
    height: 47px
}

.apple-id-container {
    inline-size: 100%;
    block-size: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute
}

.apple-id-container[dir=ltr],
.apple-id-container[dir=rtl],
[dir=ltr] .apple-id-container,
[dir=rtl] .apple-id-container {
    width: 100%;
    height: 100%
}

.apple-id-container.repair-id-frame>iframe {
    display: block
}

@-webkit-keyframes ui-activity-indicator-keyframe-u2b8a4041 {
    0% {
        opacity: .1
    }
    to {
        opacity: .8
    }
}

@keyframes ui-activity-indicator-keyframe-u2b8a4041 {
    0% {
        opacity: .1
    }
    to {
        opacity: .8
    }
}

ui-activity-indicator.standard ui-spinner-nib {
    -webkit-animation-name: ui-activity-indicator-keyframe-u2b8a4041;
    animation-name: ui-activity-indicator-keyframe-u2b8a4041
}

.notice-component {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    inline-size: 100%;
    min-block-size: 87px;
    -webkit-border-after: 1px solid var(--theme-color-gray5);
    border-block-end: 1px solid var(--theme-color-gray5);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--theme-color-backgroundPrimary)
}

.notice-component[dir=ltr],
.notice-component[dir=rtl],
[dir=ltr] .notice-component,
[dir=rtl] .notice-component {
    width: 100%;
    min-height: 87px;
    border-bottom: 1px solid var(--theme-color-gray5)
}

[data-device-type-class=phone] .notice-component {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

[data-device-type-class=phone] .notice-component .notice-component-inner {
    max-inline-size: none
}

[data-device-type-class=phone][dir=ltr] .notice-component .notice-component-inner,
[data-device-type-class=phone][dir=rtl] .notice-component .notice-component-inner,
[dir=ltr] [data-device-type-class=phone] .notice-component .notice-component-inner,
[dir=rtl] [data-device-type-class=phone] .notice-component .notice-component-inner {
    max-width: none
}

[data-device-type-class=phone] .notice-component .notice-close {
    -webkit-margin-start: 12px;
    margin-inline-start: 12px
}

[data-device-type-class=phone][dir=ltr] .notice-component .notice-close,
[dir=ltr] [data-device-type-class=phone] .notice-component .notice-close {
    margin-left: 12px
}

[data-device-type-class=phone][dir=rtl] .notice-component .notice-close,
[dir=rtl] [data-device-type-class=phone] .notice-component .notice-close {
    margin-right: 12px
}

.notice-component .notice-component-inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-block-size: 55px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.notice-component[dir=ltr] .notice-component-inner,
.notice-component[dir=rtl] .notice-component-inner,
[dir=ltr] .notice-component .notice-component-inner,
[dir=rtl] .notice-component .notice-component-inner {
    min-height: 55px
}

.notice-component .notice-component-inner:after,
.notice-component .notice-component-inner:before {
    content: "";
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-inline-size: 16px
}

.notice-component[dir=ltr] .notice-component-inner:after,
.notice-component[dir=ltr] .notice-component-inner:before,
.notice-component[dir=rtl] .notice-component-inner:after,
.notice-component[dir=rtl] .notice-component-inner:before,
[dir=ltr] .notice-component .notice-component-inner:after,
[dir=ltr] .notice-component .notice-component-inner:before,
[dir=rtl] .notice-component .notice-component-inner:after,
[dir=rtl] .notice-component .notice-component-inner:before {
    min-width: 16px
}

[data-horizontal-size-class=compact] .notice-component .notice-component-inner:after,
[data-horizontal-size-class=compact] .notice-component .notice-component-inner:before {
    min-inline-size: 12px
}

[data-horizontal-size-class=compact][dir=ltr] .notice-component .notice-component-inner:after,
[data-horizontal-size-class=compact][dir=ltr] .notice-component .notice-component-inner:before,
[data-horizontal-size-class=compact][dir=rtl] .notice-component .notice-component-inner:after,
[data-horizontal-size-class=compact][dir=rtl] .notice-component .notice-component-inner:before,
[dir=ltr] [data-horizontal-size-class=compact] .notice-component .notice-component-inner:after,
[dir=ltr] [data-horizontal-size-class=compact] .notice-component .notice-component-inner:before,
[dir=rtl] [data-horizontal-size-class=compact] .notice-component .notice-component-inner:after,
[dir=rtl] [data-horizontal-size-class=compact] .notice-component .notice-component-inner:before {
    min-width: 12px
}

.notice-component .notice-info {
    padding-block: 20px;
    padding-inline: 0;
    line-height: 23px;
    max-inline-size: 540px
}

.notice-component[dir=ltr] .notice-info,
.notice-component[dir=rtl] .notice-info,
[dir=ltr] .notice-component .notice-info,
[dir=rtl] .notice-component .notice-info {
    max-width: 540px;
    padding: 20px 0
}

[data-device-type-class=phone] .notice-component .notice-info,
[data-horizontal-size-class=compact] .notice-component .notice-info {
    line-height: 20px
}

[data-device-type-class=phone] .notice-component .notice-info ui-button svg,
[data-horizontal-size-class=compact] .notice-component .notice-info ui-button svg {
    block-size: 18px
}

[data-device-type-class=phone][dir=ltr] .notice-component .notice-info ui-button svg,
[data-device-type-class=phone][dir=rtl] .notice-component .notice-info ui-button svg,
[data-horizontal-size-class=compact][dir=ltr] .notice-component .notice-info ui-button svg,
[data-horizontal-size-class=compact][dir=rtl] .notice-component .notice-info ui-button svg,
[dir=ltr] [data-device-type-class=phone] .notice-component .notice-info ui-button svg,
[dir=ltr] [data-horizontal-size-class=compact] .notice-component .notice-info ui-button svg,
[dir=rtl] [data-device-type-class=phone] .notice-component .notice-info ui-button svg,
[dir=rtl] [data-horizontal-size-class=compact] .notice-component .notice-info ui-button svg {
    height: 18px
}

.notice-component .notice-info>.title {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: var(--theme-color-labelPrimary)
}

[apple-system-font-capable] .notice-component .notice-info>.title {
    font-family: system-ui, Helvetica Neue, sans-serif
}

@media (max-width:759px) {
    .notice-component .notice-info {
        max-inline-size: 320px
    }
    .notice-component[dir=ltr] .notice-info,
    .notice-component[dir=rtl] .notice-info,
    [dir=ltr] .notice-component .notice-info,
    [dir=rtl] .notice-component .notice-info {
        max-width: 320px
    }
}

.notice-component .notice-info ui-button.notice-ep-subtitle {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 400;
    block-size: 23px;
    -webkit-padding-after: 1px;
    padding-block-end: 1px;
    -webkit-padding-start: 5px;
    padding-inline-start: 5px
}

.notice-component[dir=ltr] .notice-info ui-button.notice-ep-subtitle,
[dir=ltr] .notice-component .notice-info ui-button.notice-ep-subtitle {
    height: 23px;
    padding-bottom: 1px;
    padding-left: 5px
}

.notice-component[dir=rtl] .notice-info ui-button.notice-ep-subtitle,
[dir=rtl] .notice-component .notice-info ui-button.notice-ep-subtitle {
    height: 23px;
    padding-bottom: 1px;
    padding-right: 5px
}

[apple-system-font-capable] .notice-component .notice-info ui-button.notice-ep-subtitle {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.notice-component .notice-info ui-button.notice-ep-subtitle .inner-redirect {
    -webkit-margin-before: .5px;
    margin-block-start: .5px;
    -webkit-padding-start: .5px;
    padding-inline-start: .5px
}

.notice-component[dir=ltr] .notice-info ui-button.notice-ep-subtitle .inner-redirect,
[dir=ltr] .notice-component .notice-info ui-button.notice-ep-subtitle .inner-redirect {
    margin-top: .5px;
    padding-left: .5px
}

.notice-component[dir=rtl] .notice-info ui-button.notice-ep-subtitle .inner-redirect,
[dir=rtl] .notice-component .notice-info ui-button.notice-ep-subtitle .inner-redirect {
    margin-top: .5px;
    padding-right: .5px
}

.notice-component ui-button.close-button {
    inset-inline-end: 0;
    cursor: pointer;
    fill: var(--theme-color-gray1)
}

.notice-component[dir=ltr] ui-button.close-button,
[dir=ltr] .notice-component ui-button.close-button {
    right: 0
}

.notice-component[dir=rtl] ui-button.close-button,
[dir=rtl] .notice-component ui-button.close-button {
    left: 0
}

.cloudos-menu-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cloudos-menu-item.cloudos-menu-item-link {
    color: inherit;
    text-decoration: none
}

.cloudos-menu-item .label {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-inline: 6px
}

.cloudos-menu-item[dir=ltr] .label,
.cloudos-menu-item[dir=rtl] .label,
[dir=ltr] .cloudos-menu-item .label,
[dir=rtl] .cloudos-menu-item .label {
    margin-left: 6px;
    margin-right: 6px
}

.cloudos-menu-item .symbol-icon {
    fill: currentColor;
    margin-block: -2.5px;
    margin-inline: -10px
}

.cloudos-menu-item[dir=ltr] .symbol-icon,
.cloudos-menu-item[dir=rtl] .symbol-icon,
[dir=ltr] .cloudos-menu-item .symbol-icon,
[dir=rtl] .cloudos-menu-item .symbol-icon {
    margin: -2.5px -10px
}

.cloudos-menu-item .app-icon {
    block-size: 20px;
    margin-block: 1px;
    margin-inline: 5px
}

.cloudos-menu-item[dir=ltr] .app-icon,
.cloudos-menu-item[dir=rtl] .app-icon,
[dir=ltr] .cloudos-menu-item .app-icon,
[dir=rtl] .cloudos-menu-item .app-icon {
    height: 20px;
    margin: 1px 5px
}

.cloudos-menu-item-opens-in-new-tab {
    fill: currentColor;
    margin-block: -5px;
    margin-inline: -7px
}

.cloudos-menu-item-opens-in-new-tab[dir=ltr],
.cloudos-menu-item-opens-in-new-tab[dir=rtl],
[dir=ltr] .cloudos-menu-item-opens-in-new-tab,
[dir=rtl] .cloudos-menu-item-opens-in-new-tab {
    margin: -5px -7px
}

@-webkit-keyframes ui-activity-indicator-keyframe-u2bf97f79 {
    0% {
        opacity: .1
    }
    to {
        opacity: .8
    }
}

@keyframes ui-activity-indicator-keyframe-u2bf97f79 {
    0% {
        opacity: .1
    }
    to {
        opacity: .8
    }
}

ui-activity-indicator.standard ui-spinner-nib {
    -webkit-animation-name: ui-activity-indicator-keyframe-u2bf97f79;
    animation-name: ui-activity-indicator-keyframe-u2bf97f79
}

.quick-access {
    -webkit-margin-start: 15px;
    margin-inline-start: 15px;
    -webkit-margin-end: 15px;
    margin-inline-end: 15px;
    -webkit-padding-before: 30px;
    padding-block-start: 30px
}

.quick-access[dir=ltr],
.quick-access[dir=rtl],
[dir=ltr] .quick-access,
[dir=rtl] .quick-access {
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 30px
}

@media only screen and (max-height:675px) {
    .quick-access {
        -webkit-padding-before: 0;
        padding-block-start: 0;
        -webkit-padding-after: 0;
        padding-block-end: 0;
        margin-block: 20px
    }
    .quick-access[dir=ltr],
    .quick-access[dir=rtl],
    [dir=ltr] .quick-access,
    [dir=rtl] .quick-access {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.quick-access .quick-access-label {
    text-align: center;
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--theme-color-labelPrimary)
}

[apple-system-font-capable] .quick-access .quick-access-label {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.quick-access .quick-access-buttons {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-column-gap: 40px;
    -webkit-padding-before: 6px;
    padding-block-start: 6px;
    -webkit-margin-before: 20px;
    margin-block-start: 20px
}

.quick-access[dir=ltr] .quick-access-buttons,
.quick-access[dir=rtl] .quick-access-buttons,
[dir=ltr] .quick-access .quick-access-buttons,
[dir=rtl] .quick-access .quick-access-buttons {
    padding-top: 6px;
    margin-top: 20px
}

@media only screen and (max-height:675px) {
    .quick-access .quick-access-buttons {
        margin-block: 20px
    }
    .quick-access[dir=ltr] .quick-access-buttons,
    .quick-access[dir=rtl] .quick-access-buttons,
    [dir=ltr] .quick-access .quick-access-buttons,
    [dir=rtl] .quick-access .quick-access-buttons {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.quick-access .quick-access-buttons .quick-access-button,
.quick-access .quick-access-buttons .quick-access-button ui-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.quick-access .quick-access-buttons .quick-access-button ui-button {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    color: var(--theme-color-labelSecondary);
    block-size: auto;
    padding: 10px
}

.quick-access[dir=ltr] .quick-access-buttons .quick-access-button ui-button,
.quick-access[dir=rtl] .quick-access-buttons .quick-access-button ui-button,
[dir=ltr] .quick-access .quick-access-buttons .quick-access-button ui-button,
[dir=rtl] .quick-access .quick-access-buttons .quick-access-button ui-button {
    height: auto
}

[apple-system-font-capable] .quick-access .quick-access-buttons .quick-access-button ui-button {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.quick-access .quick-access-buttons .quick-access-button ui-button svg {
    opacity: .5
}

.quick-access .quick-access-buttons .quick-access-button ui-button .title {
    -webkit-margin-before: 10px;
    margin-block-start: 10px
}

.quick-access[dir=ltr] .quick-access-buttons .quick-access-button ui-button .title,
.quick-access[dir=rtl] .quick-access-buttons .quick-access-button ui-button .title,
[dir=ltr] .quick-access .quick-access-buttons .quick-access-button ui-button .title,
[dir=rtl] .quick-access .quick-access-buttons .quick-access-button ui-button .title {
    margin-top: 10px
}

.quick-access .quick-access-buttons .quick-access-button ui-button .title svg {
    opacity: 1
}

.cloudos-toolbar.overlay {
    z-index: 3
}

ui-menu.help-menu.cloudos-menu .cloudos-menu-item {
    white-space: nowrap
}

ui-menu.help-menu.cloudos-menu:focus,
ui-menu.help-menu.cloudos-menu:focus-visible {
    outline: none
}

ui-menu.help-menu.cloudos-menu a {
    text-decoration: none
}

ui-pane.standard.for-ui-popup.create-account-widget-modal>ui-popup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

ui-pane.standard.for-ui-popup.create-account-widget-modal>ui-popup.regular {
    inline-size: 640px;
    block-size: 80%;
    padding: 0
}

[dir=ltr] ui-pane.standard.for-ui-popup.create-account-widget-modal>ui-popup.regular,
[dir=rtl] ui-pane.standard.for-ui-popup.create-account-widget-modal>ui-popup.regular,
ui-pane.standard.for-ui-popup.create-account-widget-modal[dir=ltr]>ui-popup.regular,
ui-pane.standard.for-ui-popup.create-account-widget-modal[dir=rtl]>ui-popup.regular {
    width: 640px;
    height: 80%
}

ui-pane.standard.for-ui-popup.create-account-widget-modal>ui-popup.compact {
    border-radius: 0;
    margin: 0;
    inline-size: 100%;
    block-size: 100%;
    max-block-size: 100%;
    padding: 0
}

[dir=ltr] ui-pane.standard.for-ui-popup.create-account-widget-modal>ui-popup.compact,
[dir=rtl] ui-pane.standard.for-ui-popup.create-account-widget-modal>ui-popup.compact,
ui-pane.standard.for-ui-popup.create-account-widget-modal[dir=ltr]>ui-popup.compact,
ui-pane.standard.for-ui-popup.create-account-widget-modal[dir=rtl]>ui-popup.compact {
    width: 100%;
    height: 100%;
    max-height: 100%
}

@-webkit-keyframes adp-modal-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes adp-modal-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes adp-modal-fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes adp-modal-fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

ui-pane-backdrop.adp-modal-pane.is-visible {
    z-index: 1
}

ui-pane.adp-modal-pane {
    position: fixed;
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 100%;
    block-size: 100%
}

[dir=ltr] ui-pane.adp-modal-pane,
ui-pane.adp-modal-pane[dir=ltr] {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

[dir=rtl] ui-pane.adp-modal-pane,
ui-pane.adp-modal-pane[dir=rtl] {
    right: 0;
    top: 0;
    width: 100%;
    height: 100%
}

ui-pane.adp-modal-pane.is-closing {
    -webkit-animation: adp-modal-fade-out;
    animation: adp-modal-fade-out;
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

ui-pane.adp-modal-pane.is-opening {
    -webkit-animation: adp-modal-fade-in;
    animation: adp-modal-fade-in;
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

.adp-modal {
    position: absolute;
    -webkit-margin-before: 100px;
    margin-block-start: 100px;
    -webkit-margin-start: -webkit-calc(50% - 227px);
    margin-inline-start: calc(50% - 227px);
    background: var(--theme-color-backgroundPrimary);
    padding-inline: 40px;
    padding-block: 28px;
    border-radius: 10px;
    inline-size: 450px;
    min-block-size: 212px
}

.adp-modal[dir=ltr],
[dir=ltr] .adp-modal {
    margin-top: 100px;
    margin-left: calc(50% - 227px);
    width: 450px;
    min-height: 212px;
    padding: 28px 40px
}

.adp-modal[dir=rtl],
[dir=rtl] .adp-modal {
    margin-top: 100px;
    margin-right: calc(50% - 227px);
    width: 450px;
    min-height: 212px;
    padding: 28px 40px
}

.adp-modal-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    block-size: 100%
}

.adp-modal-content[dir=ltr],
.adp-modal-content[dir=rtl],
[dir=ltr] .adp-modal-content,
[dir=rtl] .adp-modal-content {
    height: 100%
}

.adp-modal-content h2 {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 23px;
    outline: none;
    color: var(--theme-color-labelPrimary);
    -webkit-margin-before: 16px;
    margin-block-start: 16px;
    text-align: center
}

.adp-modal-content[dir=ltr] h2,
.adp-modal-content[dir=rtl] h2,
[dir=ltr] .adp-modal-content h2,
[dir=rtl] .adp-modal-content h2 {
    margin-top: 16px
}

[apple-system-font-capable] .adp-modal-content h2 {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.adp-modal-content h2.with-ellipsis {
    white-space: nowrap
}

.adp-modal-content h2.with-ellipsis>span:first-child {
    white-space: normal
}

.adp-modal-content .description {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--theme-color-labelSecondary);
    -webkit-margin-before: 22px;
    margin-block-start: 22px;
    text-align: center
}

.adp-modal-content[dir=ltr] .description,
.adp-modal-content[dir=rtl] .description,
[dir=ltr] .adp-modal-content .description,
[dir=rtl] .adp-modal-content .description {
    margin-top: 22px
}

[apple-system-font-capable] .adp-modal-content .description {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.adp-modal-content .didnt-receive {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--theme-color-labelSecondary);
    -webkit-margin-before: 22px;
    margin-block-start: 22px;
    text-align: center
}

.adp-modal-content[dir=ltr] .didnt-receive,
.adp-modal-content[dir=rtl] .didnt-receive,
[dir=ltr] .adp-modal-content .didnt-receive,
[dir=rtl] .adp-modal-content .didnt-receive {
    margin-top: 22px
}

[apple-system-font-capable] .adp-modal-content .didnt-receive {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.adp-modal-content .button-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    inline-size: 100%
}

.adp-modal-content[dir=ltr] .button-container,
.adp-modal-content[dir=rtl] .button-container,
[dir=ltr] .adp-modal-content .button-container,
[dir=rtl] .adp-modal-content .button-container {
    width: 100%
}

.adp-modal-content .button-container-spacer {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.adp-modal-content .status-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    inline-size: 100%;
    block-size: 100px
}

.adp-modal-content[dir=ltr] .status-container,
.adp-modal-content[dir=rtl] .status-container,
[dir=ltr] .adp-modal-content .status-container,
[dir=rtl] .adp-modal-content .status-container {
    width: 100%;
    height: 100px
}

.adp-modal-content .arming-activity-indicator {
    -webkit-transform: translateY(-2px) scale(68%);
    transform: translateY(-2px) scale(68%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    vertical-align: middle;
    -webkit-margin-end: 4px;
    margin-inline-end: 4px
}

.adp-modal-content[dir=ltr] .arming-activity-indicator,
[dir=ltr] .adp-modal-content .arming-activity-indicator {
    margin-right: 4px
}

.adp-modal-content[dir=rtl] .arming-activity-indicator,
[dir=rtl] .adp-modal-content .arming-activity-indicator {
    margin-left: 4px
}

.adp-modal-content .grant-access-extra {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 23px;
    color: var(--theme-color-labelPrimary);
    -webkit-margin-before: 25px;
    margin-block-start: 25px
}

.adp-modal-content[dir=ltr] .grant-access-extra,
.adp-modal-content[dir=rtl] .grant-access-extra,
[dir=ltr] .adp-modal-content .grant-access-extra,
[dir=rtl] .adp-modal-content .grant-access-extra {
    margin-top: 25px
}

[apple-system-font-capable] .adp-modal-content .grant-access-extra {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.adp-modal-content .checkmark-circle-fill {
    margin: auto;
    fill: var(--theme-color-systemGreen);
    inline-size: 32px;
    block-size: 32px
}

.adp-modal-content[dir=ltr] .checkmark-circle-fill,
.adp-modal-content[dir=rtl] .checkmark-circle-fill,
[dir=ltr] .adp-modal-content .checkmark-circle-fill,
[dir=rtl] .adp-modal-content .checkmark-circle-fill {
    width: 32px;
    height: 32px
}

.adp-modal-content .fetching-activity-indicator {
    -webkit-margin-before: 20px;
    margin-block-start: 20px;
    display: block
}

.adp-modal-content[dir=ltr] .fetching-activity-indicator,
.adp-modal-content[dir=rtl] .fetching-activity-indicator,
[dir=ltr] .adp-modal-content .fetching-activity-indicator,
[dir=rtl] .adp-modal-content .fetching-activity-indicator {
    margin-top: 20px
}

.adp-modal-content ui-button.primary.block.large {
    min-inline-size: 180px;
    padding-inline: 22px;
    -webkit-margin-before: 28px;
    margin-block-start: 28px
}

.adp-modal-content[dir=ltr] ui-button.primary.block.large,
.adp-modal-content[dir=rtl] ui-button.primary.block.large,
[dir=ltr] .adp-modal-content ui-button.primary.block.large,
[dir=rtl] .adp-modal-content ui-button.primary.block.large {
    min-width: 180px;
    margin-top: 28px;
    padding-left: 22px;
    padding-right: 22px
}

.adp-modal-content .ellipsis {
    display: inline-block;
    -webkit-padding-start: 6px;
    padding-inline-start: 6px;
    inline-size: 15px
}

.adp-modal-content[dir=ltr] .ellipsis,
[dir=ltr] .adp-modal-content .ellipsis {
    padding-left: 6px;
    width: 15px
}

.adp-modal-content[dir=rtl] .ellipsis,
[dir=rtl] .adp-modal-content .ellipsis {
    padding-right: 6px;
    width: 15px
}

.adp-modal-content .ellipsis .dots,
.adp-modal-content .ellipsis .dots:after,
.adp-modal-content .ellipsis .dots:before {
    background-color: var(--theme-color-gray4);
    block-size: 3px;
    border-radius: 1.5px;
    color: var(--theme-color-gray4);
    inline-size: 3px
}

.adp-modal-content[dir=ltr] .ellipsis .dots,
.adp-modal-content[dir=ltr] .ellipsis .dots:after,
.adp-modal-content[dir=ltr] .ellipsis .dots:before,
.adp-modal-content[dir=rtl] .ellipsis .dots,
.adp-modal-content[dir=rtl] .ellipsis .dots:after,
.adp-modal-content[dir=rtl] .ellipsis .dots:before,
[dir=ltr] .adp-modal-content .ellipsis .dots,
[dir=ltr] .adp-modal-content .ellipsis .dots:after,
[dir=ltr] .adp-modal-content .ellipsis .dots:before,
[dir=rtl] .adp-modal-content .ellipsis .dots,
[dir=rtl] .adp-modal-content .ellipsis .dots:after,
[dir=rtl] .adp-modal-content .ellipsis .dots:before {
    height: 3px;
    width: 3px
}

.adp-modal-content .ellipsis .dots {
    display: block;
    -webkit-animation: dotFlashing 1s linear infinite alternate;
    animation: dotFlashing 1s linear infinite alternate;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    position: relative
}

.adp-modal-content .ellipsis .dots:after,
.adp-modal-content .ellipsis .dots:before {
    -webkit-animation: dotFlashing 1s infinite alternate;
    animation: dotFlashing 1s infinite alternate;
    content: "";
    display: inline-block;
    position: absolute
}

.adp-modal-content .ellipsis .dots:before {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    inset-inline-start: -4.5px
}

.adp-modal-content[dir=ltr] .ellipsis .dots:before,
[dir=ltr] .adp-modal-content .ellipsis .dots:before {
    left: -4.5px
}

.adp-modal-content[dir=rtl] .ellipsis .dots:before,
[dir=rtl] .adp-modal-content .ellipsis .dots:before {
    right: -4.5px
}

.adp-modal-content .ellipsis .dots:after {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    inset-inline-start: 4.5px
}

.adp-modal-content[dir=ltr] .ellipsis .dots:after,
[dir=ltr] .adp-modal-content .ellipsis .dots:after {
    left: 4.5px
}

.adp-modal-content[dir=rtl] .ellipsis .dots:after,
[dir=rtl] .adp-modal-content .ellipsis .dots:after {
    right: 4.5px
}

@-webkit-keyframes dotFlashing {
    0% {
        background-color: var(--theme-color-gray4)
    }
    50%,
    to {
        background-color: var(--theme-color-labelSecondary)
    }
}

@keyframes dotFlashing {
    0% {
        background-color: var(--theme-color-gray4)
    }
    50%,
    to {
        background-color: var(--theme-color-labelSecondary)
    }
}

.continue-section {
    background-color: var(--theme-color-backgroundLayer1);
    border-radius: 11px;
    padding: 20px
}

.continue-section h2,
.continue-section h3 {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px
}

[apple-system-font-capable] .continue-section h2,
[apple-system-font-capable] .continue-section h3 {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.continue-section p {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--theme-color-labelSecondary);
    -webkit-margin-before: 10px;
    margin-block-start: 10px
}

.continue-section[dir=ltr] p,
.continue-section[dir=rtl] p,
[dir=ltr] .continue-section p,
[dir=rtl] .continue-section p {
    margin-top: 10px
}

[apple-system-font-capable] .continue-section p {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.continue-section a.primary-cta,
.continue-section a.primary-cta:visited {
    -webkit-margin-before: 15px;
    margin-block-start: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--theme-color-systemBlue)
}

.continue-section[dir=ltr] a.primary-cta,
.continue-section[dir=ltr] a.primary-cta:visited,
.continue-section[dir=rtl] a.primary-cta,
.continue-section[dir=rtl] a.primary-cta:visited,
[dir=ltr] .continue-section a.primary-cta,
[dir=ltr] .continue-section a.primary-cta:visited,
[dir=rtl] .continue-section a.primary-cta,
[dir=rtl] .continue-section a.primary-cta:visited {
    margin-top: 15px
}

.continue-section a.primary-cta:visited svg,
.continue-section a.primary-cta svg {
    color: var(--theme-color-systemBlue);
    -webkit-margin-end: 10px;
    margin-inline-end: 10px
}

.continue-section[dir=ltr] a.primary-cta:visited svg,
.continue-section[dir=ltr] a.primary-cta svg,
[dir=ltr] .continue-section a.primary-cta:visited svg,
[dir=ltr] .continue-section a.primary-cta svg {
    margin-right: 10px
}

.continue-section[dir=rtl] a.primary-cta:visited svg,
.continue-section[dir=rtl] a.primary-cta svg,
[dir=rtl] .continue-section a.primary-cta:visited svg,
[dir=rtl] .continue-section a.primary-cta svg {
    margin-left: 10px
}

.continue-section .continue-section-body span {
    color: var(--theme-color-labelPrimary)
}

.continue-section .continue-section-body svg {
    overflow: visible;
    fill: var(--theme-color-labelSecondary)
}

@media (max-width:400px) {
    .continue-section ui-button.push.primary.standard-button {
        white-space: normal
    }
}

.continue-section ui-button.block.primary.standard-button,
.continue-section ui-button.push.primary.destructive-button,
.continue-section ui-button.push.primary.standard-button {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    -webkit-margin-start: -8px;
    margin-inline-start: -8px;
    -webkit-margin-before: 10px;
    margin-block-start: 10px;
    padding-inline: 6px;
    padding-block: 4px
}

.continue-section[dir=ltr] ui-button.block.primary.standard-button,
.continue-section[dir=ltr] ui-button.push.primary.destructive-button,
.continue-section[dir=ltr] ui-button.push.primary.standard-button,
[dir=ltr] .continue-section ui-button.block.primary.standard-button,
[dir=ltr] .continue-section ui-button.push.primary.destructive-button,
[dir=ltr] .continue-section ui-button.push.primary.standard-button {
    margin-left: -8px;
    margin-top: 10px;
    padding: 4px 6px
}

.continue-section[dir=rtl] ui-button.block.primary.standard-button,
.continue-section[dir=rtl] ui-button.push.primary.destructive-button,
.continue-section[dir=rtl] ui-button.push.primary.standard-button,
[dir=rtl] .continue-section ui-button.block.primary.standard-button,
[dir=rtl] .continue-section ui-button.push.primary.destructive-button,
[dir=rtl] .continue-section ui-button.push.primary.standard-button {
    margin-right: -8px;
    margin-top: 10px;
    padding: 4px 6px
}

[apple-system-font-capable] .continue-section ui-button.block.primary.standard-button,
[apple-system-font-capable] .continue-section ui-button.push.primary.destructive-button,
[apple-system-font-capable] .continue-section ui-button.push.primary.standard-button {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.continue-section ui-button.block.primary.standard-button svg,
.continue-section ui-button.push.primary.destructive-button svg,
.continue-section ui-button.push.primary.standard-button svg {
    -webkit-margin-end: 10px;
    margin-inline-end: 10px
}

.continue-section[dir=ltr] ui-button.block.primary.standard-button svg,
.continue-section[dir=ltr] ui-button.push.primary.destructive-button svg,
.continue-section[dir=ltr] ui-button.push.primary.standard-button svg,
[dir=ltr] .continue-section ui-button.block.primary.standard-button svg,
[dir=ltr] .continue-section ui-button.push.primary.destructive-button svg,
[dir=ltr] .continue-section ui-button.push.primary.standard-button svg {
    margin-right: 10px
}

.continue-section[dir=rtl] ui-button.block.primary.standard-button svg,
.continue-section[dir=rtl] ui-button.push.primary.destructive-button svg,
.continue-section[dir=rtl] ui-button.push.primary.standard-button svg,
[dir=rtl] .continue-section ui-button.block.primary.standard-button svg,
[dir=rtl] .continue-section ui-button.push.primary.destructive-button svg,
[dir=rtl] .continue-section ui-button.push.primary.standard-button svg {
    margin-left: 10px
}

.continue-section ui-button.block.primary.standard-button ui-activity-indicator,
.continue-section ui-button.push.primary.destructive-button ui-activity-indicator,
.continue-section ui-button.push.primary.standard-button ui-activity-indicator {
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.continue-section ui-button.block.primary.standard-button .sending,
.continue-section ui-button.push.primary.destructive-button .sending,
.continue-section ui-button.push.primary.standard-button .sending {
    color: var(--theme-color-labelPrimary)
}

.continue-section ui-button.block.primary.standard-button.sending,
.continue-section ui-button.push.primary.destructive-button.sending,
.continue-section ui-button.push.primary.standard-button.sending {
    padding-block: 1px
}

.continue-section[dir=ltr] ui-button.block.primary.standard-button.sending,
.continue-section[dir=ltr] ui-button.push.primary.destructive-button.sending,
.continue-section[dir=ltr] ui-button.push.primary.standard-button.sending,
.continue-section[dir=rtl] ui-button.block.primary.standard-button.sending,
.continue-section[dir=rtl] ui-button.push.primary.destructive-button.sending,
.continue-section[dir=rtl] ui-button.push.primary.standard-button.sending,
[dir=ltr] .continue-section ui-button.block.primary.standard-button.sending,
[dir=ltr] .continue-section ui-button.push.primary.destructive-button.sending,
[dir=ltr] .continue-section ui-button.push.primary.standard-button.sending,
[dir=rtl] .continue-section ui-button.block.primary.standard-button.sending,
[dir=rtl] .continue-section ui-button.push.primary.destructive-button.sending,
[dir=rtl] .continue-section ui-button.push.primary.standard-button.sending {
    padding-top: 1px;
    padding-bottom: 1px
}

.continue-section ui-button.block.primary.standard-button .sending {
    color: var(--theme-color-systemWhite)
}

.storage-usage {
    -webkit-margin-before: 20px;
    margin-block-start: 20px
}

.storage-usage[dir=ltr],
.storage-usage[dir=rtl],
[dir=ltr] .storage-usage,
[dir=rtl] .storage-usage {
    margin-top: 20px
}

.storage-usage .meter-gauge {
    background-color: var(--theme-color-gray6);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    block-size: 16px;
    border-radius: 6px;
    inline-size: 100%;
    overflow: hidden
}

.storage-usage[dir=ltr] .meter-gauge,
.storage-usage[dir=rtl] .meter-gauge,
[dir=ltr] .storage-usage .meter-gauge,
[dir=rtl] .storage-usage .meter-gauge {
    height: 16px;
    width: 100%
}

.storage-usage .meter-filled {
    background: var(--theme-color-systemBlue)
}

.storage-usage .segment {
    display: inline-block;
    block-size: 100%;
    min-inline-size: 3px
}

.storage-usage[dir=ltr] .segment,
.storage-usage[dir=rtl] .segment,
[dir=ltr] .storage-usage .segment,
[dir=rtl] .storage-usage .segment {
    height: 100%;
    min-width: 3px
}

.storage-usage .segment:not(:first-of-type) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-start: 1px solid var(--theme-color-backgroundPrimary);
    border-inline-start: 1px solid var(--theme-color-backgroundPrimary)
}

.storage-usage[dir=ltr] .segment:not(:first-of-type),
[dir=ltr] .storage-usage .segment:not(:first-of-type) {
    border-left: 1px solid var(--theme-color-backgroundPrimary)
}

.storage-usage[dir=rtl] .segment:not(:first-of-type),
[dir=rtl] .storage-usage .segment:not(:first-of-type) {
    border-right: 1px solid var(--theme-color-backgroundPrimary)
}

.storage-usage .message {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: var(--theme-color-labelTertiary);
    -webkit-margin-before: 5px;
    margin-block-start: 5px
}

.storage-usage[dir=ltr] .message,
.storage-usage[dir=rtl] .message,
[dir=ltr] .storage-usage .message,
[dir=rtl] .storage-usage .message {
    margin-top: 5px
}

[apple-system-font-capable] .storage-usage .message {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.storage-thermometer {
    -webkit-margin-before: 20px;
    margin-block-start: 20px
}

.storage-thermometer[dir=ltr],
.storage-thermometer[dir=rtl],
[dir=ltr] .storage-thermometer,
[dir=rtl] .storage-thermometer {
    margin-top: 20px
}

.storage-thermometer .meter-gauge {
    background-color: var(--theme-color-gray6);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    block-size: 20px;
    border-radius: 8px;
    inline-size: 100%;
    overflow: hidden
}

.storage-thermometer[dir=ltr] .meter-gauge,
.storage-thermometer[dir=rtl] .meter-gauge,
[dir=ltr] .storage-thermometer .meter-gauge,
[dir=rtl] .storage-thermometer .meter-gauge {
    height: 20px;
    width: 100%
}

.storage-thermometer .meter-filled {
    background: var(--theme-color-systemGreen)
}

.storage-thermometer .meter-filled.storage-full {
    background-color: var(--theme-color-systemRed)
}

.storage-thermometer .meter-filled.storage-almost-full {
    background-color: var(--theme-color-systemOrange)
}

.storage-thermometer .segment {
    display: inline-block;
    block-size: 100%;
    min-inline-size: 3px
}

.storage-thermometer[dir=ltr] .segment,
.storage-thermometer[dir=rtl] .segment,
[dir=ltr] .storage-thermometer .segment,
[dir=rtl] .storage-thermometer .segment {
    height: 100%;
    min-width: 3px
}

.storage-thermometer .segment:not(:first-of-type) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-start: 1px solid var(--theme-color-backgroundPrimary);
    border-inline-start: 1px solid var(--theme-color-backgroundPrimary)
}

.storage-thermometer[dir=ltr] .segment:not(:first-of-type),
[dir=ltr] .storage-thermometer .segment:not(:first-of-type) {
    border-left: 1px solid var(--theme-color-backgroundPrimary)
}

.storage-thermometer[dir=rtl] .segment:not(:first-of-type),
[dir=rtl] .storage-thermometer .segment:not(:first-of-type) {
    border-right: 1px solid var(--theme-color-backgroundPrimary)
}

.storage-thermometer .message {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: var(--theme-color-labelTertiary);
    -webkit-margin-before: 5px;
    margin-block-start: 5px
}

.storage-thermometer[dir=ltr] .message,
.storage-thermometer[dir=rtl] .message,
[dir=ltr] .storage-thermometer .message,
[dir=rtl] .storage-thermometer .message {
    margin-top: 5px
}

[apple-system-font-capable] .storage-thermometer .message {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.storage-thermometer .labels {
    -webkit-margin-before: 10px;
    margin-block-start: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px
}

.storage-thermometer[dir=ltr] .labels,
.storage-thermometer[dir=rtl] .labels,
[dir=ltr] .storage-thermometer .labels,
[dir=rtl] .storage-thermometer .labels {
    margin-top: 10px
}

.storage-thermometer .labels .label {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

[apple-system-font-capable] .storage-thermometer .labels .label {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.storage-thermometer .labels .label .dot {
    inline-size: 10px;
    block-size: 10px;
    border-radius: 50%;
    -webkit-margin-end: 3px;
    margin-inline-end: 3px
}

.storage-thermometer[dir=ltr] .labels .label .dot,
[dir=ltr] .storage-thermometer .labels .label .dot {
    width: 10px;
    height: 10px;
    margin-right: 3px
}

.storage-thermometer[dir=rtl] .labels .label .dot,
[dir=rtl] .storage-thermometer .labels .label .dot {
    width: 10px;
    height: 10px;
    margin-left: 3px
}

.ContactPhoto {
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    will-change: transform
}

.ContactPhoto>* {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ContactPhoto>ui-image.no-crop>img {
    width: inherit;
    height: inherit
}

.ContactPhoto>ui-image.standard.fade-in>img {
    opacity: 0
}

.ContactPhoto>ui-image.standard.fade-in.is-loaded>img {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

@font-face {
    font-family: SFUIText;
    font-weight: 100;
    src: url(/fonts/SFUIText-Ultralight.woff) format("woff")
}

@font-face {
    font-family: SFUIText;
    font-weight: 100;
    font-style: italic;
    src: url(/fonts/SFUIText-UltralightItalic.woff) format("woff")
}

@font-face {
    font-family: SFUIText;
    font-weight: 200;
    src: url(/fonts/SFUIText-Thin.woff) format("woff")
}

@font-face {
    font-family: SFUIText;
    font-weight: 200;
    font-style: italic;
    src: url(/fonts/SFUIText-ThinItalic.woff) format("woff")
}

@font-face {
    font-family: SFUIText;
    font-weight: 300;
    src: url(/fonts/SFUIText-Light.woff) format("woff")
}

@font-face {
    font-family: SFUIText;
    font-weight: 300;
    font-style: italic;
    src: url(/fonts/SFUIText-LightItalic.woff) format("woff")
}

@font-face {
    font-family: SFUIText;
    font-weight: 400;
    src: url(/fonts/SFUIText-Regular.woff) format("woff")
}

@font-face {
    font-family: SFUIText;
    font-weight: 400;
    font-style: italic;
    src: url(/fonts/SFUIText-RegularItalic.woff) format("woff")
}

@font-face {
    font-family: SFUIText;
    font-weight: 500;
    src: url(/fonts/SFUIText-Medium.woff) format("woff")
}

@font-face {
    font-family: SFUIText;
    font-weight: 500;
    font-style: italic;
    src: url(/fonts/SFUIText-MediumItalic.woff) format("woff")
}

@font-face {
    font-family: SFUIText;
    font-weight: 600;
    src: url(/fonts/SFUIText-Semibold.woff) format("woff")
}

@font-face {
    font-family: SFUIText;
    font-weight: 600;
    font-style: italic;
    src: url(/fonts/SFUIText-SemiboldItalic.woff) format("woff")
}

@font-face {
    font-family: SFUIText;
    font-weight: 700;
    src: url(/fonts/SFUIText-Bold.woff) format("woff")
}

@font-face {
    font-family: SFUIText;
    font-weight: 700;
    font-style: italic;
    src: url(/fonts/SFUIText-BoldItalic.woff) format("woff")
}

@font-face {
    font-family: SFUIText;
    font-weight: 800;
    src: url(/fonts/SFUIText-Heavy.woff) format("woff")
}

@font-face {
    font-family: SFUIText;
    font-weight: 800;
    font-style: italic;
    src: url(/fonts/SFUIText-HeavyItalic.woff) format("woff")
}

@font-face {
    font-family: SFUIText;
    font-weight: 900;
    src: url(/fonts/SFUIText-Black.woff) format("woff")
}

@font-face {
    font-family: SFUIText;
    font-weight: 900;
    font-style: italic;
    src: url(/fonts/SFUIText-BlackItalic.woff) format("woff")
}

@font-face {
    font-family: SFUIDisplay;
    font-weight: 100;
    src: url(/fonts/SFUIDisplay-Ultralight.woff) format("woff")
}

@font-face {
    font-family: SFUIDisplay;
    font-weight: 100;
    font-style: italic;
    src: url(/fonts/SFUIDisplay-UltralightItalic.woff) format("woff")
}

@font-face {
    font-family: SFUIDisplay;
    font-weight: 200;
    src: url(/fonts/SFUIDisplay-Thin.woff) format("woff")
}

@font-face {
    font-family: SFUIDisplay;
    font-weight: 200;
    font-style: italic;
    src: url(/fonts/SFUIDisplay-ThinItalic.woff) format("woff")
}

@font-face {
    font-family: SFUIDisplay;
    font-weight: 300;
    src: url(/fonts/SFUIDisplay-Light.woff) format("woff")
}

@font-face {
    font-family: SFUIDisplay;
    font-weight: 300;
    font-style: italic;
    src: url(/fonts/SFUIDisplay-LightItalic.woff) format("woff")
}

@font-face {
    font-family: SFUIDisplay;
    font-weight: 400;
    src: url(/fonts/SFUIDisplay-Regular.woff) format("woff")
}

@font-face {
    font-family: SFUIDisplay;
    font-weight: 400;
    font-style: italic;
    src: url(/fonts/SFUIDisplay-RegularItalic.woff) format("woff")
}

@font-face {
    font-family: SFUIDisplay;
    font-weight: 500;
    src: url(/fonts/SFUIDisplay-Medium.woff) format("woff")
}

@font-face {
    font-family: SFUIDisplay;
    font-weight: 500;
    font-style: italic;
    src: url(/fonts/SFUIDisplay-MediumItalic.woff) format("woff")
}

@font-face {
    font-family: SFUIDisplay;
    font-weight: 600;
    src: url(/fonts/SFUIDisplay-Semibold.woff) format("woff")
}

@font-face {
    font-family: SFUIDisplay;
    font-weight: 600;
    font-style: italic;
    src: url(/fonts/SFUIDisplay-SemiboldItalic.woff) format("woff")
}

@font-face {
    font-family: SFUIDisplay;
    font-weight: 700;
    src: url(/fonts/SFUIDisplay-Bold.woff) format("woff")
}

@font-face {
    font-family: SFUIDisplay;
    font-weight: 700;
    font-style: italic;
    src: url(/fonts/SFUIDisplay-BoldItalic.woff) format("woff")
}

@font-face {
    font-family: SFUIDisplay;
    font-weight: 800;
    src: url(/fonts/SFUIDisplay-Heavy.woff) format("woff")
}

@font-face {
    font-family: SFUIDisplay;
    font-weight: 800;
    font-style: italic;
    src: url(/fonts/SFUIDisplay-HeavyItalic.woff) format("woff")
}

@font-face {
    font-family: SFUIDisplay;
    font-weight: 900;
    src: url(/fonts/SFUIDisplay-Black.woff) format("woff")
}

@font-face {
    font-family: SFUIDisplay;
    font-weight: 900;
    font-style: italic;
    src: url(/fonts/SFUIDisplay-BlackItalic.woff) format("woff")
}

@font-face {
    font-family: SFUIRounded;
    font-weight: 100;
    src: url(/fonts/SFUIRounded-Ultralight.woff) format("woff")
}

@font-face {
    font-family: SFUIRounded;
    font-weight: 200;
    src: url(/fonts/SFUIRounded-Thin.woff) format("woff")
}

@font-face {
    font-family: SFUIRounded;
    font-weight: 300;
    src: url(/fonts/SFUIRounded-Light.woff) format("woff")
}

@font-face {
    font-family: SFUIRounded;
    font-weight: 400;
    src: url(/fonts/SFUIRounded-Regular.woff) format("woff")
}

@font-face {
    font-family: SFUIRounded;
    font-weight: 500;
    src: url(/fonts/SFUIRounded-Medium.woff) format("woff")
}

@font-face {
    font-family: SFUIRounded;
    font-weight: 600;
    src: url(/fonts/SFUIRounded-Semibold.woff) format("woff")
}

@font-face {
    font-family: SFUIRounded;
    font-weight: 700;
    src: url(/fonts/SFUIRounded-Bold.woff) format("woff")
}

@font-face {
    font-family: SFUIRounded;
    font-weight: 800;
    src: url(/fonts/SFUIRounded-Heavy.woff) format("woff")
}

@font-face {
    font-family: SFUIRounded;
    font-weight: 900;
    src: url(/fonts/SFUIRounded-Black.woff) format("woff")
}

@font-face {
    font-family: SFCompactText;
    font-weight: 100;
    src: url(/fonts/SFCompactText-Ultralight.woff) format("woff")
}

@font-face {
    font-family: SFCompactText;
    font-weight: 100;
    font-style: italic;
    src: url(/fonts/SFCompactText-UltralightItalic.woff) format("woff")
}

@font-face {
    font-family: SFCompactText;
    font-weight: 200;
    src: url(/fonts/SFCompactText-Thin.woff) format("woff")
}

@font-face {
    font-family: SFCompactText;
    font-weight: 200;
    font-style: italic;
    src: url(/fonts/SFCompactText-ThinItalic.woff) format("woff")
}

@font-face {
    font-family: SFCompactText;
    font-weight: 300;
    src: url(/fonts/SFCompactText-Light.woff) format("woff")
}

@font-face {
    font-family: SFCompactText;
    font-weight: 300;
    font-style: italic;
    src: url(/fonts/SFCompactText-LightItalic.woff) format("woff")
}

@font-face {
    font-family: SFCompactText;
    font-weight: 400;
    src: url(/fonts/SFCompactText-Regular.woff) format("woff")
}

@font-face {
    font-family: SFCompactText;
    font-weight: 400;
    font-style: italic;
    src: url(/fonts/SFCompactText-RegularItalic.woff) format("woff")
}

@font-face {
    font-family: SFCompactText;
    font-weight: 500;
    src: url(/fonts/SFCompactText-Medium.woff) format("woff")
}

@font-face {
    font-family: SFCompactText;
    font-weight: 500;
    font-style: italic;
    src: url(/fonts/SFCompactText-MediumItalic.woff) format("woff")
}

@font-face {
    font-family: SFCompactText;
    font-weight: 600;
    src: url(/fonts/SFCompactText-Semibold.woff) format("woff")
}

@font-face {
    font-family: SFCompactText;
    font-weight: 600;
    font-style: italic;
    src: url(/fonts/SFCompactText-SemiboldItalic.woff) format("woff")
}

@font-face {
    font-family: SFCompactText;
    font-weight: 700;
    src: url(/fonts/SFCompactText-Bold.woff) format("woff")
}

@font-face {
    font-family: SFCompactText;
    font-weight: 700;
    font-style: italic;
    src: url(/fonts/SFCompactText-BoldItalic.woff) format("woff")
}

@font-face {
    font-family: SFCompactText;
    font-weight: 800;
    src: url(/fonts/SFCompactText-Heavy.woff) format("woff")
}

@font-face {
    font-family: SFCompactText;
    font-weight: 800;
    font-style: italic;
    src: url(/fonts/SFCompactText-HeavyItalic.woff) format("woff")
}

@font-face {
    font-family: SFCompactText;
    font-weight: 900;
    src: url(/fonts/SFCompactText-Black.woff) format("woff")
}

@font-face {
    font-family: SFCompactText;
    font-weight: 900;
    font-style: italic;
    src: url(/fonts/SFCompactText-BlackItalic.woff) format("woff")
}

@font-face {
    font-family: SFCompactDisplay;
    font-weight: 100;
    src: url(/fonts/SFCompactDisplay-Ultralight.woff) format("woff")
}

@font-face {
    font-family: SFCompactDisplay;
    font-weight: 200;
    src: url(/fonts/SFCompactDisplay-Thin.woff) format("woff")
}

@font-face {
    font-family: SFCompactDisplay;
    font-weight: 300;
    src: url(/fonts/SFCompactDisplay-Light.woff) format("woff")
}

@font-face {
    font-family: SFCompactDisplay;
    font-weight: 400;
    src: url(/fonts/SFCompactDisplay-Regular.woff) format("woff")
}

@font-face {
    font-family: SFCompactDisplay;
    font-weight: 500;
    src: url(/fonts/SFCompactDisplay-Medium.woff) format("woff")
}

@font-face {
    font-family: SFCompactDisplay;
    font-weight: 600;
    src: url(/fonts/SFCompactDisplay-Semibold.woff) format("woff")
}

@font-face {
    font-family: SFCompactDisplay;
    font-weight: 700;
    src: url(/fonts/SFCompactDisplay-Bold.woff) format("woff")
}

@font-face {
    font-family: SFCompactDisplay;
    font-weight: 800;
    src: url(/fonts/SFCompactDisplay-Heavy.woff) format("woff")
}

@font-face {
    font-family: SFCompactDisplay;
    font-weight: 900;
    src: url(/fonts/SFCompactDisplay-Black.woff) format("woff")
}

.ContactPhoto .person-crop-circle-fill,
.monogram-container,
.monogram-silhouette {
    background: -webkit-gradient(linear, left top, left bottom, from(#a6abb7), to(#868a93));
    background: linear-gradient(#a6abb7, #868a93)
}

.monogram-container {
    color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    block-size: 100%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    inline-size: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.monogram-container[dir=ltr],
.monogram-container[dir=rtl],
[dir=ltr] .monogram-container,
[dir=rtl] .monogram-container {
    height: 100%;
    width: 100%
}

.monogram-container .monogram {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    inline-size: 100%;
    block-size: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.monogram-container[dir=ltr] .monogram,
.monogram-container[dir=rtl] .monogram,
[dir=ltr] .monogram-container .monogram,
[dir=rtl] .monogram-container .monogram {
    width: 100%;
    height: 100%
}

.monogram-container.cjk-initials .monogram-text {
    font-family: SFUIText, Helvetica Neue, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px
}

[apple-system-font-capable] .monogram-container.cjk-initials .monogram-text {
    font-family: system-ui, -apple-system, BlinkMacSystemFont
}

.monogram-container .monogram-text {
    font-family: SFUIText, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    fill: currentColor;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    block-size: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    inline-size: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.monogram-container[dir=ltr] .monogram-text,
.monogram-container[dir=rtl] .monogram-text,
[dir=ltr] .monogram-container .monogram-text,
[dir=rtl] .monogram-container .monogram-text {
    height: 100%;
    width: 100%
}

[apple-system-font-capable] .monogram-container .monogram-text {
    font-family: system-ui, -apple-system, BlinkMacSystemFont
}

.monogram-container .monogram-text svg {
    block-size: 100%;
    inline-size: 100%
}

.monogram-container[dir=ltr] .monogram-text svg,
.monogram-container[dir=rtl] .monogram-text svg,
[dir=ltr] .monogram-container .monogram-text svg,
[dir=rtl] .monogram-container .monogram-text svg {
    height: 100%;
    width: 100%
}

ui-pane.for-ui-popup.plan-upgrade-pane ui-popup,
ui-pane.standard.for-ui-card.plan-upgrade-pane ui-popup {
    padding: 20px
}

ui-pane.for-ui-popup.plan-upgrade-pane ui-card,
ui-pane.standard.for-ui-card.plan-upgrade-pane ui-card {
    padding: 0
}

ui-pane.for-ui-popup.plan-upgrade-pane *,
ui-pane.standard.for-ui-card.plan-upgrade-pane * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

ui-pane.plan-upgrade-pane {
    color: var(--theme-color-labelPrimary)
}

ui-pane.plan-upgrade-pane .plan-feature-list-container,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    inline-size: 100%;
    -webkit-transition: top .5s ease-in-out .25s;
    transition: top .5s ease-in-out .25s
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container {
    width: 100%
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options {
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
    inline-size: 100%;
    padding: 25px
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options {
    width: 100%
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option {
    display: block;
    border-radius: 22px
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option[aria-checked=true],
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option[aria-checked=true],
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option[aria-checked=true],
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option[aria-checked=true] {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-systemBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-systemBlue)
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option:focus,
ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option:focus-within,
ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option:hover,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option:focus,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option:focus-within,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option:hover,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option:focus,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option:focus-within,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option:hover,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option:focus,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option:focus-within,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option:hover {
    background: var(--theme-color-fillTertiary)
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option.is-hidden,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option.is-hidden,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option.is-hidden,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option.is-hidden {
    opacity: 0;
    visibility: hidden;
    block-size: 0;
    -webkit-padding-before: 0;
    padding-block-start: 0;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option.is-hidden,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option.is-hidden,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option.is-hidden,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option.is-hidden,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option.is-hidden,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option.is-hidden,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option.is-hidden,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option.is-hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .upgrade-option.is-hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .upgrade-option.is-hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .upgrade-option.is-hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .upgrade-option.is-hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .upgrade-option.is-hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .upgrade-option.is-hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .upgrade-option.is-hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .upgrade-option.is-hidden {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-radio.hidden,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-radio.hidden,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-radio.hidden,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-radio.hidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    block-size: 1px;
    inline-size: 1px;
    -webkit-margin-after: -1px;
    margin-block-end: -1px;
    -webkit-margin-end: -1px;
    margin-inline-end: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-radio.hidden,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-radio.hidden,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-radio.hidden,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-radio.hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .upgrade-option-radio.hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .upgrade-option-radio.hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .upgrade-option-radio.hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .upgrade-option-radio.hidden {
    height: 1px;
    width: 1px;
    margin-bottom: -1px;
    margin-right: -1px
}

[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-radio.hidden,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-radio.hidden,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-radio.hidden,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-radio.hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .upgrade-option-radio.hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .upgrade-option-radio.hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .upgrade-option-radio.hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .upgrade-option-radio.hidden {
    height: 1px;
    width: 1px;
    margin-bottom: -1px;
    margin-left: -1px
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item,
ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content {
    -webkit-box-shadow: 0 0 10px var(--theme-color-boxShadow);
    box-shadow: 0 0 10px var(--theme-color-boxShadow);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 22px;
    -webkit-padding-start: 10px;
    padding-inline-start: 10px;
    -webkit-padding-end: 15px;
    padding-inline-end: 15px;
    -webkit-padding-before: 15px;
    padding-block-start: 15px;
    -webkit-padding-after: 15px;
    padding-block-end: 15px;
    -webkit-margin-after: 10px;
    margin-block-end: 10px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .25s ease-in, visibility 0ms ease-in .25s, height 0 ease-in .25s;
    transition: opacity .25s ease-in, visibility 0ms ease-in .25s, height 0 ease-in .25s;
    will-change: opacity, visibility, height
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .feature-item,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .upgrade-option-content,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .feature-item,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .upgrade-option-content,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .feature-item,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .upgrade-option-content,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .feature-item,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .upgrade-option-content {
    padding: 15px 15px 15px 10px;
    margin-bottom: 10px
}

[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .feature-item,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .upgrade-option-content,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .feature-item,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .upgrade-option-content,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .feature-item,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .upgrade-option-content,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .feature-item,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .upgrade-option-content {
    padding: 15px 10px 15px 15px;
    margin-bottom: 10px
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item.is-hidden,
ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content.is-hidden,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item.is-hidden,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content.is-hidden,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item.is-hidden,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content.is-hidden,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item.is-hidden,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content.is-hidden {
    opacity: 0;
    visibility: hidden;
    block-size: 0;
    -webkit-padding-before: 0;
    padding-block-start: 0;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item.is-hidden,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content.is-hidden,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item.is-hidden,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content.is-hidden,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item.is-hidden,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content.is-hidden,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item.is-hidden,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content.is-hidden,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item.is-hidden,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content.is-hidden,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item.is-hidden,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content.is-hidden,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item.is-hidden,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content.is-hidden,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item.is-hidden,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content.is-hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .feature-item.is-hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .upgrade-option-content.is-hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .feature-item.is-hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .upgrade-option-content.is-hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .feature-item.is-hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .upgrade-option-content.is-hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .feature-item.is-hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .upgrade-option-content.is-hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .feature-item.is-hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .upgrade-option-content.is-hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .feature-item.is-hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .upgrade-option-content.is-hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .feature-item.is-hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .upgrade-option-content.is-hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .feature-item.is-hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .upgrade-option-content.is-hidden {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item.feature-item,
ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content.feature-item,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item.feature-item,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content.feature-item,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item.feature-item,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content.feature-item,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item.feature-item,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content.feature-item {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-padding-start: 15px;
    padding-inline-start: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item.feature-item,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content.feature-item,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item.feature-item,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content.feature-item,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item.feature-item,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content.feature-item,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item.feature-item,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content.feature-item,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .feature-item.feature-item,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .upgrade-option-content.feature-item,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .feature-item.feature-item,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .upgrade-option-content.feature-item,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .feature-item.feature-item,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .upgrade-option-content.feature-item,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .feature-item.feature-item,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .upgrade-option-content.feature-item {
    padding-left: 15px
}

[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item.feature-item,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content.feature-item,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item.feature-item,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content.feature-item,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item.feature-item,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content.feature-item,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item.feature-item,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content.feature-item,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .feature-item.feature-item,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .upgrade-option-content.feature-item,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .feature-item.feature-item,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .upgrade-option-content.feature-item,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .feature-item.feature-item,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .upgrade-option-content.feature-item,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .feature-item.feature-item,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .upgrade-option-content.feature-item {
    padding-right: 15px
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item[aria-checked=true],
ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content[aria-checked=true],
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item[aria-checked=true],
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content[aria-checked=true],
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item[aria-checked=true],
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content[aria-checked=true],
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item[aria-checked=true],
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content[aria-checked=true] {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-systemBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-systemBlue)
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item[aria-checked=true]:after,
ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content[aria-checked=true]:after,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item[aria-checked=true]:after,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content[aria-checked=true]:after,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item[aria-checked=true]:after,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content[aria-checked=true]:after,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item[aria-checked=true]:after,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content[aria-checked=true]:after {
    inline-size: 0
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item:not([aria-checked=true]):after,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item[aria-checked=true]:after,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content:not([aria-checked=true]):after,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content[aria-checked=true]:after,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item:not([aria-checked=true]):after,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item[aria-checked=true]:after,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content:not([aria-checked=true]):after,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content[aria-checked=true]:after,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item:not([aria-checked=true]):after,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item[aria-checked=true]:after,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content:not([aria-checked=true]):after,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content[aria-checked=true]:after,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item:not([aria-checked=true]):after,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item[aria-checked=true]:after,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content:not([aria-checked=true]):after,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content[aria-checked=true]:after,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item:not([aria-checked=true]):after,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item[aria-checked=true]:after,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content:not([aria-checked=true]):after,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content[aria-checked=true]:after,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item:not([aria-checked=true]):after,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item[aria-checked=true]:after,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content:not([aria-checked=true]):after,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content[aria-checked=true]:after,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item:not([aria-checked=true]):after,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item[aria-checked=true]:after,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content:not([aria-checked=true]):after,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content[aria-checked=true]:after,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item:not([aria-checked=true]):after,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item[aria-checked=true]:after,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content:not([aria-checked=true]):after,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content[aria-checked=true]:after,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .feature-item:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .feature-item[aria-checked=true]:after,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .upgrade-option-content:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .upgrade-option-content[aria-checked=true]:after,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .feature-item:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .feature-item[aria-checked=true]:after,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .upgrade-option-content:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .upgrade-option-content[aria-checked=true]:after,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .feature-item:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .feature-item[aria-checked=true]:after,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .upgrade-option-content:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .upgrade-option-content[aria-checked=true]:after,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .feature-item:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .feature-item[aria-checked=true]:after,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .upgrade-option-content:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .upgrade-option-content[aria-checked=true]:after,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .feature-item:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .feature-item[aria-checked=true]:after,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .upgrade-option-content:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .upgrade-option-content[aria-checked=true]:after,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .feature-item:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .feature-item[aria-checked=true]:after,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .upgrade-option-content:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .upgrade-option-content[aria-checked=true]:after,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .feature-item:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .feature-item[aria-checked=true]:after,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .upgrade-option-content:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .upgrade-option-content[aria-checked=true]:after,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .feature-item:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .feature-item[aria-checked=true]:after,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .upgrade-option-content:not([aria-checked=true]):after,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .upgrade-option-content[aria-checked=true]:after {
    width: 0
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item .feature-icon,
ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content .feature-icon,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item .feature-icon,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content .feature-icon,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .feature-icon,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .feature-icon,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .feature-icon,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .feature-icon {
    inline-size: 48px;
    block-size: 48px;
    overflow: visible;
    -webkit-margin-end: 15px;
    margin-inline-end: 15px
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item .feature-icon,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content .feature-icon,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item .feature-icon,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content .feature-icon,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .feature-icon,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .feature-icon,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .feature-icon,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .feature-icon,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .feature-item .feature-icon,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .upgrade-option-content .feature-icon,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .feature-item .feature-icon,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .upgrade-option-content .feature-icon,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .feature-item .feature-icon,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .upgrade-option-content .feature-icon,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .feature-item .feature-icon,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .upgrade-option-content .feature-icon {
    width: 48px;
    height: 48px;
    margin-right: 15px
}

[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item .feature-icon,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content .feature-icon,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item .feature-icon,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content .feature-icon,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .feature-icon,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .feature-icon,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .feature-icon,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .feature-icon,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .feature-item .feature-icon,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .upgrade-option-content .feature-icon,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .feature-item .feature-icon,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .upgrade-option-content .feature-icon,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .feature-item .feature-icon,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .upgrade-option-content .feature-icon,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .feature-item .feature-icon,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .upgrade-option-content .feature-icon {
    width: 48px;
    height: 48px;
    margin-left: 15px
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item .feature-icon img,
ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content .feature-icon img,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item .feature-icon img,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content .feature-icon img,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .feature-icon img,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .feature-icon img,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .feature-icon img,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .feature-icon img {
    inline-size: 48px
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item .feature-icon img,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content .feature-icon img,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item .feature-icon img,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content .feature-icon img,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .feature-icon img,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .feature-icon img,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .feature-icon img,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .feature-icon img,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item .feature-icon img,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content .feature-icon img,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item .feature-icon img,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content .feature-icon img,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .feature-icon img,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .feature-icon img,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .feature-icon img,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .feature-icon img,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .feature-item .feature-icon img,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .upgrade-option-content .feature-icon img,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .feature-item .feature-icon img,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .upgrade-option-content .feature-icon img,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .feature-item .feature-icon img,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .upgrade-option-content .feature-icon img,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .feature-item .feature-icon img,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .upgrade-option-content .feature-icon img,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .feature-item .feature-icon img,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .upgrade-option-content .feature-icon img,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .feature-item .feature-icon img,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .upgrade-option-content .feature-icon img,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .feature-item .feature-icon img,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .upgrade-option-content .feature-icon img,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .feature-item .feature-icon img,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .upgrade-option-content .feature-icon img {
    width: 48px
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item .option-cell,
ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content .option-cell,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item .option-cell,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content .option-cell,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .option-cell,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .option-cell,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    inline-size: 100%
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item .option-cell,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content .option-cell,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item .option-cell,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content .option-cell,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .option-cell,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .option-cell,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item .option-cell,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content .option-cell,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item .option-cell,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content .option-cell,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .option-cell,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .option-cell,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .feature-item .option-cell,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .upgrade-option-content .option-cell,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .feature-item .option-cell,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .upgrade-option-content .option-cell,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .feature-item .option-cell,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .feature-item .option-cell,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .feature-item .option-cell,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .upgrade-option-content .option-cell,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .feature-item .option-cell,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .upgrade-option-content .option-cell,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .feature-item .option-cell,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .feature-item .option-cell,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell {
    width: 100%
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left {
    text-align: start;
    max-inline-size: 65%;
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
    -webkit-margin-end: 20px;
    margin-inline-end: 20px
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item .option-cell .option-cell-left,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content .option-cell .option-cell-left,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item .option-cell .option-cell-left,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-left,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-left,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-left,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .upgrade-option-content .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left {
    text-align: left;
    max-width: 65%;
    margin-left: 10px;
    margin-right: 20px
}

[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item .option-cell .option-cell-left,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content .option-cell .option-cell-left,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item .option-cell .option-cell-left,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-left,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-left,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-left,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .upgrade-option-content .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left {
    text-align: right;
    max-width: 65%;
    margin-right: 10px;
    margin-left: 20px
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item .option-cell .option-cell-left .option-title,
ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content .option-cell .option-cell-left .option-title,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item .option-cell .option-cell-left .option-title,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left .option-title,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-left .option-title,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-left .option-title,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-left .option-title,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left .option-title {
    font-size: 17px;
    font-weight: 600;
    line-height: 25px
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item .option-cell .option-cell-left .option-price,
ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content .option-cell .option-cell-left .option-price,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item .option-cell .option-cell-left .option-price,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left .option-price,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-left .option-price,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-left .option-price,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-left .option-price,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left .option-price {
    font-size: 17px;
    line-height: 25px
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item .option-cell .option-cell-left .option-subtitle,
ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content .option-cell .option-cell-left .option-subtitle,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item .option-cell .option-cell-left .option-subtitle,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left .option-subtitle,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-left .option-subtitle,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-left .option-subtitle,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-left .option-subtitle,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left .option-subtitle {
    font-size: 14px;
    line-height: 20px;
    color: var(--theme-color-labelSecondary);
    white-space: normal
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item .option-cell .option-cell-left.post-purchase-option-cell-left,
ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content .option-cell .option-cell-left.post-purchase-option-cell-left,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item .option-cell .option-cell-left.post-purchase-option-cell-left,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left.post-purchase-option-cell-left,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-left.post-purchase-option-cell-left,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-left.post-purchase-option-cell-left,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-left.post-purchase-option-cell-left,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left.post-purchase-option-cell-left {
    max-inline-size: 100%;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item .option-cell .option-cell-left.post-purchase-option-cell-left,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content .option-cell .option-cell-left.post-purchase-option-cell-left,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item .option-cell .option-cell-left.post-purchase-option-cell-left,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left.post-purchase-option-cell-left,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-left.post-purchase-option-cell-left,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-left.post-purchase-option-cell-left,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-left.post-purchase-option-cell-left,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left.post-purchase-option-cell-left,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item .option-cell .option-cell-left.post-purchase-option-cell-left,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content .option-cell .option-cell-left.post-purchase-option-cell-left,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item .option-cell .option-cell-left.post-purchase-option-cell-left,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left.post-purchase-option-cell-left,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-left.post-purchase-option-cell-left,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-left.post-purchase-option-cell-left,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-left.post-purchase-option-cell-left,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left.post-purchase-option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .feature-item .option-cell .option-cell-left.post-purchase-option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .upgrade-option-content .option-cell .option-cell-left.post-purchase-option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .feature-item .option-cell .option-cell-left.post-purchase-option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left.post-purchase-option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-left.post-purchase-option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-left.post-purchase-option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-left.post-purchase-option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left.post-purchase-option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .feature-item .option-cell .option-cell-left.post-purchase-option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .upgrade-option-content .option-cell .option-cell-left.post-purchase-option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .feature-item .option-cell .option-cell-left.post-purchase-option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left.post-purchase-option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-left.post-purchase-option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-left.post-purchase-option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-left.post-purchase-option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left.post-purchase-option-cell-left {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item .option-cell .option-cell-right,
ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content .option-cell .option-cell-right,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item .option-cell .option-cell-right,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content .option-cell .option-cell-right,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-right,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-right,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-right,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-right {
    max-inline-size: 30%;
    text-align: end;
    font-size: 17px;
    line-height: 20px;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    color: var(--theme-color-labelSecondary)
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item .option-cell .option-cell-right,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content .option-cell .option-cell-right,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item .option-cell .option-cell-right,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content .option-cell .option-cell-right,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-right,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-right,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-right,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-right,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .feature-item .option-cell .option-cell-right,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .upgrade-option-content .option-cell .option-cell-right,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .feature-item .option-cell .option-cell-right,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .upgrade-option-content .option-cell .option-cell-right,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-right,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-right,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-right,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-right {
    max-width: 30%;
    text-align: right;
    margin-left: auto
}

[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item .option-cell .option-cell-right,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content .option-cell .option-cell-right,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item .option-cell .option-cell-right,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content .option-cell .option-cell-right,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-right,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-right,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-right,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-right,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .feature-item .option-cell .option-cell-right,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .upgrade-option-content .option-cell .option-cell-right,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .feature-item .option-cell .option-cell-right,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .upgrade-option-content .option-cell .option-cell-right,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-right,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-right,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-right,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-right {
    max-width: 30%;
    text-align: left;
    margin-right: auto
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item svg.radio-icon-check,
ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content svg.radio-icon-check,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item svg.radio-icon-check,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content svg.radio-icon-check,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item svg.radio-icon-check,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content svg.radio-icon-check,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item svg.radio-icon-check,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content svg.radio-icon-check {
    -webkit-margin-before: 3px;
    margin-block-start: 3px;
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
    fill: var(--theme-color-systemBlue);
    -webkit-transition: width .25s ease-in .5s;
    transition: width .25s ease-in .5s
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item svg.radio-icon-check,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content svg.radio-icon-check,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item svg.radio-icon-check,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content svg.radio-icon-check,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item svg.radio-icon-check,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content svg.radio-icon-check,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item svg.radio-icon-check,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content svg.radio-icon-check,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .feature-item svg.radio-icon-check,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .upgrade-option-content svg.radio-icon-check,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .feature-item svg.radio-icon-check,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .upgrade-option-content svg.radio-icon-check,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .feature-item svg.radio-icon-check,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .upgrade-option-content svg.radio-icon-check,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .feature-item svg.radio-icon-check,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .upgrade-option-content svg.radio-icon-check {
    margin-top: 3px;
    margin-left: 10px
}

[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item svg.radio-icon-check,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content svg.radio-icon-check,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item svg.radio-icon-check,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content svg.radio-icon-check,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item svg.radio-icon-check,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content svg.radio-icon-check,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item svg.radio-icon-check,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content svg.radio-icon-check,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .feature-item svg.radio-icon-check,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .upgrade-option-content svg.radio-icon-check,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .feature-item svg.radio-icon-check,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .upgrade-option-content svg.radio-icon-check,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .feature-item svg.radio-icon-check,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .upgrade-option-content svg.radio-icon-check,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .feature-item svg.radio-icon-check,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .upgrade-option-content svg.radio-icon-check {
    margin-top: 3px;
    margin-right: 10px
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item svg.radio-icon-check.is-hidden,
ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content svg.radio-icon-check.is-hidden,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item svg.radio-icon-check.is-hidden,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content svg.radio-icon-check.is-hidden,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item svg.radio-icon-check.is-hidden,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content svg.radio-icon-check.is-hidden,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item svg.radio-icon-check.is-hidden,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content svg.radio-icon-check.is-hidden {
    inline-size: 0 !important;
    opacity: 0;
    visibility: hidden
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item svg.radio-icon-check.is-hidden,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content svg.radio-icon-check.is-hidden,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item svg.radio-icon-check.is-hidden,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content svg.radio-icon-check.is-hidden,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item svg.radio-icon-check.is-hidden,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content svg.radio-icon-check.is-hidden,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item svg.radio-icon-check.is-hidden,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content svg.radio-icon-check.is-hidden,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item svg.radio-icon-check.is-hidden,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content svg.radio-icon-check.is-hidden,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item svg.radio-icon-check.is-hidden,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content svg.radio-icon-check.is-hidden,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item svg.radio-icon-check.is-hidden,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content svg.radio-icon-check.is-hidden,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item svg.radio-icon-check.is-hidden,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content svg.radio-icon-check.is-hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .feature-item svg.radio-icon-check.is-hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .upgrade-option-content svg.radio-icon-check.is-hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .feature-item svg.radio-icon-check.is-hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .upgrade-option-content svg.radio-icon-check.is-hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .feature-item svg.radio-icon-check.is-hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .upgrade-option-content svg.radio-icon-check.is-hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .feature-item svg.radio-icon-check.is-hidden,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .upgrade-option-content svg.radio-icon-check.is-hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .feature-item svg.radio-icon-check.is-hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .upgrade-option-content svg.radio-icon-check.is-hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .feature-item svg.radio-icon-check.is-hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .upgrade-option-content svg.radio-icon-check.is-hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .feature-item svg.radio-icon-check.is-hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .upgrade-option-content svg.radio-icon-check.is-hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .feature-item svg.radio-icon-check.is-hidden,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .upgrade-option-content svg.radio-icon-check.is-hidden {
    width: 0 !important
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item svg.radio-icon-uncheck,
ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content svg.radio-icon-uncheck,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item svg.radio-icon-uncheck,
ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content svg.radio-icon-uncheck,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item svg.radio-icon-uncheck,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content svg.radio-icon-uncheck,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item svg.radio-icon-uncheck,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content svg.radio-icon-uncheck {
    -webkit-margin-before: 3px;
    margin-block-start: 3px;
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
    fill: var(--theme-color-labelTertiary)
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item svg.radio-icon-uncheck,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content svg.radio-icon-uncheck,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item svg.radio-icon-uncheck,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content svg.radio-icon-uncheck,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item svg.radio-icon-uncheck,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content svg.radio-icon-uncheck,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item svg.radio-icon-uncheck,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content svg.radio-icon-uncheck,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .feature-item svg.radio-icon-uncheck,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .feature-list .upgrade-option-content svg.radio-icon-uncheck,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .feature-item svg.radio-icon-uncheck,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .upgrade-options .upgrade-option-content svg.radio-icon-uncheck,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .feature-item svg.radio-icon-uncheck,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .feature-list .upgrade-option-content svg.radio-icon-uncheck,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .feature-item svg.radio-icon-uncheck,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .upgrade-options .upgrade-option-content svg.radio-icon-uncheck {
    margin-top: 3px;
    margin-left: 10px
}

[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .feature-item svg.radio-icon-uncheck,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .feature-list .upgrade-option-content svg.radio-icon-uncheck,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .feature-item svg.radio-icon-uncheck,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .upgrade-options .upgrade-option-content svg.radio-icon-uncheck,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item svg.radio-icon-uncheck,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content svg.radio-icon-uncheck,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item svg.radio-icon-uncheck,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content svg.radio-icon-uncheck,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .feature-item svg.radio-icon-uncheck,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .feature-list .upgrade-option-content svg.radio-icon-uncheck,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .feature-item svg.radio-icon-uncheck,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .upgrade-options .upgrade-option-content svg.radio-icon-uncheck,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .feature-item svg.radio-icon-uncheck,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .feature-list .upgrade-option-content svg.radio-icon-uncheck,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .feature-item svg.radio-icon-uncheck,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .upgrade-options .upgrade-option-content svg.radio-icon-uncheck {
    margin-top: 3px;
    margin-right: 10px
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .option-detail,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .option-detail {
    font-size: 12px;
    color: var(--theme-color-labelSecondary);
    opacity: 1;
    visibility: visible;
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
    -webkit-padding-end: 20px;
    padding-inline-end: 20px;
    text-align: center
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-feature-list-container .option-detail,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .option-detail,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-feature-list-container .option-detail,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-options-container .option-detail,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-feature-list-container .option-detail,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-options-container .option-detail,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-feature-list-container .option-detail,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-options-container .option-detail {
    padding-left: 20px;
    padding-right: 20px
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .option-detail.tall,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .option-detail.tall {
    line-height: 1.8
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .option-detail.is-hidden,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .option-detail.is-hidden {
    opacity: 0;
    visibility: hidden
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .resend-notification,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .resend-notification {
    margin: auto;
    font-size: 14px;
    color: var(--theme-color-labelSecondary)
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .resend-notification .resend-button,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .resend-notification .resend-button {
    all: unset;
    padding: 5px;
    border-radius: 5px
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .resend-notification .resend-button:not(.loading),
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .resend-notification .resend-button:not(.loading) {
    cursor: pointer;
    color: var(--theme-color-systemBlue)
}

ui-pane.plan-upgrade-pane .plan-feature-list-container .resend-notification .resend-button:focus,
ui-pane.plan-upgrade-pane .plan-upgrade-options-container .resend-notification .resend-button:focus {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-systemBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-systemBlue);
    background: var(--theme-color-fillTertiary)
}

ui-pane.plan-upgrade-pane .heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-padding-start: 35px;
    padding-inline-start: 35px;
    -webkit-padding-end: 35px;
    padding-inline-end: 35px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .25s ease-in, visibility 0ms ease-in .25s;
    transition: opacity .25s ease-in, visibility 0ms ease-in .25s;
    will-change: opacity, visibility
}

[dir=ltr] ui-pane.plan-upgrade-pane .heading,
[dir=rtl] ui-pane.plan-upgrade-pane .heading,
ui-pane.plan-upgrade-pane[dir=ltr] .heading,
ui-pane.plan-upgrade-pane[dir=rtl] .heading {
    padding-left: 35px;
    padding-right: 35px
}

ui-pane.plan-upgrade-pane .heading.is-hidden {
    opacity: 0;
    visibility: hidden
}

ui-pane.plan-upgrade-pane .heading .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-margin-after: 20px;
    margin-block-end: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

[dir=ltr] ui-pane.plan-upgrade-pane .heading .title,
[dir=rtl] ui-pane.plan-upgrade-pane .heading .title,
ui-pane.plan-upgrade-pane[dir=ltr] .heading .title,
ui-pane.plan-upgrade-pane[dir=rtl] .heading .title {
    margin-bottom: 20px
}

ui-pane.plan-upgrade-pane .heading .title .title-text {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    text-align: center;
    padding-inline: 60px
}

[dir=ltr] ui-pane.plan-upgrade-pane .heading .title .title-text,
[dir=rtl] ui-pane.plan-upgrade-pane .heading .title .title-text,
ui-pane.plan-upgrade-pane[dir=ltr] .heading .title .title-text,
ui-pane.plan-upgrade-pane[dir=rtl] .heading .title .title-text {
    padding-left: 60px;
    padding-right: 60px
}

ui-pane.plan-upgrade-pane .heading .title .title-text.tall {
    line-height: 1.8
}

ui-pane.plan-upgrade-pane .heading .title .title-image {
    margin: auto;
    min-block-size: 64px
}

[dir=ltr] ui-pane.plan-upgrade-pane .heading .title .title-image,
[dir=rtl] ui-pane.plan-upgrade-pane .heading .title .title-image,
ui-pane.plan-upgrade-pane[dir=ltr] .heading .title .title-image,
ui-pane.plan-upgrade-pane[dir=rtl] .heading .title .title-image {
    min-height: 64px
}

ui-pane.plan-upgrade-pane .heading .title .title-image img {
    inline-size: 54px
}

[dir=ltr] ui-pane.plan-upgrade-pane .heading .title .title-image img,
[dir=rtl] ui-pane.plan-upgrade-pane .heading .title .title-image img,
ui-pane.plan-upgrade-pane[dir=ltr] .heading .title .title-image img,
ui-pane.plan-upgrade-pane[dir=rtl] .heading .title .title-image img {
    width: 54px
}

ui-pane.plan-upgrade-pane .heading .subtitle {
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

ui-pane.plan-upgrade-pane .heading .subtitle.tall {
    line-height: 1.8
}

ui-pane.plan-upgrade-pane .heading .icloud-plus-link a {
    all: unset;
    font-size: 14px;
    cursor: pointer;
    color: var(--theme-color-systemBlue)
}

ui-pane.plan-upgrade-pane .body {
    position: relative
}

ui-pane.plan-upgrade-pane .body .plan-upgrade-pane {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    inline-size: 100%;
    min-block-size: 500px
}

[dir=ltr] ui-pane.plan-upgrade-pane .body .plan-upgrade-pane,
[dir=rtl] ui-pane.plan-upgrade-pane .body .plan-upgrade-pane,
ui-pane.plan-upgrade-pane[dir=ltr] .body .plan-upgrade-pane,
ui-pane.plan-upgrade-pane[dir=rtl] .body .plan-upgrade-pane {
    width: 100%;
    min-height: 500px
}

ui-pane.plan-upgrade-pane .footer {
    -webkit-padding-before: 15px;
    padding-block-start: 15px
}

[dir=ltr] ui-pane.plan-upgrade-pane .footer,
[dir=rtl] ui-pane.plan-upgrade-pane .footer,
ui-pane.plan-upgrade-pane[dir=ltr] .footer,
ui-pane.plan-upgrade-pane[dir=rtl] .footer {
    padding-top: 15px
}

ui-pane.plan-upgrade-pane .footer .notification-description {
    max-inline-size: 65%;
    font-size: 12px;
    color: var(--theme-color-labelSecondary);
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .25s ease-in, visibility 0ms ease-in .25s;
    transition: opacity .25s ease-in, visibility 0ms ease-in .25s;
    will-change: opacity, visibility
}

[dir=ltr] ui-pane.plan-upgrade-pane .footer .notification-description,
[dir=rtl] ui-pane.plan-upgrade-pane .footer .notification-description,
ui-pane.plan-upgrade-pane[dir=ltr] .footer .notification-description,
ui-pane.plan-upgrade-pane[dir=rtl] .footer .notification-description {
    max-width: 65%
}

ui-pane.plan-upgrade-pane .footer .notification-description.is-hidden {
    opacity: 0;
    visibility: hidden
}

ui-pane.plan-upgrade-pane .footer .notification-description.tall {
    line-height: 1.8
}

ui-pane.plan-upgrade-pane .footer ui-button.plan-upgrade-button.block.primary:not(.neutral) {
    background-color: var(--theme-color-systemBlue)
}

ui-pane.plan-upgrade-pane .footer ui-button.plan-upgrade-button {
    overflow: visible;
    min-inline-size: 260px;
    block-size: 36px;
    font-size: 17px
}

[dir=ltr] ui-pane.plan-upgrade-pane .footer ui-button.plan-upgrade-button,
[dir=rtl] ui-pane.plan-upgrade-pane .footer ui-button.plan-upgrade-button,
ui-pane.plan-upgrade-pane[dir=ltr] .footer ui-button.plan-upgrade-button,
ui-pane.plan-upgrade-pane[dir=rtl] .footer ui-button.plan-upgrade-button {
    min-width: 260px;
    height: 36px
}

ui-pane.plan-upgrade-pane .footer ui-activity-indicator {
    -webkit-margin-end: 4px;
    margin-inline-end: 4px
}

[dir=ltr] ui-pane.plan-upgrade-pane .footer ui-activity-indicator,
ui-pane.plan-upgrade-pane[dir=ltr] .footer ui-activity-indicator {
    margin-right: 4px
}

[dir=rtl] ui-pane.plan-upgrade-pane .footer ui-activity-indicator,
ui-pane.plan-upgrade-pane[dir=rtl] .footer ui-activity-indicator {
    margin-left: 4px
}

ui-pane.plan-upgrade-pane ui-card {
    block-size: 100%
}

[dir=ltr] ui-pane.plan-upgrade-pane ui-card,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card {
    height: 100%
}

ui-pane.plan-upgrade-pane ui-card .content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    block-size: -webkit-calc(100% - 56px);
    block-size: calc(100% - 56px);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content {
    height: -webkit-calc(100% - 56px);
    height: calc(100% - 56px)
}

ui-pane.plan-upgrade-pane ui-card .content .body {
    padding: logical 0 10px;
    overflow-y: auto;
    overflow-x: hidden;
    block-size: 100%
}

[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .body,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .body,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .body,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .body {
    height: 100%;
    padding: 0 10px
}

ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane {
    min-block-size: 400px
}

[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .plan-upgrade-pane,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .plan-upgrade-pane {
    min-height: 400px
}

ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .heading {
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
    -webkit-padding-end: 20px;
    padding-inline-end: 20px
}

[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .heading,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .heading,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .plan-upgrade-pane .heading,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .plan-upgrade-pane .heading {
    padding-left: 20px;
    padding-right: 20px
}

ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .heading .title {
    -webkit-margin-after: 20px;
    margin-block-end: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .heading .title,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .heading .title,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .plan-upgrade-pane .heading .title,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .plan-upgrade-pane .heading .title {
    margin-bottom: 20px
}

ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .heading .title .title-text {
    padding-inline: 10px;
    font-size: 24px;
    line-height: 25px
}

[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .heading .title .title-text,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .heading .title .title-text,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .plan-upgrade-pane .heading .title .title-text,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .plan-upgrade-pane .heading .title .title-text {
    padding-left: 10px;
    padding-right: 10px
}

ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .heading .title .title-image {
    margin: unset
}

ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .heading .subtitle {
    font-size: 17px
}

ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container {
    max-inline-size: 100%
}

[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container,
[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .plan-upgrade-pane .plan-featurelist-container,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .plan-upgrade-pane .plan-upgrade-options-container,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .plan-upgrade-pane .plan-featurelist-container,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .plan-upgrade-pane .plan-upgrade-options-container {
    max-width: 100%
}

ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .feature-list,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .upgrade-options,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .feature-list,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .upgrade-options {
    max-inline-size: 100%;
    padding: 15px
}

[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .feature-list,
[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .upgrade-options,
[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .feature-list,
[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .upgrade-options,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .feature-list,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .upgrade-options,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .feature-list,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .upgrade-options,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .plan-upgrade-pane .plan-featurelist-container .feature-list,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .plan-upgrade-pane .plan-featurelist-container .upgrade-options,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .feature-list,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .upgrade-options,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .plan-upgrade-pane .plan-featurelist-container .feature-list,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .plan-upgrade-pane .plan-featurelist-container .upgrade-options,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .feature-list,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .upgrade-options {
    max-width: 100%
}

ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .feature-list .feature-item,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .feature-list .upgrade-option-content,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .upgrade-options .feature-item,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .upgrade-options .upgrade-option-content,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .feature-list .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .feature-list .upgrade-option-content .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .upgrade-options .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left {
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    max-inline-size: 100%
}

[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .feature-list .feature-item .option-cell .option-cell-left,
[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .feature-list .upgrade-option-content .option-cell .option-cell-left,
[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .upgrade-options .feature-item .option-cell .option-cell-left,
[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left,
[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-left,
[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-left,
[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-left,
[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .plan-upgrade-pane .plan-featurelist-container .feature-list .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .plan-upgrade-pane .plan-featurelist-container .feature-list .upgrade-option-content .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .plan-upgrade-pane .plan-featurelist-container .upgrade-options .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .plan-upgrade-pane .plan-featurelist-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left {
    margin-right: 0;
    max-width: 100%
}

[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .feature-list .feature-item .option-cell .option-cell-left,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .feature-list .upgrade-option-content .option-cell .option-cell-left,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .upgrade-options .feature-item .option-cell .option-cell-left,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-left,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-left,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-left,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .plan-upgrade-pane .plan-featurelist-container .feature-list .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .plan-upgrade-pane .plan-featurelist-container .feature-list .upgrade-option-content .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .plan-upgrade-pane .plan-featurelist-container .upgrade-options .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .plan-upgrade-pane .plan-featurelist-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-left,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left {
    margin-left: 0;
    max-width: 100%
}

ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .feature-list .feature-item .option-cell .option-cell-left .option-title,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .feature-list .upgrade-option-content .option-cell .option-cell-left .option-title,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .upgrade-options .feature-item .option-cell .option-cell-left .option-title,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left .option-title,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-left .option-title,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-left .option-title,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-left .option-title,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left .option-title {
    font-size: 17px;
    line-height: 22px
}

ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .feature-list .feature-item .option-cell .option-cell-left .option-price,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .feature-list .upgrade-option-content .option-cell .option-cell-left .option-price,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .upgrade-options .feature-item .option-cell .option-cell-left .option-price,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left .option-price,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-left .option-price,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-left .option-price,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-left .option-price,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left .option-price {
    font-size: 15px;
    line-height: 20px
}

ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .feature-list .feature-item .option-cell .option-cell-left .option-subtitle,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .feature-list .upgrade-option-content .option-cell .option-cell-left .option-subtitle,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .upgrade-options .feature-item .option-cell .option-cell-left .option-subtitle,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-featurelist-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left .option-subtitle,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .feature-list .feature-item .option-cell .option-cell-left .option-subtitle,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .feature-list .upgrade-option-content .option-cell .option-cell-left .option-subtitle,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .feature-item .option-cell .option-cell-left .option-subtitle,
ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .plan-upgrade-options-container .upgrade-options .upgrade-option-content .option-cell .option-cell-left .option-subtitle {
    font-size: 13px;
    line-height: 19px
}

ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane.post-purchase-pane .plan-feature-list-container .feature-list {
    padding: 10px
}

ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane.post-purchase-pane .plan-feature-list-container .feature-list .feature-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane.post-purchase-pane .plan-feature-list-container .feature-list .feature-item:before {
    opacity: 0;
    visibility: none
}

ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .resend-notification {
    -webkit-padding-before: 20px;
    padding-block-start: 20px
}

[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .resend-notification,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-pane .resend-notification,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .plan-upgrade-pane .resend-notification,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .plan-upgrade-pane .resend-notification {
    padding-top: 20px
}

ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-confirmation-pane {
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
    -webkit-padding-end: 20px;
    padding-inline-end: 20px;
    -webkit-padding-after: 20px;
    padding-block-end: 20px
}

[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-confirmation-pane,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .plan-upgrade-confirmation-pane,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .plan-upgrade-confirmation-pane,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .plan-upgrade-confirmation-pane {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px
}

ui-pane.plan-upgrade-pane ui-card .content .footer {
    -webkit-padding-before: 25px;
    padding-block-start: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .footer,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .footer,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .footer,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .footer {
    padding-top: 25px
}

ui-pane.plan-upgrade-pane ui-card .content .footer .notification-description {
    font-size: 11px;
    inline-size: 100%;
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
    -webkit-padding-end: 20px;
    padding-inline-end: 20px;
    text-align: center;
    max-inline-size: 100%
}

[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .footer .notification-description,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .footer .notification-description,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .footer .notification-description,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .footer .notification-description {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 100%
}

ui-pane.plan-upgrade-pane ui-card .content .footer ui-overlay-actions {
    inline-size: 100%
}

[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .footer ui-overlay-actions,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .footer ui-overlay-actions,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .footer ui-overlay-actions,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .footer ui-overlay-actions {
    width: 100%
}

ui-pane.plan-upgrade-pane ui-card .content .footer ui-overlay-actions-stack {
    inline-size: 100%
}

[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .footer ui-overlay-actions-stack,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .footer ui-overlay-actions-stack,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .footer ui-overlay-actions-stack,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .footer ui-overlay-actions-stack {
    width: 100%
}

ui-pane.plan-upgrade-pane ui-card .content .footer ui-button.plan-upgrade-button {
    font-size: 17px;
    font-weight: 600;
    inline-size: 100%;
    block-size: 50px;
    border-radius: 15px
}

[dir=ltr] ui-pane.plan-upgrade-pane ui-card .content .footer ui-button.plan-upgrade-button,
[dir=rtl] ui-pane.plan-upgrade-pane ui-card .content .footer ui-button.plan-upgrade-button,
ui-pane.plan-upgrade-pane[dir=ltr] ui-card .content .footer ui-button.plan-upgrade-button,
ui-pane.plan-upgrade-pane[dir=rtl] ui-card .content .footer ui-button.plan-upgrade-button {
    width: 100%;
    height: 50px
}

ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    inline-size: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-padding-start: 85px;
    padding-inline-start: 85px;
    -webkit-padding-end: 85px;
    padding-inline-end: 85px;
    text-align: center;
    position: absolute;
    inset-block-start: 0;
    z-index: 2;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .25s ease-in .5s, visibility 0ms ease-in .75s;
    transition: opacity .25s ease-in .5s, visibility 0ms ease-in .75s;
    will-change: opacity, visibility
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-confirmation-pane,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-confirmation-pane {
    width: 100%;
    padding-left: 85px;
    padding-right: 85px;
    top: 0
}

ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane.is-hidden {
    opacity: 0;
    visibility: hidden
}

ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane ui-activity-indicator {
    position: absolute;
    -webkit-margin-before: 40px;
    margin-block-start: 40px
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane ui-activity-indicator,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane ui-activity-indicator,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-confirmation-pane ui-activity-indicator,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-confirmation-pane ui-activity-indicator {
    margin-top: 40px
}

ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane .phone-icon {
    position: absolute;
    z-index: 1;
    -webkit-margin-start: 90px;
    margin-inline-start: 90px;
    -webkit-margin-before: 80px;
    margin-block-start: 80px;
    fill: var(--theme-color-labelPrimary)
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane .phone-icon,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-confirmation-pane .phone-icon {
    margin-left: 90px;
    margin-top: 80px
}

[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane .phone-icon,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-confirmation-pane .phone-icon {
    margin-right: 90px;
    margin-top: 80px
}

ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane .phone-icon-background {
    position: absolute;
    border: 3px solid var(--theme-color-backgroundPrimary);
    border-radius: 50%;
    inline-size: 50px;
    block-size: 50px;
    background: var(--theme-color-backgroundLayer1);
    -webkit-margin-start: 90px;
    margin-inline-start: 90px;
    -webkit-margin-before: 70px;
    margin-block-start: 70px
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane .phone-icon-background,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-confirmation-pane .phone-icon-background {
    width: 50px;
    height: 50px;
    margin-left: 90px;
    margin-top: 70px
}

[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane .phone-icon-background,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-confirmation-pane .phone-icon-background {
    width: 50px;
    height: 50px;
    margin-right: 90px;
    margin-top: 70px
}

ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane h2 {
    font-size: 24px;
    -webkit-margin-before: 10px;
    margin-block-start: 10px;
    -webkit-margin-after: 10px;
    margin-block-end: 10px
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane h2,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane h2,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-confirmation-pane h2,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-confirmation-pane h2 {
    margin-top: 10px;
    margin-bottom: 10px
}

ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane p,
ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane span {
    font-size: 14px;
    color: var(--theme-color-labelSecondary);
    inline-size: 100%
}

[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane p,
[dir=ltr] ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane span,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane p,
[dir=rtl] ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane span,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-confirmation-pane p,
ui-pane.plan-upgrade-pane[dir=ltr] .plan-upgrade-confirmation-pane span,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-confirmation-pane p,
ui-pane.plan-upgrade-pane[dir=rtl] .plan-upgrade-confirmation-pane span {
    width: 100%
}

ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane p.device-list,
ui-pane.plan-upgrade-pane .plan-upgrade-confirmation-pane span.device-list {
    font-weight: 600
}

.plan-details-page .plan-page-upgrade-plan-section {
    background-color: var(--theme-color-backgroundLayer1);
    border-radius: 11px;
    overflow: hidden;
    cursor: pointer;
    max-inline-size: 467px
}

.plan-details-page[dir=ltr] .plan-page-upgrade-plan-section,
.plan-details-page[dir=rtl] .plan-page-upgrade-plan-section,
[dir=ltr] .plan-details-page .plan-page-upgrade-plan-section,
[dir=rtl] .plan-details-page .plan-page-upgrade-plan-section {
    max-width: 467px
}

.plan-details-page .plan-page-upgrade-plan-section.is-hidden {
    display: none
}

.plan-details-page .plan-page-upgrade-plan-section.loading {
    opacity: .5
}

.plan-details-page .plan-page-upgrade-plan-section .upgrade-card-header {
    position: relative
}

.plan-details-page .plan-page-upgrade-plan-section .upgrade-card-header ui-image {
    position: relative;
    inline-size: 100%
}

.plan-details-page[dir=ltr] .plan-page-upgrade-plan-section .upgrade-card-header ui-image,
.plan-details-page[dir=rtl] .plan-page-upgrade-plan-section .upgrade-card-header ui-image,
[dir=ltr] .plan-details-page .plan-page-upgrade-plan-section .upgrade-card-header ui-image,
[dir=rtl] .plan-details-page .plan-page-upgrade-plan-section .upgrade-card-header ui-image {
    width: 100%
}

.plan-details-page .plan-page-upgrade-plan-section .upgrade-card-header ui-image img {
    inline-size: 100%
}

.plan-details-page[dir=ltr] .plan-page-upgrade-plan-section .upgrade-card-header ui-image img,
.plan-details-page[dir=rtl] .plan-page-upgrade-plan-section .upgrade-card-header ui-image img,
[dir=ltr] .plan-details-page .plan-page-upgrade-plan-section .upgrade-card-header ui-image img,
[dir=rtl] .plan-details-page .plan-page-upgrade-plan-section .upgrade-card-header ui-image img {
    width: 100%
}

.plan-details-page .plan-page-upgrade-plan-section .upgrade-card-header:before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    inset-inline-end: 0;
    inset-block-end: 0;
    opacity: .38;
    background-image: linear-gradient(252deg, rgba(114, 195, 255, .7), rgba(0, 121, 236, .7))
}

.plan-details-page[dir=ltr] .plan-page-upgrade-plan-section .upgrade-card-header:before,
.plan-details-page[dir=rtl] .plan-page-upgrade-plan-section .upgrade-card-header:before,
[dir=ltr] .plan-details-page .plan-page-upgrade-plan-section .upgrade-card-header:before,
[dir=rtl] .plan-details-page .plan-page-upgrade-plan-section .upgrade-card-header:before {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.plan-details-page .plan-page-upgrade-plan-section .upgrade-plan-links-container {
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.plan-details-page .plan-page-upgrade-plan-section .upgrade-plan-links-container h3 {
    font-size: 17px;
    font-weight: 400
}

.plan-details-page .plan-page-upgrade-plan-section .upgrade-plan-links-container p {
    font-size: 14px;
    color: var(--theme-color-labelSecondary)
}

.plan-details-page .plan-page-upgrade-plan-section .upgrade-plan-links-container ui-activity-indicator {
    -webkit-margin-end: 4px;
    margin-inline-end: 4px
}

.plan-details-page[dir=ltr] .plan-page-upgrade-plan-section .upgrade-plan-links-container ui-activity-indicator,
[dir=ltr] .plan-details-page .plan-page-upgrade-plan-section .upgrade-plan-links-container ui-activity-indicator {
    margin-right: 4px
}

.plan-details-page[dir=rtl] .plan-page-upgrade-plan-section .upgrade-plan-links-container ui-activity-indicator,
[dir=rtl] .plan-details-page .plan-page-upgrade-plan-section .upgrade-plan-links-container ui-activity-indicator {
    margin-left: 4px
}

.plan-details-page .plan-page-upgrade-plan-section .upgrade-plan-links-container ui-button.push.primary.upgrade-button {
    color: var(--theme-color-systemBlue);
    font-size: 17px;
    font-weight: 400;
    -webkit-margin-start: -6px;
    margin-inline-start: -6px;
    padding-inline: 6px;
    padding-block: 4px
}

.plan-details-page[dir=ltr] .plan-page-upgrade-plan-section .upgrade-plan-links-container ui-button.push.primary.upgrade-button,
[dir=ltr] .plan-details-page .plan-page-upgrade-plan-section .upgrade-plan-links-container ui-button.push.primary.upgrade-button {
    margin-left: -6px;
    padding: 4px 6px
}

.plan-details-page[dir=rtl] .plan-page-upgrade-plan-section .upgrade-plan-links-container ui-button.push.primary.upgrade-button,
[dir=rtl] .plan-details-page .plan-page-upgrade-plan-section .upgrade-plan-links-container ui-button.push.primary.upgrade-button {
    margin-right: -6px;
    padding: 4px 6px
}

.plan-details-page .plan-page-upgrade-plan-section .upgrade-plan-links-container ui-button.push.primary.upgrade-button.loading {
    color: var(--theme-color-labelPrimary)
}

.storage-page .storage-page-upgrade-plan-section {
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
    background-color: var(--theme-color-backgroundLayer1);
    border-radius: 11px;
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.storage-page[dir=ltr] .storage-page-upgrade-plan-section,
.storage-page[dir=rtl] .storage-page-upgrade-plan-section,
[dir=ltr] .storage-page .storage-page-upgrade-plan-section,
[dir=rtl] .storage-page .storage-page-upgrade-plan-section {
    margin-top: 30px
}

.storage-page .storage-page-upgrade-plan-section.is-hidden {
    display: none
}

.storage-page .storage-page-upgrade-plan-section.loading {
    opacity: .5
}

.storage-page .storage-page-upgrade-plan-section .logo {
    inline-size: 56px;
    block-size: 56px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.storage-page[dir=ltr] .storage-page-upgrade-plan-section .logo,
.storage-page[dir=rtl] .storage-page-upgrade-plan-section .logo,
[dir=ltr] .storage-page .storage-page-upgrade-plan-section .logo,
[dir=rtl] .storage-page .storage-page-upgrade-plan-section .logo {
    width: 56px;
    height: 56px
}

.storage-page .storage-page-upgrade-plan-section .logo img {
    inline-size: 56px
}

.storage-page[dir=ltr] .storage-page-upgrade-plan-section .logo img,
.storage-page[dir=rtl] .storage-page-upgrade-plan-section .logo img,
[dir=ltr] .storage-page .storage-page-upgrade-plan-section .logo img,
[dir=rtl] .storage-page .storage-page-upgrade-plan-section .logo img {
    width: 56px
}

.storage-page .storage-page-upgrade-plan-section .logo svg {
    fill: var(--theme-color-systemRed)
}

.storage-page .storage-page-upgrade-plan-section .upgrade-plan-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.storage-page .storage-page-upgrade-plan-section .upgrade-plan-container h3.title {
    font-weight: 600;
    font-size: 17px
}

.storage-page .storage-page-upgrade-plan-section .upgrade-plan-container p.description {
    font-size: 14px;
    color: var(--theme-color-labelSecondary);
    -webkit-margin-before: 6px;
    margin-block-start: 6px;
    -webkit-margin-after: 10px;
    margin-block-end: 10px
}

.storage-page[dir=ltr] .storage-page-upgrade-plan-section .upgrade-plan-container p.description,
.storage-page[dir=rtl] .storage-page-upgrade-plan-section .upgrade-plan-container p.description,
[dir=ltr] .storage-page .storage-page-upgrade-plan-section .upgrade-plan-container p.description,
[dir=rtl] .storage-page .storage-page-upgrade-plan-section .upgrade-plan-container p.description {
    margin-top: 6px;
    margin-bottom: 10px
}

.storage-page .storage-page-upgrade-plan-section .upgrade-plan-container button {
    all: unset;
    cursor: pointer;
    color: var(--theme-color-systemBlue);
    font-size: 14px
}

.storage-page .storage-page-upgrade-plan-section .upgrade-plan-container ui-activity-indicator {
    -webkit-margin-end: 4px;
    margin-inline-end: 4px
}

.storage-page[dir=ltr] .storage-page-upgrade-plan-section .upgrade-plan-container ui-activity-indicator,
[dir=ltr] .storage-page .storage-page-upgrade-plan-section .upgrade-plan-container ui-activity-indicator {
    margin-right: 4px
}

.storage-page[dir=rtl] .storage-page-upgrade-plan-section .upgrade-plan-container ui-activity-indicator,
[dir=rtl] .storage-page .storage-page-upgrade-plan-section .upgrade-plan-container ui-activity-indicator {
    margin-left: 4px
}

.storage-page .storage-page-upgrade-plan-section .upgrade-plan-container ui-button.push.primary.upgrade-button {
    color: var(--theme-color-systemBlue);
    font-size: 17px;
    font-weight: 400;
    -webkit-margin-start: -6px;
    margin-inline-start: -6px;
    padding-inline: 6px;
    padding-block: 4px
}

.storage-page[dir=ltr] .storage-page-upgrade-plan-section .upgrade-plan-container ui-button.push.primary.upgrade-button,
[dir=ltr] .storage-page .storage-page-upgrade-plan-section .upgrade-plan-container ui-button.push.primary.upgrade-button {
    margin-left: -6px;
    padding: 4px 6px
}

.storage-page[dir=rtl] .storage-page-upgrade-plan-section .upgrade-plan-container ui-button.push.primary.upgrade-button,
[dir=rtl] .storage-page .storage-page-upgrade-plan-section .upgrade-plan-container ui-button.push.primary.upgrade-button {
    margin-right: -6px;
    padding: 4px 6px
}

.storage-page .storage-page-upgrade-plan-section .upgrade-plan-container ui-button.push.primary.upgrade-button.loading {
    color: var(--theme-color-labelPrimary)
}

.apps-upgrade-plan-section {
    inline-size: 560px;
    block-size: 105px;
    background-color: var(--theme-color-gray6);
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-inline: 16px;
    padding-block: 16px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.apps-upgrade-plan-section[dir=ltr],
.apps-upgrade-plan-section[dir=rtl],
[dir=ltr] .apps-upgrade-plan-section,
[dir=rtl] .apps-upgrade-plan-section {
    width: 560px;
    height: 105px;
    padding: 16px
}

@media (max-width:667px) {
    .apps-upgrade-plan-section {
        inline-size: 100%;
        block-size: -webkit-min-content;
        block-size: -moz-min-content;
        block-size: min-content;
        padding-block: 10px
    }
    .apps-upgrade-plan-section[dir=ltr],
    .apps-upgrade-plan-section[dir=rtl],
    [dir=ltr] .apps-upgrade-plan-section,
    [dir=rtl] .apps-upgrade-plan-section {
        width: 100%;
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .apps-upgrade-plan-section .content .description {
        -webkit-margin-after: 0;
        margin-block-end: 0
    }
    .apps-upgrade-plan-section[dir=ltr] .content .description,
    .apps-upgrade-plan-section[dir=rtl] .content .description,
    [dir=ltr] .apps-upgrade-plan-section .content .description,
    [dir=rtl] .apps-upgrade-plan-section .content .description {
        margin-bottom: 0
    }
}

.apps-upgrade-plan-section.loading {
    opacity: .5
}

.apps-upgrade-plan-section .icon img {
    inline-size: 56px
}

.apps-upgrade-plan-section[dir=ltr] .icon img,
.apps-upgrade-plan-section[dir=rtl] .icon img,
[dir=ltr] .apps-upgrade-plan-section .icon img,
[dir=rtl] .apps-upgrade-plan-section .icon img {
    width: 56px
}

.apps-upgrade-plan-section .icon svg {
    fill: var(--theme-color-systemRed)
}

.apps-upgrade-plan-section .content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-margin-start: 20px;
    margin-inline-start: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.apps-upgrade-plan-section[dir=ltr] .content,
[dir=ltr] .apps-upgrade-plan-section .content {
    margin-left: 20px
}

.apps-upgrade-plan-section[dir=rtl] .content,
[dir=rtl] .apps-upgrade-plan-section .content {
    margin-right: 20px
}

.apps-upgrade-plan-section .content .title {
    color: var(--theme-color-labelPrimary);
    font-size: 15px;
    font-weight: 600;
    line-height: 20px
}

.apps-upgrade-plan-section .content .description {
    font-size: 14px;
    font-weight: 400;
    color: var(--theme-color-labelSecondary);
    line-height: 20px;
    -webkit-margin-after: 4px;
    margin-block-end: 4px
}

.apps-upgrade-plan-section[dir=ltr] .content .description,
.apps-upgrade-plan-section[dir=rtl] .content .description,
[dir=ltr] .apps-upgrade-plan-section .content .description,
[dir=rtl] .apps-upgrade-plan-section .content .description {
    margin-bottom: 4px
}

.apps-upgrade-plan-section .content ui-button.push.primary.upgrade-button {
    color: var(--theme-color-systemBlue);
    font-size: 17px;
    font-weight: 400;
    -webkit-margin-start: -6px;
    margin-inline-start: -6px;
    padding-inline: 6px;
    padding-block: 4px
}

.apps-upgrade-plan-section[dir=ltr] .content ui-button.push.primary.upgrade-button,
[dir=ltr] .apps-upgrade-plan-section .content ui-button.push.primary.upgrade-button {
    margin-left: -6px;
    padding: 4px 6px
}

.apps-upgrade-plan-section[dir=rtl] .content ui-button.push.primary.upgrade-button,
[dir=rtl] .apps-upgrade-plan-section .content ui-button.push.primary.upgrade-button {
    margin-right: -6px;
    padding: 4px 6px
}

.apps-upgrade-plan-section .content ui-button.push.primary.upgrade-button.loading {
    color: var(--theme-color-labelPrimary)
}

.apps-upgrade-plan-section .content ui-button.push.primary.upgrade-button ui-activity-indicator {
    -webkit-margin-end: 4px;
    margin-inline-end: 4px
}

.apps-upgrade-plan-section[dir=ltr] .content ui-button.push.primary.upgrade-button ui-activity-indicator,
[dir=ltr] .apps-upgrade-plan-section .content ui-button.push.primary.upgrade-button ui-activity-indicator {
    margin-right: 4px
}

.apps-upgrade-plan-section[dir=rtl] .content ui-button.push.primary.upgrade-button ui-activity-indicator,
[dir=rtl] .apps-upgrade-plan-section .content ui-button.push.primary.upgrade-button ui-activity-indicator {
    margin-left: 4px
}

.announcement-container {
    max-inline-size: 700px
}

.announcement-container[dir=ltr],
.announcement-container[dir=rtl],
[dir=ltr] .announcement-container,
[dir=rtl] .announcement-container {
    max-width: 700px
}

.announcement-container .content {
    margin: logical 22px 15px 0;
    text-align: center;
    letter-spacing: -.37px;
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
    color: var(--theme-color-systemWhite);
    opacity: .7
}

.announcement-container[dir=ltr] .content,
.announcement-container[dir=rtl] .content,
[dir=ltr] .announcement-container .content,
[dir=rtl] .announcement-container .content {
    margin: 22px 15px 0
}

[apple-system-font-capable] .announcement-container .content {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.announcement-container .content .title {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px
}

[apple-system-font-capable] .announcement-container .content .title {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.announcement-container .content .icon {
    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;
    padding-block: 16px;
    fill: hsla(0, 0%, 100%, .56)
}

.announcement-container[dir=ltr] .content .icon,
.announcement-container[dir=rtl] .content .icon,
[dir=ltr] .announcement-container .content .icon,
[dir=rtl] .announcement-container .content .icon {
    padding-top: 16px;
    padding-bottom: 16px
}

.announcement-container .content .external-link a,
.announcement-container .content .external-link a svg {
    color: var(--theme-color-systemWhite);
    fill: var(--theme-color-systemWhite);
    opacity: .7
}

@media (pointer:fine) {
    .announcement-container .content .external-link a:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),
    .announcement-container .content .external-link a svg:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        font-family: SF Pro Text, Helvetica Neue, sans-serif;
        font-size: 17px;
        font-weight: 600;
        line-height: 21px;
        opacity: 1
    }
    [apple-system-font-capable] .announcement-container .content .external-link a:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),
    [apple-system-font-capable] .announcement-container .content .external-link a svg:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        font-family: system-ui, Helvetica Neue, sans-serif
    }
    body {
        text-rendering: optimizeLegibility
    }
}

.announcement-container .content .external-link a.active:not([aria-disabled=true]):not(.disabled),
.announcement-container .content .external-link a:active:hover:not([aria-disabled=true]):not(.disabled),
.announcement-container .content .external-link a svg.active:not([aria-disabled=true]):not(.disabled),
.announcement-container .content .external-link a svg:active:hover:not([aria-disabled=true]):not(.disabled) {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    color: var(--theme-color-labelQuaternary);
    fill: var(--theme-color-labelQuaternary)
}

[apple-system-font-capable] .announcement-container .content .external-link a.active:not([aria-disabled=true]):not(.disabled),
[apple-system-font-capable] .announcement-container .content .external-link a:active:hover:not([aria-disabled=true]):not(.disabled),
[apple-system-font-capable] .announcement-container .content .external-link a svg.active:not([aria-disabled=true]):not(.disabled),
[apple-system-font-capable] .announcement-container .content .external-link a svg:active:hover:not([aria-disabled=true]):not(.disabled) {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.announcement-container .content .external-link a:focus:not([aria-disabled=true]):not(.disabled),
.announcement-container .content .external-link a svg:focus:not([aria-disabled=true]):not(.disabled) {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    color: var(--theme-color-labelQuaternary);
    fill: var(--theme-color-labelQuaternary)
}

[apple-system-font-capable] .announcement-container .content .external-link a:focus:not([aria-disabled=true]):not(.disabled),
[apple-system-font-capable] .announcement-container .content .external-link a svg:focus:not([aria-disabled=true]):not(.disabled) {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.announcement-container.footer {
    max-inline-size: 571px
}

.announcement-container.footer[dir=ltr],
.announcement-container.footer[dir=rtl],
[dir=ltr] .announcement-container.footer,
[dir=rtl] .announcement-container.footer {
    max-width: 571px
}

.announcement-container.footer .content {
    margin: logical -30px 15px 85px;
    color: var(--theme-color-labelPrimary);
    opacity: .5
}

.announcement-container.footer[dir=ltr] .content,
.announcement-container.footer[dir=rtl] .content,
[dir=ltr] .announcement-container.footer .content,
[dir=rtl] .announcement-container.footer .content {
    margin: -30px 15px 85px
}

ui-popover.cloudos-menu-popover ui-popover-content {
    border-width: 0;
    border-radius: 12px;
    will-change: transform
}

ui-menu.cloudos-menu:focus-visible {
    outline: none
}

ui-menu.cloudos-menu ui-menu-scroll-container {
    padding: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

ui-menu.cloudos-menu [role=menuitem],
ui-menu.cloudos-menu a[role=menuitem] {
    color: var(--theme-color-labelPrimary)
}

ui-menu.cloudos-menu [role=menuitem] svg,
ui-menu.cloudos-menu a[role=menuitem] svg {
    color: var(--theme-color-systemBlue);
    fill: currentColor
}

ui-menu.cloudos-menu [role=menuitem].active:not([aria-disabled=true]):not(.disabled),
ui-menu.cloudos-menu [role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled),
ui-menu.cloudos-menu a[role=menuitem].active:not([aria-disabled=true]):not(.disabled),
ui-menu.cloudos-menu a[role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active));
    background-color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l)), var(--theme-opacity-background-active));
    color: var(--theme-color-labelQuaternary)
}

ui-menu.cloudos-menu [role=menuitem].active:not([aria-disabled=true]):not(.disabled) img,
ui-menu.cloudos-menu [role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) img,
ui-menu.cloudos-menu a[role=menuitem].active:not([aria-disabled=true]):not(.disabled) img,
ui-menu.cloudos-menu a[role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) img {
    opacity: .6
}

ui-menu.cloudos-menu [role=menuitem].active:not([aria-disabled=true]):not(.disabled) svg,
ui-menu.cloudos-menu [role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) svg,
ui-menu.cloudos-menu a[role=menuitem].active:not([aria-disabled=true]):not(.disabled) svg,
ui-menu.cloudos-menu a[role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) svg {
    opacity: var(--theme-opacity-text-active)
}

ui-menu.cloudos-menu [role=menuitem].active:not([aria-disabled=true]):not(.disabled) .app-switcher-app-name,
ui-menu.cloudos-menu [role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) .app-switcher-app-name,
ui-menu.cloudos-menu a[role=menuitem].active:not([aria-disabled=true]):not(.disabled) .app-switcher-app-name,
ui-menu.cloudos-menu a[role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) .app-switcher-app-name {
    color: var(--theme-color-labelQuaternary)
}

ui-menu.cloudos-menu a,
ui-menu.cloudos-menu ui-menu-item {
    position: relative;
    padding: 5px;
    border-radius: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--theme-color-labelPrimary)
}

[apple-system-font-capable] ui-menu.cloudos-menu a,
[apple-system-font-capable] ui-menu.cloudos-menu ui-menu-item {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-menu.cloudos-menu a:focus,
ui-menu.cloudos-menu a:focus-visible,
ui-menu.cloudos-menu ui-menu-item:focus,
ui-menu.cloudos-menu ui-menu-item:focus-visible {
    outline: none
}

ui-menu.cloudos-menu a.focus-visible,
ui-menu.cloudos-menu ui-menu-item.focus-visible {
    -webkit-box-shadow: 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: 0 0 0 3px var(--theme-color-tintBlue);
    background: ""
}

ui-menu.cloudos-menu a.is-highlighted,
ui-menu.cloudos-menu ui-menu-item.is-highlighted {
    background-color: var(--theme-color-fillTertiary)
}

ui-menu.cloudos-menu a.is-chosen,
ui-menu.cloudos-menu ui-menu-item.is-chosen {
    -webkit-animation-name: cloudos-menu-select;
    animation-name: cloudos-menu-select;
    -webkit-animation-duration: .1s;
    animation-duration: .1s
}

ui-menu.cloudos-menu a.blue,
ui-menu.cloudos-menu ui-menu-item.blue {
    color: var(--theme-color-systemBlue)
}

ui-menu.cloudos-menu a.blue.active:not([aria-disabled=true]):not(.disabled),
ui-menu.cloudos-menu a.blue:active:hover:not([aria-disabled=true]):not(.disabled),
ui-menu.cloudos-menu ui-menu-item.blue.active:not([aria-disabled=true]):not(.disabled),
ui-menu.cloudos-menu ui-menu-item.blue:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), -webkit-calc(var(--theme-color-appTint-l)), var(--theme-opacity-text-active));
    color: hsla(var(--theme-color-appTint-h), var(--theme-color-appTint-s), calc(var(--theme-color-appTint-l)), var(--theme-opacity-text-active))
}

ui-menu.cloudos-menu a.red,
ui-menu.cloudos-menu ui-menu-item.red {
    color: var(--theme-color-systemRed)
}

ui-menu.cloudos-menu a.red svg,
ui-menu.cloudos-menu ui-menu-item.red svg {
    fill: var(--theme-color-systemRed)
}

ui-menu.cloudos-menu a.red.active:not([aria-disabled=true]):not(.disabled),
ui-menu.cloudos-menu a.red:active:hover:not([aria-disabled=true]):not(.disabled),
ui-menu.cloudos-menu ui-menu-item.red.active:not([aria-disabled=true]):not(.disabled),
ui-menu.cloudos-menu ui-menu-item.red:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-fillSecondary);
    color: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), -webkit-calc(var(--theme-color-systemRed-l)), var(--theme-opacity-text-active));
    color: hsla(var(--theme-color-systemRed-h), var(--theme-color-systemRed-s), calc(var(--theme-color-systemRed-l)), var(--theme-opacity-text-active))
}

ui-menu.cloudos-menu a.gray,
ui-menu.cloudos-menu ui-menu-item.gray {
    color: var(--theme-color-labelSecondary)
}

ui-menu.cloudos-menu ui-menu-divider {
    block-size: 1px;
    margin: 5px;
    background-color: var(--theme-color-gray5)
}

[dir=ltr] ui-menu.cloudos-menu ui-menu-divider,
[dir=rtl] ui-menu.cloudos-menu ui-menu-divider,
ui-menu.cloudos-menu[dir=ltr] ui-menu-divider,
ui-menu.cloudos-menu[dir=rtl] ui-menu-divider {
    height: 1px
}

@-webkit-keyframes cloudos-menu-select {
    0% {
        background-color: var(--theme-color-fillSecondary)
    }
    to {
        background-color: var(--theme-color-fillSecondary)
    }
}

@keyframes cloudos-menu-select {
    0% {
        background-color: var(--theme-color-fillSecondary)
    }
    to {
        background-color: var(--theme-color-fillSecondary)
    }
}

ui-menu.account-menu ui-menu-scroll-container {
    min-inline-size: 240px;
    white-space: nowrap;
    padding-inline: 5px
}

[dir=ltr] ui-menu.account-menu ui-menu-scroll-container,
[dir=rtl] ui-menu.account-menu ui-menu-scroll-container,
ui-menu.account-menu[dir=ltr] ui-menu-scroll-container,
ui-menu.account-menu[dir=rtl] ui-menu-scroll-container {
    min-width: 240px;
    padding-left: 5px;
    padding-right: 5px
}

@media (max-width:759px) {
    ui-menu.account-menu ui-menu-scroll-container {
        -webkit-padding-before: 0;
        padding-block-start: 0
    }
    [dir=ltr] ui-menu.account-menu ui-menu-scroll-container,
    [dir=rtl] ui-menu.account-menu ui-menu-scroll-container,
    ui-menu.account-menu[dir=ltr] ui-menu-scroll-container,
    ui-menu.account-menu[dir=rtl] ui-menu-scroll-container {
        padding-top: 0
    }
}

ui-menu.account-menu [role=menuitem] {
    padding-inline: 10px
}

[dir=ltr] ui-menu.account-menu [role=menuitem],
[dir=rtl] ui-menu.account-menu [role=menuitem],
ui-menu.account-menu[dir=ltr] [role=menuitem],
ui-menu.account-menu[dir=rtl] [role=menuitem] {
    padding-left: 10px;
    padding-right: 10px
}

ui-menu.account-menu [role=menuitem] .label {
    margin-inline: 9px
}

[dir=ltr] ui-menu.account-menu [role=menuitem] .label,
[dir=rtl] ui-menu.account-menu [role=menuitem] .label,
ui-menu.account-menu[dir=ltr] [role=menuitem] .label,
ui-menu.account-menu[dir=rtl] [role=menuitem] .label {
    margin-left: 9px;
    margin-right: 9px
}

ui-menu.account-menu ui-menu-item.header {
    cursor: unset;
    margin-inline: -5px;
    -webkit-margin-before: -5px;
    margin-block-start: -5px;
    -webkit-margin-after: 5px;
    margin-block-end: 5px;
    padding-block: 13px;
    padding-inline: 10px;
    border-end-start-radius: 0;
    border-end-end-radius: 0;
    background-color: var(--theme-color-fillTertiary);
    border-block-end-style: solid;
    border-block-end-width: 1px;
    border-block-end-color: var(--theme-color-gray4)
}

[dir=ltr] ui-menu.account-menu ui-menu-item.header,
[dir=rtl] ui-menu.account-menu ui-menu-item.header,
ui-menu.account-menu[dir=ltr] ui-menu-item.header,
ui-menu.account-menu[dir=rtl] ui-menu-item.header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid var(--theme-color-gray4);
    margin: -5px -5px 5px;
    padding: 13px 10px
}

ui-menu.account-menu ui-menu-item.header .label {
    margin-inline: 6px
}

[dir=ltr] ui-menu.account-menu ui-menu-item.header .label,
[dir=rtl] ui-menu.account-menu ui-menu-item.header .label,
ui-menu.account-menu[dir=ltr] ui-menu-item.header .label,
ui-menu.account-menu[dir=rtl] ui-menu-item.header .label {
    margin-left: 6px;
    margin-right: 6px
}

@media (max-width:666px) {
    ui-menu.account-menu ui-menu-item.header {
        background-color: var(--theme-color-backgroundPrimary);
        -webkit-padding-before: 0;
        padding-block-start: 0;
        padding-inline: 0;
        margin-inline: 5px;
        -webkit-margin-before: 0;
        margin-block-start: 0
    }
    [dir=ltr] ui-menu.account-menu ui-menu-item.header,
    [dir=rtl] ui-menu.account-menu ui-menu-item.header,
    ui-menu.account-menu[dir=ltr] ui-menu-item.header,
    ui-menu.account-menu[dir=rtl] ui-menu-item.header {
        padding-top: 0;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        margin-left: 5px;
        margin-right: 5px
    }
}

ui-menu.account-menu ui-menu-item.header .name {
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    line-height: 25px
}

[apple-system-font-capable] ui-menu.account-menu ui-menu-item.header .name {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-menu.account-menu ui-menu-item.header .name.tall {
    line-height: 1.8
}

ui-menu.account-menu ui-menu-item.header .email {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--theme-color-labelSecondary)
}

[apple-system-font-capable] ui-menu.account-menu ui-menu-item.header .email {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-menu.account-menu a {
    text-decoration: none
}

ui-popover.standard.app-switcher-popover ui-popover-content {
    background-color: var(--theme-color-backgroundPrimary);
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px)
}

@media (prefers-color-scheme:dark) {
    ui-popover.standard.app-switcher-popover ui-popover-content {
        background-color: rgba(0, 0, 0, .8)
    }
}

[data-appearance=dark] ui-popover.standard.app-switcher-popover ui-popover-content {
    background-color: rgba(0, 0, 0, .8)
}

[data-appearance=light] ui-popover.standard.app-switcher-popover ui-popover-content {
    background-color: var(--theme-color-backgroundPrimary)
}

ui-menu.app-switcher-menu.cloudos-menu ui-menu-scroll-container {
    display: grid;
    overflow-y: auto;
    overflow-x: hidden;
    max-block-size: 100%;
    scroll-behavior: smooth;
    grid-template-columns: repeat(4, minmax(78px, 1fr))
}

[dir=ltr] ui-menu.app-switcher-menu.cloudos-menu ui-menu-scroll-container,
[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu ui-menu-scroll-container,
ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] ui-menu-scroll-container,
ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] ui-menu-scroll-container {
    max-height: 100%
}

@media (max-width:666px) {
    ui-menu.app-switcher-menu.cloudos-menu ui-menu-scroll-container {
        padding-inline: 10px;
        -webkit-padding-before: 0;
        padding-block-start: 0
    }
    [dir=ltr] ui-menu.app-switcher-menu.cloudos-menu ui-menu-scroll-container,
    [dir=rtl] ui-menu.app-switcher-menu.cloudos-menu ui-menu-scroll-container,
    ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] ui-menu-scroll-container,
    ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] ui-menu-scroll-container {
        padding-top: 0;
        padding-left: 10px;
        padding-right: 10px
    }
}

ui-menu.app-switcher-menu.cloudos-menu ui-menu-item[aria-disabled=true] {
    cursor: default
}

ui-menu.app-switcher-menu.cloudos-menu a[role=menuitem].app-switcher-grid-cell {
    inline-size: 78px;
    padding: 12px
}

[dir=ltr] ui-menu.app-switcher-menu.cloudos-menu a[role=menuitem].app-switcher-grid-cell,
[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu a[role=menuitem].app-switcher-grid-cell,
ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] a[role=menuitem].app-switcher-grid-cell,
ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] a[role=menuitem].app-switcher-grid-cell {
    width: 78px
}

@media (max-width:666px) {
    ui-menu.app-switcher-menu.cloudos-menu a[role=menuitem].app-switcher-grid-cell {
        padding-block: 10px;
        padding-inline: 15px;
        inline-size: 84px
    }
    [dir=ltr] ui-menu.app-switcher-menu.cloudos-menu a[role=menuitem].app-switcher-grid-cell,
    [dir=rtl] ui-menu.app-switcher-menu.cloudos-menu a[role=menuitem].app-switcher-grid-cell,
    ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] a[role=menuitem].app-switcher-grid-cell,
    ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] a[role=menuitem].app-switcher-grid-cell {
        width: 84px;
        padding: 10px 15px
    }
}

ui-menu.app-switcher-menu.cloudos-menu .cloudos-menu-item {
    -webkit-padding-start: 5px;
    padding-inline-start: 5px
}

[dir=ltr] ui-menu.app-switcher-menu.cloudos-menu .cloudos-menu-item,
ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] .cloudos-menu-item {
    padding-left: 5px
}

[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu .cloudos-menu-item,
ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] .cloudos-menu-item {
    padding-right: 5px
}

@media (max-width:666px) {
    ui-menu.app-switcher-menu.cloudos-menu [role=menuitem] {
        padding: 0
    }
    ui-menu.app-switcher-menu.cloudos-menu [role=menuitem].app-switcher-list-item+.app-switcher-list-item:before {
        content: " ";
        display: block;
        inset-block-start: 0;
        inset-inline: 10px;
        block-size: 1px;
        background-color: var(--theme-color-gray4);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    [dir=ltr] ui-menu.app-switcher-menu.cloudos-menu [role=menuitem].app-switcher-list-item+.app-switcher-list-item:before,
    [dir=rtl] ui-menu.app-switcher-menu.cloudos-menu [role=menuitem].app-switcher-list-item+.app-switcher-list-item:before,
    ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] [role=menuitem].app-switcher-list-item+.app-switcher-list-item:before,
    ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] [role=menuitem].app-switcher-list-item+.app-switcher-list-item:before {
        top: 0;
        height: 1px;
        left: 10px;
        right: 10px
    }
    ui-menu.app-switcher-menu.cloudos-menu [role=menuitem] .cloudos-menu-item {
        padding-block: 10px
    }
    [dir=ltr] ui-menu.app-switcher-menu.cloudos-menu [role=menuitem] .cloudos-menu-item,
    [dir=rtl] ui-menu.app-switcher-menu.cloudos-menu [role=menuitem] .cloudos-menu-item,
    ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] [role=menuitem] .cloudos-menu-item,
    ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] [role=menuitem] .cloudos-menu-item {
        padding-top: 10px;
        padding-bottom: 10px
    }
    ui-menu.app-switcher-menu.cloudos-menu [role=menuitem].section-last-menu-item {
        -webkit-border-after: 0;
        border-block-end: 0
    }
    [dir=ltr] ui-menu.app-switcher-menu.cloudos-menu [role=menuitem].section-last-menu-item,
    [dir=rtl] ui-menu.app-switcher-menu.cloudos-menu [role=menuitem].section-last-menu-item,
    ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] [role=menuitem].section-last-menu-item,
    ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] [role=menuitem].section-last-menu-item {
        border-bottom: 0
    }
}

ui-menu.app-switcher-menu.cloudos-menu ui-menu-item.app-switcher-heading {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 600;
    -webkit-border-after: 0;
    border-block-end: 0;
    cursor: default;
    padding-inline: 10px;
    -webkit-padding-before: 10px;
    padding-block-start: 10px
}

[dir=ltr] ui-menu.app-switcher-menu.cloudos-menu ui-menu-item.app-switcher-heading,
[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu ui-menu-item.app-switcher-heading,
ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] ui-menu-item.app-switcher-heading,
ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] ui-menu-item.app-switcher-heading {
    border-bottom: 0;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px
}

[apple-system-font-capable] ui-menu.app-switcher-menu.cloudos-menu ui-menu-item.app-switcher-heading {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-menu.app-switcher-menu.cloudos-menu ui-menu-item.app-switcher-heading:not(:first-child) {
    padding-block: 10px
}

[dir=ltr] ui-menu.app-switcher-menu.cloudos-menu ui-menu-item.app-switcher-heading:not(:first-child),
[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu ui-menu-item.app-switcher-heading:not(:first-child),
ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] ui-menu-item.app-switcher-heading:not(:first-child),
ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] ui-menu-item.app-switcher-heading:not(:first-child) {
    padding-top: 10px;
    padding-bottom: 10px
}

ui-menu.app-switcher-menu.cloudos-menu .app-icon {
    display: inline-block
}

ui-menu.app-switcher-menu.cloudos-menu .app-switcher-app-name {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: var(--theme-color-labelSecondary);
    -webkit-margin-before: 6px;
    margin-block-start: 6px;
    margin-inline: -10px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

[dir=ltr] ui-menu.app-switcher-menu.cloudos-menu .app-switcher-app-name,
[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu .app-switcher-app-name,
ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] .app-switcher-app-name,
ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] .app-switcher-app-name {
    margin-top: 6px;
    margin-left: -10px;
    margin-right: -10px
}

[apple-system-font-capable] ui-menu.app-switcher-menu.cloudos-menu .app-switcher-app-name {
    font-family: system-ui, Helvetica Neue, sans-serif
}

ui-menu.app-switcher-menu.cloudos-menu .app-switcher-wide-item,
ui-menu.app-switcher-menu.cloudos-menu ui-menu-divider {
    grid-column-start: 1;
    grid-column-end: 5
}

ui-menu.app-switcher-menu.cloudos-menu a {
    text-decoration: none
}

ui-menu.app-switcher-menu.cloudos-menu .custom-email {
    display: block;
    block-size: 22px;
    inline-size: 20.5px;
    margin-block: -2px;
    -webkit-margin-start: -1.5px;
    margin-inline-start: -1.5px;
    -webkit-margin-end: -1px;
    margin-inline-end: -1px
}

[dir=ltr] ui-menu.app-switcher-menu.cloudos-menu .custom-email,
ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] .custom-email {
    height: 22px;
    width: 20.5px;
    margin: -2px -1px -2px -1.5px
}

[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu .custom-email,
ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] .custom-email {
    height: 22px;
    width: 20.5px;
    margin: -2px -1.5px -2px -1px
}

ui-menu.app-switcher-menu.cloudos-menu .homekit-video {
    display: block;
    block-size: 21px;
    inline-size: 21px;
    margin-block: -2px;
    -webkit-margin-start: -2.5px;
    margin-inline-start: -2.5px;
    -webkit-margin-end: .5px;
    margin-inline-end: .5px
}

[dir=ltr] ui-menu.app-switcher-menu.cloudos-menu .homekit-video,
ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] .homekit-video {
    height: 21px;
    width: 21px;
    margin: -2px .5px -2px -2.5px
}

[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu .homekit-video,
ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] .homekit-video {
    height: 21px;
    width: 21px;
    margin: -2px -2.5px -2px .5px
}

ui-menu.app-switcher-menu.cloudos-menu .private-relay {
    display: block;
    block-size: 21px;
    inline-size: 21px;
    margin-block: -2px;
    -webkit-margin-start: -1.5px;
    margin-inline-start: -1.5px;
    -webkit-margin-end: -.5px;
    margin-inline-end: -.5px
}

[dir=ltr] ui-menu.app-switcher-menu.cloudos-menu .private-relay,
ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] .private-relay {
    height: 21px;
    width: 21px;
    margin: -2px -.5px -2px -1.5px
}

[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu .private-relay,
ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] .private-relay {
    height: 21px;
    width: 21px;
    margin: -2px -1.5px -2px -.5px
}

ui-menu.app-switcher-menu.cloudos-menu .apple-invites {
    display: block;
    block-size: 16px;
    inline-size: 16px;
    -webkit-margin-start: 2px;
    margin-inline-start: 2px;
    -webkit-margin-end: 1px;
    margin-inline-end: 1px
}

[dir=ltr] ui-menu.app-switcher-menu.cloudos-menu .apple-invites,
ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] .apple-invites {
    height: 16px;
    width: 16px;
    margin-left: 2px;
    margin-right: 1px
}

[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu .apple-invites,
ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] .apple-invites {
    height: 16px;
    width: 16px;
    margin-right: 2px;
    margin-left: 1px
}

@media (max-width:666px) {
    ui-menu.cloudos-menu.creation-menu ui-menu-scroll-container {
        background-color: var(--theme-color-backgroundPrimary);
        -webkit-padding-before: 0;
        padding-block-start: 0
    }
    [dir=ltr] ui-menu.cloudos-menu.creation-menu ui-menu-scroll-container,
    [dir=rtl] ui-menu.cloudos-menu.creation-menu ui-menu-scroll-container,
    ui-menu.cloudos-menu.creation-menu[dir=ltr] ui-menu-scroll-container,
    ui-menu.cloudos-menu.creation-menu[dir=rtl] ui-menu-scroll-container {
        padding-top: 0
    }
}

ui-menu.cloudos-menu.creation-menu ui-menu-item {
    white-space: nowrap
}

ui-menu.cloudos-menu.creation-menu ui-menu-item .cloudos-menu-item .app-icon {
    margin-block: 0
}

[dir=ltr] ui-menu.cloudos-menu.creation-menu ui-menu-item .cloudos-menu-item .app-icon,
[dir=rtl] ui-menu.cloudos-menu.creation-menu ui-menu-item .cloudos-menu-item .app-icon,
ui-menu.cloudos-menu.creation-menu[dir=ltr] ui-menu-item .cloudos-menu-item .app-icon,
ui-menu.cloudos-menu.creation-menu[dir=rtl] ui-menu-item .cloudos-menu-item .app-icon {
    margin-top: 0;
    margin-bottom: 0
}

@media (max-width:666px) {
    ui-menu.cloudos-menu.creation-menu ui-menu-item {
        font-family: SF Pro Text, Helvetica Neue, sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 25px;
        padding-block: 5px;
        padding-inline: 15px 10px
    }
    [dir=ltr] ui-menu.cloudos-menu.creation-menu ui-menu-item,
    ui-menu.cloudos-menu.creation-menu[dir=ltr] ui-menu-item {
        padding: 5px 10px 5px 15px
    }
    [dir=rtl] ui-menu.cloudos-menu.creation-menu ui-menu-item,
    ui-menu.cloudos-menu.creation-menu[dir=rtl] ui-menu-item {
        padding: 5px 15px 5px 10px
    }
    [apple-system-font-capable] ui-menu.cloudos-menu.creation-menu ui-menu-item {
        font-family: system-ui, Helvetica Neue, sans-serif
    }
    body {
        text-rendering: optimizeLegibility
    }
    ui-menu.cloudos-menu.creation-menu ui-menu-item .cloudos-menu-item .app-icon {
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }
    [dir=ltr] ui-menu.cloudos-menu.creation-menu ui-menu-item .cloudos-menu-item .app-icon,
    ui-menu.cloudos-menu.creation-menu[dir=ltr] ui-menu-item .cloudos-menu-item .app-icon {
        margin-left: 0
    }
    [dir=rtl] ui-menu.cloudos-menu.creation-menu ui-menu-item .cloudos-menu-item .app-icon,
    ui-menu.cloudos-menu.creation-menu[dir=rtl] ui-menu-item .cloudos-menu-item .app-icon {
        margin-right: 0
    }
}

ui-menu.cloudos-menu.creation-menu ui-menu-item[aria-disabled=true] {
    cursor: default
}

@media (max-width:666px) {
    ui-menu.cloudos-menu.creation-menu ui-menu-divider {
        margin-inline: 10px
    }
    [dir=ltr] ui-menu.cloudos-menu.creation-menu ui-menu-divider,
    [dir=rtl] ui-menu.cloudos-menu.creation-menu ui-menu-divider,
    ui-menu.cloudos-menu.creation-menu[dir=ltr] ui-menu-divider,
    ui-menu.cloudos-menu.creation-menu[dir=rtl] ui-menu-divider {
        margin-left: 10px;
        margin-right: 10px
    }
    ui-menu.cloudos-menu.creation-menu ui-menu-item .app-icon {
        block-size: 24px
    }
    [dir=ltr] ui-menu.cloudos-menu.creation-menu ui-menu-item .app-icon,
    [dir=rtl] ui-menu.cloudos-menu.creation-menu ui-menu-item .app-icon,
    ui-menu.cloudos-menu.creation-menu[dir=ltr] ui-menu-item .app-icon,
    ui-menu.cloudos-menu.creation-menu[dir=rtl] ui-menu-item .app-icon {
        height: 24px
    }
}

ui-menu.cloudos-menu.creation-menu .title {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    padding-inline: 10px
}

[dir=ltr] ui-menu.cloudos-menu.creation-menu .title,
[dir=rtl] ui-menu.cloudos-menu.creation-menu .title,
ui-menu.cloudos-menu.creation-menu[dir=ltr] .title,
ui-menu.cloudos-menu.creation-menu[dir=rtl] .title {
    padding-left: 10px;
    padding-right: 10px
}

[apple-system-font-capable] ui-menu.cloudos-menu.creation-menu .title {
    font-family: system-ui, Helvetica Neue, sans-serif
}

@media (max-width:666px) {
    ui-menu.cloudos-menu.creation-menu .title {
        -webkit-padding-start: 15px;
        padding-inline-start: 15px;
        padding-block: 0 15px
    }
    [dir=ltr] ui-menu.cloudos-menu.creation-menu .title,
    ui-menu.cloudos-menu.creation-menu[dir=ltr] .title {
        padding-left: 15px;
        padding-top: 0;
        padding-bottom: 15px
    }
    [dir=rtl] ui-menu.cloudos-menu.creation-menu .title,
    ui-menu.cloudos-menu.creation-menu[dir=rtl] .title {
        padding-right: 15px;
        padding-top: 0;
        padding-bottom: 15px
    }
}

ui-popover.standard.storage-warning-popover>ui-popover-content>section {
    min-inline-size: 335px;
    max-inline-size: -webkit-calc(100vw - 60px);
    max-inline-size: calc(100vw - 60px);
    padding: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

[dir=ltr] ui-popover.standard.storage-warning-popover>ui-popover-content>section,
[dir=rtl] ui-popover.standard.storage-warning-popover>ui-popover-content>section,
ui-popover.standard.storage-warning-popover[dir=ltr]>ui-popover-content>section,
ui-popover.standard.storage-warning-popover[dir=rtl]>ui-popover-content>section {
    min-width: 335px;
    max-width: -webkit-calc(100vw - 60px);
    max-width: calc(100vw - 60px)
}

ui-popover.standard.storage-warning-popover>ui-popover-content>section svg.cloud {
    margin-inline: auto;
    fill: var(--theme-color-systemBlue)
}

[dir=ltr] ui-popover.standard.storage-warning-popover>ui-popover-content>section svg.cloud,
[dir=rtl] ui-popover.standard.storage-warning-popover>ui-popover-content>section svg.cloud,
ui-popover.standard.storage-warning-popover[dir=ltr]>ui-popover-content>section svg.cloud,
ui-popover.standard.storage-warning-popover[dir=rtl]>ui-popover-content>section svg.cloud {
    margin-left: auto;
    margin-right: auto
}

ui-popover.standard.storage-warning-popover>ui-popover-content>section h2 {
    margin-inline: auto;
    -webkit-margin-before: 10px;
    margin-block-start: 10px;
    font-size: 17px
}

[dir=ltr] ui-popover.standard.storage-warning-popover>ui-popover-content>section h2,
[dir=rtl] ui-popover.standard.storage-warning-popover>ui-popover-content>section h2,
ui-popover.standard.storage-warning-popover[dir=ltr]>ui-popover-content>section h2,
ui-popover.standard.storage-warning-popover[dir=rtl]>ui-popover-content>section h2 {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto
}

ui-popover.standard.storage-warning-popover>ui-popover-content>section .storage-usage-description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-margin-before: 15px;
    margin-block-start: 15px
}

[dir=ltr] ui-popover.standard.storage-warning-popover>ui-popover-content>section .storage-usage-description,
[dir=rtl] ui-popover.standard.storage-warning-popover>ui-popover-content>section .storage-usage-description,
ui-popover.standard.storage-warning-popover[dir=ltr]>ui-popover-content>section .storage-usage-description,
ui-popover.standard.storage-warning-popover[dir=rtl]>ui-popover-content>section .storage-usage-description {
    margin-top: 15px
}

ui-popover.standard.storage-warning-popover>ui-popover-content>section .storage-usage-description .storage-page-link,
ui-popover.standard.storage-warning-popover>ui-popover-content>section .storage-usage-description .storage-used {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    color: var(--theme-color-labelSecondary);
    text-decoration: none
}

ui-popover.standard.storage-warning-popover>ui-popover-content>section .storage-usage-description svg.chevron.glyph-box {
    -webkit-margin-start: 3px;
    margin-inline-start: 3px;
    fill: var(--theme-color-labelSecondary)
}

[dir=ltr] ui-popover.standard.storage-warning-popover>ui-popover-content>section .storage-usage-description svg.chevron.glyph-box,
ui-popover.standard.storage-warning-popover[dir=ltr]>ui-popover-content>section .storage-usage-description svg.chevron.glyph-box {
    margin-left: 3px
}

[dir=rtl] ui-popover.standard.storage-warning-popover>ui-popover-content>section .storage-usage-description svg.chevron.glyph-box,
ui-popover.standard.storage-warning-popover[dir=rtl]>ui-popover-content>section .storage-usage-description svg.chevron.glyph-box {
    margin-right: 3px
}

ui-popover.standard.storage-warning-popover>ui-popover-content>section .storage-usage-meter .storage-thermometer,
ui-popover.standard.storage-warning-popover>ui-popover-content>section .storage-usage-meter .storage-usage {
    margin-block: 10px
}

[dir=ltr] ui-popover.standard.storage-warning-popover>ui-popover-content>section .storage-usage-meter .storage-thermometer,
[dir=ltr] ui-popover.standard.storage-warning-popover>ui-popover-content>section .storage-usage-meter .storage-usage,
[dir=rtl] ui-popover.standard.storage-warning-popover>ui-popover-content>section .storage-usage-meter .storage-thermometer,
[dir=rtl] ui-popover.standard.storage-warning-popover>ui-popover-content>section .storage-usage-meter .storage-usage,
ui-popover.standard.storage-warning-popover[dir=ltr]>ui-popover-content>section .storage-usage-meter .storage-thermometer,
ui-popover.standard.storage-warning-popover[dir=ltr]>ui-popover-content>section .storage-usage-meter .storage-usage,
ui-popover.standard.storage-warning-popover[dir=rtl]>ui-popover-content>section .storage-usage-meter .storage-thermometer,
ui-popover.standard.storage-warning-popover[dir=rtl]>ui-popover-content>section .storage-usage-meter .storage-usage {
    margin-top: 10px;
    margin-bottom: 10px
}

ui-popover.standard.storage-warning-popover>ui-popover-content>section .storage-usage-meter .storage-thermometer .meter-gauge,
ui-popover.standard.storage-warning-popover>ui-popover-content>section .storage-usage-meter .storage-usage .meter-gauge {
    block-size: 8px
}

[dir=ltr] ui-popover.standard.storage-warning-popover>ui-popover-content>section .storage-usage-meter .storage-thermometer .meter-gauge,
[dir=ltr] ui-popover.standard.storage-warning-popover>ui-popover-content>section .storage-usage-meter .storage-usage .meter-gauge,
[dir=rtl] ui-popover.standard.storage-warning-popover>ui-popover-content>section .storage-usage-meter .storage-thermometer .meter-gauge,
[dir=rtl] ui-popover.standard.storage-warning-popover>ui-popover-content>section .storage-usage-meter .storage-usage .meter-gauge,
ui-popover.standard.storage-warning-popover[dir=ltr]>ui-popover-content>section .storage-usage-meter .storage-thermometer .meter-gauge,
ui-popover.standard.storage-warning-popover[dir=ltr]>ui-popover-content>section .storage-usage-meter .storage-usage .meter-gauge,
ui-popover.standard.storage-warning-popover[dir=rtl]>ui-popover-content>section .storage-usage-meter .storage-thermometer .meter-gauge,
ui-popover.standard.storage-warning-popover[dir=rtl]>ui-popover-content>section .storage-usage-meter .storage-usage .meter-gauge {
    height: 8px
}

ui-popover.standard.storage-warning-popover>ui-popover-content>section .storage-usage-meter.storage-full .meter-gauge .meter-filled {
    background-color: var(--theme-color-systemRed)
}

ui-popover.standard.storage-warning-popover>ui-popover-content>section .storage-usage-meter.storage-almost-full .meter-gauge .meter-filled {
    background-color: var(--theme-color-systemOrange)
}

ui-popover.standard.storage-warning-popover>ui-popover-content>section .storage-disclamation {
    font-size: 12px;
    color: var(--theme-color-labelSecondary)
}

ui-popover.standard.storage-warning-popover>ui-popover-content>section .upgrade-button-placeholder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-margin-before: 20px;
    margin-block-start: 20px;
    block-size: 36px
}

[dir=ltr] ui-popover.standard.storage-warning-popover>ui-popover-content>section .upgrade-button-placeholder,
[dir=rtl] ui-popover.standard.storage-warning-popover>ui-popover-content>section .upgrade-button-placeholder,
ui-popover.standard.storage-warning-popover[dir=ltr]>ui-popover-content>section .upgrade-button-placeholder,
ui-popover.standard.storage-warning-popover[dir=rtl]>ui-popover-content>section .upgrade-button-placeholder {
    margin-top: 20px;
    height: 36px
}

ui-popover.standard.storage-warning-popover>ui-popover-content>section .upgrade-button-placeholder ui-activity-indicator {
    margin: auto
}

ui-popover.standard.storage-warning-popover>ui-popover-content>section .upgrade-plan ui-activity-indicator.launching-upgrade-pane {
    -webkit-margin-end: 4px;
    margin-inline-end: 4px
}

[dir=ltr] ui-popover.standard.storage-warning-popover>ui-popover-content>section .upgrade-plan ui-activity-indicator.launching-upgrade-pane,
ui-popover.standard.storage-warning-popover[dir=ltr]>ui-popover-content>section .upgrade-plan ui-activity-indicator.launching-upgrade-pane {
    margin-right: 4px
}

[dir=rtl] ui-popover.standard.storage-warning-popover>ui-popover-content>section .upgrade-plan ui-activity-indicator.launching-upgrade-pane,
ui-popover.standard.storage-warning-popover[dir=rtl]>ui-popover-content>section .upgrade-plan ui-activity-indicator.launching-upgrade-pane {
    margin-left: 4px
}

ui-popover.standard.storage-warning-popover>ui-popover-content>section .upgrade-plan ui-activity-indicator.launching-upgrade-pane ui-spinner-nib {
    background-color: var(--theme-color-systemWhite)
}

ui-popover.standard.storage-warning-popover>ui-popover-content>section .upgrade-plan ui-button.block {
    -webkit-margin-before: 20px;
    margin-block-start: 20px;
    inline-size: 100%
}

[dir=ltr] ui-popover.standard.storage-warning-popover>ui-popover-content>section .upgrade-plan ui-button.block,
[dir=rtl] ui-popover.standard.storage-warning-popover>ui-popover-content>section .upgrade-plan ui-button.block,
ui-popover.standard.storage-warning-popover[dir=ltr]>ui-popover-content>section .upgrade-plan ui-button.block,
ui-popover.standard.storage-warning-popover[dir=rtl]>ui-popover-content>section .upgrade-plan ui-button.block {
    margin-top: 20px;
    width: 100%
}

ui-popover.standard.storage-warning-popover>ui-popover-content>section .upgrade-plan-on-device .continue-section {
    background-color: transparent;
    padding: 0;
    -webkit-margin-before: 20px;
    margin-block-start: 20px
}

[dir=ltr] ui-popover.standard.storage-warning-popover>ui-popover-content>section .upgrade-plan-on-device .continue-section,
[dir=rtl] ui-popover.standard.storage-warning-popover>ui-popover-content>section .upgrade-plan-on-device .continue-section,
ui-popover.standard.storage-warning-popover[dir=ltr]>ui-popover-content>section .upgrade-plan-on-device .continue-section,
ui-popover.standard.storage-warning-popover[dir=rtl]>ui-popover-content>section .upgrade-plan-on-device .continue-section {
    margin-top: 20px
}

ui-popover.standard.storage-warning-popover>ui-popover-content>section .upgrade-plan-on-device .continue-section ui-button.block.primary {
    margin: 0;
    inline-size: 100%
}

[dir=ltr] ui-popover.standard.storage-warning-popover>ui-popover-content>section .upgrade-plan-on-device .continue-section ui-button.block.primary,
[dir=rtl] ui-popover.standard.storage-warning-popover>ui-popover-content>section .upgrade-plan-on-device .continue-section ui-button.block.primary,
ui-popover.standard.storage-warning-popover[dir=ltr]>ui-popover-content>section .upgrade-plan-on-device .continue-section ui-button.block.primary,
ui-popover.standard.storage-warning-popover[dir=rtl]>ui-popover-content>section .upgrade-plan-on-device .continue-section ui-button.block.primary {
    width: 100%
}

ui-popover.standard.announcement-popover>ui-popover-content {
    inline-size: 640px;
    max-inline-size: -webkit-calc(100vw - 60px);
    max-inline-size: calc(100vw - 60px);
    background-color: rgba(248, 248, 252, .85);
    -webkit-backdrop-filter: blur(15px) saturate(86%);
    backdrop-filter: blur(15px) saturate(86%)
}

[dir=ltr] ui-popover.standard.announcement-popover>ui-popover-content,
[dir=rtl] ui-popover.standard.announcement-popover>ui-popover-content,
ui-popover.standard.announcement-popover[dir=ltr]>ui-popover-content,
ui-popover.standard.announcement-popover[dir=rtl]>ui-popover-content {
    width: 640px;
    max-width: -webkit-calc(100vw - 60px);
    max-width: calc(100vw - 60px)
}

@media (prefers-color-scheme:dark) {
    ui-popover.standard.announcement-popover>ui-popover-content {
        background-color: rgba(56, 56, 61, .6)
    }
}

[data-appearance=dark] ui-popover.standard.announcement-popover>ui-popover-content {
    background-color: rgba(56, 56, 61, .6)
}

[data-appearance=light] ui-popover.standard.announcement-popover>ui-popover-content {
    background-color: rgba(248, 248, 252, .85)
}

.announcement-popover-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-block: 20px;
    -webkit-padding-start: 5px;
    padding-inline-start: 5px;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    position: relative
}

.announcement-popover-inner[dir=ltr],
[dir=ltr] .announcement-popover-inner {
    padding: 20px 16px 20px 5px
}

.announcement-popover-inner[dir=rtl],
[dir=rtl] .announcement-popover-inner {
    padding: 20px 5px 20px 16px
}

.announcement-popover-inner:focus,
.announcement-popover-inner:focus-visible {
    outline: none
}

.announcement-popover-inner.focus-visible:after {
    position: absolute;
    inset-block-start: 0;
    inset-block-end: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    content: "";
    border-left: 3px solid var(--theme-color-tintBlue);
    border-bottom: logical solid var(--theme-color-tintBlue);
    border-right: 3px solid var(--theme-color-tintBlue);
    border-top: logical solid var(--theme-color-tintBlue);
    border-radius: 10px
}

.announcement-popover-inner.focus-visible[dir=ltr]:after,
.announcement-popover-inner.focus-visible[dir=rtl]:after,
[dir=ltr] .announcement-popover-inner.focus-visible:after,
[dir=rtl] .announcement-popover-inner.focus-visible:after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-width: 3px
}

.announcement-popover-inner .icon {
    inline-size: 79px;
    -webkit-padding-before: 5px;
    padding-block-start: 5px;
    fill: var(--theme-color-systemBlue);
    text-align: center
}

.announcement-popover-inner[dir=ltr] .icon,
.announcement-popover-inner[dir=rtl] .icon,
[dir=ltr] .announcement-popover-inner .icon,
[dir=rtl] .announcement-popover-inner .icon {
    width: 79px;
    padding-top: 5px
}

@media (max-width:759px) {
    .announcement-popover-inner .icon {
        inline-size: 63px
    }
    .announcement-popover-inner[dir=ltr] .icon,
    .announcement-popover-inner[dir=rtl] .icon,
    [dir=ltr] .announcement-popover-inner .icon,
    [dir=rtl] .announcement-popover-inner .icon {
        width: 63px
    }
}

.announcement-popover-inner .content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: start;
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
    color: var(--theme-color-labelPrimary)
}

.announcement-popover-inner[dir=ltr] .content,
[dir=ltr] .announcement-popover-inner .content {
    text-align: left
}

.announcement-popover-inner[dir=rtl] .content,
[dir=rtl] .announcement-popover-inner .content {
    text-align: right
}

[apple-system-font-capable] .announcement-popover-inner .content {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.announcement-popover-inner .content .title {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px
}

[apple-system-font-capable] .announcement-popover-inner .content .title {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.modal-child-application {
    inline-size: 100%;
    block-size: 100%;
    background-color: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed
}

.modal-child-application[dir=ltr],
.modal-child-application[dir=rtl],
[dir=ltr] .modal-child-application,
[dir=rtl] .modal-child-application {
    width: 100%;
    height: 100%
}

.modal-child-application .modal-child-application-modal {
    inline-size: 100%;
    block-size: 100%;
    background-color: transparent
}

.modal-child-application[dir=ltr] .modal-child-application-modal,
.modal-child-application[dir=rtl] .modal-child-application-modal,
[dir=ltr] .modal-child-application .modal-child-application-modal,
[dir=rtl] .modal-child-application .modal-child-application-modal {
    width: 100%;
    height: 100%
}

.modal-child-application .modal-child-application-modal.is-loading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal-child-application iframe.child-application {
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    border-radius: inherit;
    position: absolute;
    offset-inline-start: 0;
    offset-block-start: 0;
    inline-size: 100%;
    block-size: 100%;
    background-color: transparent
}

.modal-child-application[dir=ltr] iframe.child-application,
[dir=ltr] .modal-child-application iframe.child-application {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.modal-child-application[dir=rtl] iframe.child-application,
[dir=rtl] .modal-child-application iframe.child-application {
    right: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.modal-child-application .modal-child-application-modal.sprinkles {
    background-color: var(--theme-color-backgroundPrimary);
    border-radius: 10.5px;
    block-size: auto;
    max-inline-size: 640px;
    max-block-size: -webkit-calc(100% - 40px);
    max-block-size: calc(100% - 40px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px;
    padding: 20px;
    pointer-events: auto;
    overflow: auto;
    display: inline-block;
    position: relative;
    -webkit-padding-before: 0;
    padding-block-start: 0
}

.modal-child-application[dir=ltr] .modal-child-application-modal.sprinkles,
.modal-child-application[dir=rtl] .modal-child-application-modal.sprinkles,
[dir=ltr] .modal-child-application .modal-child-application-modal.sprinkles,
[dir=rtl] .modal-child-application .modal-child-application-modal.sprinkles {
    height: auto;
    max-width: 640px;
    max-height: -webkit-calc(100% - 40px);
    max-height: calc(100% - 40px);
    padding-top: 0
}

.compact>.modal-child-application .modal-child-application-modal.sprinkles {
    max-inline-size: unset;
    max-block-size: unset;
    margin: 0;
    border-radius: 0
}

.compact[dir=ltr]>.modal-child-application .modal-child-application-modal.sprinkles,
.compact[dir=rtl]>.modal-child-application .modal-child-application-modal.sprinkles,
[dir=ltr] .compact>.modal-child-application .modal-child-application-modal.sprinkles,
[dir=rtl] .compact>.modal-child-application .modal-child-application-modal.sprinkles {
    max-width: unset;
    max-height: unset
}

.compact>.modal-child-application .modal-child-application-modal.sprinkles .modal-content {
    margin-inline: 0
}

.compact[dir=ltr]>.modal-child-application .modal-child-application-modal.sprinkles .modal-content,
.compact[dir=rtl]>.modal-child-application .modal-child-application-modal.sprinkles .modal-content,
[dir=ltr] .compact>.modal-child-application .modal-child-application-modal.sprinkles .modal-content,
[dir=rtl] .compact>.modal-child-application .modal-child-application-modal.sprinkles .modal-content {
    margin-left: 0;
    margin-right: 0
}

.modal-child-application .modal-child-application-modal.sprinkles iframe.child-application {
    margin: 25px;
    offset-inline-start: auto;
    offset-block-start: auto;
    inline-size: 550px;
    block-size: 436px;
    position: relative
}

.modal-child-application[dir=ltr] .modal-child-application-modal.sprinkles iframe.child-application,
[dir=ltr] .modal-child-application .modal-child-application-modal.sprinkles iframe.child-application {
    left: auto;
    top: auto;
    width: 550px;
    height: 436px
}

.modal-child-application[dir=rtl] .modal-child-application-modal.sprinkles iframe.child-application,
[dir=rtl] .modal-child-application .modal-child-application-modal.sprinkles iframe.child-application {
    right: auto;
    top: auto;
    width: 550px;
    height: 436px
}

.modal-child-application .modal-child-application-modal.sprinkles .modal-icon,
.modal-child-application .modal-child-application-modal.sprinkles .modal-title {
    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
}

.modal-child-application .modal-child-application-modal.sprinkles .modal-icon {
    -webkit-margin-before: 22px;
    margin-block-start: 22px;
    -webkit-margin-after: 20px;
    margin-block-end: 20px
}

.modal-child-application[dir=ltr] .modal-child-application-modal.sprinkles .modal-icon,
.modal-child-application[dir=rtl] .modal-child-application-modal.sprinkles .modal-icon,
[dir=ltr] .modal-child-application .modal-child-application-modal.sprinkles .modal-icon,
[dir=rtl] .modal-child-application .modal-child-application-modal.sprinkles .modal-icon {
    margin-top: 22px;
    margin-bottom: 20px
}

.modal-child-application .modal-child-application-modal.sprinkles .modal-title {
    font-family: SF Pro Display, Helvetica Neue, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    -webkit-margin-after: 24px;
    margin-block-end: 24px
}

.modal-child-application[dir=ltr] .modal-child-application-modal.sprinkles .modal-title,
.modal-child-application[dir=rtl] .modal-child-application-modal.sprinkles .modal-title,
[dir=ltr] .modal-child-application .modal-child-application-modal.sprinkles .modal-title,
[dir=rtl] .modal-child-application .modal-child-application-modal.sprinkles .modal-title {
    margin-bottom: 24px
}

[apple-system-font-capable] .modal-child-application .modal-child-application-modal.sprinkles .modal-title {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.modal-child-application .modal-child-application-modal.sprinkles .modal-description {
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--theme-color-labelSecondary);
    text-align: center;
    -webkit-margin-after: 45px;
    margin-block-end: 45px;
    padding-inline: 20px
}

.modal-child-application[dir=ltr] .modal-child-application-modal.sprinkles .modal-description,
.modal-child-application[dir=rtl] .modal-child-application-modal.sprinkles .modal-description,
[dir=ltr] .modal-child-application .modal-child-application-modal.sprinkles .modal-description,
[dir=rtl] .modal-child-application .modal-child-application-modal.sprinkles .modal-description {
    margin-bottom: 45px;
    padding-left: 20px;
    padding-right: 20px
}

[apple-system-font-capable] .modal-child-application .modal-child-application-modal.sprinkles .modal-description {
    font-family: system-ui, Helvetica Neue, sans-serif
}

.modal-child-application .modal-child-application-modal.sprinkles .modal-content {
    margin-inline: 30px;
    -webkit-margin-after: 30px;
    margin-block-end: 30px
}

.modal-child-application[dir=ltr] .modal-child-application-modal.sprinkles .modal-content,
.modal-child-application[dir=rtl] .modal-child-application-modal.sprinkles .modal-content,
[dir=ltr] .modal-child-application .modal-child-application-modal.sprinkles .modal-content,
[dir=rtl] .modal-child-application .modal-child-application-modal.sprinkles .modal-content {
    margin-bottom: 30px;
    margin-left: 30px;
    margin-right: 30px
}

.modal-child-application .modal-child-application-modal.sprinkles .close-button-bar {
    position: -webkit-sticky;
    position: sticky;
    inset-block-start: 0;
    -webkit-margin-after: -20px;
    margin-block-end: -20px;
    padding-block: 20px;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.modal-child-application[dir=ltr] .modal-child-application-modal.sprinkles .close-button-bar,
.modal-child-application[dir=rtl] .modal-child-application-modal.sprinkles .close-button-bar,
[dir=ltr] .modal-child-application .modal-child-application-modal.sprinkles .close-button-bar,
[dir=rtl] .modal-child-application .modal-child-application-modal.sprinkles .close-button-bar {
    top: 0;
    margin-bottom: -20px;
    padding-top: 20px;
    padding-bottom: 20px
}

.modal-child-application .modal-child-application-modal.sprinkles .spinner-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@-webkit-keyframes icloud-keyframes-fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes icloud-keyframes-fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes icloud-keyframes-fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes icloud-keyframes-fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes icloud-keyframes-slideIn {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes icloud-keyframes-slideIn {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes icloud-keyframes-slideOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes icloud-keyframes-slideOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes icloud-keyframes-fadeInAndScale {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes icloud-keyframes-fadeInAndScale {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes icloud-keyframes-scaleWithBriefFade {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    80% {
        opacity: 1
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes icloud-keyframes-scaleWithBriefFade {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    80% {
        opacity: 1
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes icloud-keyframes-fadeInAndBarelyScale {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes icloud-keyframes-fadeInAndBarelyScale {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes icloud-keyframes-noop {
    to {
        opacity: 1
    }
}

@keyframes icloud-keyframes-noop {
    to {
        opacity: 1
    }
}

ui-menu.standard.overflow-menu:focus-visible {
    outline: none
}

ui-menu.standard.overflow-menu .icloud-icon-container {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

ui-menu.standard.overflow-menu .icloud-icon-container svg {
    overflow: visible
}

ui-menu.standard.overflow-menu.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container a[role=menuitem],
ui-menu.standard.overflow-menu.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a[role=menuitem] {
    text-decoration: none;
    color: var(--theme-color-labelPrimary)
}

@-webkit-keyframes ui-activity-indicator-keyframe-uf7358d43 {
    0% {
        opacity: .1
    }
    to {
        opacity: .8
    }
}

@keyframes ui-activity-indicator-keyframe-uf7358d43 {
    0% {
        opacity: .1
    }
    to {
        opacity: .8
    }
}

ui-activity-indicator.standard {
    font-size: 32px;
    block-size: 1em;
    inline-size: 1em;
    display: inline-block;
    position: relative
}

[dir=ltr] ui-activity-indicator.standard,
[dir=rtl] ui-activity-indicator.standard,
ui-activity-indicator.standard[dir=ltr],
ui-activity-indicator.standard[dir=rtl] {
    height: 1em;
    width: 1em
}

ui-activity-indicator.standard ui-spinner-nib {
    position: absolute;
    left: 50%;
    top: 0;
    width: .125em;
    height: .3125em;
    border-radius: .0625em;
    -webkit-animation-name: ui-activity-indicator-keyframe-uf7358d43;
    animation-name: ui-activity-indicator-keyframe-uf7358d43;
    animation-direction: reverse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.33333, 0, .66667, .33333);
    animation-timing-function: cubic-bezier(.33333, 0, .66667, .33333);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    background-color: var(--theme-color-systemBlack)
}

ui-activity-indicator.standard ui-spinner-nib:first-of-type {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    -webkit-transform: translateY(.5em) rotate(0deg) translateY(-.5em) translateX(-.0625em);
    transform: translateY(.5em) rotate(0deg) translateY(-.5em) translateX(-.0625em)
}

ui-activity-indicator.standard ui-spinner-nib:nth-of-type(2) {
    -webkit-animation-delay: -.875s;
    animation-delay: -.875s;
    -webkit-transform: translateY(.5em) rotate(45deg) translateY(-.5em) translateX(-.0625em);
    transform: translateY(.5em) rotate(45deg) translateY(-.5em) translateX(-.0625em)
}

ui-activity-indicator.standard ui-spinner-nib:nth-of-type(3) {
    -webkit-animation-delay: -.75s;
    animation-delay: -.75s;
    -webkit-transform: translateY(.5em) rotate(90deg) translateY(-.5em) translateX(-.0625em);
    transform: translateY(.5em) rotate(90deg) translateY(-.5em) translateX(-.0625em)
}

ui-activity-indicator.standard ui-spinner-nib:nth-of-type(4) {
    -webkit-animation-delay: -.625s;
    animation-delay: -.625s;
    -webkit-transform: translateY(.5em) rotate(135deg) translateY(-.5em) translateX(-.0625em);
    transform: translateY(.5em) rotate(135deg) translateY(-.5em) translateX(-.0625em)
}

ui-activity-indicator.standard ui-spinner-nib:nth-of-type(5) {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s;
    -webkit-transform: translateY(.5em) rotate(180deg) translateY(-.5em) translateX(-.0625em);
    transform: translateY(.5em) rotate(180deg) translateY(-.5em) translateX(-.0625em)
}

ui-activity-indicator.standard ui-spinner-nib:nth-of-type(6) {
    -webkit-animation-delay: -.375s;
    animation-delay: -.375s;
    -webkit-transform: translateY(.5em) rotate(225deg) translateY(-.5em) translateX(-.0625em);
    transform: translateY(.5em) rotate(225deg) translateY(-.5em) translateX(-.0625em)
}

ui-activity-indicator.standard ui-spinner-nib:nth-of-type(7) {
    -webkit-animation-delay: -.25s;
    animation-delay: -.25s;
    -webkit-transform: translateY(.5em) rotate(270deg) translateY(-.5em) translateX(-.0625em);
    transform: translateY(.5em) rotate(270deg) translateY(-.5em) translateX(-.0625em)
}

ui-activity-indicator.standard ui-spinner-nib:nth-of-type(8) {
    -webkit-animation-delay: -.125s;
    animation-delay: -.125s;
    -webkit-transform: translateY(.5em) rotate(315deg) translateY(-.5em) translateX(-.0625em);
    transform: translateY(.5em) rotate(315deg) translateY(-.5em) translateX(-.0625em)
}

.environment-sash {
    z-index: 1;
    inline-size: 200px;
    block-size: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    inset-inline-end: -6px;
    inset-block-end: 108px;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #ddd;
    color: #666;
    font-family: SF Pro Text, Helvetica Neue, sans-serif;
    font-size: 12px;
    font-weight: 600
}

.environment-sash[dir=ltr],
[dir=ltr] .environment-sash {
    width: 200px;
    height: 30px;
    right: -6px;
    bottom: 108px
}

.environment-sash[dir=rtl],
[dir=rtl] .environment-sash {
    width: 200px;
    height: 30px;
    left: -6px;
    bottom: 108px
}

[apple-system-font-capable] .environment-sash {
    font-family: system-ui, Helvetica Neue, sans-serif
}

body {
    text-rendering: optimizeLegibility
}

.environment-sash.view-hidden {
    z-index: auto
}

[dir=rtl] .environment-sash {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: top left;
    transform-origin: top left
}