* {
    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: #0071e3;
    color: #fff
}

@media (pointer: fine) {
    ui-button.primary.pill:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:#0077ed
    }
}

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: #006edb
}

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 rgba(0,113,227,.7);
    box-shadow: 0 0 0 3px rgba(0,113,227,.7);
    background: ""
}

ui-button.secondary.pill {
    background-color: #e8e8ed;
    color: rgba(0,0,0,.88)
}

@media (pointer: fine) {
    ui-button.secondary.pill:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:#ebebf0
    }
}

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: #e6e6eb
}

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 rgba(0,113,227,.7);
    box-shadow: 0 0 0 3px rgba(0,113,227,.7);
    background: ""
}

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

.root {
    position: relative
}

html {
    background-color: #d2d2d7;
    color: #1d1d1f
}

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

.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: rgba(0,0,0,.25);
    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: #fff;
    -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: rgba(0,0,0,.2);
    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: #007aff;
    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: #333
}

[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: #333
}

[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: #49494d;
    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 #d5d6d9
}

.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: #000
}

[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: #007aff
}

.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: 16px;
    -webkit-transition: border-width .2s cubic-bezier(.32,.08,.24,1);
    transition: border-width .2s cubic-bezier(.32,.08,.24,1);
    border: 0 solid #e8e8ed;
    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)
}

.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: #fff;
    color: rgba(0,0,0,.88);
    -webkit-box-shadow: 0 8px 15px rgba(0,0,0,.21);
    box-shadow: 0 8px 15px rgba(0,0,0,.21);
    -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-box-shadow:0 8px 15px rgba(10,10,10,.32);
        box-shadow: 0 8px 15px rgba(10,10,10,.32);
        -webkit-transform: scale(1.1333);
        transform: scale(1.1333);
        -webkit-transform-origin: center;
        transform-origin: center;
        background-color: #fff
    }

    .tile-container ui-button.push.primary.remove-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) svg {
        fill: #e30000
    }
}

.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: #fff
}

.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: #7a7a7a
}

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

.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: rgba(0,0,0,.88);
    -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: 16px;
    -webkit-box-shadow: 17px 20px 40px rgba(0,0,0,.21);
    box-shadow: 17px 20px 40px rgba(0,0,0,.21);
    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-box-shadow: 20px 20px 41px rgba(10,10,10,.32);
    box-shadow: 20px 20px 41px rgba(10,10,10,.32);
    -webkit-transform: scale(1.019);
    transform: scale(1.019)
}

@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:not(.customize) .banner {
    background-color: rgba(248,248,252,.85);
    -webkit-backdrop-filter: blur(15px) saturate(86%);
    backdrop-filter: blur(15px) saturate(86%)
}

.tile .banner {
    -webkit-transition: background-color .2s cubic-bezier(.32,.08,.24,1);
    transition: background-color .2s cubic-bezier(.32,.08,.24,1);
    background-color: #dceefd;
    border-radius: 16px 16px 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
}

.tile .banner.banner-with-primary-action .link {
    border-radius: 16px 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:rgba(0,0,0,.08);
        -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: rgba(0,113,227,.16)
}

.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: rgba(0,0,0,.26)
}

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

.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 rgba(0,113,227,.7);
    box-shadow: 0 0 0 3px rgba(0,113,227,.7);
    background: rgba(0,0,0,.08)
}

.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: rgba(0,0,0,.88)
}

[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: #515154;
    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: #d2d2d7;
    block-size: 2px;
    border-radius: 1px;
    color: #d2d2d7;
    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
}

@-webkit-keyframes dotFlashing {
    0% {
        background-color: #d2d2d7
    }

    50%,to {
        background-color: #515154
    }
}

@keyframes dotFlashing {
    0% {
        background-color: #d2d2d7
    }

    50%,to {
        background-color: #515154
    }
}

.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: rgba(0,0,0,.88);
    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 rgba(0,113,227,.7);
    box-shadow: 0 0 0 3px rgba(0,113,227,.7);
    background: rgba(0,0,0,.08)
}

@media (pointer: fine) {
    [data-primary-interaction-mode=mouse] .tile .primary-action:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background:rgba(0,0,0,.08)
    }
}

[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: rgba(0,113,227,.16);
    color: rgba(0,0,0,.26)
}

[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: .3
}

.tile .content {
    background: #fff;
    border-radius: 0 0 16px 16px;
    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
}

.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: rgba(0,0,0,.88);
    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: #fff;
    -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: #fff;
    background-color: #0071e3;
    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: #fff;
    background-color: #0071e3
}

.tile .footer ui-button.tile-picker-popover-button.showing-tile-picker.photos-tile-customization:not(.customization) {
    opacity: 1;
    background-color: rgba(0,113,227,.3);
    color: #fff
}

@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: #005fbf
    }

    .tile .footer ui-button.tile-picker-popover-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).showing-tile-picker {
        background-color: #0071e3
    }

    .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: #fff
    }
}

.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: rgba(0,0,0,.26);
    background-color: rgba(0,113,227,.16)
}

.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: rgba(0,113,227,.3);
    color: #fff
}

.tile button.tile-button {
    block-size: 100%;
    inline-size: 100%;
    position: absolute;
    z-index: 1;
    border: 6px solid transparent;
    border-radius: 16px;
    -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%
}

@media (pointer: fine) {
    [data-primary-interaction-mode=mouse] .tile button.tile-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        border-inline-color:hsla(0,0%,59.2%,.1);
        border-block-color:hsla(0,0%,59.2%,.1)}
}

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

.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 .yellow-icon {
    color: #f1c100
}

.tile-description-header-icons .vip-icon {
    color: #fc0
}

.tile-description-header-icons .blue-icon {
    color: #0071e3
}

.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: #7a7a7a;
    background-color: #fff;
    border-radius: 16px
}

.tile-description-header-icons.calendar-tile svg {
    min-inline-size: 15px
}

.tile-description-header-icons.calendar-tile[dir=ltr] svg,.tile-description-header-icons.calendar-tile[dir=rtl] svg,[dir=ltr] .tile-description-header-icons.calendar-tile svg,[dir=rtl] .tile-description-header-icons.calendar-tile svg {
    min-width: 15px
}

.tile-description-header-icons .pages-icon {
    color: #ff8b18
}

.tile-description-header-icons .numbers-icon {
    color: #0cc216
}

.tile-description-header-icons .keynote-icon {
    color: #1e67f0
}

.tile-description-header-icons svg {
    fill: currentColor;
    -webkit-margin-end: 4px;
    margin-inline-end:4px;overflow: visible
}

.tile-description-header-icons[dir=ltr] svg,[dir=ltr] .tile-description-header-icons svg {
    margin-right: 4px
}

.tile-description-header-icons[dir=rtl] svg,[dir=rtl] .tile-description-header-icons svg {
    margin-left: 4px
}

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

ui-button.block.primary.dropdown-button.widget-picker {
    block-size: 31px;
    inline-size: 31px;
    color: #fff;
    background-color: #0071e3;
    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: #fff;
    background-color: #0071e3
}

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
}

[data-primary-interaction-mode=mouse] ui-button.block.primary.dropdown-button.widget-picker:focus:not([aria-disabled=true]):not(.disabled) {
    background: #0077ed;
    color: #fff
}

@media (pointer: fine) {
    [data-primary-interaction-mode=mouse] ui-button.block.primary.dropdown-button.widget-picker:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:#005fbf;
        color: #fff
    }
}

[data-primary-interaction-mode=mouse] ui-button.block.primary.dropdown-button.widget-picker.active:not([aria-disabled=true]):not(.disabled),[data-primary-interaction-mode=mouse] ui-button.block.primary.dropdown-button.widget-picker:active:hover:not([aria-disabled=true]):not(.disabled) {
    opacity: .3
}

ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content {
    background-color: #fff;
    -webkit-box-shadow: 17px 20px 40px rgba(0,0,0,.21);
    box-shadow: 17px 20px 40px rgba(0,0,0,.21);
    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
}

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: #1d1d1f
}

[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:rgba(232,232,237,.8)
    }
}

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: rgba(232,232,237,.8);
    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
    }
}

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

    to {
        opacity: .8
    }
}

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

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: rgba(0,0,0,.16);
    color: rgba(227,0,0,.3)
}

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: #fff;
    -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: #fff;
    -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-card {
    display: block
}

ui-pane.for-ui-card.standard>ui-card {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    background: #fff;
    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: rgba(0,0,0,.26)
}

ui-pane.for-ui-card.standard>ui-card ui-card-header .x-close-button svg {
    fill: rgba(0,0,0,.88);
    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 {
    position: absolute;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 11px 34px rgba(0,0,0,.16);
    box-shadow: 0 11px 34px rgba(0,0,0,.16);
    pointer-events: auto;
    border: .2px solid hsla(0,0%,78.8%,.4)
}

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%,#e6e6ea 6%,#e6e6ea 94%,transparent 99%) 1;
    border-image: -webkit-gradient(linear,left top,right top,color-stop(1%,transparent),color-stop(6%,#e6e6ea),color-stop(94%,#e6e6ea),color-stop(99%,transparent)) 1;
    border-image: linear-gradient(90deg,transparent 1%,#e6e6ea 6%,#e6e6ea 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: #fff;
    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-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: rgba(0,0,0,.08)
    }
}

@keyframes icloud-uiMenu-standard-mouse-keyframes-flash {
    0%,to {
        background: rgba(0,0,0,.08)
    }
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) {
    background: #fff;
    -webkit-box-shadow: 0 11px 34px rgba(0,0,0,.16);
    box-shadow: 0 11px 34px rgba(0,0,0,.16);
    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
}

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: rgba(0,0,0,.88);
    -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] {
    color: rgba(0,0,0,.26)
}

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: rgba(0,0,0,.26)
}

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: rgba(0,0,0,.26)
}

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: rgba(0,0,0,.08)
}

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 rgba(0,113,227,.7);
    box-shadow: inset 0 0 0 3px rgba(0,113,227,.7)
}

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: #e30000
}

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: #e30000
}

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: rgba(0,0,0,.16);
    color: rgba(227,0,0,.3)
}

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: rgba(227,0,0,.3)
}

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: #0071e3
}

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: rgba(0,113,227,.3)
}

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: rgba(0,0,0,.08);
    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: #fff;
    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 #666
}

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: #fff;
    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 #666
}

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;
    display: block;
    outline: none;
    background: #fff;
    -webkit-box-shadow: 0 11px 34px rgba(0,0,0,.16);
    box-shadow: 0 11px 34px rgba(0,0,0,.16);
    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
}

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: rgba(0,0,0,.88);
    -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: rgba(0,0,0,.08);
    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] {
    color: rgba(0,0,0,.26)
}

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: rgba(0,0,0,.26)
}

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: rgba(0,0,0,.26)
}

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: rgba(0,0,0,.08)
}

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: rgba(0,0,0,.08)
}

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: #e30000
}

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: #e30000
}

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: rgba(0,0,0,.16);
    color: rgba(227,0,0,.3)
}

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: rgba(227,0,0,.3)
}

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: #0071e3
}

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: rgba(0,113,227,.3)
}

ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-divider {
    height: 5px;
    background-color: #f5f5f7;
    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: #0071e3
}

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: rgba(0,113,227,.16)
}

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: rgba(0,113,227,.3)
}

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: #0071e3
}

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: rgba(0,113,227,.16)
}

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: rgba(0,113,227,.3)
}

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: #0071e3
}

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: rgba(0,113,227,.16)
}

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: rgba(0,113,227,.3)
}

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: #0071e3
}

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: rgba(0,113,227,.16)
}

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: rgba(0,113,227,.3)
}

ui-popup {
    display: inline-block
}

