@font-face {
    font-family:'SF Pro Display';
    font-style:normal;
    font-weight:500;
    src: url(../fonts/sf-pro-display_regular.woff2) format("woff")
}
@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")
}
@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")
}
@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")
}

* {
    margin: 0;
    padding: 0
}

.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
}

[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-u0a128af0 {
    0% {
        opacity: .1
    }

    to {
        opacity: .8
    }
}

@keyframes ui-activity-indicator-keyframe-u0a128af0 {
    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-u0a128af0;
    animation-name: ui-activity-indicator-keyframe-u0a128af0
}

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 {
    background-color: transparent;
    border-color: transparent
}

ui-autocomplete-token-field.standard.has-focus:before {
    content: "";
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%
}

html:not([dir=rtl]) ui-autocomplete-token-field.standard.has-focus:before {
    left: 0
}

[dir=rtl] ui-autocomplete-token-field.standard.has-focus:before {
    right: 0
}

ui-autocomplete-token-field.standard.has-focus: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-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) {
    background-color: transparent;
    border-color: var(--theme-color-gray4)
}

ui-autocomplete-token-field.standard.has-selected:not(.has-focus):before {
    content: "";
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%
}

html:not([dir=rtl]) ui-autocomplete-token-field.standard.has-selected:not(.has-focus):before {
    left: 0
}

[dir=rtl] ui-autocomplete-token-field.standard.has-selected:not(.has-focus):before {
    right: 0
}

ui-autocomplete-token-field.standard.has-selected:not(.has-focus):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-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 {
    background-color: transparent;
    border-color: transparent
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus:before {
    content: "";
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%
}

html:not([dir=rtl]) ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus:before {
    left: 0
}

[dir=rtl] ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus:before {
    right: 0
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus: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-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) {
    background-color: transparent
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-selected:not(.has-focus):before {
    content: "";
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%
}

html:not([dir=rtl]) ui-autocomplete-token-field.standard:hover:not(:disabled).has-selected:not(.has-focus):before {
    left: 0
}

[dir=rtl] ui-autocomplete-token-field.standard:hover:not(:disabled).has-selected:not(.has-focus):before {
    right: 0
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-selected:not(.has-focus):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-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
}



.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-u308c6aab {
    0% {
        opacity: .1
    }

    to {
        opacity: .8
    }
}

@keyframes ui-activity-indicator-keyframe-u308c6aab {
    0% {
        opacity: .1
    }

    to {
        opacity: .8
    }
}

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

.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-u676d477d {
    0% {
        opacity: .1
    }

    to {
        opacity: .8
    }
}

@keyframes ui-activity-indicator-keyframe-u676d477d {
    0% {
        opacity: .1
    }

    to {
        opacity: .8
    }
}

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

.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
}



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-ud73dd5d2 {
    0% {
        opacity: .1
    }

    to {
        opacity: .8
    }
}

@keyframes ui-activity-indicator-keyframe-ud73dd5d2 {
    0% {
        opacity: .1
    }

    to {
        opacity: .8
    }
}

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

.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-u867c1653 {
    0% {
        opacity: .1
    }

    to {
        opacity: .8
    }
}

@keyframes ui-activity-indicator-keyframe-u867c1653 {
    0% {
        opacity: .1
    }

    to {
        opacity: .8
    }
}

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

@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-u31f5cbdd {
    0% {
        opacity: .1
    }

    to {
        opacity: .8
    }
}

@keyframes ui-activity-indicator-keyframe-u31f5cbdd {
    0% {
        opacity: .1
    }

    to {
        opacity: .8
    }
}

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

.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-uafb0b405 {
    0% {
        opacity: .1
    }

    to {
        opacity: .8
    }
}

@keyframes ui-activity-indicator-keyframe-uafb0b405 {
    0% {
        opacity: .1
    }

    to {
        opacity: .8
    }
}

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

.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
}

.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
}



.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-usage {
    margin-block:10px}

[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-usage,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-usage {
    margin-top: 10px;
    margin-bottom: 10px
}

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-usage .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-usage .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-uda6096e2 {
    0% {
        opacity: .1
    }

    to {
        opacity: .8
    }
}

@keyframes ui-activity-indicator-keyframe-uda6096e2 {
    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-uda6096e2;
    animation-name: ui-activity-indicator-keyframe-uda6096e2;
    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
}