ui-pane.for-ui-popup.standard>ui-popup {
    background-color: #fff;
    border-radius: 11px;
    -webkit-box-shadow: 0 11px 34px rgba(0,0,0,.16);
    box-shadow: 0 11px 34px rgba(0,0,0,.16);
    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: rgba(0,0,0,.26)
}

ui-pane.for-ui-popup.standard>ui-popup .x-close-button svg {
    fill: rgba(0,0,0,.88);
    width: 14px;
    height: 14px
}

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%,#e6e6ea 6%,#e6e6ea 94%,transparent 99%) 1;
    border-image: -webkit-gradient(linear,left top,right top,color-stop(1%,transparent),color-stop(6%,#e6e6ea),color-stop(94%,#e6e6ea),color-stop(99%,transparent)) 1;
    border-image: linear-gradient(90deg,transparent 1%,#e6e6ea 6%,#e6e6ea 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,#fff 40px,#fff 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: rgba(0,0,0,.88);
    font-size: 19px;
    font-weight: 600;
    word-break: break-word;
    word-wrap: break-word;
    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: rgba(0,0,0,.56);
    font-size: 14px;
    word-break: break-word;
    word-wrap: break-word;
    line-height: 1.4;
    display: block;
    text-align: center;
    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: #0071e3
}

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: rgba(245,245,247,.85)
}

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
}

.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 rgba(0,0,0,.1));
    filter: drop-shadow(0 2px 10px rgba(0,0,0,.1))
}

.app-icon-button:active:not(:disabled) {
    -webkit-filter: brightness(.7);
    filter: brightness(.7)
}

.app-icon-button .app-displayname {
    color: rgba(0,0,0,.56);
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    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-badge {
    background: #eb0c00;
    color: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.5);
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    padding-inline:.8ex;-webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-inline-size: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.app-icon-badge[dir=ltr],.app-icon-badge[dir=rtl],[dir=ltr] .app-icon-badge,[dir=rtl] .app-icon-badge {
    max-width: 100%;
    padding-left: .8ex;
    padding-right: .8ex
}

.app-icon-badge .number {
    min-inline-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.app-icon-badge[dir=ltr] .number,.app-icon-badge[dir=rtl] .number,[dir=ltr] .app-icon-badge .number,[dir=rtl] .app-icon-badge .number {
    min-width: 0
}

@font-face {
    font-weight: 300;
    font-family: SFDisplay Calendar Day Of Month;
    src: url(/fonts/SFUIDisplay-Thin.woff) format("woff")
}

@font-face {
    font-weight: 500;
    font-family: SFText Calendar Day Of Week;
    src: url(/fonts/SFUIText-Medium.woff) format("woff")
}

.calendar-icon img {
    inline-size: 100%;
    block-size: 100%
}

.calendar-icon[dir=ltr] img,.calendar-icon[dir=rtl] img,[dir=ltr] .calendar-icon img,[dir=rtl] .calendar-icon img {
    width: 100%;
    height: 100%
}

.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 {
        background-color:#fff;
        -webkit-backdrop-filter: blur(15px) saturate(86%);
        backdrop-filter: blur(15px) saturate(86%);
        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 {
        position: absolute!important;
        inset-block-start: 0;
        inset-block-end: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        z-index: 0
    }

    [dir=ltr] ui-pane.for-ui-card.standard ui-menu,[dir=rtl] ui-pane.for-ui-card.standard ui-menu,ui-pane.for-ui-card.standard[dir=ltr] ui-menu,ui-pane.for-ui-card.standard[dir=rtl] ui-menu {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    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: hsla(0,0%,100%,.5);
        -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: rgba(0,0,0,.88)
}

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

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

.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 rgba(0,0,0,.1);
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
    border: 1px solid #ddd;
    border-radius: 6px;
    background-color: #fff;
    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: 1px solid #ddd;
    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: #494949;
    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: #007aff;
    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
}

.to-avoid-having-these-stripped {
    font-family: SFDisplay Calendar Day Of Month;
    font-family: SFText Calendar Day Of Week
}

.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;
    color: rgba(0,0,0,.88);
    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;
    color: rgba(0,0,0,.56);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[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: rgba(0,0,0,.56);
    -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
}

.static-tile-content .continue-on-device-icon {
    position: absolute;
    inset-block-end: 10px;
    inset-inline-end: 10px
}

.static-tile-content[dir=ltr] .continue-on-device-icon,[dir=ltr] .static-tile-content .continue-on-device-icon {
    bottom: 10px;
    right: 10px
}

.static-tile-content[dir=rtl] .continue-on-device-icon,[dir=rtl] .static-tile-content .continue-on-device-icon {
    bottom: 10px;
    left: 10px
}

.static-tile-content .continue-on-device-icon svg {
    fill: rgba(0,0,0,.56)
}

.external-link a {
    text-decoration: none
}

.external-link a svg {
    fill: #0071eb
}

.external-link a,.external-link a:visited {
    color: #0071eb
}

.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: rgba(0,0,0,.56);
    fill: rgba(0,0,0,.56);
    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
}

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] {
    cursor: default;
    pointer-events: none;
    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 #4b9beb;
    box-shadow: inset 0 0 0 3px #4b9beb
}

ui-button.block:focus:not([aria-disabled=true]):not(.disabled):before,ui-button.push.block:focus:not([aria-disabled=true]):not(.disabled):before {
    content: "";
    position: absolute;
    inset-block-start: 3px;
    inset-inline-end: 3px;
    inset-block-end: 3px;
    inset-inline-start: 3px;
    border: 1px solid #fff;
    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
}

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 {
    cursor: default;
    pointer-events: none;
    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) {
        cursor:default;
        pointer-events: none;
        opacity: .3
    }
}

ui-button.block.neutral,ui-button.push.block.neutral {
    background-color: rgba(0,0,0,.48);
    color: #fff
}

@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:#707070
    }
}

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: #5b5b5b;
    color: hsla(0,0%,100%,.3)
}

ui-button.block.secondary,ui-button.push.block.secondary {
    background-color: rgba(0,0,0,.08);
    color: rgba(0,0,0,.88)
}

@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:#c6c6c6
    }
}

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: #a0a0a0;
    color: rgba(0,0,0,.26)
}

ui-button.block.secondary.destructive,ui-button.push.block.secondary.destructive {
    color: #e30000
}

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: rgba(227,0,0,.3)
}

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: #0071e3;
    color: #fff
}

@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:#005dba
    }
}

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: #004891;
    color: hsla(0,0%,100%,.3)
}

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] {
    cursor: default;
    pointer-events: none;
    opacity: .3
}

ui-button.push:focus:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: inset 0 0 0 3px #4b9beb;
    box-shadow: inset 0 0 0 3px #4b9beb;
    background-color: rgba(0,0,0,.08)
}

ui-button.push:focus:not([aria-disabled=true]):not(.disabled):before {
    content: "";
    position: absolute;
    inset-block-start: 3px;
    inset-inline-end: 3px;
    inset-block-end: 3px;
    inset-inline-start: 3px;
    border: 1px solid #fff;
    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 (pointer: fine) {
    ui-button.push:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background:rgba(0,0,0,.08)
    }
}

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) {
        cursor:default;
        pointer-events: none;
        opacity: .3
    }
}

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

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

ui-button.push.neutral {
    color: rgba(0,0,0,.88)
}

ui-button.push.neutral.active:not([aria-disabled=true]):not(.disabled),ui-button.push.neutral:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: rgba(0,0,0,.26)
}

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 #4b9beb;
    box-shadow: inset 0 0 0 3px #4b9beb
}

ui-button.push.icon:focus:not([aria-disabled=true]):not(.disabled):before {
    content: "";
    position: absolute;
    inset-block-start: 3px;
    inset-inline-end: 3px;
    inset-block-end: 3px;
    inset-inline-start: 3px;
    border: 1px solid #fff;
    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
}

ui-button.push {
    color: #0071e3
}

ui-button.push.active:not([aria-disabled=true]):not(.disabled),ui-button.push:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(0,113,227,.16);
    color: rgba(0,113,227,.3)
}

ui-button.push.pressed {
    background-color: #0071e3;
    color: #fff;
    cursor: default;
    pointer-events: none;
    opacity: .3
}

@media (pointer: fine) {
    ui-button.push.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:#0071e3;
        color: #fff;
        cursor: default;
        pointer-events: none;
        opacity: .3
    }
}

ui-button.push.destructive {
    color: #e30000;
    -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: rgba(0,0,0,.16);
    color: rgba(227,0,0,.3)
}

ui-button.push.destructive.pressed {
    cursor: default;
    pointer-events: none;
    opacity: .3
}

@media (pointer: fine) {
    ui-button.push.destructive.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(0,0,0,.16);
        color: rgba(227,0,0,.3);
        cursor: default;
        pointer-events: none;
        opacity: .3
    }
}

.cloudos-application-toolbar-end-view .toolbar-buttons-container ui-button.primary.whats-new-button {
    background-color: #fff;
    color: #0071e3;
    font-size: 11px;
    padding-inline:8px;font-weight: 700;
    block-size: 22px;
    padding-block:0;margin: 8px
}

.cloudos-application-toolbar-end-view[dir=ltr] .toolbar-buttons-container ui-button.primary.whats-new-button,.cloudos-application-toolbar-end-view[dir=rtl] .toolbar-buttons-container ui-button.primary.whats-new-button,[dir=ltr] .cloudos-application-toolbar-end-view .toolbar-buttons-container ui-button.primary.whats-new-button,[dir=rtl] .cloudos-application-toolbar-end-view .toolbar-buttons-container ui-button.primary.whats-new-button {
    height: 22px;
    padding: 0 8px
}

@media (pointer: fine) {
    .cloudos-application-toolbar-end-view .toolbar-buttons-container ui-button.primary.whats-new-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:hsla(0,0%,100%,.7)
    }
}

.cloudos-application-toolbar-end-view .toolbar-buttons-container ui-button.primary.whats-new-button.active:not([aria-disabled=true]):not(.disabled),.cloudos-application-toolbar-end-view .toolbar-buttons-container ui-button.primary.whats-new-button:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(0,0,0,.32);
    color: #fff
}

.flex-page-content .application-toolbar:not(.internal-app-theme) ui-button.primary.whats-new-button {
    visibility: hidden
}

.internal-app-theme .cloudos-application-toolbar-end-view .toolbar-buttons-container ui-button.primary.whats-new-button {
    background-color: rgba(0,0,0,.56);
    color: #fff
}

@media (pointer: fine) {
    .internal-app-theme .cloudos-application-toolbar-end-view .toolbar-buttons-container ui-button.primary.whats-new-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(0,0,0,.7)
    }
}

.internal-app-theme .cloudos-application-toolbar-end-view .toolbar-buttons-container ui-button.primary.whats-new-button.active:not([aria-disabled=true]):not(.disabled),.internal-app-theme .cloudos-application-toolbar-end-view .toolbar-buttons-container ui-button.primary.whats-new-button:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: #000
}

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 ui-button.push {
    color: #0071e3
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new ui-button.push.active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new ui-button.push:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(0,113,227,.16);
    color: rgba(0,113,227,.3)
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new ui-button.push.pressed {
    background-color: #0071e3;
    color: #fff;
    cursor: default;
    pointer-events: none;
    opacity: .3
}

@media (pointer: fine) {
    ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new ui-button.push.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:#0071e3;
        color: #fff;
        cursor: default;
        pointer-events: none;
        opacity: .3
    }
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new ui-button.push.destructive {
    color: #e30000;
    -webkit-transition: none;
    transition: none
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new ui-button.push.destructive.active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new ui-button.push.destructive:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(0,0,0,.16);
    color: rgba(227,0,0,.3)
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new ui-button.push.destructive.pressed {
    background-color: rgba(0,0,0,.16);
    color: rgba(227,0,0,.3);
    cursor: default;
    pointer-events: none;
    opacity: .3
}

@media (pointer: fine) {
    ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new ui-button.push.destructive.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(0,0,0,.16);
        color: rgba(227,0,0,.3);
        cursor: default;
        pointer-events: none;
        opacity: .3
    }
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new ui-button.block.primary:not(.neutral),ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new ui-button.push.block.primary:not(.neutral) {
    background-color: #0071e3;
    color: #fff
}

@media (pointer: fine) {
    ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new ui-button.block.primary:not(.neutral):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new ui-button.push.block.primary:not(.neutral):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:#005dba
    }
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new ui-button.block.primary:not(.neutral).active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new ui-button.block.primary:not(.neutral):active:hover:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new ui-button.push.block.primary:not(.neutral).active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new ui-button.push.block.primary:not(.neutral):active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: #004891;
    color: hsla(0,0%,100%,.3)
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new svg {
    fill: #0071e3
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.notes-tint ui-button.push {
    color: #edbb00
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.notes-tint ui-button.push.active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.notes-tint ui-button.push:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(237,187,0,.16);
    color: rgba(237,187,0,.3)
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.notes-tint ui-button.push.pressed {
    background-color: #edbb00;
    color: #fff;
    cursor: default;
    pointer-events: none;
    opacity: .3
}

@media (pointer: fine) {
    ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.notes-tint ui-button.push.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:#edbb00;
        color: #fff;
        cursor: default;
        pointer-events: none;
        opacity: .3
    }
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.notes-tint ui-button.push.destructive {
    color: #e30000;
    -webkit-transition: none;
    transition: none
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.notes-tint ui-button.push.destructive.active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.notes-tint ui-button.push.destructive:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(0,0,0,.16);
    color: rgba(227,0,0,.3)
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.notes-tint ui-button.push.destructive.pressed {
    background-color: rgba(0,0,0,.16);
    color: rgba(227,0,0,.3);
    cursor: default;
    pointer-events: none;
    opacity: .3
}

@media (pointer: fine) {
    ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.notes-tint ui-button.push.destructive.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(0,0,0,.16);
        color: rgba(227,0,0,.3);
        cursor: default;
        pointer-events: none;
        opacity: .3
    }
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.notes-tint ui-button.block.primary:not(.neutral),ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.notes-tint ui-button.push.block.primary:not(.neutral) {
    background-color: #edbb00;
    color: #fff
}

@media (pointer: fine) {
    ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.notes-tint ui-button.block.primary:not(.neutral):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.notes-tint ui-button.push.block.primary:not(.neutral):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:#c49b00
    }
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.notes-tint ui-button.block.primary:not(.neutral).active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.notes-tint ui-button.block.primary:not(.neutral):active:hover:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.notes-tint ui-button.push.block.primary:not(.neutral).active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.notes-tint ui-button.push.block.primary:not(.neutral):active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: #9b7b00;
    color: hsla(0,0%,100%,.3)
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.notes-tint svg {
    fill: #edbb00
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.calendar-tint ui-button.push {
    color: #e30000
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.calendar-tint ui-button.push.active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.calendar-tint ui-button.push:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(227,0,0,.16);
    color: rgba(227,0,0,.3)
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.calendar-tint ui-button.push.pressed {
    background-color: #e30000;
    color: #fff;
    cursor: default;
    pointer-events: none;
    opacity: .3
}

@media (pointer: fine) {
    ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.calendar-tint ui-button.push.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:#e30000;
        color: #fff;
        cursor: default;
        pointer-events: none;
        opacity: .3
    }
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.calendar-tint ui-button.push.destructive {
    color: #e30000;
    -webkit-transition: none;
    transition: none
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.calendar-tint ui-button.push.destructive.active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.calendar-tint ui-button.push.destructive:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(0,0,0,.16);
    color: rgba(227,0,0,.3)
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.calendar-tint ui-button.push.destructive.pressed {
    background-color: rgba(0,0,0,.16);
    color: rgba(227,0,0,.3);
    cursor: default;
    pointer-events: none;
    opacity: .3
}

@media (pointer: fine) {
    ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.calendar-tint ui-button.push.destructive.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(0,0,0,.16);
        color: rgba(227,0,0,.3);
        cursor: default;
        pointer-events: none;
        opacity: .3
    }
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.calendar-tint ui-button.block.primary:not(.neutral),ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.calendar-tint ui-button.push.block.primary:not(.neutral) {
    background-color: #e30000;
    color: #fff
}

@media (pointer: fine) {
    ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.calendar-tint ui-button.block.primary:not(.neutral):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.calendar-tint ui-button.push.block.primary:not(.neutral):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:#ba0000
    }
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.calendar-tint ui-button.block.primary:not(.neutral).active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.calendar-tint ui-button.block.primary:not(.neutral):active:hover:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.calendar-tint ui-button.push.block.primary:not(.neutral).active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.calendar-tint ui-button.push.block.primary:not(.neutral):active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: #910000;
    color: hsla(0,0%,100%,.3)
}

ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .whats-new.calendar-tint svg {
    fill: #e30000
}

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
}

[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;
    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;
    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: rgba(0,0,0,.04);
    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: rgba(0,0,0,.56);
    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;background-color: hsla(0,0%,100%,.75);
    -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: 100vw;
    inline-size: 100vw;
    max-block-size: 100vh;
    block-size: 100vh;
    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: 100vw;
    width: 100vw;
    max-height: 100vh;
    height: 100vh
}

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(#fff),color-stop(50%,#fff),to(hsla(0,0%,100%,0)));
    background: linear-gradient(180deg,#fff,#fff 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] svg.quick-action-icon {
    fill: rgba(0,0,0,.32);
    margin-inline:2px;vertical-align: middle
}

[dir=ltr] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] svg.quick-action-icon,[dir=rtl] ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] svg.quick-action-icon,ui-pane.release-notes-modal.for-ui-popup.standard[dir=ltr] ui-popup[role=dialog] svg.quick-action-icon,ui-pane.release-notes-modal.for-ui-popup.standard[dir=rtl] ui-popup[role=dialog] svg.quick-action-icon {
    margin-left: 2px;
    margin-right: 2px
}

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
}

.quick-menu-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    block-size: 15px;
    inline-size: 23px;
    -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;
    border-radius: 100px;
    border: 0;
    outline: 0;
    background-color: transparent
}

.quick-menu-button[dir=ltr],.quick-menu-button[dir=rtl],[dir=ltr] .quick-menu-button,[dir=rtl] .quick-menu-button {
    height: 15px;
    width: 23px
}

.quick-menu-button.menu-opened {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.quick-menu-button.menu-opened svg {
    opacity: .3
}

.quick-menu-button:not(.inverted) svg {
    fill: rgba(0,0,0,.32)
}

.quick-menu-button:not(.inverted).active:not([aria-disabled=true]):not(.disabled) svg,.quick-menu-button:not(.inverted):active:hover:not([aria-disabled=true]):not(.disabled) svg {
    fill: #0071e3
}

@media (pointer: fine) {
    .quick-menu-button:not(.inverted):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) svg {
        fill:rgba(0,0,0,.56)
    }
}

.quick-menu-button:not(.inverted).menu-opened svg,.quick-menu-button:not(.inverted):focus:not([aria-disabled=true]):not(.disabled) svg {
    fill: #0071e3
}

.quick-menu-button.inverted svg {
    fill: hsla(0,0%,100%,.56)
}

@media (pointer: fine) {
    .quick-menu-button.inverted:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) svg {
        fill:hsla(0,0%,100%,.88)
    }
}

.quick-menu-button.inverted.menu-opened svg,.quick-menu-button.inverted:focus:not([aria-disabled=true]):not(.disabled) svg {
    fill: #fff
}

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;
    background-color: #fbfbfd;
    -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
}

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

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

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

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

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

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

.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%;
    background: rgba(0,0,0,.1)
}

.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: #fff;
    border-radius: 12px;
    -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);
    max-inline-size: 640px
}

.cloudos-alert[dir=ltr],.cloudos-alert[dir=rtl],[dir=ltr] .cloudos-alert,[dir=rtl] .cloudos-alert {
    max-width: 640px
}

.cloudos-alert * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cloudos-alert>div:not(.alert-button-container) {
    -webkit-padding-start: 20px;
    padding-inline-start:20px;-webkit-padding-end: 20px;
    padding-inline-end:20px}

.cloudos-alert[dir=ltr]>div:not(.alert-button-container),.cloudos-alert[dir=rtl]>div:not(.alert-button-container),[dir=ltr] .cloudos-alert>div:not(.alert-button-container),[dir=rtl] .cloudos-alert>div:not(.alert-button-container) {
    padding-left: 20px;
    padding-right: 20px
}

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

.cloudos-alert[dir=ltr] .alert-main-content,.cloudos-alert[dir=rtl] .alert-main-content,[dir=ltr] .cloudos-alert .alert-main-content,[dir=rtl] .cloudos-alert .alert-main-content {
    padding-top: 20px;
    padding-bottom: 20px
}

.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 .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 .message {
    font-size: 19px;
    font-weight: 500;
    color: #303030;
    -webkit-margin-before: 4px;
    margin-block-start:4px}

.cloudos-alert[dir=ltr] .alert-text-container .message,.cloudos-alert[dir=rtl] .alert-text-container .message,[dir=ltr] .cloudos-alert .alert-text-container .message,[dir=rtl] .cloudos-alert .alert-text-container .message {
    margin-top: 4px
}

.cloudos-alert .alert-text-container .description {
    font-size: 17px;
    color: #474747;
    -webkit-margin-before: 8px;
    margin-block-start:8px}

.cloudos-alert[dir=ltr] .alert-text-container .description,.cloudos-alert[dir=rtl] .alert-text-container .description,[dir=ltr] .cloudos-alert .alert-text-container .description,[dir=rtl] .cloudos-alert .alert-text-container .description {
    margin-top: 8px
}

.cloudos-alert .alert-button-container {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 17px;
    color: #187efb;
    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;
    flex-wrap: wrap
}

.cloudos-alert .alert-button-container,.cloudos-alert .alert-button-container.has-other-button {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap
}

.cloudos-alert .alert-button-container.has-other-button {
    flex-wrap: wrap;
    -webkit-margin-before: 20px;
    margin-block-start:20px}

.cloudos-alert[dir=ltr] .alert-button-container.has-other-button,.cloudos-alert[dir=rtl] .alert-button-container.has-other-button,[dir=ltr] .cloudos-alert .alert-button-container.has-other-button,[dir=rtl] .cloudos-alert .alert-button-container.has-other-button {
    margin-top: 20px
}

.cloudos-alert .alert-button-container .cloudos-alert-button {
    padding: 16px 20px;
    position: relative;
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font: inherit;
    cursor: pointer
}

.cloudos-alert .alert-button-container .cloudos-alert-button.primary {
    font-weight: 500
}

.cloudos-alert .alert-button-container .cloudos-alert-button:active {
    color: #0365dd
}

.cloudos-alert .alert-button-container .cloudos-alert-button-divider {
    background: rgba(0,0,0,.2);
    inline-size: 1px;
    block-size: 23px
}

.cloudos-alert[dir=ltr] .alert-button-container .cloudos-alert-button-divider,.cloudos-alert[dir=rtl] .alert-button-container .cloudos-alert-button-divider,[dir=ltr] .cloudos-alert .alert-button-container .cloudos-alert-button-divider,[dir=rtl] .cloudos-alert .alert-button-container .cloudos-alert-button-divider {
    width: 1px;
    height: 23px
}

.cloudos-alert .alert-main-content .alert-icon {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    border: 1px solid transparent;
    border-radius: 12px;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 66px;
    height: 61px;
    background-size: contain;
    inline-size: 58px;
    block-size: 62px;
    -webkit-margin-end: 22px;
    margin-inline-end:22px}

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

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

.cloudos-alert .alert-main-content .alert-icon.icloud-icon {
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 142px;
    height: 142px;
    border: 1px solid rgba(0,0,0,.1);
    background-size: contain;
    inline-size: 58px;
    block-size: 58px
}

.cloudos-alert[dir=ltr] .alert-main-content .alert-icon.icloud-icon,.cloudos-alert[dir=rtl] .alert-main-content .alert-icon.icloud-icon,[dir=ltr] .cloudos-alert .alert-main-content .alert-icon.icloud-icon,[dir=rtl] .cloudos-alert .alert-main-content .alert-icon.icloud-icon {
    width: 58px;
    height: 58px
}

.cloudos-alert .alert-main-content .alert-icon.photos-icon {
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 142px;
    height: 142px;
    border: 1px solid rgba(0,0,0,.1);
    background-size: contain;
    inline-size: 58px;
    block-size: 58px
}

.cloudos-alert[dir=ltr] .alert-main-content .alert-icon.photos-icon,.cloudos-alert[dir=rtl] .alert-main-content .alert-icon.photos-icon,[dir=ltr] .cloudos-alert .alert-main-content .alert-icon.photos-icon,[dir=rtl] .cloudos-alert .alert-main-content .alert-icon.photos-icon {
    width: 58px;
    height: 58px
}

@media only screen and (min-width: 468px) {
    [data-horizontal-size-class=compact] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon {
        inline-size:54px;
        block-size: 60px;
        -webkit-margin-end: 22px;
        margin-inline-end:22px;-webkit-margin-start: 10px;
        margin-inline-start:10px}

    [data-horizontal-size-class=compact][dir=ltr] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon,[dir=ltr] [data-horizontal-size-class=compact] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon {
        width: 54px;
        height: 60px;
        margin-right: 22px;
        margin-left: 10px
    }

    [data-horizontal-size-class=compact][dir=rtl] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon,[dir=rtl] [data-horizontal-size-class=compact] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon {
        width: 54px;
        height: 60px;
        margin-left: 22px;
        margin-right: 10px
    }

    [data-horizontal-size-class=compact] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon.icloud-icon {
        inline-size: 54px;
        block-size: 54px
    }

    [data-horizontal-size-class=compact][dir=ltr] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon.icloud-icon,[data-horizontal-size-class=compact][dir=rtl] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon.icloud-icon,[dir=ltr] [data-horizontal-size-class=compact] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon.icloud-icon,[dir=rtl] [data-horizontal-size-class=compact] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon.icloud-icon {
        width: 54px;
        height: 54px
    }

    [data-horizontal-size-class=compact] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon.photos-icon {
        inline-size: 54px;
        block-size: 54px
    }

    [data-horizontal-size-class=compact][dir=ltr] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon.photos-icon,[data-horizontal-size-class=compact][dir=rtl] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon.photos-icon,[dir=ltr] [data-horizontal-size-class=compact] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon.photos-icon,[dir=rtl] [data-horizontal-size-class=compact] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon.photos-icon {
        width: 54px;
        height: 54px
    }
}

@media only screen and (max-width: 468px) {
    [data-horizontal-size-class=compact] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon {
        inline-size:48px;
        block-size: 52px;
        -webkit-margin-end: 18px;
        margin-inline-end:18px}

    [data-horizontal-size-class=compact][dir=ltr] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon,[dir=ltr] [data-horizontal-size-class=compact] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon {
        width: 48px;
        height: 52px;
        margin-right: 18px
    }

    [data-horizontal-size-class=compact][dir=rtl] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon,[dir=rtl] [data-horizontal-size-class=compact] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon {
        width: 48px;
        height: 52px;
        margin-left: 18px
    }

    [data-horizontal-size-class=compact] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon.icloud-icon {
        inline-size: 48px;
        block-size: 48px
    }

    [data-horizontal-size-class=compact][dir=ltr] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon.icloud-icon,[data-horizontal-size-class=compact][dir=rtl] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon.icloud-icon,[dir=ltr] [data-horizontal-size-class=compact] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon.icloud-icon,[dir=rtl] [data-horizontal-size-class=compact] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon.icloud-icon {
        width: 48px;
        height: 48px
    }

    [data-horizontal-size-class=compact] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon.photos-icon {
        inline-size: 48px;
        block-size: 48px
    }

    [data-horizontal-size-class=compact][dir=ltr] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon.photos-icon,[data-horizontal-size-class=compact][dir=rtl] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon.photos-icon,[dir=ltr] [data-horizontal-size-class=compact] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon.photos-icon,[dir=rtl] [data-horizontal-size-class=compact] .cw-alert-modal.primary-interaction-mode-touch .cloudos-alert .alert-main-content .alert-icon.photos-icon {
        width: 48px;
        height: 48px
    }
}

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

.toolbar-banner {
    position: -webkit-sticky;
    position: sticky;
    inset-block-start: 0;
    z-index: 3
}

.toolbar-banner[dir=ltr],.toolbar-banner[dir=rtl],[dir=ltr] .toolbar-banner,[dir=rtl] .toolbar-banner {
    top: 0
}

.application-toolbar {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    block-size: 44px;
    min-block-size: 44px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    none: #f5f5f5;
    letter-spacing: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    min-inline-size: 100%
}

.application-toolbar[dir=ltr],.application-toolbar[dir=rtl],[dir=ltr] .application-toolbar,[dir=rtl] .application-toolbar {
    height: 44px;
    min-height: 44px;
    min-width: 100%
}

.application-toolbar .toolbar-container {
    margin-inline:16px 6px;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: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    inline-size: 100%
}

.application-toolbar[dir=ltr] .toolbar-container,[dir=ltr] .application-toolbar .toolbar-container {
    width: 100%;
    margin-left: 16px;
    margin-right: 6px
}

.application-toolbar[dir=rtl] .toolbar-container,[dir=rtl] .application-toolbar .toolbar-container {
    width: 100%;
    margin-right: 16px;
    margin-left: 6px
}

@media (max-width: 759px) {
    .application-toolbar .toolbar-container {
        -webkit-box-flex:1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.application-toolbar .toolbar-container>.application-toolbar-start-view {
    block-size: 100%;
    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: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -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;
    position: relative;
    -webkit-padding-end: 20px;
    padding-inline-end:20px;-webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.application-toolbar[dir=ltr] .toolbar-container>.application-toolbar-start-view,[dir=ltr] .application-toolbar .toolbar-container>.application-toolbar-start-view {
    height: 100%;
    padding-right: 20px
}

.application-toolbar[dir=rtl] .toolbar-container>.application-toolbar-start-view,[dir=rtl] .application-toolbar .toolbar-container>.application-toolbar-start-view {
    height: 100%;
    padding-left: 20px
}

.application-toolbar .toolbar-container>.application-toolbar-end-view {
    block-size: 100%;
    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;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-margin-start: auto;
    margin-inline-start:auto;overflow: hidden;
    position: relative
}

.application-toolbar[dir=ltr] .toolbar-container>.application-toolbar-end-view,[dir=ltr] .application-toolbar .toolbar-container>.application-toolbar-end-view {
    height: 100%;
    margin-left: auto
}

.application-toolbar[dir=rtl] .toolbar-container>.application-toolbar-end-view,[dir=rtl] .application-toolbar .toolbar-container>.application-toolbar-end-view {
    height: 100%;
    margin-right: auto
}

.application-toolbar.internal-app-theme {
    background-color: #f5f5f7
}

.application-toolbar.internal-app-theme:before {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline: 0
}

.application-toolbar.internal-app-theme[dir=ltr]:before,.application-toolbar.internal-app-theme[dir=rtl]:before,[dir=ltr] .application-toolbar.internal-app-theme:before,[dir=rtl] .application-toolbar.internal-app-theme:before {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.application-toolbar.login-theme {
    background-color: rgba(251,251,253,.5);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px)
}

.application-toolbar.homepage-theme {
    background-color: rgba(37,38,40,.21);
    background-image: radial-gradient(circle at 25%,hsla(0,0%,100%,.2),rgba(50,50,50,.2) 80%);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px)
}

.cloudos-application-toolbar-start-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
}

.cloudos-application-toolbar-start-view .badge {
    -webkit-margin-before: 1px;
    margin-block-start:1px;fill: #79797c;
    -webkit-margin-start: 4px;
    margin-inline-start:4px}

.cloudos-application-toolbar-start-view[dir=ltr] .badge,[dir=ltr] .cloudos-application-toolbar-start-view .badge {
    margin-top: 1px;
    margin-left: 4px
}

.cloudos-application-toolbar-start-view[dir=rtl] .badge,[dir=rtl] .cloudos-application-toolbar-start-view .badge {
    margin-top: 1px;
    margin-right: 4px
}

.homepage-theme .cloudos-application-toolbar-start-view>.badge {
    fill: #fff
}

.cloudos-application-toolbar-start-view>.ICloudLogo {
    -webkit-margin-start: -2px;
    margin-inline-start:-2px}

.cloudos-application-toolbar-start-view[dir=ltr]>.ICloudLogo,[dir=ltr] .cloudos-application-toolbar-start-view>.ICloudLogo {
    margin-left: -2px
}

.cloudos-application-toolbar-start-view[dir=rtl]>.ICloudLogo,[dir=rtl] .cloudos-application-toolbar-start-view>.ICloudLogo {
    margin-right: -2px
}

.ICloudLogo {
    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;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ICloudLogo>svg {
    fill: rgba(0,0,0,.88)
}

.homepage-theme .ICloudLogo>svg {
    fill: #fff
}

.ICloudLogo .apple-icon {
    -webkit-margin-end: 10px;
    margin-inline-end:10px;opacity: .57
}

.ICloudLogo[dir=ltr] .apple-icon,[dir=ltr] .ICloudLogo .apple-icon {
    margin-right: 10px
}

.ICloudLogo[dir=rtl] .apple-icon,[dir=rtl] .ICloudLogo .apple-icon {
    margin-left: 10px
}

.ICloudLogo.disabled {
    cursor: default
}

.cloudos-application-toolbar-end-view .toolbar-buttons-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
}

ui-button.push.primary.toolbar-icon-button.help-icon>svg {
    fill: rgba(0,0,0,.88)
}

.homepage-theme ui-button.push.primary.toolbar-icon-button.help-icon>svg {
    fill: #fff
}

ui-button.push.primary.toolbar-icon-button.help-icon.active:not([aria-disabled=true]):not(.disabled)>svg,ui-button.push.primary.toolbar-icon-button.help-icon:active:hover:not([aria-disabled=true]):not(.disabled)>svg {
    fill: rgba(0,0,0,.5)
}

.homepage-theme ui-button.push.primary.toolbar-icon-button.help-icon.active:not([aria-disabled=true]):not(.disabled)>svg,.homepage-theme ui-button.push.primary.toolbar-icon-button.help-icon:active:hover:not([aria-disabled=true]):not(.disabled)>svg {
    fill: hsla(0,0%,100%,.5)
}

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
}

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

.account-menu-popover {
    position: relative
}

.account-menu-popover .static-avatar .profile-image-container .icon {
    fill: currentColor
}

.account-menu-popover ui-button.push.primary.activation-button {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 23px;
    border: 0
}

[apple-system-font-capable] .account-menu-popover ui-button.push.primary.activation-button {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.account-menu-popover ui-button.push.primary.activation-button:focus:not([aria-disabled=true]):not(.disabled) {
    border: 0
}

.account-menu-popover ui-button.push.primary.activation-button .menu-chevron {
    -webkit-margin-start: 4px;
    margin-inline-start:4px}

.account-menu-popover[dir=ltr] ui-button.push.primary.activation-button .menu-chevron,[dir=ltr] .account-menu-popover ui-button.push.primary.activation-button .menu-chevron {
    margin-left: 4px
}

.account-menu-popover[dir=rtl] ui-button.push.primary.activation-button .menu-chevron,[dir=rtl] .account-menu-popover ui-button.push.primary.activation-button .menu-chevron {
    margin-right: 4px
}

.dark-theme .account-menu-popover ui-button.push.primary.activation-button {
    color: #fff
}

.static-avatar {
    inline-size: 60px;
    block-size: 60px;
    border-radius: 100%;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    opacity: 1;
    background: rgba(0,0,0,.12)
}

.static-avatar[dir=ltr],.static-avatar[dir=rtl],[dir=ltr] .static-avatar,[dir=rtl] .static-avatar {
    width: 60px;
    height: 60px
}

.static-avatar ui-image.standard img {
    opacity: 0
}

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

.static-avatar.image-placeholder {
    background: none
}

.static-avatar .profile-image-container {
    overflow: hidden;
    will-change: transform;
    border-radius: 100%;
    position: absolute;
    inset: 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-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.static-avatar[dir=ltr] .profile-image-container,.static-avatar[dir=rtl] .profile-image-container,[dir=ltr] .static-avatar .profile-image-container,[dir=rtl] .static-avatar .profile-image-container {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.static-avatar .profile-image-container>* {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.static-avatar .profile-image-container ui-image {
    position: absolute;
    inset: 0
}

.static-avatar[dir=ltr] .profile-image-container ui-image,.static-avatar[dir=rtl] .profile-image-container ui-image,[dir=ltr] .static-avatar .profile-image-container ui-image,[dir=rtl] .static-avatar .profile-image-container ui-image {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.static-avatar .profile-image-container .icon {
    fill: #7f7f81;
    inline-size: 100%;
    block-size: 100%;
    display: none
}

.static-avatar[dir=ltr] .profile-image-container .icon,.static-avatar[dir=rtl] .profile-image-container .icon,[dir=ltr] .static-avatar .profile-image-container .icon,[dir=rtl] .static-avatar .profile-image-container .icon {
    width: 100%;
    height: 100%
}

.static-avatar .profile-image-container .static-avatar-error {
    letter-spacing: .2px;
    text-align: center
}

@media (pointer: fine) {
    .static-avatar .profile-image-container .static-avatar-error:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background:rgba(0,0,0,.08);
        border-radius: 8px
    }
}

.static-avatar .profile-image-container .static-avatar-error.active:not([aria-disabled=true]):not(.disabled),.static-avatar .profile-image-container .static-avatar-error:active:hover:not([aria-disabled=true]):not(.disabled) {
    background: rgba(0,0,0,.08);
    opacity: .48;
    border: 0
}

.static-avatar .profile-image-container.image-placeholder .icon {
    display: inline-block;
    -webkit-animation: icloud-keyframes-fadeIn .2s ease;
    animation: icloud-keyframes-fadeIn .2s ease
}

.static-avatar-loading {
    opacity: .4
}

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: rgba(0,0,0,.88)
}

ui-menu.cloudos-menu [role=menuitem] svg,ui-menu.cloudos-menu a[role=menuitem] svg {
    color: #0071e3;
    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: rgba(0,113,227,.16);
    color: rgba(0,0,0,.26)
}

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

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: rgba(0,0,0,.26)
}

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: rgba(0,0,0,.88)
}

[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 rgba(0,113,227,.7);
    box-shadow: 0 0 0 3px rgba(0,113,227,.7);
    background: ""
}

ui-menu.cloudos-menu a.is-highlighted,ui-menu.cloudos-menu ui-menu-item.is-highlighted {
    background-color: rgba(170,170,174,.2)
}

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: #0071e3
}

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: rgba(0,113,227,.3)
}

ui-menu.cloudos-menu a.red,ui-menu.cloudos-menu ui-menu-item.red {
    color: #e30000
}

ui-menu.cloudos-menu a.red svg,ui-menu.cloudos-menu ui-menu-item.red svg {
    fill: #e30000
}

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: rgba(0,0,0,.16);
    color: rgba(227,0,0,.3)
}

ui-menu.cloudos-menu a.gray,ui-menu.cloudos-menu ui-menu-item.gray {
    color: rgba(0,0,0,.56)
}

ui-menu.cloudos-menu ui-menu-divider {
    block-size: 1px;
    margin: 5px;
    background-color: rgba(170,170,174,.3)
}

[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: rgba(170,170,174,.5)
    }

    to {
        background-color: rgba(170,170,174,.5)
    }
}

@keyframes cloudos-menu-select {
    0% {
        background-color: rgba(170,170,174,.5)
    }

    to {
        background-color: rgba(170,170,174,.5)
    }
}

ui-menu.account-menu ui-menu-scroll-container {
    background-color: #fff;
    min-inline-size: 240px;
    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: rgba(170,170,174,.15);
    border-block-end-style:solid;border-block-end-width:1px;border-block-end-color:rgba(170,170,174,.3)}

[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 rgba(170,170,174,.3);
    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:#fff;
        -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 {
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(0,0,0,.56)
}

[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-pane.app-switcher-pane {
    z-index: 3
}

ui-pane.app-switcher-pane ui-popover.app-switcher .app-switcher-container {
    -webkit-padding-before: 25px;
    padding-block-start:25px;-webkit-padding-after: 10px;
    padding-block-end:10px;padding-inline:13px;min-inline-size: 362px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

[dir=ltr] ui-pane.app-switcher-pane ui-popover.app-switcher .app-switcher-container,[dir=rtl] ui-pane.app-switcher-pane ui-popover.app-switcher .app-switcher-container,ui-pane.app-switcher-pane[dir=ltr] ui-popover.app-switcher .app-switcher-container,ui-pane.app-switcher-pane[dir=rtl] ui-popover.app-switcher .app-switcher-container {
    min-width: 362px;
    padding: 25px 13px 10px
}

ui-pane.app-switcher-pane ui-popover.app-switcher .app-switcher-container .app-icon-button {
    inline-size: 84px;
    -webkit-margin-after: 3px;
    margin-block-end:3px;-webkit-padding-before: 5px;
    padding-block-start:5px}

[dir=ltr] ui-pane.app-switcher-pane ui-popover.app-switcher .app-switcher-container .app-icon-button,[dir=rtl] ui-pane.app-switcher-pane ui-popover.app-switcher .app-switcher-container .app-icon-button,ui-pane.app-switcher-pane[dir=ltr] ui-popover.app-switcher .app-switcher-container .app-icon-button,ui-pane.app-switcher-pane[dir=rtl] ui-popover.app-switcher .app-switcher-container .app-icon-button {
    width: 84px;
    margin-bottom: 3px;
    padding-top: 5px
}

ui-pane.app-switcher-pane ui-popover.app-switcher .app-switcher-container .app-icon-button .app-displayname {
    padding-block:7px}

[dir=ltr] ui-pane.app-switcher-pane ui-popover.app-switcher .app-switcher-container .app-icon-button .app-displayname,[dir=rtl] ui-pane.app-switcher-pane ui-popover.app-switcher .app-switcher-container .app-icon-button .app-displayname,ui-pane.app-switcher-pane[dir=ltr] ui-popover.app-switcher .app-switcher-container .app-icon-button .app-displayname,ui-pane.app-switcher-pane[dir=rtl] ui-popover.app-switcher .app-switcher-container .app-icon-button .app-displayname {
    padding-top: 7px;
    padding-bottom: 7px
}

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));
    background-color: #fff
}

[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 [role=menuitem].is-highlighted {
    background-color: rgba(0,0,0,.08)
}

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: #d8d8da;
        -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 {
    color: rgba(0,0,0,.56);
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    -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-symbol {
    display: block;
    block-size: 24px;
    inline-size: 24px;
    margin-block:-2px;-webkit-margin-start: -2px;
    margin-inline-start:-2px}

[dir=ltr] ui-menu.app-switcher-menu.cloudos-menu .custom-symbol,ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] .custom-symbol {
    height: 24px;
    width: 24px;
    margin-left: -2px;
    margin-top: -2px;
    margin-bottom: -2px
}

[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu .custom-symbol,ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] .custom-symbol {
    height: 24px;
    width: 24px;
    margin-right: -2px;
    margin-top: -2px;
    margin-bottom: -2px
}

ui-menu.app-switcher-menu.cloudos-menu .network-badge-symbol {
    display: block;
    block-size: 22px;
    inline-size: 22px;
    margin-block:-1px}

[dir=ltr] ui-menu.app-switcher-menu.cloudos-menu .network-badge-symbol,[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu .network-badge-symbol,ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] .network-badge-symbol,ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] .network-badge-symbol {
    height: 22px;
    width: 22px;
    margin-top: -1px;
    margin-bottom: -1px
}

@media (max-width: 666px) {
    ui-menu.cloudos-menu.creation-menu ui-menu-scroll-container {
        background-color:#fff;
        -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
    }
}

a.toolbar-icon-button,ui-button.push.primary.toolbar-icon-button {
    inline-size: 36px;
    block-size: 36px;
    margin-inline:4px;padding-inline:0;position: relative;
    color: rgba(0,0,0,.88);
    border: 0;
    border-radius: 8px
}

[dir=ltr] a.toolbar-icon-button,[dir=ltr] ui-button.push.primary.toolbar-icon-button,[dir=rtl] a.toolbar-icon-button,[dir=rtl] ui-button.push.primary.toolbar-icon-button,a.toolbar-icon-button[dir=ltr],a.toolbar-icon-button[dir=rtl],ui-button.push.primary.toolbar-icon-button[dir=ltr],ui-button.push.primary.toolbar-icon-button[dir=rtl] {
    width: 36px;
    height: 36px;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 0;
    padding-right: 0
}

.homepage-theme a.toolbar-icon-button,.homepage-theme ui-button.push.primary.toolbar-icon-button {
    color: #fff
}

@media (pointer: fine) {
    .homepage-theme a.toolbar-icon-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),.homepage-theme ui-button.push.primary.toolbar-icon-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:hsla(0,0%,100%,.2)
    }
}

.homepage-theme a.toolbar-icon-button.active:not([aria-disabled=true]):not(.disabled),.homepage-theme a.toolbar-icon-button:active:hover:not([aria-disabled=true]):not(.disabled),.homepage-theme ui-button.push.primary.toolbar-icon-button.active:not([aria-disabled=true]):not(.disabled),.homepage-theme ui-button.push.primary.toolbar-icon-button:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: hsla(0,0%,100%,.16);
    color: hsla(0,0%,100%,.3)
}

@media (pointer: fine) {
    a.toolbar-icon-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),ui-button.push.primary.toolbar-icon-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(0,0,0,.08)
    }
}

a.toolbar-icon-button.active:not([aria-disabled=true]):not(.disabled),a.toolbar-icon-button:active:hover:not([aria-disabled=true]):not(.disabled),ui-button.push.primary.toolbar-icon-button.active:not([aria-disabled=true]):not(.disabled),ui-button.push.primary.toolbar-icon-button:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(0,0,0,.16);
    color: rgba(0,0,0,.26)
}

a.toolbar-icon-button.active:not([aria-disabled=true]):not(.disabled) img,a.toolbar-icon-button:active:hover:not([aria-disabled=true]):not(.disabled) img,ui-button.push.primary.toolbar-icon-button.active:not([aria-disabled=true]):not(.disabled) img,ui-button.push.primary.toolbar-icon-button:active:hover:not([aria-disabled=true]):not(.disabled) img {
    opacity: .6
}

a.feedback-button {
    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: 44px;
    block-size: 38px;
    padding-inline:8px;padding-block:8px}

[dir=ltr] a.feedback-button,[dir=rtl] a.feedback-button,a.feedback-button[dir=ltr],a.feedback-button[dir=rtl] {
    width: 44px;
    height: 38px;
    padding: 8px
}

a.feedback-button svg {
    fill: #fff
}

a.feedback-button.active:not([aria-disabled=true]):not(.disabled) svg,a.feedback-button:active:hover:not([aria-disabled=true]):not(.disabled) svg {
    fill: hsla(0,0%,100%,.5)
}

.internal-app-theme a.feedback-button>svg {
    fill: rgba(0,0,0,.56)
}

.storage-warning-button svg {
    color: #f56300
}

ui-popover.standard.storage-warning-popover>ui-popover-content {
    inline-size: 420px;
    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.storage-warning-popover>ui-popover-content,[dir=rtl] ui-popover.standard.storage-warning-popover>ui-popover-content,ui-popover.standard.storage-warning-popover[dir=ltr]>ui-popover-content,ui-popover.standard.storage-warning-popover[dir=rtl]>ui-popover-content {
    width: 420px;
    max-width: -webkit-calc(100vw - 60px);
    max-width: calc(100vw - 60px)
}

ui-popover.standard.storage-warning-popover>ui-popover-content>a.storage-warning-popover-inner {
    padding-block:15px;padding-inline:20px;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;
    text-decoration: none;
    color: inherit;
    position: relative
}

[dir=ltr] ui-popover.standard.storage-warning-popover>ui-popover-content>a.storage-warning-popover-inner,[dir=rtl] ui-popover.standard.storage-warning-popover>ui-popover-content>a.storage-warning-popover-inner,ui-popover.standard.storage-warning-popover[dir=ltr]>ui-popover-content>a.storage-warning-popover-inner,ui-popover.standard.storage-warning-popover[dir=rtl]>ui-popover-content>a.storage-warning-popover-inner {
    padding: 15px 20px
}

ui-popover.standard.storage-warning-popover>ui-popover-content>a.storage-warning-popover-inner:focus,ui-popover.standard.storage-warning-popover>ui-popover-content>a.storage-warning-popover-inner:focus-visible {
    outline: none
}

ui-popover.standard.storage-warning-popover>ui-popover-content>a.storage-warning-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-color: rgba(0,113,227,.7);
    border-style: solid;
    border-width: logical 3px;
    border-radius: 10px
}

[dir=ltr] ui-popover.standard.storage-warning-popover>ui-popover-content>a.storage-warning-popover-inner.focus-visible:after,[dir=rtl] ui-popover.standard.storage-warning-popover>ui-popover-content>a.storage-warning-popover-inner.focus-visible:after,ui-popover.standard.storage-warning-popover[dir=ltr]>ui-popover-content>a.storage-warning-popover-inner.focus-visible:after,ui-popover.standard.storage-warning-popover[dir=rtl]>ui-popover-content>a.storage-warning-popover-inner.focus-visible:after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-width: 3px
}

ui-popover.standard.storage-warning-popover>ui-popover-content>a.storage-warning-popover-inner svg.exclamation-mark.glyph-box {
    color: #f56300;
    fill: currentColor;
    -webkit-margin-end: 10px;
    margin-inline-end:10px}

[dir=ltr] ui-popover.standard.storage-warning-popover>ui-popover-content>a.storage-warning-popover-inner svg.exclamation-mark.glyph-box,ui-popover.standard.storage-warning-popover[dir=ltr]>ui-popover-content>a.storage-warning-popover-inner svg.exclamation-mark.glyph-box {
    margin-right: 10px
}

[dir=rtl] ui-popover.standard.storage-warning-popover>ui-popover-content>a.storage-warning-popover-inner svg.exclamation-mark.glyph-box,ui-popover.standard.storage-warning-popover[dir=rtl]>ui-popover-content>a.storage-warning-popover-inner svg.exclamation-mark.glyph-box {
    margin-left: 10px
}

ui-popover.standard.storage-warning-popover>ui-popover-content>a.storage-warning-popover-inner svg.chevron.glyph-box {
    -webkit-margin-start: 3px;
    margin-inline-start:3px}

[dir=ltr] ui-popover.standard.storage-warning-popover>ui-popover-content>a.storage-warning-popover-inner svg.chevron.glyph-box,ui-popover.standard.storage-warning-popover[dir=ltr]>ui-popover-content>a.storage-warning-popover-inner svg.chevron.glyph-box {
    margin-left: 3px
}

[dir=rtl] ui-popover.standard.storage-warning-popover>ui-popover-content>a.storage-warning-popover-inner svg.chevron.glyph-box,ui-popover.standard.storage-warning-popover[dir=rtl]>ui-popover-content>a.storage-warning-popover-inner svg.chevron.glyph-box {
    margin-right: 3px
}

ui-popover.standard.storage-warning-popover>ui-popover-content>a.storage-warning-popover-inner .text {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px
}

[apple-system-font-capable] ui-popover.standard.storage-warning-popover>ui-popover-content>a.storage-warning-popover-inner .text {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.dual-tone-exclamation-mark {
    color: #f56300
}

.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: #fff;
    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: #fff;
    fill: #fff;
    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: rgba(0,0,0,.32);
    fill: rgba(0,0,0,.32)
}

[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: rgba(0,0,0,.32);
    fill: rgba(0,0,0,.32)
}

[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: rgba(0,0,0,.88);
    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.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)
}

.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-color: rgba(0,113,227,.7);
    border-style: solid;
    border-width: logical 3px;
    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: #007aff;
    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: rgba(0,0,0,.88)
}

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

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: rgba(0,0,0,.88)
}

.landing-page-route {
    background-color: #fbfbfd;
    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: #1d1d1f;
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    color: rgba(0,0,0,.56);
    -webkit-margin-after: 20px;
    margin-block-end:20px;max-inline-size: 470px
}

.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: 470px
}

.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.mail-content {
    inline-size: 315px
}

.landing-page[dir=ltr] .landing-page-content.mail-content,.landing-page[dir=rtl] .landing-page-content.mail-content,[dir=ltr] .landing-page .landing-page-content.mail-content,[dir=rtl] .landing-page .landing-page-content.mail-content {
    width: 315px
}

@media (max-width: 759px) {
    .landing-page .landing-page-content.mail-content {
        -webkit-margin-before:-webkit-calc(min(40px,8vw));
        margin-block-start:calc(min(40px, 8vw))}

    .landing-page[dir=ltr] .landing-page-content.mail-content,.landing-page[dir=rtl] .landing-page-content.mail-content,[dir=ltr] .landing-page .landing-page-content.mail-content,[dir=rtl] .landing-page .landing-page-content.mail-content {
        margin-top: calc(min(40px, 8vw))
    }
}

@media (min-width: 760px) and (max-width:1164px) {
    .landing-page .landing-page-content.mail-content {
        inline-size:650px
    }

    .landing-page[dir=ltr] .landing-page-content.mail-content,.landing-page[dir=rtl] .landing-page-content.mail-content,[dir=ltr] .landing-page .landing-page-content.mail-content,[dir=rtl] .landing-page .landing-page-content.mail-content {
        width: 650px
    }
}

@media (min-width: 1165px) {
    .landing-page .landing-page-content.mail-content {
        inline-size:1006px
    }

    .landing-page[dir=ltr] .landing-page-content.mail-content,.landing-page[dir=rtl] .landing-page-content.mail-content,[dir=ltr] .landing-page .landing-page-content.mail-content,[dir=rtl] .landing-page .landing-page-content.mail-content {
        width: 1006px
    }
}

@media (min-width: 1690px) {
    .landing-page .landing-page-content.mail-content {
        inline-size:1350px
    }

    .landing-page[dir=ltr] .landing-page-content.mail-content,.landing-page[dir=rtl] .landing-page-content.mail-content,[dir=ltr] .landing-page .landing-page-content.mail-content,[dir=rtl] .landing-page .landing-page-content.mail-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: #1d1d1f;
    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: #6e6e73;
    -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: #1d1d1f;
    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: rgba(0,0,0,.56);
    -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 .landing-page-content .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
}

.landing-page[dir=ltr] .landing-page-content .tiles,.landing-page[dir=rtl] .landing-page-content .tiles,[dir=ltr] .landing-page .landing-page-content .tiles,[dir=rtl] .landing-page .landing-page-content .tiles {
    margin-top: 90px
}

@media (max-width: 759px) {
    .landing-page .landing-page-content .tiles {
        -webkit-margin-before:50px;
        margin-block-start:50px}

    .landing-page[dir=ltr] .landing-page-content .tiles,.landing-page[dir=rtl] .landing-page-content .tiles,[dir=ltr] .landing-page .landing-page-content .tiles,[dir=rtl] .landing-page .landing-page-content .tiles {
        margin-top: 50px
    }
}

@media (min-width: 1165px) {
    .landing-page .landing-page-content .tiles {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.landing-page .landing-page-content .tiles .landing-page-tile {
    block-size: auto
}

.landing-page[dir=ltr] .landing-page-content .tiles .landing-page-tile,.landing-page[dir=rtl] .landing-page-content .tiles .landing-page-tile,[dir=ltr] .landing-page .landing-page-content .tiles .landing-page-tile,[dir=rtl] .landing-page .landing-page-content .tiles .landing-page-tile {
    height: auto
}

@media (min-width: 1165px) {
    .landing-page .landing-page-content .tiles .landing-page-tile {
        inline-size:478px
    }

    .landing-page[dir=ltr] .landing-page-content .tiles .landing-page-tile,.landing-page[dir=rtl] .landing-page-content .tiles .landing-page-tile,[dir=ltr] .landing-page .landing-page-content .tiles .landing-page-tile,[dir=rtl] .landing-page .landing-page-content .tiles .landing-page-tile {
        width: 478px
    }
}

@media (min-width: 1690px) {
    .landing-page .landing-page-content .tiles .landing-page-tile {
        inline-size:650px
    }

    .landing-page[dir=ltr] .landing-page-content .tiles .landing-page-tile,.landing-page[dir=rtl] .landing-page-content .tiles .landing-page-tile,[dir=ltr] .landing-page .landing-page-content .tiles .landing-page-tile,[dir=rtl] .landing-page .landing-page-content .tiles .landing-page-tile {
        width: 650px
    }
}

.landing-page .landing-page-content .tiles.mail-tiles {
    -webkit-margin-before: 70px;
    margin-block-start:70px}

.landing-page[dir=ltr] .landing-page-content .tiles.mail-tiles,.landing-page[dir=rtl] .landing-page-content .tiles.mail-tiles,[dir=ltr] .landing-page .landing-page-content .tiles.mail-tiles,[dir=rtl] .landing-page .landing-page-content .tiles.mail-tiles {
    margin-top: 70px
}

.landing-page .landing-page-content .tiles.mail-tiles .row {
    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: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.landing-page .landing-page-content .tiles.mail-tiles .row .column {
    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;
    gap: 50px
}

@media (max-width: 759px) {
    .landing-page .landing-page-content .tiles.mail-tiles {
        -webkit-margin-before:50px;
        margin-block-start:50px;gap: 30px
    }

    .landing-page[dir=ltr] .landing-page-content .tiles.mail-tiles,.landing-page[dir=rtl] .landing-page-content .tiles.mail-tiles,[dir=ltr] .landing-page .landing-page-content .tiles.mail-tiles,[dir=rtl] .landing-page .landing-page-content .tiles.mail-tiles {
        margin-top: 50px
    }

    .landing-page .landing-page-content .tiles.mail-tiles .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px
    }

    .landing-page .landing-page-content .tiles.mail-tiles .row .column {
        gap: 30px
    }
}

@media (min-width: 760px) and (max-width:1164px) {
    .landing-page .landing-page-content .tiles.mail-tiles .row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.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 .mail-faq {
    background: #fff;
    -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] .mail-faq,.landing-page[dir=rtl] .mail-faq,[dir=ltr] .landing-page .mail-faq,[dir=rtl] .landing-page .mail-faq {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 160px;
    margin-bottom: -160px;
    width: 100%
}

@media (max-width: 759px) {
    .landing-page .mail-faq {
        -webkit-margin-before:120px;
        margin-block-start:120px;-webkit-margin-after: -120px;
        margin-block-end:-120px}

    .landing-page[dir=ltr] .mail-faq,.landing-page[dir=rtl] .mail-faq,[dir=ltr] .landing-page .mail-faq,[dir=rtl] .landing-page .mail-faq {
        margin-top: 120px;
        margin-bottom: -120px
    }
}

@media (min-width: 760px) and (max-width:1164px) {
    .landing-page .mail-faq {
        -webkit-margin-before:140px;
        margin-block-start:140px;-webkit-margin-after: -140px;
        margin-block-end:-140px}

    .landing-page[dir=ltr] .mail-faq,.landing-page[dir=rtl] .mail-faq,[dir=ltr] .landing-page .mail-faq,[dir=rtl] .landing-page .mail-faq {
        margin-top: 140px;
        margin-bottom: -140px
    }
}

.landing-page .mail-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 .mail-faq h2 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    .landing-page .mail-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 .mail-faq h2 {
        font-family: system-ui,Helvetica Neue,sans-serif
    }

    body {
        text-rendering: optimizeLegibility
    }
}

.landing-page .mail-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] .mail-faq .section,.landing-page[dir=rtl] .mail-faq .section,[dir=ltr] .landing-page .mail-faq .section,[dir=rtl] .landing-page .mail-faq .section {
    width: 315px
}

@media (min-width: 760px) and (max-width:1164px) {
    .landing-page .mail-faq .section {
        inline-size:650px
    }

    .landing-page[dir=ltr] .mail-faq .section,.landing-page[dir=rtl] .mail-faq .section,[dir=ltr] .landing-page .mail-faq .section,[dir=rtl] .landing-page .mail-faq .section {
        width: 650px
    }
}

@media (min-width: 1165px) {
    .landing-page .mail-faq .section {
        inline-size:1006px
    }

    .landing-page[dir=ltr] .mail-faq .section,.landing-page[dir=rtl] .mail-faq .section,[dir=ltr] .landing-page .mail-faq .section,[dir=rtl] .landing-page .mail-faq .section {
        width: 1006px
    }
}

@media (min-width: 1690px) {
    .landing-page .mail-faq .section {
        inline-size:1350px
    }

    .landing-page[dir=ltr] .mail-faq .section,.landing-page[dir=rtl] .mail-faq .section,[dir=ltr] .landing-page .mail-faq .section,[dir=rtl] .landing-page .mail-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: rgba(0,0,0,.56);
    -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
    }
}

.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: #000;
    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:0;
        margin-block-start:0;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: 0;
        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
}

ui-button.push.primary.sign-in-button {
    background-color: #000;
    color: #fff;
    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
}

[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:rgba(0,0,0,.56)
    }
}

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(0,0%,100%,.3);
    background-color: rgba(0,0,0,.32)
}

ui-button.push.primary.sign-in-button:focus:not([aria-disabled=true]):not(.disabled) {
    background-color: #0071e3
}

.landing-page-tile {
    border-radius: 16px;
    -webkit-box-shadow: 17px 20px 40px rgba(0,0,0,.21);
    box-shadow: 17px 20px 40px rgba(0,0,0,.21);
    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: #1d1d1f;
    -webkit-margin-before: 20px;
    margin-block-start:20px}

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

[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: #1d1d1f;
    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: #0071eb
}

.gcbd-branding-text {
    color: rgba(0,0,0,.88);
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 36px;
    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
    }
}

.info-tile {
    background-color: #fff;
    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: #1d1d1f;
    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: false;
    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.mail-landing-page-tile {
    block-size: auto;
    padding-block:40px;padding-inline:40px;border-radius: 16px;
    -webkit-box-shadow: 17px 20px 40px rgba(0,0,0,.21);
    box-shadow: 17px 20px 40px rgba(0,0,0,.21);
    text-align: start;
    overflow: hidden
}

.info-tile.mail-landing-page-tile[dir=ltr],[dir=ltr] .info-tile.mail-landing-page-tile {
    height: auto;
    text-align: left;
    padding: 40px
}

.info-tile.mail-landing-page-tile[dir=rtl],[dir=rtl] .info-tile.mail-landing-page-tile {
    height: auto;
    text-align: right;
    padding: 40px
}

@media (max-width: 760px) {
    .info-tile.mail-landing-page-tile {
        padding-inline:30px;
        padding-block:30px}

    .info-tile.mail-landing-page-tile[dir=ltr],.info-tile.mail-landing-page-tile[dir=rtl],[dir=ltr] .info-tile.mail-landing-page-tile,[dir=rtl] .info-tile.mail-landing-page-tile {
        padding: 30px
    }
}

.info-tile.mail-landing-page-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.mail-landing-page-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.mail-landing-page-tile .info-heading {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    .info-tile.mail-landing-page-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.mail-landing-page-tile .info-heading {
        font-family: system-ui,Helvetica Neue,sans-serif
    }

    body {
        text-rendering: optimizeLegibility
    }
}

.info-tile.mail-landing-page-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.mail-landing-page-tile[dir=ltr] p,.info-tile.mail-landing-page-tile[dir=rtl] p,[dir=ltr] .info-tile.mail-landing-page-tile p,[dir=rtl] .info-tile.mail-landing-page-tile p {
    margin-bottom: 0
}

[apple-system-font-capable] .info-tile.mail-landing-page-tile p {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.info-tile.mail-landing-page-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.mail-landing-page-tile[dir=ltr] .tile-content-img,.info-tile.mail-landing-page-tile[dir=rtl] .tile-content-img,[dir=ltr] .info-tile.mail-landing-page-tile .tile-content-img,[dir=rtl] .info-tile.mail-landing-page-tile .tile-content-img {
    margin-top: 80px;
    margin-left: -41px;
    margin-right: -41px
}

@media (max-width: 759px) {
    .info-tile.mail-landing-page-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.mail-landing-page-tile[dir=ltr] .tile-content-img,.info-tile.mail-landing-page-tile[dir=rtl] .tile-content-img,[dir=ltr] .info-tile.mail-landing-page-tile .tile-content-img,[dir=rtl] .info-tile.mail-landing-page-tile .tile-content-img {
        margin-top: 40px;
        margin-left: -31px;
        margin-right: -31px
    }
}

@media (min-width: 1690px) {
    .info-tile.mail-landing-page-tile .tile-content-img {
        -webkit-margin-before:18px;
        margin-block-start:18px}

    .info-tile.mail-landing-page-tile[dir=ltr] .tile-content-img,.info-tile.mail-landing-page-tile[dir=rtl] .tile-content-img,[dir=ltr] .info-tile.mail-landing-page-tile .tile-content-img,[dir=rtl] .info-tile.mail-landing-page-tile .tile-content-img {
        margin-top: 18px
    }
}

.info-tile.mail-landing-page-tile .tile-content-img img {
    inline-size: 100%;
    block-size: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.info-tile.mail-landing-page-tile[dir=ltr] .tile-content-img img,.info-tile.mail-landing-page-tile[dir=rtl] .tile-content-img img,[dir=ltr] .info-tile.mail-landing-page-tile .tile-content-img img,[dir=rtl] .info-tile.mail-landing-page-tile .tile-content-img img {
    width: 100%;
    height: 100%
}

.info-tile.mail-landing-page-tile.wide {
    min-block-size: 275px
}

.info-tile.mail-landing-page-tile.wide[dir=ltr],.info-tile.mail-landing-page-tile.wide[dir=rtl],[dir=ltr] .info-tile.mail-landing-page-tile.wide,[dir=rtl] .info-tile.mail-landing-page-tile.wide {
    min-height: 275px
}

.info-tile.mail-landing-page-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(#000),to(transparent));
    -webkit-mask-image: linear-gradient(transparent,#000,transparent);
    mask-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(#000),to(transparent));
    mask-image: linear-gradient(transparent,#000,transparent)
}

.info-tile.mail-landing-page-tile.wide[dir=ltr] .section .tile-content-img,.info-tile.mail-landing-page-tile.wide[dir=rtl] .section .tile-content-img,[dir=ltr] .info-tile.mail-landing-page-tile.wide .section .tile-content-img,[dir=rtl] .info-tile.mail-landing-page-tile.wide .section .tile-content-img {
    margin-left: 0;
    margin-right: 0
}

@media (max-width: 759px) {
    .info-tile.mail-landing-page-tile.wide .section .tile-content-img {
        inline-size:240px
    }

    .info-tile.mail-landing-page-tile.wide[dir=ltr] .section .tile-content-img,.info-tile.mail-landing-page-tile.wide[dir=rtl] .section .tile-content-img,[dir=ltr] .info-tile.mail-landing-page-tile.wide .section .tile-content-img,[dir=rtl] .info-tile.mail-landing-page-tile.wide .section .tile-content-img {
        width: 240px
    }

    .info-tile.mail-landing-page-tile.wide .section .tile-content-img img {
        inline-size: 100%
    }

    .info-tile.mail-landing-page-tile.wide[dir=ltr] .section .tile-content-img img,.info-tile.mail-landing-page-tile.wide[dir=rtl] .section .tile-content-img img,[dir=ltr] .info-tile.mail-landing-page-tile.wide .section .tile-content-img img,[dir=rtl] .info-tile.mail-landing-page-tile.wide .section .tile-content-img img {
        width: 100%
    }
}

@media (min-width: 760px) and (max-width:1164px) {
    .info-tile.mail-landing-page-tile.wide .section .tile-content-img {
        inline-size:446px
    }

    .info-tile.mail-landing-page-tile.wide[dir=ltr] .section .tile-content-img,.info-tile.mail-landing-page-tile.wide[dir=rtl] .section .tile-content-img,[dir=ltr] .info-tile.mail-landing-page-tile.wide .section .tile-content-img,[dir=rtl] .info-tile.mail-landing-page-tile.wide .section .tile-content-img {
        width: 446px
    }
}

.info-tile.mail-landing-page-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.mail-landing-page-tile.wide .section:first-child {
        inline-size:663px
    }

    .info-tile.mail-landing-page-tile.wide[dir=ltr] .section:first-child,.info-tile.mail-landing-page-tile.wide[dir=rtl] .section:first-child,[dir=ltr] .info-tile.mail-landing-page-tile.wide .section:first-child,[dir=rtl] .info-tile.mail-landing-page-tile.wide .section:first-child {
        width: 663px
    }

    .info-tile.mail-landing-page-tile.wide .section:first-child p {
        inline-size: 663px
    }

    .info-tile.mail-landing-page-tile.wide[dir=ltr] .section:first-child p,.info-tile.mail-landing-page-tile.wide[dir=rtl] .section:first-child p,[dir=ltr] .info-tile.mail-landing-page-tile.wide .section:first-child p,[dir=rtl] .info-tile.mail-landing-page-tile.wide .section:first-child p {
        width: 663px
    }
}

@media (min-width: 1165px) {
    .info-tile.mail-landing-page-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.mail-landing-page-tile.wide .accessory,.info-tile.mail-landing-page-tile.wide .info-heading,.info-tile.mail-landing-page-tile.wide .tile-content-img,.info-tile.mail-landing-page-tile.wide p {
        inline-size: 398px
    }

    .info-tile.mail-landing-page-tile.wide[dir=ltr] .accessory,.info-tile.mail-landing-page-tile.wide[dir=ltr] .info-heading,.info-tile.mail-landing-page-tile.wide[dir=ltr] .tile-content-img,.info-tile.mail-landing-page-tile.wide[dir=ltr] p,.info-tile.mail-landing-page-tile.wide[dir=rtl] .accessory,.info-tile.mail-landing-page-tile.wide[dir=rtl] .info-heading,.info-tile.mail-landing-page-tile.wide[dir=rtl] .tile-content-img,.info-tile.mail-landing-page-tile.wide[dir=rtl] p,[dir=ltr] .info-tile.mail-landing-page-tile.wide .accessory,[dir=ltr] .info-tile.mail-landing-page-tile.wide .info-heading,[dir=ltr] .info-tile.mail-landing-page-tile.wide .tile-content-img,[dir=ltr] .info-tile.mail-landing-page-tile.wide p,[dir=rtl] .info-tile.mail-landing-page-tile.wide .accessory,[dir=rtl] .info-tile.mail-landing-page-tile.wide .info-heading,[dir=rtl] .info-tile.mail-landing-page-tile.wide .tile-content-img,[dir=rtl] .info-tile.mail-landing-page-tile.wide p {
        width: 398px
    }

    .info-tile.mail-landing-page-tile.wide .tile-content-img {
        -webkit-margin-before: 0;
        margin-block-start:0}

    .info-tile.mail-landing-page-tile.wide[dir=ltr] .tile-content-img,.info-tile.mail-landing-page-tile.wide[dir=rtl] .tile-content-img,[dir=ltr] .info-tile.mail-landing-page-tile.wide .tile-content-img,[dir=rtl] .info-tile.mail-landing-page-tile.wide .tile-content-img {
        margin-top: 0
    }

    .info-tile.mail-landing-page-tile.wide img {
        inline-size: 100%;
        block-size: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

    .info-tile.mail-landing-page-tile.wide[dir=ltr] img,.info-tile.mail-landing-page-tile.wide[dir=rtl] img,[dir=ltr] .info-tile.mail-landing-page-tile.wide img,[dir=rtl] .info-tile.mail-landing-page-tile.wide img {
        width: 100%;
        height: 100%
    }
}

@media (min-width: 760px) and (max-width:1164px) {
    .info-tile.mail-landing-page-tile .tile-content-img {
        -webkit-margin-before:70px;
        margin-block-start:70px}

    .info-tile.mail-landing-page-tile[dir=ltr] .tile-content-img,.info-tile.mail-landing-page-tile[dir=rtl] .tile-content-img,[dir=ltr] .info-tile.mail-landing-page-tile .tile-content-img,[dir=rtl] .info-tile.mail-landing-page-tile .tile-content-img {
        margin-top: 70px
    }
}

@media (min-width: 1165px) {
    .info-tile.mail-landing-page-tile {
        inline-size:478px
    }

    .info-tile.mail-landing-page-tile[dir=ltr],.info-tile.mail-landing-page-tile[dir=rtl],[dir=ltr] .info-tile.mail-landing-page-tile,[dir=rtl] .info-tile.mail-landing-page-tile {
        width: 478px
    }

    .info-tile.mail-landing-page-tile.wide {
        inline-size: 1006px
    }

    .info-tile.mail-landing-page-tile.wide[dir=ltr],.info-tile.mail-landing-page-tile.wide[dir=rtl],[dir=ltr] .info-tile.mail-landing-page-tile.wide,[dir=rtl] .info-tile.mail-landing-page-tile.wide {
        width: 1006px
    }

    .info-tile.mail-landing-page-tile.tall {
        block-size: 100%
    }

    .info-tile.mail-landing-page-tile.tall[dir=ltr],.info-tile.mail-landing-page-tile.tall[dir=rtl],[dir=ltr] .info-tile.mail-landing-page-tile.tall,[dir=rtl] .info-tile.mail-landing-page-tile.tall {
        height: 100%
    }

    .info-tile.mail-landing-page-tile.full-height {
        block-size: 100%
    }

    .info-tile.mail-landing-page-tile.full-height[dir=ltr],.info-tile.mail-landing-page-tile.full-height[dir=rtl],[dir=ltr] .info-tile.mail-landing-page-tile.full-height,[dir=rtl] .info-tile.mail-landing-page-tile.full-height {
        height: 100%
    }
}

@media (min-width: 1690px) {
    .info-tile.mail-landing-page-tile {
        inline-size:650px;
        min-block-size: 287.5px
    }

    .info-tile.mail-landing-page-tile[dir=ltr],.info-tile.mail-landing-page-tile[dir=rtl],[dir=ltr] .info-tile.mail-landing-page-tile,[dir=rtl] .info-tile.mail-landing-page-tile {
        width: 650px;
        min-height: 287.5px
    }

    .info-tile.mail-landing-page-tile.wide {
        inline-size: 1350px
    }

    .info-tile.mail-landing-page-tile.wide[dir=ltr],.info-tile.mail-landing-page-tile.wide[dir=rtl],[dir=ltr] .info-tile.mail-landing-page-tile.wide,[dir=rtl] .info-tile.mail-landing-page-tile.wide {
        width: 1350px
    }
}

.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 #d2d2d7;
    border-block-end:1px solid #d2d2d7}

.accordion[dir=ltr] .accordion-item,.accordion[dir=rtl] .accordion-item,[dir=ltr] .accordion .accordion-item,[dir=rtl] .accordion .accordion-item {
    border-bottom: 1px solid #d2d2d7
}

.accordion .accordion-item .accordion-title .accordion-title-text {
    max-inline-size: 83.33333%;
    color: #000;
    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 rgba(0,125,250,.6);
    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: #86868b
}

.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: #0077ed
}

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

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

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

    to {
        opacity: .8
    }
}

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

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

.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: #f5f5f7
}

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

body {
    text-rendering: optimizeLegibility
}

.legal-footer-content>.inner-row {
    color: hsla(0,0%,100%,.3);
    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: #424245
}

.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: #d2d2d7
}

.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: #6e6e73;
    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: #fff
}

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

.legal-footer-light>span {
    color: hsla(0,0%,100%,.3)
}

.legal-footer-light>span a {
    color: hsla(0,0%,100%,.5)
}

.legal-footer-light>span a:active {
    color: hsla(0,0%,100%,.7)
}

body:not([apple-system-font-capable]) ui-button.pill:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .main-content .message:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .main-content .description:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .crash-details:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .crash-details-toggle:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .apple-privacy:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .tile-picker-popover .container .tile-picker-title:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-pane.for-ui-card.standard.tile-card-compact ui-card .card-compact-header .title:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .tile .banner .header-content .text .heading:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .tile .banner .header-content .text .heading.shrink:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .tile .banner .header-content .text .heading.extra-shrink:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .tile .banner .header-content .text .description:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-pane.widget-picker-pane ui-popover.widget-picker ui-popover-content h2:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .app-icon-button .app-displayname:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .compact-menu-header .header-title:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .static-tile-content .content-title-text:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .static-tile-content .content-list-items:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .static-tile-content .content-description-text:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .static-tile-content .external-link:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .adp-locked-tile:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content h2:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list h3:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list p:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-pane.for-ui-popup.standard.new-features ui-popup[role=dialog] .feature-content .feature-list ui-button.more-info:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-pane.modal-with-close-button>ui-popup[role=dialog] .modal-title:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-pane.modal-with-close-button>ui-popup[role=dialog] .modal-description:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] h2:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] .subheadline:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] h3:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] h4:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog] article.feature .body:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-pane.release-notes-modal.for-ui-popup.standard ui-popup[role=dialog].show-modal-header .modal-header:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) body:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .environment-sash:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .account-menu-popover ui-button.push.primary.activation-button:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-menu.cloudos-menu a:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-menu.cloudos-menu ui-menu-item:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-menu.account-menu ui-menu-item.header .name:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-menu.account-menu ui-menu-item.header .email:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-menu.app-switcher-menu.cloudos-menu ui-menu-item.app-switcher-heading:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-menu.app-switcher-menu.cloudos-menu .app-switcher-app-name:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

@media (max-width: 666px) {
    body:not([apple-system-font-capable]) ui-menu.cloudos-menu.creation-menu ui-menu-item:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) ui-menu.cloudos-menu.creation-menu .title:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-popover.standard.storage-warning-popover>ui-popover-content>a.storage-warning-popover-inner .text:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .announcement-container .content:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .announcement-container .content .title:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

@media (pointer: fine) {
    body:not([apple-system-font-capable]) .announcement-container .content .external-link a:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
    }

    body:not([apple-system-font-capable]) .announcement-container .content .external-link a svg:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):lang(zh-CN) {
        font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) .announcement-container .content .external-link a.active:not([aria-disabled=true]):not(.disabled):lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .announcement-container .content .external-link a:active:hover:not([aria-disabled=true]):not(.disabled):lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .announcement-container .content .external-link a svg.active:not([aria-disabled=true]):not(.disabled):lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .announcement-container .content .external-link a svg:active:hover:not([aria-disabled=true]):not(.disabled):lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .announcement-container .content .external-link a:focus:not([aria-disabled=true]):not(.disabled):lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .announcement-container .content .external-link a svg:focus:not([aria-disabled=true]):not(.disabled):lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .announcement-popover-inner .content:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .announcement-popover-inner .content .title:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .landing-page .application-title:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    body:not([apple-system-font-capable]) .landing-page .application-title:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
    }
}

@media (min-width: 760px) and (max-width:1164px) {
    body:not([apple-system-font-capable]) .landing-page .application-title:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) .landing-page .application-description:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    body:not([apple-system-font-capable]) .landing-page .application-description:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) .landing-page .landing-page-content ui-button.push.sign-in-button.redirect:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .landing-page .landing-page-content .description:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    body:not([apple-system-font-capable]) .landing-page .landing-page-content .description:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) .landing-page .landing-page-content .subdescription:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .landing-page .landing-page-content .unsupported-description:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

@media (min-width: 760px) and (max-width:1164px) {
    body:not([apple-system-font-capable]) .landing-page .landing-page-content .unsupported-description:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) .landing-page .landing-page-content .unsupported-subdescription:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

@media (min-width: 760px) and (max-width:1164px) {
    body:not([apple-system-font-capable]) .landing-page .landing-page-content .unsupported-subdescription:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) .landing-page .landing-page-content .external-link:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    body:not([apple-system-font-capable]) .landing-page .button-container.lite-account ui-button.sign-out-button:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) .landing-page .mail-faq h2:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    body:not([apple-system-font-capable]) .landing-page .mail-faq h2:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) .landing-page.unsupported-content.unsupported-account .unsupported-subdescription:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

@media (min-width: 760px) and (max-width:1164px) {
    body:not([apple-system-font-capable]) .landing-page.unsupported-content.unsupported-account .unsupported-subdescription:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) .hero-wrapper .landing-page-icloud-hero h1:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    body:not([apple-system-font-capable]) .hero-wrapper .landing-page-icloud-hero h1:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) ui-button.push.primary.sign-in-button:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .landing-page-tile .tile-title:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    body:not([apple-system-font-capable]) .landing-page-tile .tile-title:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) .landing-page-tile .tile-description:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .gcbd-branding-text:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    body:not([apple-system-font-capable]) .gcbd-branding-text:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) .info-tile .info-heading:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

@media (max-width: 760px) {
    body:not([apple-system-font-capable]) .info-tile .info-heading:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) .info-tile p:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

@media (max-width: 760px) {
    body:not([apple-system-font-capable]) .info-tile p:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) .info-tile a:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .info-tile.mail-landing-page-tile .info-heading:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    body:not([apple-system-font-capable]) .info-tile.mail-landing-page-tile .info-heading:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) .info-tile.mail-landing-page-tile p:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .accordion .accordion-item .accordion-title .accordion-title-text:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    body:not([apple-system-font-capable]) .accordion .accordion-item .accordion-title .accordion-title-text:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) .accordion .accordion-item .accordion-content .accordion-content-paragraph:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .legal-footer-content:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}